/*
Theme Name: Nason Magazine Blog Child
Theme URI: https://crthemes.com/theme/nason-optimized-personal-blog-wordpress-theme/
Template: nason-magazine-blog
Author: Mien Le
Author URI: https://crthemes.com/
Description: Nason Magazine Blog is a responsive WordPress personal blog, influencer and newspaper theme for WordPress. The theme’s elegant and minimalistic look makes it an attractive choice for bloggers and writers who aim to have a user-friendly and modern website. It’s created to work well with any sort of niche but has designs particular for: food, lifestyle, fashion, travel, and review websites. The theme is fast and fully search engine optimized (SEO friendly). Check the theme documentation and detail at: https://crthemes.com/theme/nason-optimized-personal-blog-wordpress-theme
Tags: custom-background,custom-logo,custom-colors,custom-menu,featured-images,threaded-comments,translation-ready,theme-options,footer-widgets,full-width-template,left-sidebar,right-sidebar,e-commerce,news,blog
Version: 1.1.0.1751863924
Updated: 2025-07-07 04:52:04

*/

@import url(../nason-magazine-blog/style.css);
.quform,
.quform * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.quform-rtl {
    direction: rtl;
    unicode-bidi: embed
}

.quform-cf:after,
.quform-cf:before,
.quform-child-elements:after,
.quform-child-elements:before,
.quform-element-row:after,
.quform-element-row:before {
    content: " ";
    display: table
}

.quform-cf:after,
.quform-child-elements:after,
.quform-element-row:after {
    clear: both
}

.quform-cf,
.quform-child-elements,
.quform-element-row {
    zoom: 1
}

.quform-js .quform-prevent-fouc {
    visibility: hidden
}

.quform input[type="checkbox"],
.quform input[type="radio"] {
    vertical-align: middle;
    width: auto;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin: 0
}

.quform button::-moz-focus-inner {
    border: 0
}

.quform :focus,
.quform a:focus {
    outline: 0
}

.quform input:focus,
.quform select:focus,
.quform textarea:focus {
    outline: 0
}

@font-face {
    font-family: QIconSet;
    font-weight: 400;
    font-style: normal
}

.quform-button-submit-default.quform-button-next.quform-button-animation-two>button:after,
.quform-captcha-image:before,
.quform-datepicker .k-calendar .k-nav-next span:before,
.quform-datepicker .k-calendar .k-nav-prev span:before,
.quform-edit-form-link i:before,
.quform-element-time .quform-field-iconi i:before,
.quform-loading-type-spinner-3 .quform-loading-spinner:before,
.select2-container--quform .select2-search--dropdown:before,
.select2-container--quform .select2-selection--multiple .select2-selection__rendered:before,
.select2-container--quform .select2-selection__arrow b,
[class*=" qicon-"],
[class^="qicon-"] {
    font-family: QIconSet !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.qicon-add_circle:before {
    content: "\e3bb"
}

.qicon-arrow_back:before {
    content: "\e5c5"
}

.qicon-arrow_forward:before {
    content: "\e5c9"
}

.qicon-check:before {
    content: "\e5cb"
}

.qicon-close:before {
    content: "\e5ce"
}

.qicon-remove_circle:before {
    content: "\e15e"
}

.qicon-schedule:before,
.quform-element-time .quform-field-iconi i:before {
    content: "\e8b5"
}

.qicon-mode_edit:before,
.quform-edit-form-link i:before {
    content: "\e254"
}

.qicon-favorite_border:before {
    content: "\e87e"
}

.qicon-file_upload:before {
    content: "\e2c6"
}

.qicon-star:before {
    content: "\e838"
}

.qicon-keyboard_arrow_down:before,
.select2-container--quform .select2-selection--multiple .select2-selection__rendered:before,
.select2-container--quform .select2-selection__arrow b:before {
    content: "\e313"
}

.qicon-keyboard_arrow_up:before,
.select2-container--quform.select2-container--open .select2-selection--multiple .select2-selection__rendered:before,
.select2-container--quform.select2-container--open .select2-selection__arrow b:before {
    content: "\e316"
}

.qicon-send:before {
    content: "\e163"
}

.qicon-thumb_down:before {
    content: "\e8db"
}

.qicon-thumb_up:before {
    content: "\e8dc"
}

.qicon-refresh:before,
.quform-captcha-image:before {
    content: "\f021"
}

.qicon-question-circle:before {
    content: "\f059"
}

.qicon-calendar:before {
    content: "\f073"
}

.qicon-qicon-star-half:before {
    content: "\f123"
}

.qicon-paper-plane:before,
.quform-loading-type-spinner-3 .quform-loading-spinner:before {
    content: "\f1d9"
}

.qicon-search:before,
.select2-container--quform .select2-search--dropdown:before {
    content: "\e8b6"
}

.quform .fa {
    font-family: FontAwesome;
    font-weight: 400
}

.quform {
    max-width: 100%
}

.quform-position-center {
    margin: 0 auto
}

.quform-position-right {
    margin: 0 0 0 auto
}

.quform-form-inner {
    position: relative
}

.quform .quform-elements {
    margin: 0;
    padding: 0
}

.quform .quform-element {
    position: relative
}

.quform-spacer {
    padding: 0 0 15px 0;
    margin: 0 0 5px 0
}

.quform .quform-element-group>.quform-spacer,
.quform .quform-inner-name .quform-spacer {
    padding: 0;
    margin: 0
}

.quform-input {
    position: relative;
    max-width: 100%;
    margin: 0 0 3px 0
}

.quform-hidden {
    display: none
}

.quform-label>label>.quform-required {
    color: #cc0101;
    margin: 0 0 0 5px;
    font-size: 90%
}

.quform-rtl .quform-label>label>.quform-required {
    margin: 0 5px 0 0
}

.quform .quform-field-captcha,
.quform .quform-field-date,
.quform .quform-field-email,
.quform .quform-field-file,
.quform .quform-field-multiselect,
.quform .quform-field-password,
.quform .quform-field-select,
.quform .quform-field-text,
.quform .quform-field-textarea,
.quform .quform-field-time,
.quform .select2-container--quform .select2-selection {
    display: block;
    margin: 0;
    min-width: 10px;
    max-width: 100%;
    width: 100%;
    padding: 8px;
    height: auto;
    line-height: 1.5;
    font-size: 1em;
    border: 1px solid #e3e3e3
}

.quform .quform-field-file {
    line-height: 1;
    border: 0;
    background-color: #fff0;
    padding: 0
}

.quform-field-multiselect {
    resize: vertical
}

.quform .quform-field-captcha,
.quform .quform-field-date,
.quform .quform-field-email,
.quform .quform-field-password,
.quform .quform-field-text,
.quform .quform-field-textarea,
.quform .quform-field-time {
    -webkit-appearance: none
}

.select2-container--quform.select2-container--above.select2-container--open .select2-selection {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--quform.select2-container--below.select2-container--open .select2-selection {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--quform .select2-selection .select2-selection__rendered {
    padding-left: 0
}

.quform .quform-input-multiselect .select2-container--quform .select2-selection {
    padding-bottom: 0;
    padding-top: 0
}

.select2-container--quform .select2-selection--multiple .select2-selection__rendered {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    list-style: none;
    margin: 0;
    width: 100%;
    padding: 0
}

.select2-container--quform .select2-selection--multiple .select2-selection__choice {
    position: relative;
    float: left;
    margin: 8px 4px 8px 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: inherit;
    line-height: 1.5;
    list-style: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 27px 0 12px;
    border-radius: 0;
    background: #ddd none;
    background: #fcfcfc;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252 252 252 / .05)), to(rgb(0 0 0 / .1)));
    background-image: linear-gradient(to bottom, rgb(252 252 252 / .05) 0, rgb(0 0 0 / .1) 100%);
    border: 1px solid #ddd;
    color: #666
}

.select2-container--quform .select2-selection--multiple .select2-selection__choice__remove {
    position: absolute;
    top: 50%;
    right: 8px;
    height: 14px;
    line-height: 14px;
    margin-top: -7px;
    font-weight: 700
}

.select2-container--quform .select2-selection--multiple {
    min-height: 10px
}

.select2-container--quform .select2-search--inline {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-container--quform .select2-search--inline .select2-search__field {
    font-size: 1em;
    line-height: 1.5;
    height: auto;
    border: 0;
    border-radius: 0;
    margin: 8px 0 8px 0;
    padding: 0;
    background-color: #fff0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-appearance: textfield
}

.select2-container--quform .select2-search--inline:first-child,
.select2-container--quform .select2-search--inline:first-child .select2-search__field {
    width: 100% !important
}

.select2-container--quform .select2-selection--multiple .select2-selection__rendered:before,
.select2-container--quform .select2-selection__arrow {
    position: absolute;
    top: 50%;
    right: 6px;
    bottom: auto;
    left: auto;
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin-top: -9px;
    font-size: 16px;
    color: #111
}

.quform-rtl .select2-container--quform .select2-selection--multiple .select2-selection__rendered:before,
.quform-rtl .select2-container--quform .select2-selection__arrow {
    right: auto;
    left: 6px
}

.select2-container--quform .select2-selection__arrow b {
    display: inline-block
}

.select2-container--quform .select2-dropdown {
    border-radius: 0;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
    z-index: 100000
}

.select2-container--quform .select2-dropdown--above {
    border-bottom: none
}

.select2-container--quform .select2-dropdown--below {
    border-top: none
}

.select2-container--quform .select2-search--dropdown {
    position: relative;
    padding: 0;
    margin: 0
}

.select2-container--quform .select2-search--dropdown .select2-search__field {
    border: 0 solid #ddd;
    border-bottom-width: 1px;
    margin: 0;
    line-height: inherit;
    padding: 8px 34px 8px 15px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.quform-rtl .select2-container--quform .select2-search--dropdown .select2-search__field {
    padding: 8px 15px 8px 34px
}

.select2-container--quform .select2-search--dropdown:before {
    font-size: 14px;
    height: 22px;
    line-height: 22px;
    margin-top: -11px;
    position: absolute;
    right: 8px;
    top: 50%
}

.quform-rtl .select2-container--quform .select2-search--dropdown:before {
    left: 8px;
    right: auto
}

.select2-container--quform .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--quform .select2-results__option {
    margin-bottom: 0;
    padding: 8px 15px;
    border-top: 1px solid #fff0;
    border-bottom: 1px solid #fff0;
    line-height: 15px
}

.select2-container--quform .select2-results__option:first-child {
    border-top: none
}

.select2-container--quform .select2-results__option:last-child {
    border-bottom: none
}

.select2-container--quform .select2-results__option[role="group"] {
    padding: 0
}

.select2-container--quform .select2-results__group {
    display: block;
    padding: 8px 15px;
    font-weight: 700
}

.select2-container--quform .select2-results__options[aria-multiselectable="true"] .select2-results__option[aria-selected="true"] {
    background-color: #fff0;
    color: #ccc;
    border-color: #fff0
}

.select2-container--quform .select2-results__option--highlighted[aria-selected] {
    background-color: #fcfcfc;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252 252 252 / .05)), to(rgb(0 0 0 / .1)));
    background-image: linear-gradient(to bottom, rgb(252 252 252 / .05) 0, rgb(0 0 0 / .1) 100%);
    border-color: #ddd;
    color: #666
}

.select2-dropdown ul li {
    margin: 0;
    list-style: none
}

.quform .quform-field-textarea {
    height: 200px
}

.quform-input-captcha,
.quform-input-date,
.quform-input-email,
.quform-input-file,
.quform-input-multiselect,
.quform-input-password,
.quform-input-select,
.quform-input-text,
.quform-input-textarea,
.quform-input-time,
.select2-container--quform .select2-selection {
    width: 100%
}

.quform-field-size-slim>.quform-input>.quform-field-captcha,
.quform-field-size-slim>.quform-input>.quform-field-date,
.quform-field-size-slim>.quform-input>.quform-field-email,
.quform-field-size-slim>.quform-input>.quform-field-multiselect,
.quform-field-size-slim>.quform-input>.quform-field-password,
.quform-field-size-slim>.quform-input>.quform-field-select,
.quform-field-size-slim>.quform-input>.quform-field-text,
.quform-field-size-slim>.quform-input>.quform-field-textarea,
.quform-field-size-slim>.quform-input>.select2-container--quform .select2-selection,
.quform-field-size-slim>.quform-input>span>span>.quform-field-date,
.quform-field-size-slim>.quform-input>span>span>.quform-field-time,
.quform-upload-file {
    padding: 5px;
    font-size: 90%
}

.quform-field-size-slim>.quform-input>.quform-field-textarea {
    height: 100px
}

.quform-field-size-slim>.quform-input>.select2-container--quform .select2-selection--multiple {
    padding-top: 0;
    padding-bottom: 0
}

.quform-field-size-slim>.quform-input>.select2-container--quform .select2-search--inline .select2-search__field,
.quform-field-size-slim>.quform-input>.select2-container--quform .select2-selection--multiple .select2-selection__choice {
    margin-top: 4px;
    margin-bottom: 4px
}

.quform-field-size-fat>.quform-input>.quform-field-captcha,
.quform-field-size-fat>.quform-input>.quform-field-date,
.quform-field-size-fat>.quform-input>.quform-field-email,
.quform-field-size-fat>.quform-input>.quform-field-multiselect,
.quform-field-size-fat>.quform-input>.quform-field-password,
.quform-field-size-fat>.quform-input>.quform-field-select,
.quform-field-size-fat>.quform-input>.quform-field-text,
.quform-field-size-fat>.quform-input>.quform-field-textarea,
.quform-field-size-fat>.quform-input>.quform-field-time,
.quform-field-size-fat>.quform-input>.select2-container--quform .select2-selection,
.quform-field-size-fat>.quform-input>span>span>.quform-field-date,
.quform-field-size-fat>.quform-input>span>span>.quform-field-time {
    padding: 14px;
    font-size: 110%
}

.quform-field-size-fat>.quform-input>.quform-field-textarea {
    height: 300px
}

.quform-field-size-fat>.quform-input>.select2-container--quform .select2-selection--multiple {
    padding-top: 6px;
    padding-bottom: 6px
}

.quform-field-size-huge>.quform-input>.quform-field-captcha,
.quform-field-size-huge>.quform-input>.quform-field-date,
.quform-field-size-huge>.quform-input>.quform-field-email,
.quform-field-size-huge>.quform-input>.quform-field-multiselect,
.quform-field-size-huge>.quform-input>.quform-field-password,
.quform-field-size-huge>.quform-input>.quform-field-select,
.quform-field-size-huge>.quform-input>.quform-field-text,
.quform-field-size-huge>.quform-input>.quform-field-textarea,
.quform-field-size-huge>.quform-input>.quform-field-time,
.quform-field-size-huge>.quform-input>.select2-container--quform .select2-selection,
.quform-field-size-huge>.quform-input>span>span>.quform-field-date,
.quform-field-size-huge>.quform-input>span>span>.quform-field-time {
    padding: 22px;
    font-size: 120%
}

.quform-field-size-huge>.quform-input>.quform-field-textarea {
    height: 400px
}

.quform-field-size-huge>.quform-input>.select2-container--quform .select2-selection--multiple {
    padding-top: 14px;
    padding-bottom: 14px
}

.quform-field-size-slim>.quform-error>.quform-error-inner {
    padding-top: 1px;
    padding-bottom: 1px;
    font-size: 85%
}

.quform-field-size-fat>.quform-error>.quform-error-inner {
    padding-top: 6px;
    padding-bottom: 6px
}

.quform-field-size-huge>.quform-error>.quform-error-inner {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 110%
}

.quform-button-width-tiny .quform-loading-position-center,
.quform-button-width-tiny .quform-option-label,
.quform-button-width-tiny>.quform-upload-button,
.quform-element-submit.quform-button-width-tiny button,
.quform-field-width-tiny>.quform-input,
.quform-field-width-tiny>.quform-upload-dropzone {
    width: 100px
}

.quform-button-width-small .quform-loading-position-center,
.quform-button-width-small .quform-option-label,
.quform-button-width-small>.quform-upload-button,
.quform-element-submit.quform-button-width-small button,
.quform-field-width-small .quform-upload-dropzone,
.quform-field-width-small>.quform-input {
    width: 200px
}

.quform-button-width-medium .quform-loading-position-center,
.quform-button-width-medium .quform-option-label,
.quform-button-width-medium>.quform-upload-button,
.quform-element-submit.quform-button-width-medium button,
.quform-field-width-medium .quform-upload-dropzone,
.quform-field-width-medium>.quform-input {
    width: 300px
}

.quform-button-width-large .quform-loading-position-center,
.quform-button-width-large .quform-option-label,
.quform-button-width-large>.quform-upload-button,
.quform-element-submit.quform-button-width-large button,
.quform-field-width-large .quform-upload-dropzone,
.quform-field-width-large>.quform-input {
    width: 400px
}

.quform-field-width-tiny>.quform-error>.quform-error-inner {
    float: left;
    width: 100px
}

.quform-field-width-small>.quform-error>.quform-error-inner {
    float: left;
    width: 200px
}

.quform-field-width-medium>.quform-error>.quform-error-inner {
    float: left;
    width: 300px
}

.quform-field-width-large>.quform-error>.quform-error-inner {
    float: left;
    width: 400px
}

.quform-rtl .quform-field-width-large>.quform-error>.quform-error-inner,
.quform-rtl .quform-field-width-medium>.quform-error>.quform-error-inner,
.quform-rtl .quform-field-width-small>.quform-error>.quform-error-inner,
.quform-rtl .quform-field-width-tiny>.quform-error>.quform-error-inner {
    float: right
}

.quform-element-submit.quform-button-width-full>.quform-button-next-default,
.quform-element-submit.quform-button-width-full>.quform-button-submit-default {
    width: 70%;
    float: right;
    margin-right: 0
}

.quform-element-submit.quform-button-width-full>.quform-button-back-default {
    width: 28%;
    float: left;
    margin-right: 0
}

.quform-element-page.quform-first-page .quform-element-submit.quform-button-width-full>.quform-button-back-default,
.quform-element-page.quform-first-page .quform-element-submit.quform-button-width-full>.quform-button-next-default,
.quform-element-page.quform-first-page .quform-element-submit.quform-button-width-full>.quform-button-submit-default {
    float: none;
    clear: both;
    width: 100%;
    margin-right: 0;
    margin-left: 0
}

.quform-button-width-full>.quform-upload-button,
.quform-element-submit.quform-button-width-full button {
    width: 100%
}

.quform-button-width-full.quform-options-style-button .quform-option {
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

.quform-button-width-full.quform-options-style-button .quform-option-label {
    width: 100%;
    margin-left: 0;
    margin-right: 0
}

.quform-field-icon {
    pointer-events: none
}

.quform-field-icon,
.quform-upload-file-remove {
    position: absolute;
    top: 50%;
    margin-top: -9px;
    height: 18px;
    line-height: 18px;
    width: 18px;
    font-size: 14px;
    text-align: center
}

.quform-input-date>.quform-field-icon,
.quform-input-time>.quform-field-icon {
    pointer-events: auto
}

.quform-elements .quform-input-textarea .quform-field-icon-left,
.quform-elements .quform-input-textarea .quform-field-icon-right {
    top: 11px;
    margin-top: 0
}

.quform-elements .quform-field-size-slim .quform-input-textarea .quform-field-icon-left,
.quform-elements .quform-field-size-slim .quform-input-textarea .quform-field-icon-right {
    top: 7px
}

.quform-elements .quform-field-size-huge .quform-input-textarea .quform-field-icon-left,
.quform-elements .quform-field-size-huge .quform-input-textarea .quform-field-icon-right {
    top: 26px
}

.quform-elements .quform-field-size-fat .quform-input-textarea .quform-field-icon-left,
.quform-elements .quform-field-size-fat .quform-input-textarea .quform-field-icon-right {
    top: 18px
}

.quform-field-icon-left {
    left: 12px
}

.quform-field-size-slim>.quform-has-field-icon-left>.quform-field-icon-left {
    left: 8px
}

.quform-field-size-fat>.quform-has-field-icon-left>.quform-field-icon-left {
    left: 19px
}

.quform-field-size-huge>.quform-has-field-icon-left>.quform-field-icon-left {
    left: 27px;
    font-size: 18px
}

.quform-field-icon-right,
.quform-upload-file-remove {
    right: 12px
}

.quform-field-size-slim .quform-upload-file-remove,
.quform-field-size-slim>.quform-has-field-icon-right>.quform-field-icon-right {
    right: 8px
}

.quform-field-size-fat .quform-upload-file-remove,
.quform-field-size-fat>.quform-has-field-icon-right>.quform-field-icon-right {
    right: 19px
}

.quform-field-size-huge .quform-upload-file-remove,
.quform-field-size-huge>.quform-has-field-icon-right>.quform-field-icon-right {
    right: 27px;
    font-size: 18px
}

.quform-input-date .quform-field-icon,
.quform-input-time .quform-field-icon {
    cursor: pointer
}

.quform .quform-has-field-icon-left>.quform-field-captcha,
.quform .quform-has-field-icon-left>.quform-field-date,
.quform .quform-has-field-icon-left>.quform-field-email,
.quform .quform-has-field-icon-left>.quform-field-password,
.quform .quform-has-field-icon-left>.quform-field-text,
.quform .quform-has-field-icon-left>.quform-field-textarea,
.quform .quform-has-field-icon-left>.quform-field-time,
.quform .quform-has-field-icon-left>span>span>.quform-field-date,
.quform .quform-has-field-icon-left>span>span>.quform-field-time {
    padding-left: 36px
}

.quform .quform-has-field-icon-right>.quform-field-captcha,
.quform .quform-has-field-icon-right>.quform-field-date,
.quform .quform-has-field-icon-right>.quform-field-email,
.quform .quform-has-field-icon-right>.quform-field-password,
.quform .quform-has-field-icon-right>.quform-field-text,
.quform .quform-has-field-icon-right>.quform-field-textarea,
.quform .quform-has-field-icon-right>.quform-field-time,
.quform .quform-has-field-icon-right>span>span>.quform-field-date,
.quform .quform-has-field-icon-right>span>span>.quform-field-time {
    padding-right: 36px
}

.quform .quform-field-size-slim .quform-has-field-icon-left>.quform-field-captcha,
.quform .quform-field-size-slim .quform-has-field-icon-left>.quform-field-date,
.quform .quform-field-size-slim .quform-has-field-icon-left>.quform-field-email,
.quform .quform-field-size-slim .quform-has-field-icon-left>.quform-field-password,
.quform .quform-field-size-slim .quform-has-field-icon-left>.quform-field-select,
.quform .quform-field-size-slim .quform-has-field-icon-left>.quform-field-text,
.quform .quform-field-size-slim .quform-has-field-icon-left>.quform-field-textarea,
.quform .quform-field-size-slim .quform-has-field-icon-left>span>span>.quform-field-date,
.quform .quform-field-size-slim .quform-has-field-icon-left>span>span>.quform-field-time {
    padding-left: 28px
}

.quform .quform-field-size-slim .quform-has-field-icon-right>.quform-field-captcha,
.quform .quform-field-size-slim .quform-has-field-icon-right>.quform-field-date,
.quform .quform-field-size-slim .quform-has-field-icon-right>.quform-field-email,
.quform .quform-field-size-slim .quform-has-field-icon-right>.quform-field-password,
.quform .quform-field-size-slim .quform-has-field-icon-right>.quform-field-select,
.quform .quform-field-size-slim .quform-has-field-icon-right>.quform-field-text,
.quform .quform-field-size-slim .quform-has-field-icon-right>.quform-field-textarea,
.quform .quform-field-size-slim .quform-has-field-icon-right>span>span>.quform-field-date,
.quform .quform-field-size-slim .quform-has-field-icon-right>span>span>.quform-field-time {
    padding-right: 28px
}

.quform .quform-field-size-fat .quform-has-field-icon-left>.quform-field-captcha,
.quform .quform-field-size-fat .quform-has-field-icon-left>.quform-field-date,
.quform .quform-field-size-fat .quform-has-field-icon-left>.quform-field-email,
.quform .quform-field-size-fat .quform-has-field-icon-left>.quform-field-password,
.quform .quform-field-size-fat .quform-has-field-icon-left>.quform-field-select,
.quform .quform-field-size-fat .quform-has-field-icon-left>.quform-field-text,
.quform .quform-field-size-fat .quform-has-field-icon-left>.quform-field-textarea,
.quform .quform-field-size-fat .quform-has-field-icon-left>span>span>.quform-field-date,
.quform .quform-field-size-fat .quform-has-field-icon-left>span>span>.quform-field-time {
    padding-left: 52px
}

.quform .quform-field-size-fat .quform-has-field-icon-right>.quform-field-captcha,
.quform .quform-field-size-fat .quform-has-field-icon-right>.quform-field-date,
.quform .quform-field-size-fat .quform-has-field-icon-right>.quform-field-email,
.quform .quform-field-size-fat .quform-has-field-icon-right>.quform-field-password,
.quform .quform-field-size-fat .quform-has-field-icon-right>.quform-field-select,
.quform .quform-field-size-fat .quform-has-field-icon-right>.quform-field-text,
.quform .quform-field-size-fat .quform-has-field-icon-right>.quform-field-textarea,
.quform .quform-field-size-fat .quform-has-field-icon-right>span>span>.quform-field-date,
.quform .quform-field-size-fat .quform-has-field-icon-right>span>span>.quform-field-time {
    padding-right: 52px
}

.quform .quform-field-size-huge .quform-has-field-icon-left>.quform-field-captcha,
.quform .quform-field-size-huge .quform-has-field-icon-left>.quform-field-date,
.quform .quform-field-size-huge .quform-has-field-icon-left>.quform-field-email,
.quform .quform-field-size-huge .quform-has-field-icon-left>.quform-field-password,
.quform .quform-field-size-huge .quform-has-field-icon-left>.quform-field-select,
.quform .quform-field-size-huge .quform-has-field-icon-left>.quform-field-text,
.quform .quform-field-size-huge .quform-has-field-icon-left>.quform-field-textarea,
.quform .quform-field-size-huge .quform-has-field-icon-left>span>span>.quform-field-date,
.quform .quform-field-size-huge .quform-has-field-icon-left>span>span>.quform-field-time {
    padding-left: 66px
}

.quform .quform-field-size-huge .quform-has-field-icon-right>.quform-field-captcha,
.quform .quform-field-size-huge .quform-has-field-icon-right>.quform-field-date,
.quform .quform-field-size-huge .quform-has-field-icon-right>.quform-field-email,
.quform .quform-field-size-huge .quform-has-field-icon-right>.quform-field-password,
.quform .quform-field-size-huge .quform-has-field-icon-right>.quform-field-select,
.quform .quform-field-size-huge .quform-has-field-icon-right>.quform-field-text,
.quform .quform-field-size-huge .quform-has-field-icon-right>.quform-field-textarea,
.quform .quform-field-size-huge .quform-has-field-icon-right>span>span>.quform-field-date,
.quform .quform-field-size-huge .quform-has-field-icon-right>span>span>.quform-field-time {
    padding-right: 66px
}

.quform-input-date .k-datepicker,
.quform-input-time .k-timepicker {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    overflow: visible;
    width: 100%;
    max-width: 100%;
    background: 0 0;
    line-height: 0
}

.quform-input-date .k-picker-wrap {
    display: block;
    cursor: default;
    position: relative
}

.quform-input-date .k-picker-wrap.k-state-default,
.quform-input-time .k-picker-wrap.k-state-default {
    -webkit-box-shadow: none;
    box-shadow: none
}

.quform-input-date .k-picker-wrap:before,
.quform-input-time .k-picker-wrap:before {
    height: auto;
    padding: 0
}

.quform .quform-element-date .k-picker-wrap.k-state-default,
.quform .quform-element-time .k-picker-wrap.k-state-default {
    padding: 0;
    border-radius: 0;
    height: auto;
    border: none;
    background: 0 0;
    position: relative
}

.quform .quform-element-date.quform-icon-outside .k-picker-wrap.k-state-default,
.quform .quform-element-time.quform-icon-outside .k-picker-wrap.k-state-default {
    padding: 0 37px 0 0 !important
}

.quform-rtl .quform .quform-element-date.quform-icon-outside .k-picker-wrap.k-state-default,
.quform-rtl .quform .quform-element-time.quform-icon-outside .k-picker-wrap.k-state-default {
    padding: 0 0 0 37px !important
}

.quform .quform-element-date.quform-icon-outside .k-picker-wrap.k-state-default>.quform-field-date-enhanced,
.quform .quform-element-time.quform-icon-outside .k-picker-wrap.k-state-default>.quform-field-time-enhanced {
    padding-right: 0
}

.quform-rtl .quform .quform-element-date.quform-icon-outside .k-picker-wrap.k-state-default>.quform-field-date-enhanced,
.quform-rtl .quform .quform-element-time.quform-icon-outside .k-picker-wrap.k-state-default>.quform-field-time-enhanced {
    padding-left: 0
}

.quform-datepicker {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: #fff0
}

.quform-datepicker .k-calendar {
    position: relative;
    display: inline-block;
    width: 19em;
    overflow: hidden;
    line-height: normal;
    outline: 0;
    border: none 0;
    -webkit-appearance: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: #fff0
}

.quform-datepicker .k-calendar .k-footer,
.quform-datepicker .k-calendar .k-header {
    margin: 0 -5px;
    position: relative;
    text-align: center;
    zoom: 1;
    font-weight: 500;
    background-color: #14181c
}

.quform-datepicker .k-calendar .k-header .k-state-hover {
    background-color: #14181c
}

.quform-datepicker .k-calendar .k-header .k-nav-next,
.quform-datepicker .k-calendar .k-header .k-nav-prev {
    position: absolute;
    top: .429em;
    line-height: 2.571em;
    height: 2.571em;
    width: 2.571em
}

.quform-datepicker .k-calendar .k-header .k-nav-next.k-state-disabled,
.quform-datepicker .k-calendar .k-header .k-nav-prev.k-state-disabled {
    opacity: .5
}

.quform-datepicker .k-calendar .k-nav-next span,
.quform-datepicker .k-calendar .k-nav-prev span {
    font-size: 1em
}

.quform-datepicker .k-calendar .k-nav-next span:before {
    content: "\e5c9"
}

.quform-datepicker .k-calendar .k-nav-prev span:before {
    content: "\e5c5"
}

.quform-datepicker .k-calendar .k-nav-next {
    right: .429em
}

.quform-datepicker .k-calendar .k-nav-prev {
    left: .429em
}

.quform-datepicker .k-calendar .k-nav-fast {
    display: inline-block;
    width: 65%;
    height: 2.571em;
    line-height: 2.571em;
    margin: .429em -.08333em .429em 0
}

.quform-datepicker .k-calendar .k-footer .k-link,
.quform-datepicker .k-calendar .k-header .k-link {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none
}

.quform-datepicker .k-calendar .k-content {
    float: left;
    border-spacing: 0;
    width: 100%;
    height: 14.167em;
    margin: 0;
    table-layout: fixed;
    outline: 0;
    -webkit-tap-highlight-color: #fff0
}

.quform-datepicker .k-calendar .k-content,
.quform-datepicker .k-calendar .k-content td,
.quform-datepicker .k-calendar .k-content th {
    text-align: center;
    background-color: #fff;
    border: none
}

.quform-datepicker .k-calendar .k-content {
    -webkit-box-shadow: 0 -1px 0 0 rgb(0 0 0 / .1) inset;
    box-shadow: 0 -1px 0 0 rgb(0 0 0 / .1) inset
}

.quform-datepicker .k-calendar .k-content td,
.quform-datepicker .k-calendar .k-content th {
    vertical-align: middle;
    padding: .429em
}

.quform-datepicker .k-calendar .k-content th {
    font-weight: 700
}

.quform-datepicker .k-calendar .k-content td {
    cursor: pointer;
    border-radius: 0
}

.quform-datepicker .k-calendar .k-content td.k-other-month {
    background-color: #f7f7f7
}

.quform-datepicker .k-calendar .k-content .k-link {
    color: #333;
    text-decoration: none;
    display: block;
    overflow: hidden;
    min-height: 1.8333em;
    line-height: 1.8333em
}

.quform-datepicker .k-calendar .k-content .k-link:hover {
    text-decoration: none
}

.quform-datepicker .k-calendar .k-content .k-other-month .k-link {
    color: #999
}

.quform-datepicker .k-calendar .k-content .k-state-disabled {
    opacity: .7;
    cursor: default !important
}

.quform-datepicker .k-calendar .k-content .k-state-disabled .k-link {
    color: #999 !important;
    cursor: default !important
}

.quform-datepicker .k-calendar .k-footer {
    text-transform: uppercase;
    margin: 0 -5px;
    clear: both;
    position: relative;
    text-align: center;
    zoom: 1;
    top: -1px;
    padding: 5px;
    font-size: 90%
}

.quform-timepicker {
    background: #fff
}

.quform-timepicker.k-list-container.k-popup {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border: solid 1px #ddd;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 2px 0;
    padding: 0;
    overflow: auto;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: #fff0
}

.quform-timepicker.k-popup ul.k-list {
    margin: 0;
    padding: 0;
    height: auto;
    list-style: none
}

.quform-timepicker.k-popup ul.k-list li.k-item {
    color: #333;
    list-style: none;
    min-height: 15px;
    line-height: 15px;
    margin: 0;
    border: 0 none #fff0;
    padding: 8px 15px;
    border-top: 1px solid #fff0;
    border-bottom: 1px solid #fff0;
    cursor: pointer;
    font-size: inherit
}

.quform-rtl .quform-timepicker.k-popup ul.k-list li.k-item {
    text-align: right
}

.quform-timepicker.k-popup ul.k-list li.k-item.k-state-hover {
    background: #fcfcfc;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252 252 252 / .05)), to(rgb(0 0 0 / .1)));
    background-image: linear-gradient(to bottom, rgb(252 252 252 / .05) 0, rgb(0 0 0 / .1) 100%);
    border-color: #ddd;
    color: #000
}

.quform-datepicker .k-calendar td.k-state-focused,
.quform-datepicker .k-calendar td.k-state-selected.k-state-focused {
    background: #fcfcfc;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252 252 252 / .05)), to(rgb(0 0 0 / .05)));
    background-image: linear-gradient(to bottom, rgb(252 252 252 / .05) 0, rgb(0 0 0 / .05) 100%);
    -webkit-box-shadow: 0 0 0 1px rgb(0 0 0 / .05) inset;
    box-shadow: 0 0 0 1px rgb(0 0 0 / .05) inset;
    color: #000;
    font-weight: 700
}

.quform-timepicker.k-popup ul.k-list li.k-item:last-child {
    border-bottom-width: 0
}

.quform-timepicker.k-popup ul.k-list li.k-item:first-child {
    border-top-width: 0
}

.quform-timepicker.k-popup ul.k-list li.k-item.k-state-selected {
    font-weight: 700
}

.quform-timepicker .k-list>.k-state-hover {
    background-color: #ebebeb
}

.quform-label {
    margin-bottom: 3px;
    vertical-align: middle
}

.quform-label>label {
    display: inline-block;
    float: none;
    width: auto;
    cursor: default
}

.quform-label>label[for] {
    cursor: pointer
}

.quform-label-icon {
    margin: 0 5px 0 0
}

.quform-rtl .quform-label-icon {
    margin: 0 0 0 5px
}

.quform-upload-progress-wrap {
    display: none;
    margin: 5px 0
}

.quform-upload-progress-bar-wrap {
    background: #eee
}

.quform-upload-progress-bar {
    width: 0;
    height: 8px;
    background: #7ec100
}

.quform-upload-info {
    padding-top: 3px
}

.quform-upload-info>div {
    float: left;
    display: inline-block;
    padding: 0 10px;
    font-size: 80%
}

.quform-upload-error {
    display: none;
    padding: 3px;
    background: #f3cac7
}

.quform-upload-info>div:first-child {
    padding-left: 2px
}

.quform-rtl .quform-upload-info>div:first-child {
    padding-left: 0;
    padding-right: 2px
}

.quform-file-queue {
    display: none;
    padding-bottom: 5px
}

.quform-upload-files {
    margin-top: 10px
}

.quform-upload-file {
    float: left;
    display: inline-block;
    background: #fff;
    color: #000;
    border: 1px solid #e3e3e3;
    padding: 8px 0 8px 15px;
    margin: 0 5px 5px 0;
    position: relative;
    overflow: hidden;
    max-width: 100%;
    font-size: 90%
}

.quform-rtl .quform-upload-file {
    float: right;
    padding-left: 0;
    padding-right: 15px;
    margin: 0 0 5px 5px
}

.quform-upload-files-block .quform-upload-files .quform-upload-file {
    display: block;
    float: none
}

.quform-upload-files-size-slim .quform-upload-files .quform-upload-file {
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 70%
}

.quform-upload-files-size-medium .quform-upload-files .quform-upload-file {
    padding-top: 8px;
    padding-bottom: 8px
}

.quform-upload-files-size-fat .quform-upload-files .quform-upload-file {
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 100%
}

.quform-upload-files-size-huge .quform-upload-files .quform-upload-file {
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 120%
}

.quform-upload-file-name {
    display: block;
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    margin-right: 35px;
    line-height: 1.5;
    text-overflow: ellipsis
}

.quform-rtl .quform-upload-file-name {
    margin-right: 0;
    margin-left: 35px
}

.quform-10-columns .quform-upload-file,
.quform-11-columns .quform-upload-file,
.quform-12-columns .quform-upload-file,
.quform-13-columns .quform-upload-file,
.quform-14-columns .quform-upload-file,
.quform-15-columns .quform-upload-file,
.quform-16-columns .quform-upload-file,
.quform-17-columns .quform-upload-file,
.quform-18-columns .quform-upload-file,
.quform-19-columns .quform-upload-file,
.quform-20-columns .quform-upload-file,
.quform-3-columns .quform-upload-file,
.quform-4-columns .quform-upload-file,
.quform-5-columns .quform-upload-file,
.quform-6-columns .quform-upload-file,
.quform-7-columns .quform-upload-file,
.quform-8-columns .quform-upload-file,
.quform-9-columns .quform-upload-file {
    width: 100%;
    float: none;
    margin-right: 0;
    display: block
}

.quform-upload-file.quform-uploaded .quform-upload-file-name {
    margin-right: 43px
}

.quform-rtl .quform-upload-file.quform-uploaded .quform-upload-file-name {
    margin-right: 0;
    margin-left: 43px
}

.quform-upload-file-remove {
    cursor: pointer;
    display: inline-block
}

.quform-upload-file-remove:after,
.quform-upload-file-remove:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 10px;
    top: 50%;
    left: 3px;
    margin-top: -1px;
    background: #000
}

.quform-upload-file-remove:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.quform-upload-file-remove:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.quform-rtl .quform-upload-file-remove {
    right: auto;
    left: 10px
}

.quform-upload-tick {
    float: left;
    margin-right: 12px
}

.quform-upload-tick i {
    font-weight: 700
}

.quform-rtl .quform-upload-tick {
    float: right;
    margin-left: 12px;
    margin-right: 0
}

.quform-upload-button,
.quform-upload-dropzone {
    position: relative;
    text-align: center;
    background-color: #fff;
    overflow: hidden;
    color: #111
}

.quform-upload-button {
    max-width: 100%;
    font-size: inherit;
    line-height: inherit;
    float: left;
    padding: 8px 12px;
    border: 1px solid #e3e3e3
}

.quform-rtl .quform-upload-button {
    float: right
}

.quform-upload-dropzone {
    float: none;
    width: 100%;
    border: 2px dashed #e3e3e3;
    font-size: 120%;
    padding: 45px 15px;
    text-align: center;
    max-width: 100%
}

.quform-upload-button ::-ms-browse {
    width: 100%;
    font-size: 1000px
}

.quform-upload-button ::-ms-value {
    display: none
}

.quform-upload-button ::-webkit-file-upload-button {
    cursor: pointer
}

.quform-upload-button .quform-field-file,
.quform-upload-dropzone .quform-field-file {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0 !important;
    width: 100%;
    height: 100%;
    text-align: right;
    margin: 0;
    padding: 0;
    border: 0;
    cursor: pointer
}

.quform-rtl .quform-upload-button .quform-field-file {
    left: auto;
    right: 0
}

.quform-description {
    margin: 0;
    padding: 3px 0;
    font-size: 80%;
    font-style: italic
}

.quform-description-above {
    margin-bottom: 3px
}

.quform-sub-label {
    display: block;
    vertical-align: middle;
    float: none;
    margin: 0 0 3px 0;
    font-size: 80%;
    line-height: 1.5
}

.quform-options {
    margin: 0;
    padding: 0
}

.quform-option {
    margin: 0;
    padding: 0;
    min-height: 25px;
    position: relative;
    display: block
}

.quform-option .quform-option-label {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    padding-left: 8px;
    float: none;
    margin: 0;
    background-size: cover;
    cursor: pointer;
    max-width: 100%
}

.quform-options-simple .quform-option .quform-option-label {
    display: inline
}

.quform-rtl .quform-option .quform-option-label {
    padding-left: 0;
    padding-right: 8px
}

.quform-field-checkbox,
.quform-field-radio {
    margin: 0
}

.quform .quform-options-style-input-hidden .quform-option-label {
    padding: 0
}

.quform-options-inline>.quform-option {
    display: inline-block;
    padding: 0 15px 5px 2px;
    vertical-align: top
}

.quform-rtl .quform-options-inline>.quform-option {
    padding-right: 2px;
    padding-left: 15px
}

.quform-option-icon,
.quform-option-icon-selected {
    width: 18px;
    text-align: center;
    margin-right: 3px
}

.quform-rtl .quform-option-icon,
.quform-rtl .quform-option-icon-selected {
    margin-left: 3px;
    margin-right: 3px
}

.quform-button-icon-left .quform-option-icon,
.quform-button-icon-left .quform-option-icon-selected {
    margin-right: 8px;
    margin-left: 0;
    float: left
}

.quform-button-icon-right .quform-option-icon,
.quform-button-icon-right .quform-option-icon-selected {
    margin-left: 8px;
    margin-right: 0;
    float: right
}

.quform-button-icon-above .quform-option-icon,
.quform-button-icon-above .quform-option-icon-selected,
.quform-option-label-empty .quform-option-icon,
.quform-option-label-empty .quform-option-icon-selected {
    margin: 2px 0;
    float: none
}

.quform-option-icon-selected {
    display: none
}

.quform-field-checkbox:checked+label .quform-option-icon,
.quform-field-radio:checked+label .quform-option-icon {
    display: none
}

.quform-field-checkbox:checked+label .quform-option-icon-selected,
.quform-field-radio:checked+label .quform-option-icon-selected {
    display: inline
}

.quform .quform-options-style-button input[type="checkbox"],
.quform .quform-options-style-button input[type="radio"],
.quform .quform-options-style-input-hidden input[type="checkbox"],
.quform .quform-options-style-input-hidden input[type="radio"] {
    visibility: hidden;
    position: absolute;
    left: 0;
    right: 0;
    padding: 0
}

.quform-options-style-input-hidden .quform-field-checkbox+label .quform-option-icon,
.quform-options-style-input-hidden .quform-field-checkbox:checked+label .quform-option-icon-selected,
.quform-options-style-input-hidden .quform-field-radio+label .quform-option-icon,
.quform-options-style-input-hidden .quform-field-radio:checked+label .quform-option-icon-selected {
    float: left
}

.quform-options-style-button.quform-options-inline>.quform-option {
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 0;
    display: inline-block
}

.quform-rtl .quform-options-style-button.quform-options-inline>.quform-option {
    padding-right: 0;
    padding-left: 2px
}

.quform-options-style-button .quform-option-label,
.quform-rtl .quform-options-style-button .quform-option-label {
    padding: 3px 10px;
    line-height: 30px;
    min-height: 30px;
    min-width: 30px;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    color: #111;
    margin: 1px 2px 1px 0;
    cursor: pointer;
    display: inline-block
}

.quform-options-style-button .quform-field-checkbox:checked+label,
.quform-options-style-button .quform-field-radio:checked+label,
.quform-options-style-button .quform-option-label:active,
.quform-options-style-button .quform-option-label:focus {
    background-color: #f3f3f3;
    border-color: #ddd
}

.quform-options-columns.quform-options-style-button>.quform-option>.quform-option-label,
.quform-rtl .quform-options-columns.quform-options-style-button .quform-option .quform-option-label {
    margin: 0 0 3px 0;
    width: 100%;
    display: block
}

.quform-button-icon-above.quform-options-style-button .quform-option-text,
.quform-button-icon-above.quform-options-style-input-hidden .quform-option-text {
    margin-left: 0;
    display: block
}

.quform-button-icon-above .quform-option-icon,
.quform-button-icon-above .quform-option-icon-selected {
    margin: 5px;
    font-size: 120%;
    vertical-align: bottom;
    line-height: 0
}

.quform-captcha {
    margin: 5px 0
}

.quform-captcha-image {
    position: relative;
    float: left;
    cursor: pointer
}

.quform-captcha-image:before {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 22px;
    height: 22px;
    margin-top: -11px;
    margin-left: -11px;
    font-size: 22px;
    line-height: 22px;
    opacity: 0;
    -webkit-transform: rotate(-90deg) scale(0, 0);
    transform: rotate(-90deg) scale(0, 0);
    -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s cubic-bezier(.31, 1, .66, 1.26);
    transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s cubic-bezier(.31, 1, .66, 1.26);
    transition: transform 0.3s cubic-bezier(.31, 1, .66, 1.26), opacity 0.3s ease-in-out;
    transition: transform 0.3s cubic-bezier(.31, 1, .66, 1.26), opacity 0.3s ease-in-out, -webkit-transform 0.3s cubic-bezier(.31, 1, .66, 1.26)
}

.quform-captcha-image:hover:before {
    opacity: 1;
    -webkit-transform: rotate(0) scale(1, 1);
    transform: rotate(0) scale(1, 1)
}

.quform-rtl .quform-captcha-image {
    float: right
}

.quform-captcha-image img {
    max-width: 100%;
    display: block
}

.quform-js .quform-support-page-caching .quform-captcha-image img {
    opacity: 0
}

.quform-recaptcha-no-size>.quform-spacer,
.quform-recaptcha-no-size>.quform-spacer>.quform-inner>.quform-input {
    margin-bottom: 0;
    padding-bottom: 0
}

.quform-element-group.quform-group-style-bordered {
    margin: 0 0 20px 0
}

.quform-group-style-bordered>.quform-child-elements,
.quform-group-style-bordered>.quform-spacer>.quform-child-elements {
    border: solid 1px #e3e3e3;
    background-color: #fff;
    padding: 20px 20px 0
}

.quform-group-style-bordered>.quform-child-elements {
    padding: 20px
}

.quform-element-row,
.quform-options-columns {
    margin: 0 -10px !important;
    width: auto;
    max-width: none !important
}

.quform-element-column,
.quform-options-columns>.quform-option {
    float: left;
    padding: 0 10px;
    min-height: 1px
}

.quform-rtl .quform-element-column,
.quform-rtl .quform-options-columns>.quform-option {
    float: right
}

.quform-element-row-size-fixed.quform-1-columns>.quform-element-column,
.quform-element-row-size-fixed>.quform-element-column {
    width: 100%
}

.quform-element-row-size-fixed.quform-2-columns>.quform-element-column,
.quform-options-columns.quform-2-columns>.quform-option {
    width: 50%
}

.quform-element-row-size-fixed.quform-3-columns>.quform-element-column,
.quform-options-columns.quform-3-columns>.quform-option {
    width: 33.33333333%
}

.quform-element-row-size-fixed.quform-4-columns>.quform-element-column,
.quform-options-columns.quform-4-columns>.quform-option {
    width: 25%
}

.quform-element-row-size-fixed.quform-5-columns>.quform-element-column,
.quform-options-columns.quform-5-columns>.quform-option {
    width: 20%
}

.quform-element-row-size-fixed.quform-6-columns>.quform-element-column,
.quform-options-columns.quform-6-columns>.quform-option {
    width: 16.66666666%
}

.quform-element-row-size-fixed.quform-7-columns>.quform-element-column,
.quform-options-columns.quform-7-columns>.quform-option {
    width: 14.28571428%
}

.quform-element-row-size-fixed.quform-8-columns>.quform-element-column,
.quform-options-columns.quform-8-columns>.quform-option {
    width: 12.5%
}

.quform-element-row-size-fixed.quform-9-columns>.quform-element-column,
.quform-options-columns.quform-9-columns>.quform-option {
    width: 11.11111111%
}

.quform-element-row-size-fixed.quform-10-columns>.quform-element-column,
.quform-options-columns.quform-10-columns>.quform-option {
    width: 10%
}

.quform-element-row-size-fixed.quform-11-columns>.quform-element-column,
.quform-options-columns.quform-11-columns>.quform-option {
    width: 9.09090909%
}

.quform-element-row-size-fixed.quform-12-columns>.quform-element-column,
.quform-options-columns.quform-12-columns>.quform-option {
    width: 8.333333333%
}

.quform-element-row-size-fixed.quform-13-columns>.quform-element-column,
.quform-options-columns.quform-13-columns>.quform-option {
    width: 7.692307692%
}

.quform-element-row-size-fixed.quform-14-columns>.quform-element-column,
.quform-options-columns.quform-14-columns>.quform-option {
    width: 7.142857142%
}

.quform-element-row-size-fixed.quform-15-columns>.quform-element-column,
.quform-options-columns.quform-15-columns>.quform-option {
    width: 6.666666666%
}

.quform-element-row-size-fixed.quform-16-columns>.quform-element-column,
.quform-options-columns.quform-16-columns>.quform-option {
    width: 6.25%
}

.quform-element-row-size-fixed.quform-17-columns>.quform-element-column,
.quform-options-columns.quform-17-columns>.quform-option {
    width: 5.882352941%
}

.quform-element-row-size-fixed.quform-18-columns>.quform-element-column,
.quform-options-columns.quform-18-columns>.quform-option {
    width: 5.555555555%
}

.quform-element-row-size-fixed.quform-19-columns>.quform-element-column,
.quform-options-columns.quform-19-columns>.quform-option {
    width: 5.263157894%
}

.quform-element-row-size-fixed.quform-20-columns>.quform-element-column,
.quform-options-columns.quform-20-columns>.quform-option {
    width: 5%
}

.quform-element-row-size-float.quform-1-columns>.quform-element-column,
.quform-element-row-size-float>.quform-element-column {
    max-width: 100%
}

.quform-element-row-size-float.quform-2-columns>.quform-element-column {
    max-width: 50%
}

.quform-element-row-size-float.quform-3-columns>.quform-element-column {
    max-width: 33.33333333%
}

.quform-element-row-size-float.quform-4-columns>.quform-element-column {
    max-width: 25%
}

.quform-element-row-size-float.quform-5-columns>.quform-element-column {
    max-width: 20%
}

.quform-element-row-size-float.quform-6-columns>.quform-element-column {
    max-width: 16.66666666%
}

.quform-element-row-size-float.quform-7-columns>.quform-element-column {
    max-width: 14.28571428%
}

.quform-element-row-size-float.quform-8-columns>.quform-element-column {
    max-width: 12.5%
}

.quform-element-row-size-float.quform-9-columns>.quform-element-column {
    max-width: 11.11111111%
}

.quform-element-row-size-float.quform-10-columns>.quform-element-column {
    max-width: 10%
}

.quform-element-row-size-float.quform-11-columns>.quform-element-column {
    max-width: 9.09090909%
}

.quform-element-row-size-float.quform-12-columns>.quform-element-column {
    max-width: 8.333333333%
}

.quform-element-row-size-float.quform-13-columns>.quform-element-column {
    max-width: 7.692307692%
}

.quform-element-row-size-float.quform-14-columns>.quform-element-column {
    max-width: 7.142857142%
}

.quform-element-row-size-float.quform-15-columns>.quform-element-column {
    max-width: 6.666666666%
}

.quform-element-row-size-float.quform-16-columns>.quform-element-column {
    max-width: 6.25%
}

.quform-element-row-size-float.quform-17-columns>.quform-element-column {
    max-width: 5.882352941%
}

.quform-element-row-size-float.quform-18-columns>.quform-element-column {
    max-width: 5.555555555%
}

.quform-element-row-size-float.quform-19-columns>.quform-element-column {
    max-width: 5.263157894%
}

.quform-element-row-size-float.quform-20-columns>.quform-element-column {
    max-width: 5%
}

.quform-labels-left>.quform-spacer>.quform-label {
    width: 150px;
    float: left
}

.quform-rtl .quform-labels-left>.quform-spacer>.quform-label {
    float: right
}

.quform-labels-left>.quform-spacer>.quform-inner {
    margin-left: 150px;
    padding-left: 10px
}

.quform-rtl .quform-labels-left>.quform-spacer>.quform-inner {
    margin-left: 0;
    padding-left: 0;
    margin-right: 150px;
    padding-right: 10px
}

.quform-labels-left.quform-element .quform-input-name .quform-inner {
    margin-left: 0 !important;
    padding-left: 0
}

.quform-js .quform-labels-inside>.quform-spacer>.quform-label {
    display: none
}

.quform-label-inside {
    position: absolute;
    font-size: 1em;
    line-height: 1.5;
    padding: 0;
    margin: 0
}

.quform-field-size-slim>.quform-input>.quform-label-inside {
    font-size: 90%
}

.quform-field-size-fat>.quform-input>.quform-label-inside {
    font-size: 110%
}

.quform-field-size-huge>.quform-input>.quform-label-inside {
    font-size: 120%
}

.quform-label-inside .quform-tooltip-icon {
    position: absolute;
    right: -1em;
    top: 50%;
    margin-top: -.75em
}

.quform-rtl .quform-label-inside .quform-tooltip-icon {
    left: auto;
    right: -20px
}

.quform-element-submit {
    vertical-align: bottom;
    margin: 10px 0
}

.quform-element-submit button {
    display: block;
    margin: 0;
    cursor: pointer;
    line-height: 1.5;
    max-width: 100%
}

.quform-button-size-fat .quform-option-label,
.quform-button-size-fat>.quform-upload-button,
.quform-button-size-huge .quform-option-label,
.quform-button-size-huge>.quform-upload-button,
.quform-button-size-medium .quform-option-label,
.quform-button-size-medium>.quform-upload-button,
.quform-button-size-slim .quform-option-label,
.quform-button-size-slim>.quform-upload-button,
.quform-element-submit.quform-button-size-fat button,
.quform-element-submit.quform-button-size-huge button,
.quform-element-submit.quform-button-size-medium button,
.quform-element-submit.quform-button-size-slim button {
    padding-left: 12px;
    padding-right: 12px
}

.quform-button-size-slim .quform-option-label,
.quform-button-size-slim>.quform-upload-button,
.quform-element-submit.quform-button-size-slim button {
    padding-top: 1px;
    padding-bottom: 1px;
    font-size: 90%
}

.quform-button-size-medium .quform-option-label,
.quform-button-size-medium>.quform-upload-button,
.quform-element-submit.quform-button-size-medium button {
    padding-top: 8px;
    padding-bottom: 8px
}

.quform-button-size-fat .quform-option-label,
.quform-button-size-fat>.quform-upload-button,
.quform-element-submit.quform-button-size-fat button {
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 110%
}

.quform-button-size-huge .quform-option-label,
.quform-button-size-huge>.quform-upload-button,
.quform-element-submit.quform-button-size-huge button {
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 120%
}

.quform-enhanced-upload .quform-input-file {
    width: 100% !important
}

.quform .quform-input .quform-button-style-sexy-silver .quform-option-label,
.quform-button-style-sexy-silver .quform-upload-button,
.quform-button-style-sexy-silver button {
    background-color: #eee;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255 255 255 / .2)), to(rgb(0 0 0 / .1)));
    background-image: linear-gradient(to bottom, rgb(255 255 255 / .2) 0, rgb(0 0 0 / .1) 100%);
    border: 1px solid #a9a9a9;
    color: #363636;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 0 1px rgb(255 255 255 / .2) inset;
    box-shadow: 0 0 0 1px rgb(255 255 255 / .2) inset;
    -webkit-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out
}

.quform .quform-input .quform-button-style-sexy-silver .quform-option-label:hover,
.quform-button-style-sexy-silver .quform-upload-button:hover,
.quform-button-style-sexy-silver button:hover {
    background-color: #eee;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgb(255 255 255 / .2)), to(rgb(0 0 0 / .1)));
    background-image: linear-gradient(to bottom, rgb(255 255 255 / .2) 20%, rgb(0 0 0 / .1) 100%);
    border: 1px solid #b5b5b5;
    color: #363636
}

.quform .quform-input .quform-button-style-sexy-silver .quform-field-checkbox:checked+label,
.quform .quform-input .quform-button-style-sexy-silver .quform-field-radio:checked+label,
.quform .quform-input .quform-button-style-sexy-silver .quform-option-label:active,
.quform .quform-input .quform-button-style-sexy-silver .quform-option-label:focus,
.quform-button-style-sexy-silver .quform-upload-button:active,
.quform-button-style-sexy-silver .quform-upload-button:focus,
.quform-button-style-sexy-silver button:active,
.quform-button-style-sexy-silver button:focus {
    background: #eee;
    -webkit-box-shadow: 0 0 6px 0 rgb(0 0 0 / .1) inset;
    box-shadow: 0 0 6px 0 rgb(0 0 0 / .1) inset;
    border: 1px solid #b5b5b5;
    color: #363636;
    background-image: none
}

.quform .quform-input .quform-button-style-classic .quform-option-label,
.quform-button-style-classic .quform-upload-button,
.quform-button-style-classic button {
    background-color: #89c712;
    color: #fff;
    border: 0 none #fff0;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: font-size 0.1s cubic-bezier(1, .5, .8, 1), padding 0.1s cubic-bezier(1, .5, .8, 1), margin 0.1s cubic-bezier(1, .5, .8, 1), line-height 0.1s cubic-bezier(1, .5, .8, 1), background-color 0.1s cubic-bezier(1, .5, .8, 1), border-color 0.1s cubic-bezier(1, .5, .8, 1), -webkit-transform 0.1s cubic-bezier(1, .5, .8, 1);
    transition: font-size 0.1s cubic-bezier(1, .5, .8, 1), padding 0.1s cubic-bezier(1, .5, .8, 1), margin 0.1s cubic-bezier(1, .5, .8, 1), line-height 0.1s cubic-bezier(1, .5, .8, 1), background-color 0.1s cubic-bezier(1, .5, .8, 1), border-color 0.1s cubic-bezier(1, .5, .8, 1), -webkit-transform 0.1s cubic-bezier(1, .5, .8, 1);
    transition: transform 0.1s cubic-bezier(1, .5, .8, 1), font-size 0.1s cubic-bezier(1, .5, .8, 1), padding 0.1s cubic-bezier(1, .5, .8, 1), margin 0.1s cubic-bezier(1, .5, .8, 1), line-height 0.1s cubic-bezier(1, .5, .8, 1), background-color 0.1s cubic-bezier(1, .5, .8, 1), border-color 0.1s cubic-bezier(1, .5, .8, 1);
    transition: transform 0.1s cubic-bezier(1, .5, .8, 1), font-size 0.1s cubic-bezier(1, .5, .8, 1), padding 0.1s cubic-bezier(1, .5, .8, 1), margin 0.1s cubic-bezier(1, .5, .8, 1), line-height 0.1s cubic-bezier(1, .5, .8, 1), background-color 0.1s cubic-bezier(1, .5, .8, 1), border-color 0.1s cubic-bezier(1, .5, .8, 1), -webkit-transform 0.1s cubic-bezier(1, .5, .8, 1)
}

.quform .quform-input .quform-button-style-classic .quform-option-label:hover,
.quform-button-style-classic .quform-upload-button:hover,
.quform-button-style-classic button:hover {
    background-color: #81bf0b;
    color: #fff;
    border: 0 none #fff0
}

.quform .quform-input .quform-button-style-classic .quform-field-checkbox:checked+label,
.quform .quform-input .quform-button-style-classic .quform-field-radio:checked+label,
.quform .quform-input .quform-button-style-classic .quform-option-label:active,
.quform .quform-input .quform-button-style-classic .quform-option-label:focus,
.quform-button-style-classic .quform-upload-button:active,
.quform-button-style-classic .quform-upload-button:focus,
.quform-button-style-classic button:active,
.quform-button-style-classic button:focus {
    -webkit-transform: scale(.93);
    transform: scale(.93);
    background-color: #81bf0b;
    color: #fff;
    border: 0 none #fff0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-image: none
}

.quform .quform-input .quform-button-style-background-blending-gradient .quform-option-label,
.quform-button-style-background-blending-gradient .quform-upload-button,
.quform-button-style-background-blending-gradient button {
    border: 1px solid rgb(0 0 0 / .07);
    background-color: #c71b22;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255 255 255 / .4)), to(rgb(0 0 0 / .1)));
    background-image: linear-gradient(to bottom, rgb(255 255 255 / .4) 0, rgb(0 0 0 / .1) 100%);
    color: #fff;
    -webkit-box-shadow: 0 0 7px 0 rgb(0 0 0 / .1) inset;
    box-shadow: 0 0 7px 0 rgb(0 0 0 / .1) inset;
    border-radius: 3px
}

.quform .quform-input .quform-button-style-background-blending-gradient .quform-option-label:hover,
.quform-button-style-background-blending-gradient .quform-upload-button:hover,
.quform-button-style-background-blending-gradient button:hover {
    background-color: #d63a16;
    border: 1px solid rgb(0 0 0 / .07);
    color: #fff
}

.quform .quform-input .quform-button-style-background-blending-gradient .quform-field-checkbox:checked+label,
.quform .quform-input .quform-button-style-background-blending-gradient .quform-field-radio:checked+label,
.quform .quform-input .quform-button-style-background-blending-gradient .quform-option-label:active,
.quform .quform-input .quform-button-style-background-blending-gradient .quform-option-label:focus,
.quform-button-style-background-blending-gradient .quform-upload-button:active,
.quform-button-style-background-blending-gradient .quform-upload-button:focus,
.quform-button-style-background-blending-gradient button:active,
.quform-button-style-background-blending-gradient button:focus {
    background-color: #89c712;
    border: 1px solid rgb(0 0 0 / .07);
    color: #fff;
    -webkit-box-shadow: 0 0 7px 0 rgb(0 0 0 / .1) inset;
    box-shadow: 0 0 7px 0 rgb(0 0 0 / .1) inset;
    background-image: none
}

.quform .quform-input .quform-button-style-shine-gradient .quform-option-label,
.quform-button-style-shine-gradient .quform-upload-button,
.quform-button-style-shine-gradient button {
    border: 1px solid rgb(0 0 0 / .07);
    background-color: #c73412;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255 255 255 / .05)), color-stop(50%, rgb(255 255 255 / .05)), color-stop(51%, rgb(0 0 0 / .05)), to(rgb(0 0 0 / .05)));
    background-image: linear-gradient(to bottom, rgb(255 255 255 / .05) 0, rgb(255 255 255 / .05) 50%, rgb(0 0 0 / .05) 51%, rgb(0 0 0 / .05) 100%);
    color: #fff;
    -webkit-box-shadow: 0 0 0 1px rgb(255 255 255 / .1) inset;
    box-shadow: 0 0 0 1px rgb(255 255 255 / .1) inset;
    border-radius: 3px
}

.quform .quform-input .quform-button-style-shine-gradient .quform-option-label:hover,
.quform-button-style-shine-gradient .quform-upload-button:hover,
.quform-button-style-shine-gradient button:hover {
    background-color: #d63a16;
    color: #fff;
    border: 1px solid rgb(0 0 0 / .07)
}

.quform .quform-input .quform-button-style-shine-gradient .quform-field-checkbox:checked+label,
.quform .quform-input .quform-button-style-shine-gradient .quform-field-radio:checked+label,
.quform .quform-input .quform-button-style-shine-gradient .quform-option-label:active,
.quform .quform-input .quform-button-style-shine-gradient .quform-option-label:focus,
.quform-button-style-shine-gradient .quform-upload-button:active,
.quform-button-style-shine-gradient .quform-upload-button:focus,
.quform-button-style-shine-gradient button:active,
.quform-button-style-shine-gradient button:focus {
    background-color: #89c712;
    color: #fff;
    border: 1px solid rgb(0 0 0 / .07);
    -webkit-box-shadow: 0 0 0 1px rgb(255 255 255 / .1) inset;
    box-shadow: 0 0 0 1px rgb(255 255 255 / .1) inset;
    background-image: none
}

.quform-button-style-blue-3d button .quform-button-text {
    display: inline-block;
    margin-bottom: 2px
}

.quform .quform-input .quform-button-style-blue-3d .quform-option-label,
.quform-button-style-blue-3d .quform-upload-button,
.quform-button-style-blue-3d button {
    background-color: #10a9bb;
    border: 0 none #fff0;
    color: #fff;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 -4px 0 0 rgb(0 0 0 / .3), 0 2px 3px 0 rgb(0 0 0 / .1);
    box-shadow: inset 0 -4px 0 0 rgb(0 0 0 / .3), 0 2px 3px 0 rgb(0 0 0 / .1)
}

.quform .quform-input .quform-button-style-blue-3d .quform-option-label:hover,
.quform-button-style-blue-3d .quform-upload-button:hover,
.quform-button-style-blue-3d button:hover {
    background-color: #19b5c7;
    color: #fff;
    border: 0 none #fff0
}

.quform .quform-input .quform-button-style-blue-3d .quform-field-checkbox:checked+label,
.quform .quform-input .quform-button-style-blue-3d .quform-field-radio:checked+label,
.quform .quform-input .quform-button-style-blue-3d .quform-option-label:active,
.quform .quform-input .quform-button-style-blue-3d .quform-option-label:focus,
.quform-button-style-blue-3d .quform-upload-button:active,
.quform-button-style-blue-3d .quform-upload-button:focus,
.quform-button-style-blue-3d button:active,
.quform-button-style-blue-3d button:focus {
    background-color: #12a7b9;
    color: #fff;
    border: 0 none #fff0;
    -webkit-box-shadow: inset 0 -2px 0 0 rgb(0 0 0 / .3), 0 2px 4px 0 rgb(0 0 0 / .2);
    box-shadow: inset 0 -2px 0 0 rgb(0 0 0 / .3), 0 2px 4px 0 rgb(0 0 0 / .2);
    background-image: none
}

.quform .quform-input .quform-button-style-hollow .quform-option-label,
.quform-button-style-hollow .quform-upload-button,
.quform-button-style-hollow button {
    background-color: #fff0;
    border: 2px solid #000;
    color: #000;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    letter-spacing: 2px;
    text-transform: uppercase;
    -webkit-transition: background-color 0.1s ease-in-out, border-color 0.1s ease-in-out;
    transition: background-color 0.1s ease-in-out, border-color 0.1s ease-in-out
}

.quform .quform-input .quform-button-style-hollow .quform-option-label:hover,
.quform-button-style-hollow .quform-upload-button:hover,
.quform-button-style-hollow button:hover {
    background-color: #000;
    color: #fff;
    border: 2px solid #000
}

.quform .quform-input .quform-button-style-hollow .quform-field-checkbox:checked+label,
.quform .quform-input .quform-button-style-hollow .quform-field-radio:checked+label,
.quform .quform-input .quform-button-style-hollow .quform-option-label:active,
.quform .quform-input .quform-button-style-hollow .quform-option-label:focus,
.quform-button-style-hollow .quform-upload-button:active,
.quform-button-style-hollow .quform-upload-button:focus,
.quform-button-style-hollow button:active,
.quform-button-style-hollow button:focus {
    background-color: #000;
    color: #fff;
    border: 2px solid #000;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-image: none
}

.quform .quform-input .quform-button-style-hollow-rounded .quform-option-label,
.quform-button-style-hollow-rounded .quform-upload-button,
.quform-button-style-hollow-rounded button {
    background-color: #fff0;
    border: 2px solid #10a9bb;
    color: #000;
    border-radius: 25px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.quform .quform-input .quform-button-style-hollow-rounded .quform-option-label:hover,
.quform-button-style-hollow-rounded .quform-upload-button:hover,
.quform-button-style-hollow-rounded button:hover {
    background-color: #10a9bb;
    color: #fff;
    border: 2px solid #10a9bb
}

.quform .quform-input .quform-button-style-hollow-rounded .quform-field-checkbox:checked+label,
.quform .quform-input .quform-button-style-hollow-rounded .quform-field-radio:checked+label,
.quform .quform-input .quform-button-style-hollow-rounded .quform-option-label:active,
.quform .quform-input .quform-button-style-hollow-rounded .quform-option-label:focus,
.quform-button-style-hollow-rounded .quform-upload-button:active,
.quform-button-style-hollow-rounded .quform-upload-button:focus,
.quform-button-style-hollow-rounded button:active,
.quform-button-style-hollow-rounded button:focus {
    background-color: #10a9bb;
    color: #fff;
    border: 2px solid #10a9bb;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-image: none
}

.quform .quform-input .quform-button-style-chilled .quform-option-label,
.quform-button-style-chilled .quform-upload-button,
.quform-button-style-chilled button {
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    color: #363636;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 0 1px rgb(255 255 255 / .1) inset, 0 0 3px 0 rgb(0 0 0 / .1);
    box-shadow: 0 0 0 1px rgb(255 255 255 / .1) inset, 0 0 3px 0 rgb(0 0 0 / .1)
}

.quform .quform-input .quform-button-style-chilled .quform-option-label:hover,
.quform-button-style-chilled .quform-upload-button:hover,
.quform-button-style-chilled button:hover {
    background-color: #f8f8f8;
    border: 1px solid #89c712;
    color: #363636;
    -webkit-box-shadow: 0 0 6px rgb(137 199 18 / .6);
    box-shadow: 0 0 6px rgb(137 199 18 / .6)
}

.quform .quform-input .quform-button-style-chilled .quform-field-checkbox:checked+label,
.quform .quform-input .quform-button-style-chilled .quform-field-radio:checked+label,
.quform .quform-input .quform-button-style-chilled .quform-option-label:active,
.quform .quform-input .quform-button-style-chilled .quform-option-label:focus,
.quform-button-style-chilled .quform-upload-button:active,
.quform-button-style-chilled .quform-upload-button:focus,
.quform-button-style-chilled button:active,
.quform-button-style-chilled button:focus {
    background-color: #fff;
    border: 1px solid #89c712;
    color: #363636;
    -webkit-box-shadow: 0 0 6px rgb(137 199 18 / .8);
    box-shadow: 0 0 6px rgb(137 199 18 / .8);
    background-image: none
}

.quform .quform-input .quform-button-style-pills .quform-option-label,
.quform-button-style-pills .quform-upload-button,
.quform-button-style-pills button {
    background-color: #10a9bb;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255 255 255 / .5)), to(#fff0));
    background-image: linear-gradient(to bottom, rgb(255 255 255 / .5) 0, #fff0 100%);
    border: 0 none #fff0;
    color: #fff;
    border-radius: 25px;
    -webkit-box-shadow: inset 0 -3px 0 0 rgb(0 0 0 / .3), inset 0 -4px 0 0 rgb(255 255 255 / .2);
    box-shadow: inset 0 -3px 0 0 rgb(0 0 0 / .3), inset 0 -4px 0 0 rgb(255 255 255 / .2);
    text-shadow: -1px -1px 0 rgb(0 0 0 / .1)
}

.quform .quform-input .quform-button-style-pills .quform-option-label:hover,
.quform-button-style-pills .quform-upload-button:hover,
.quform-button-style-pills button:hover {
    background-color: #11b3c6;
    border: 0 none #fff0;
    color: #fff
}

.quform .quform-input .quform-button-style-pills .quform-field-checkbox:checked+label,
.quform .quform-input .quform-button-style-pills .quform-field-radio:checked+label,
.quform .quform-input .quform-button-style-pills .quform-option-label:active,
.quform .quform-input .quform-button-style-pills .quform-option-label:focus,
.quform-button-style-pills .quform-upload-button:active,
.quform-button-style-pills .quform-upload-button:focus,
.quform-button-style-pills button:active,
.quform-button-style-pills button:focus {
    background-color: #11b3c6;
    border: 0 none #fff0;
    color: #fff;
    -webkit-box-shadow: inset 0 -1px 0 0 rgb(0 0 0 / .4), inset 0 -2px 0 0 rgb(255 255 255 / .3);
    box-shadow: inset 0 -1px 0 0 rgb(0 0 0 / .4), inset 0 -2px 0 0 rgb(255 255 255 / .3);
    background-image: none
}

.quform .quform-input .quform-button-style-bootstrap .quform-option-label,
.quform-button-style-bootstrap .quform-upload-button,
.quform-button-style-bootstrap button {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #333;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.quform .quform-input .quform-button-style-bootstrap .quform-option-label:hover,
.quform-button-style-bootstrap .quform-upload-button:hover,
.quform-button-style-bootstrap button:hover {
    background-color: #e6e6e6;
    border-color: #adadad;
    color: #333
}

.quform .quform-input .quform-button-style-bootstrap .quform-field-checkbox:checked+label,
.quform .quform-input .quform-button-style-bootstrap .quform-field-radio:checked+label,
.quform .quform-input .quform-button-style-bootstrap .quform-option-label:active,
.quform .quform-input .quform-button-style-bootstrap .quform-option-label:focus,
.quform-button-style-bootstrap .quform-upload-button:active,
.quform-button-style-bootstrap .quform-upload-button:focus,
.quform-button-style-bootstrap button:active,
.quform-button-style-bootstrap button:focus {
    -webkit-box-shadow: 0 3px 5px rgb(0 0 0 / .125) inset;
    box-shadow: 0 3px 5px rgb(0 0 0 / .125) inset;
    background-color: #e6e6e6;
    border: 1px solid #adadad;
    color: #333;
    background-image: none
}

.quform .quform-input .quform-button-style-bootstrap-primary .quform-option-label,
.quform-button-style-bootstrap-primary .quform-upload-button,
.quform-button-style-bootstrap-primary button {
    background-color: #337ab7;
    border: 1px solid #2e6da4;
    color: #fff;
    border-radius: 4px;
    background-image: linear-gradient(to bottom, #428bca 0, #2d6ca2 100%)
}

.quform .quform-input .quform-button-style-bootstrap-primary .quform-option-label:hover,
.quform-button-style-bootstrap-primary .quform-upload-button:hover,
.quform-button-style-bootstrap-primary button:hover {
    background-color: #2d6ca2;
    border-color: #204d74;
    color: #fff
}

.quform .quform-input .quform-button-style-bootstrap-primary .quform-field-checkbox:checked+label,
.quform .quform-input .quform-button-style-bootstrap-primary .quform-field-radio:checked+label,
.quform .quform-input .quform-button-style-bootstrap-primary .quform-option-label:active,
.quform .quform-input .quform-button-style-bootstrap-primary .quform-option-label:focus,
.quform-button-style-bootstrap-primary .quform-upload-button:active,
.quform-button-style-bootstrap-primary .quform-upload-button:focus,
.quform-button-style-bootstrap-primary button:active,
.quform-button-style-bootstrap-primary button:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #286090;
    border: 1px solid #204d74;
    color: #fff;
    background-image: none
}

.quform-button-icon-left .quform-button-icon,
.quform-upload-button-icon-left .quform-upload-button-icon,
.quform-upload-dropzone-icon-left .quform-upload-dropzone-icon {
    margin-right: 10px
}

.quform-rtl .quform-button-icon-left .quform-button-icon,
.quform-rtl .quform-upload-button-icon-left .quform-upload-button-icon,
.quform-rtl .quform-upload-dropzone-icon-left .quform-upload-dropzone-icon {
    margin-right: 0;
    margin-left: 10px
}

.quform-button-icon-right .quform-button-icon,
.quform-upload-button-icon-right .quform-upload-button-icon,
.quform-upload-dropzone-icon-right .quform-upload-dropzone-icon {
    margin-left: 10px
}

.quform-rtl .quform-button-icon-right .quform-button-icon,
.quform-rtl .quform-upload-button-icon-right .quform-upload-button-icon,
.quform-rtl .quform-upload-dropzone-icon-right .quform-upload-dropzone-icon {
    margin-left: 0;
    margin-right: 10px
}

.quform-button-icon-above .quform-button-icon,
.quform-upload-button-icon-above .quform-upload-button-icon,
.quform-upload-dropzone-icon-above .quform-upload-dropzone-icon {
    display: block;
    margin: 10px auto 0;
    font-size: 150%;
    line-height: 0
}

.quform-element-submit>div {
    vertical-align: middle;
    max-width: 100%
}

.quform-loading {
    word-wrap: normal
}

.quform-loading.quform-loading-position-left,
.quform-loading.quform-loading-position-over-button,
.quform-loading.quform-loading-position-right {
    display: none;
    text-align: center;
    padding: 9px 6px;
    line-height: 0;
    vertical-align: inherit
}

.quform-button-size-slim .quform-loading-position-left,
.quform-button-size-slim .quform-loading-position-over-button,
.quform-button-size-slim .quform-loading-position-right {
    padding: 1px
}

.quform-button-size-medium .quform-loading-position-left,
.quform-button-size-medium .quform-loading-position-over-button,
.quform-button-size-medium .quform-loading-position-right {
    padding: 9px
}

.quform-button-size-fat .quform-loading-position-left,
.quform-button-size-fat .quform-loading-position-over-button,
.quform-button-size-fat .quform-loading-position-right {
    padding: 11px
}

.quform-button-size-huge .quform-loading-position-left,
.quform-button-size-huge .quform-loading-position-over-button,
.quform-button-size-huge .quform-loading-position-right {
    padding: 12px
}

.quform-button-width-full .quform-loading-position-left {
    padding-left: 0
}

.quform-button-width-full .quform-loading-position-right {
    padding-right: 0
}

.quform-loading-position-left .quform-loading-inner,
.quform-loading-position-right .quform-loading-inner {
    margin: 0 auto;
    max-width: 24px;
    max-height: 24px;
    display: inline-block
}

.quform-loading.quform-loading-position-left {
    float: left
}

.quform-rtl .quform-loading.quform-loading-position-left {
    float: right
}

.quform-loading.quform-loading-position-right {
    float: right
}

.quform-rtl .quform-loading.quform-loading-position-right {
    float: left
}

.quform-loading-position-center {
    float: none;
    clear: both;
    text-align: center;
    padding: 6px
}

.quform-loading-spinner {
    display: none;
    opacity: 0;
    -webkit-transition: opacity 0.6s ease-in-out;
    transition: opacity 0.6s ease-in-out
}

.quform-loading-triggered .quform-loading-spinner {
    display: inline-block;
    opacity: 1
}

.quform-loading-position-center .quform-loading-spinner {
    margin: 0 auto
}

.quform-loading-overlay,
.quform-loading.quform-loading-position-over-button,
.quform-loading.quform-loading-position-over-form,
.quform-loading.quform-loading-position-over-screen {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    max-height: 0;
    padding: 0 !important;
    overflow: hidden;
    opacity: .8
}

.quform-loading-overlay {
    background: #fff;
    -webkit-transition: opacity 0.2s ease-in-out, max-height 0.5s ease-in-out, top 0.5s ease-in-out;
    transition: opacity 0.2s ease-in-out, max-height 0.5s ease-in-out, top 0.5s ease-in-out
}

.quform-loading-triggered .quform-loading-overlay,
.quform-loading.quform-loading-triggered.quform-loading-position-over-button,
.quform-loading.quform-loading-triggered.quform-loading-position-over-form,
.quform-loading.quform-loading-triggered.quform-loading-position-over-screen {
    opacity: 1;
    top: 0;
    max-height: 100%
}

.quform-loading.quform-loading-position-over-button .quform-loading-inner,
.quform-loading.quform-loading-position-over-form .quform-loading-inner,
.quform-loading.quform-loading-position-over-screen .quform-loading-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    line-height: 24px;
    height: 24px;
    margin-left: -12px;
    margin-top: -12px
}

.quform-loading.quform-loading-type-custom.quform-loading-position-over-button .quform-loading-inner,
.quform-loading.quform-loading-type-custom.quform-loading-position-over-form .quform-loading-inner,
.quform-loading.quform-loading-type-custom.quform-loading-position-over-screen .quform-loading-inner {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 70%;
    text-align: center;
    height: auto;
    margin: 0
}

.quform-upload-progress-wrap.quform-loading-position-over-form,
.quform-upload-progress-wrap.quform-loading-position-over-screen {
    position: absolute;
    top: auto;
    bottom: 0;
    right: 20px;
    left: 20px;
    z-index: 100001;
    height: auto;
    margin: 20px auto;
    max-width: 850px
}

.quform-loading.quform-loading-position-over-screen {
    position: fixed;
    z-index: 988888
}

.quform-upload-progress-wrap.quform-loading-position-over-screen {
    position: fixed;
    z-index: 100001
}

.quform-loading-type-spinner-1 .quform-loading-spinner {
    position: relative;
    display: inline-block;
    width: 21px;
    height: 21px;
    min-width: 21px;
    min-height: 21px;
    border: 3px solid #000;
    border-radius: 50%;
    -webkit-animation: qspinstyle 0.65s infinite linear;
    animation: qspinstyle 0.65s infinite linear;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.quform-loading-type-spinner-1 .quform-loading-spinner:after,
.quform-loading-type-spinner-1 .quform-loading-spinner:before {
    left: -3px;
    top: -3px;
    display: none;
    position: absolute;
    content: "";
    width: inherit;
    height: inherit;
    border: inherit;
    border-radius: inherit;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.quform-loading-type-spinner-1 .quform-loading-spinner {
    border-color: #fff0;
    border-top-color: #000;
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

.quform-loading-type-spinner-1 .quform-loading-spinner:after {
    display: block;
    border-color: #fff0;
    border-top-color: #000;
    -webkit-animation: qspinstyle 0.65s infinite ease-in-out alternate;
    animation: qspinstyle 0.65s infinite ease-in-out alternate
}

@-webkit-keyframes qspinstyle {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes qspinstyle {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.quform-loading-type-spinner-2 .quform-loading-spinner {
    position: relative;
    width: 24px;
    height: 24px;
    border-radius: 24px;
    background: #000;
    -webkit-animation: qwordpress 1.08s linear infinite;
    animation: qwordpress 1.08s linear infinite
}

.quform-loading-type-spinner-2 .quform-loading-spinner:after {
    content: "";
    position: absolute;
    top: 3px;
    left: 50%;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    margin-left: -3px;
    background: #fff
}

@-webkit-keyframes qwordpress {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes qwordpress {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.quform-loading-type-spinner-3 .quform-loading-spinner {
    -webkit-transform: translate(-35px, 0);
    transform: translate(-35px, 0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-name: qtake-off;
    animation-name: qtake-off;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.quform-loading-type-spinner-3.quform-loading-triggered .quform-loading-spinner {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

@-webkit-keyframes qtake-off {
    0% {
        opacity: 0;
        -webkit-transform: translate(-35px, 0) rotate(40deg) scale(.5);
        transform: translate(-35px, 0) rotate(40deg) scale(.5)
    }
    30% {
        opacity: 1
    }
    45% {
        -webkit-transform: translate(0, 0) rotate(40deg);
        transform: translate(0, 0) rotate(40deg)
    }
    50% {
        -webkit-transform: translate(8px, -1px) rotate(38deg);
        transform: translate(8px, -1px) rotate(38deg)
    }
    60% {
        -webkit-transform: translate(16px, -5px) rotate(30deg) scale(2);
        transform: translate(16px, -5px) rotate(30deg) scale(2)
    }
    65% {
        opacity: 1;
        -webkit-transform: translate(24px, -8px) rotate(10deg);
        transform: translate(24px, -8px) rotate(10deg)
    }
    70% {
        -webkit-transform: translate(32px, -12px) rotate(0);
        transform: translate(32px, -12px) rotate(0)
    }
    80% {
        opacity: 0;
        -webkit-transform: translate(58px, -48px) rotate(-5deg);
        transform: translate(58px, -48px) rotate(-5deg)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate(58px, -48px) rotate(-5deg) scale(0);
        transform: translate(58px, -48px) rotate(-5deg) scale(0)
    }
}

@keyframes qtake-off {
    0% {
        opacity: 0;
        -webkit-transform: translate(-35px, 0) rotate(40deg) scale(.5);
        transform: translate(-35px, 0) rotate(40deg) scale(.5)
    }
    30% {
        opacity: 1
    }
    45% {
        -webkit-transform: translate(0, 0) rotate(40deg);
        transform: translate(0, 0) rotate(40deg)
    }
    50% {
        -webkit-transform: translate(8px, -1px) rotate(38deg);
        transform: translate(8px, -1px) rotate(38deg)
    }
    60% {
        -webkit-transform: translate(16px, -5px) rotate(30deg) scale(2);
        transform: translate(16px, -5px) rotate(30deg) scale(2)
    }
    65% {
        opacity: 1;
        -webkit-transform: translate(24px, -8px) rotate(10deg);
        transform: translate(24px, -8px) rotate(10deg)
    }
    70% {
        -webkit-transform: translate(32px, -12px) rotate(0);
        transform: translate(32px, -12px) rotate(0)
    }
    80% {
        opacity: 0;
        -webkit-transform: translate(58px, -48px) rotate(-5deg);
        transform: translate(58px, -48px) rotate(-5deg)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate(58px, -48px) rotate(-5deg) scale(0);
        transform: translate(58px, -48px) rotate(-5deg) scale(0)
    }
}

.quform-loading-type-spinner-4 .quform-loading-spinner {
    position: relative;
    width: 21px;
    height: 21px
}

.quform-loading-type-spinner-4 .quform-loading-spinner:after {
    content: "";
    position: absolute;
    display: block;
    width: 21px;
    height: 21px;
    margin: 0;
    background-color: #000;
    top: 0;
    border-radius: 100%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation: qdot 1s infinite ease-in-out;
    animation: qdot 1s infinite ease-in-out
}

@-webkit-keyframes qdot {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes qdot {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

.quform-loading-type-spinner-5 .quform-loading-spinner,
.quform-loading-type-spinner-5 .quform-loading-spinner:after {
    border-radius: 50%;
    width: 24px;
    height: 24px
}

.quform-loading-type-spinner-5 .quform-loading-spinner {
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 4px solid rgb(255 255 255 / .2);
    border-right: 4px solid rgb(255 255 255 / .2);
    border-bottom: 4px solid rgb(255 255 255 / .2);
    border-left: 4px solid #000;
    -webkit-animation: qclassic 1.1s infinite linear;
    animation: qclassic 1.1s infinite linear
}

@-webkit-keyframes qclassic {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes qclassic {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.quform-loading-type-spinner-6 .quform-loading-spinner {
    width: 24px;
    height: 24px;
    max-width: none;
    margin: auto 12px;
    position: relative;
    padding: 0 !important
}

.quform-loading-type-spinner-6 .quform-loading-spinner-inner,
.quform-loading-type-spinner-6 .quform-loading-spinner-inner:after,
.quform-loading-type-spinner-6 .quform-loading-spinner-inner:before {
    border-radius: 50%;
    width: 12px;
    height: 12px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: qthreedots 1.8s infinite ease-in-out;
    animation: qthreedots 1.8s infinite ease-in-out
}

.quform-loading-type-spinner-6 .quform-loading-spinner-inner {
    color: #000;
    font-size: 10px;
    position: relative;
    display: block;
    text-indent: -9999em;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s
}

.quform-loading-type-spinner-6 .quform-loading-spinner-inner:after,
.quform-loading-type-spinner-6 .quform-loading-spinner-inner:before {
    content: "";
    position: absolute;
    top: 0;
    display: inline-block
}

.quform-loading-type-spinner-6 .quform-loading-spinner-inner:before {
    left: -11px;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s
}

.quform-loading-type-spinner-6 .quform-loading-spinner-inner:after {
    left: 11px
}

@-webkit-keyframes qthreedots {
    0%,
    100%,
    80% {
        -webkit-box-shadow: 0 16px 0 -12px;
        box-shadow: 0 16px 0 -12px
    }
    40% {
        -webkit-box-shadow: 0 16px 0 0;
        box-shadow: 0 16px 0 0
    }
}

@keyframes qthreedots {
    0%,
    100%,
    80% {
        -webkit-box-shadow: 0 16px 0 -12px;
        box-shadow: 0 16px 0 -12px
    }
    40% {
        -webkit-box-shadow: 0 16px 0 0;
        box-shadow: 0 16px 0 0
    }
}

.quform-loading-type-spinner-7 .quform-loading-spinner {
    padding-top: 6px;
    height: 24px
}

.quform-loading-type-spinner-7 .quform-loading-spinner-inner,
.quform-loading-type-spinner-7 .quform-loading-spinner-inner:after,
.quform-loading-type-spinner-7 .quform-loading-spinner-inner:before {
    background: #000;
    -webkit-animation: qtriplines 1s infinite ease-in-out;
    animation: qtriplines 1s infinite ease-in-out;
    width: 2px;
    height: 3px
}

.quform-loading-type-spinner-7 .quform-loading-spinner-inner {
    color: #000;
    text-indent: -9999em;
    margin: 0 auto;
    position: relative;
    font-size: 11px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s
}

.quform-loading-type-spinner-7 .quform-loading-spinner-inner:after,
.quform-loading-type-spinner-7 .quform-loading-spinner-inner:before {
    position: absolute;
    top: 0;
    content: ""
}

.quform-loading-type-spinner-7 .quform-loading-spinner-inner:before {
    left: -4px;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s
}

.quform-loading-type-spinner-7 .quform-loading-spinner-inner:after {
    left: 4px
}

@-webkit-keyframes qtriplines {
    0%,
    100%,
    80% {
        -webkit-box-shadow: 0 0;
        box-shadow: 0 0;
        height: 3px
    }
    40% {
        -webkit-box-shadow: 0 -3px;
        box-shadow: 0 -3px;
        height: 6px
    }
}

@keyframes qtriplines {
    0%,
    100%,
    80% {
        -webkit-box-shadow: 0 0;
        box-shadow: 0 0;
        height: 3px
    }
    40% {
        -webkit-box-shadow: 0 -3px;
        box-shadow: 0 -3px;
        height: 6px
    }
}

.quform-error-message {
    margin: 0 0 15px 0
}

.quform-ajax-initialized .quform-error-message {
    display: none
}

.quform-error-message-inner {
    background: #f2dede;
    padding: 15px;
    color: #b94a48;
    border-left: 5px solid #c73412
}

.quform-error-message-title {
    color: #c73412;
    font-weight: 700;
    font-size: 18px
}

.quform-error {
    margin: 0;
    padding: 5px 0
}

.quform-ajax-initialized .quform-error {
    display: none
}

.quform-error>.quform-error-inner {
    padding: 3px 15px;
    margin: 0;
    background-color: #f2dede;
    color: #b94a48;
    border-left: 5px solid #c73412;
    max-width: 100%
}

.quform-rtl .quform-error>.quform-error-inner {
    border-left: 0 none;
    border-right: 5px solid #c73412
}

.quform-error-icon {
    margin-right: 10px
}

.quform-errors-left .quform-error>.quform-error-inner {
    float: left;
    width: auto
}

.quform-rtl .quform-errors-left .quform-error>.quform-error-inner {
    float: right;
    width: auto
}

.quform-errors-absolute .quform-error {
    position: relative;
    padding: 0;
    width: 100%;
    z-index: 5
}

.quform-errors-absolute .quform-error>.quform-error-inner {
    display: block;
    float: left;
    position: absolute;
    top: 100%;
    left: 0;
    top: 6px;
    max-width: none;
    padding-right: 35px;
    -webkit-box-shadow: 0 8px 6px -6px rgb(0 0 0 / .1);
    box-shadow: 0 8px 6px -6px rgb(0 0 0 / .1)
}

.quform-errors-absolute .quform-error>.quform-error-inner:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: -4px;
    left: 10px;
    background-color: #f2dede;
    display: inline-block;
    padding: 4px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.quform-errors-absolute .quform-error>.quform-error-inner>.quform-error-close {
    cursor: pointer;
    position: absolute;
    right: 10px;
    color: #000;
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(1, .5, .8, 1);
    transition: -webkit-transform 0.2s cubic-bezier(1, .5, .8, 1);
    transition: transform 0.2s cubic-bezier(1, .5, .8, 1);
    transition: transform 0.2s cubic-bezier(1, .5, .8, 1), -webkit-transform 0.2s cubic-bezier(1, .5, .8, 1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.quform-errors-absolute .quform-error>.quform-error-inner>.quform-error-close:active {
    -webkit-transform: scale(.7);
    transform: scale(.7)
}

.quform-success-message {
    background-color: #cef4a9;
    border-left: 5px solid #85c14b;
    color: #000;
    padding: 5px 15px;
    margin: 0 0 10px 0;
    position: relative
}

.quform-rtl .quform-success-message {
    border-right: 5px solid #85c14b;
    border-left: 0 none
}

.quform-success-message-icon {
    position: absolute;
    left: 12px;
    top: 50%;
    margin-top: -15px;
    height: 30px;
    line-height: 30px
}

.quform-success-message-has-icon .quform-success-message-content {
    padding-left: 24px
}

.quform-success-message ol,
.quform-success-message ul {
    list-style-position: inside
}

.quform-referral-link a {
    text-decoration: none;
    color: #0f83ca
}

.quform-referral-link a:hover {
    color: #292929
}

.quform-edit-form .quform-edit-form-link {
    text-decoration: none;
    border: none;
    font-size: 80%
}

.quform-edit-form .quform-edit-form-link i {
    margin-right: 5px
}

.quform-rtl .quform-edit-form .quform-edit-form-link i {
    margin-right: 0;
    margin-left: 5px
}

.qtip-quform-dark {
    background-color: #151515;
    border-color: #151515;
    border-radius: 3px
}

.qtip-quform-dark .qtip-content {
    font-size: 13px;
    line-height: 17px;
    color: #fff;
    text-shadow: 1px 1px 0 #333
}

.quform-tooltip-icon {
    display: inline-block;
    margin: 0 0 0 5px
}

.quform-tooltip-icon-click {
    cursor: pointer
}

.quform-rtl .quform-tooltip-icon {
    margin: 0 5px 0 0
}

.quform-tooltip-content,
.quform-tooltip-icon-content {
    display: none
}

.quform-popup {
    display: none
}

.quform-popup-link {
    cursor: pointer
}

#fancybox-content .quform-form-inner,
.fancybox-inner .quform-form-inner {
    padding: 15px
}

.admin-bar #fancybox-content,
.admin-bar .fancybox-overlay {
    margin-top: 32px
}

#fancybox-content .quform-edit-form,
.fancybox-inner .quform-edit-form,
.mfp-content .quform-edit-form {
    display: none
}

.quform-magnific-popup .mfp-content .quform {
    position: relative;
    background: #fff;
    padding: 30px;
    max-width: 1024px;
    margin: 20px auto
}

.admin-bar .quform-magnific-popup .mfp-content .quform {
    margin-top: 52px
}

.quform-magnific-popup.mfp-close-btn-in .mfp-close {
    background: 0 0
}

.quform-max-height {
    overflow: auto
}

.quform-element-page {
    display: none
}

.quform-current-page {
    display: block
}

.quform-page-progress {
    margin-bottom: 15px;
    overflow: hidden
}

.quform-page-progress-bar {
    background-color: #f7f7f7
}

.quform-page-progress-tab {
    display: inline-block;
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #ddd
}

.quform-page-progress-tab:last-child {
    margin-right: 0;
    border-right: 0 none
}

.quform-page-progress-tab.quform-current-tab {
    font-weight: 700
}

.quform-page-progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 11px;
    color: #fff;
    text-align: center;
    background-color: #0e90d2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: width 0.6s ease;
    transition: width 0.6s ease
}

.quform-rtl .quform-page-progress-bar {
    float: right
}

.quform-page-progress-text {
    float: right;
    margin-right: 8px
}

.quform-rtl .quform-page-progress-text {
    float: left;
    margin-right: 0;
    margin-left: 8px
}

.quform-button-back-default,
.quform-button-next-default,
.quform-button-submit-default {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px
}

.quform-rtl .quform-button-back-default,
.quform-rtl .quform-button-next-default,
.quform-rtl .quform-button-submit-default {
    float: right;
    margin-right: 0;
    margin-left: 5px
}

.quform-button-back-default>button,
.quform-button-next-default>button,
.quform-button-submit-default>button {
    padding: 8px 12px
}

.quform-button-back-default>button,
.quform-button-next-default>button,
.quform-button-submit-default>button,
.quform-options-style-button .quform-option-label,
.quform-upload-button {
    -webkit-transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out, color 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out, color 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, background-color 0.4s ease-in-out, border-color 0.4s ease-in-out, color 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, background-color 0.4s ease-in-out, border-color 0.4s ease-in-out, color 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out
}

.quform-button-back-default>button:focus,
.quform-button-next-default>button:focus,
.quform-button-submit-default>button:focus {
    outline: 0
}

.quform-button-back-html>button,
.quform-button-back-html>button:active,
.quform-button-back-html>button:focus,
.quform-button-back-html>button:hover,
.quform-button-back-image>button,
.quform-button-back-image>button:active,
.quform-button-back-image>button:focus,
.quform-button-back-image>button:hover,
.quform-button-next-html>button,
.quform-button-next-html>button:active,
.quform-button-next-html>button:focus,
.quform-button-next-html>button:hover,
.quform-button-next-image>button,
.quform-button-next-image>button:active,
.quform-button-next-image>button:focus,
.quform-button-next-image>button:hover,
.quform-button-submit-html>button,
.quform-button-submit-html>button:active,
.quform-button-submit-html>button:focus,
.quform-button-submit-html>button:hover,
.quform-button-submit-image>button,
.quform-button-submit-image>button:active,
.quform-button-submit-image>button:focus,
.quform-button-submit-image>button:hover {
    border: none;
    background: 0 0;
    padding: 0
}

.quform-button-submit-default.quform-button-animation-one>button {
    cursor: pointer;
    position: relative
}

.quform-button-submit-default.quform-button-animation-one>button:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: inherit;
    border-radius: inherit;
    z-index: -1
}

.quform-button-submit-default.quform-button-animation-one>button:after {
    -webkit-animation: zoomOutFade 0.5s;
    animation: zoomOutFade 0.5s
}

.quform-button-submit-default.quform-button-animation-one>button {
    -webkit-animation: zoomOutIn 1s;
    animation: zoomOutIn 1s
}

@-webkit-keyframes zoomOutIn {
    25% {
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes zoomOutIn {
    25% {
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes zoomOutFade {
    0% {
        -webkit-transform: scaleX(.3) scaleY(.3);
        transform: scaleX(.3) scaleY(.3);
        opacity: .8
    }
    50% {
        -webkit-transform: scaleX(1.6) scaleY(1.6);
        transform: scaleX(1.6) scaleY(1.6);
        opacity: .5
    }
    100% {
        -webkit-transform: scaleX(3.2) scaleY(3.2);
        transform: scaleX(3.2) scaleY(3.2);
        opacity: 0
    }
}

@keyframes zoomOutFade {
    0% {
        -webkit-transform: scaleX(.3) scaleY(.3);
        transform: scaleX(.3) scaleY(.3);
        opacity: .8
    }
    50% {
        -webkit-transform: scaleX(1.6) scaleY(1.6);
        transform: scaleX(1.6) scaleY(1.6);
        opacity: .5
    }
    100% {
        -webkit-transform: scaleX(3.2) scaleY(3.2);
        transform: scaleX(3.2) scaleY(3.2);
        opacity: 0
    }
}

.quform-button-submit-default.quform-button-animation-two>button {
    cursor: pointer;
    position: relative
}

.quform-button-submit-default.quform-button-animation-two.quform-button-submit {
    position: relative;
    z-index: 3
}

.quform-button-submit-default.quform-button-animation-two>button>.quform-button-icon,
.quform-button-submit-default.quform-button-animation-two>button>.quform-button-text {
    position: relative;
    z-index: 1;
    color: #fff0 !important;
    -webkit-transition: color 0.6s ease;
    transition: color 0.6s ease
}

.quform-button-submit-default.quform-button-animation-two>button:after {
    background: #81bf0b;
    border: 4px solid #fff;
    border-radius: 55px;
    -webkit-box-shadow: 0 0 30px rgb(0 0 0 / .15);
    box-shadow: 0 0 30px rgb(0 0 0 / .15);
    content: "";
    color: #fff;
    display: inline-block;
    height: 50px;
    line-height: 0;
    text-align: center;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    position: absolute;
    top: 50%;
    width: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation: gelatine 3.5s 1 ease-in-out;
    animation: gelatine 3.5s 1 ease-in-out
}

.quform-button-submit-default.quform-button-next.quform-button-animation-two>button:after {
    content: "\e5c9"
}

.quform-button-submit-default.quform-button-animation-two.quform-button-submit:before {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    width: 8px;
    margin-top: -1px;
    margin-left: -7px;
    height: 4px;
    background: #fff;
    opacity: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    display: block;
    -webkit-animation: shortTick 2s forwards ease;
    animation: shortTick 2s forwards ease;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    z-index: 10
}

.quform-button-submit-default.quform-button-animation-two.quform-button-submit:after {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    width: 18px;
    margin-left: -6px;
    margin-top: 5px;
    height: 4px;
    background: #fff;
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    display: block;
    -webkit-animation: longTick 1.8s forwards ease;
    animation: longTick 1.8s forwards ease;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
    z-index: 10
}

@-webkit-keyframes shortTick {
    0% {
        width: 0;
        opacity: 0
    }
    30% {
        width: 8px;
        opacity: 1
    }
    85% {
        width: 8px;
        opacity: 1
    }
    100% {
        width: 0;
        opacity: 0
    }
}

@keyframes shortTick {
    0% {
        width: 0;
        opacity: 0
    }
    30% {
        width: 8px;
        opacity: 1
    }
    85% {
        width: 8px;
        opacity: 1
    }
    100% {
        width: 0;
        opacity: 0
    }
}

@-webkit-keyframes longTick {
    0% {
        width: 2px;
        opacity: 0
    }
    30% {
        width: 18px;
        opacity: 1
    }
    85% {
        width: 18px;
        opacity: 1
    }
    100% {
        width: 2px;
        opacity: 0
    }
}

@keyframes longTick {
    0% {
        width: 2px;
        opacity: 0
    }
    30% {
        width: 18px;
        opacity: 1
    }
    85% {
        width: 18px;
        opacity: 1
    }
    100% {
        width: 2px;
        opacity: 0
    }
}

@-webkit-keyframes gelatine {
    from {
        -webkit-transform: translateY(0) scale(0, 0);
        transform: translateY(0) scale(0, 0);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0) scale(0, 0);
        transform: translateY(0) scale(0, 0);
        opacity: 0
    }
    12% {
        -webkit-transform: translateY(-60px) scale(.9, 1.1);
        transform: translateY(-60px) scale(.9, 1.1)
    }
    18% {
        -webkit-transform: translateY(20px) scale(1.1, .9);
        transform: translateY(20px) scale(1.1, .9)
    }
    30% {
        -webkit-transform: translateY(0) scale(1, 1);
        transform: translateY(0) scale(1, 1);
        opacity: 1
    }
    80% {
        -webkit-transform: translateY(0) scale(1, 1);
        transform: translateY(0) scale(1, 1);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(-15px) scale(0, 0);
        transform: translateY(-15px) scale(0, 0)
    }
}

@keyframes gelatine {
    from {
        -webkit-transform: translateY(0) scale(0, 0);
        transform: translateY(0) scale(0, 0);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0) scale(0, 0);
        transform: translateY(0) scale(0, 0);
        opacity: 0
    }
    12% {
        -webkit-transform: translateY(-60px) scale(.9, 1.1);
        transform: translateY(-60px) scale(.9, 1.1)
    }
    18% {
        -webkit-transform: translateY(20px) scale(1.1, .9);
        transform: translateY(20px) scale(1.1, .9)
    }
    30% {
        -webkit-transform: translateY(0) scale(1, 1);
        transform: translateY(0) scale(1, 1);
        opacity: 1
    }
    80% {
        -webkit-transform: translateY(0) scale(1, 1);
        transform: translateY(0) scale(1, 1);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(-15px) scale(0, 0);
        transform: translateY(-15px) scale(0, 0)
    }
}

.quform-default-submit {
    position: absolute !important;
    left: -2000px !important;
    top: -2000px !important;
    width: 0 !important;
    height: 0 !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important
}

.quform-rtl .quform-default-submit {
    left: auto !important;
    right: -2000px !important
}

.quform img {
    max-width: 100%;
    height: auto
}

.quform-element-tree {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden
}

@media only screen and (max-width:1024px) {
    .quform-element-row.quform-responsive-columns-tablet-landscape>.quform-element-column,
    .quform-options-columns.quform-responsive-columns-tablet-landscape>.quform-option {
        float: none;
        max-width: 100% !important;
        width: 100% !important
    }
    .quform-responsive-elements-tablet-landscape .quform-input {
        max-width: 100% !important;
        width: 100% !important;
        min-width: 10px
    }
    .quform-responsive-elements-tablet-landscape .quform-error>.quform-error-inner {
        float: none;
        display: block
    }
    .quform-responsive-elements-tablet-landscape .quform-element-submit button {
        margin: 0;
        width: 100%
    }
    .quform-responsive-elements-tablet-landscape .quform-element-submit.quform-button-width-full>.quform-button-back-default,
    .quform-responsive-elements-tablet-landscape .quform-element-submit.quform-button-width-full>.quform-button-next-default,
    .quform-responsive-elements-tablet-landscape .quform-element-submit.quform-button-width-full>.quform-button-submit-default {
        width: 100%;
        float: none
    }
    .quform-responsive-elements-tablet-landscape .quform-button-back-default,
    .quform-responsive-elements-tablet-landscape .quform-button-next-default,
    .quform-responsive-elements-tablet-landscape .quform-button-submit-default {
        float: none;
        margin: 5px 0
    }
    .quform-responsive-elements-tablet-landscape .quform-loading-position-left {
        padding-left: 0
    }
    .quform-responsive-elements-tablet-landscape .quform-loading-position-right {
        padding-right: 0
    }
    .quform-responsive-elements-tablet-landscape .quform-labels-left>.quform-spacer>.quform-label {
        float: none;
        width: auto !important
    }
    .quform-responsive-elements-tablet-landscape .quform-labels-left.quform-element>.quform-spacer>.quform-inner {
        margin-left: 0 !important;
        padding-left: 0 !important;
        margin-right: 0 !important;
        padding-right: 0 !important
    }
}

@media only screen and (max-width:782px) {
    .admin-bar #fancybox-content,
    .admin-bar .fancybox-overlay {
        margin-top: 46px
    }
    .admin-bar .quform-magnific-popup .mfp-content .quform {
        margin-top: 66px
    }
}

@media only screen and (max-width:767px) {
    .quform-element-row.quform-responsive-columns-phone-landscape>.quform-element-column,
    .quform-options-columns.quform-responsive-columns-phone-landscape>.quform-option {
        float: none;
        width: 100% !important;
        max-width: 100% !important
    }
    .quform-responsive-elements-phone-landscape .quform-input,
    .quform-responsive-elements-phone-landscape .quform-upload-dropzone {
        max-width: 100% !important;
        width: 100% !important;
        min-width: 10px
    }
    .quform-responsive-elements-phone-landscape .quform-error>.quform-error-inner {
        float: none;
        display: block
    }
    .quform-responsive-elements-phone-landscape .quform-element-submit button {
        margin: 0;
        width: 100%
    }
    .quform-responsive-elements-phone-landscape .quform-element-submit.quform-button-width-full>.quform-button-back-default,
    .quform-responsive-elements-phone-landscape .quform-element-submit.quform-button-width-full>.quform-button-next-default,
    .quform-responsive-elements-phone-landscape .quform-element-submit.quform-button-width-full>.quform-button-submit-default {
        width: 100%;
        float: none
    }
    .quform-responsive-elements-phone-landscape .quform-button-back-default,
    .quform-responsive-elements-phone-landscape .quform-button-next-default,
    .quform-responsive-elements-phone-landscape .quform-button-submit-default {
        float: none;
        margin: 5px 0
    }
    .quform-responsive-elements-phone-landscape .quform-loading-position-left {
        padding-left: 0
    }
    .quform-responsive-elements-phone-landscape .quform-loading-position-right {
        padding-right: 0
    }
    .quform-responsive-elements-phone-landscape .quform-labels-left>.quform-spacer>.quform-label {
        float: none;
        width: auto !important
    }
    .quform-responsive-elements-phone-landscape .quform-labels-left.quform-element>.quform-spacer>.quform-inner {
        margin-left: 0 !important;
        padding-left: 0 !important;
        margin-right: 0 !important;
        padding-right: 0 !important
    }
    #fancybox-wrap.quform-fancybox-1-popup {
        left: 0 !important;
        right: 0 !important
    }
    .quform-page-progress-tab {
        display: block;
        padding: 5px 10px;
        margin: 0;
        text-align: center;
        border-right: none;
        border-bottom: 1px solid #ddd
    }
    .quform-page-progress-tab:last-child {
        border-bottom: none
    }
    .quform-responsive-elements-phone-landscape .select2-container--quform .select2-selection--multiple .select2-selection__choice {
        display: block;
        float: none;
        width: auto;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-right: 25px
    }
}

@media only screen and (max-width:479px) {
    .quform-element-row.quform-responsive-columns-phone-portrait>.quform-element-column,
    .quform-options-columns.quform-responsive-columns-phone-portrait>.quform-option {
        float: none;
        max-width: 100% !important;
        width: 100% !important
    }
    .quform-responsive-elements-phone-portrait .quform-input,
    .quform-responsive-elements-phone-portrait .quform-upload-dropzone {
        max-width: 100% !important;
        width: 100% !important;
        min-width: 10px
    }
    .quform-responsive-elements-phone-portrait .quform-error>.quform-error-inner {
        float: none;
        display: block
    }
    .quform-responsive-elements-phone-portrait .quform-element-submit button {
        margin: 0;
        width: 100%
    }
    .quform-responsive-elements-phone-portrait .quform-element-submit.quform-button-width-full>.quform-button-back-default,
    .quform-responsive-elements-phone-portrait .quform-element-submit.quform-button-width-full>.quform-button-next-default,
    .quform-responsive-elements-phone-portrait .quform-element-submit.quform-button-width-full>.quform-button-submit-default {
        width: 100%;
        float: none
    }
    .quform-responsive-elements-phone-portrait .quform-button-back-default,
    .quform-responsive-elements-phone-portrait .quform-button-next-default,
    .quform-responsive-elements-phone-portrait .quform-button-submit-default {
        float: none;
        margin: 5px 0
    }
    .quform-responsive-elements-phone-portrait .quform-loading-position-left {
        padding-left: 0
    }
    .quform-responsive-elements-phone-portrait .quform-loading-position-right {
        padding-right: 0
    }
    .quform-responsive-elements-phone-portrait .quform-labels-left>.quform-spacer>.quform-label {
        float: none;
        width: auto !important
    }
    .quform-responsive-elements-phone-portrait .quform-labels-left.quform-element>.quform-spacer>.quform-inner {
        margin-left: 0 !important;
        padding-left: 0 !important;
        margin-right: 0 !important;
        padding-right: 0 !important
    }
    .quform-responsive-elements-phone-portrait .select2-container--quform .select2-selection--multiple .select2-selection__choice {
        display: block;
        float: none;
        width: auto;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-right: 25px
    }
}

.quform-1 .quform-loading-type-spinner-6 .quform-loading-spinner-inner {
    color: rgb(36 53 75)
}

.quform-1 .quform-loading-overlay,
.quform-1 .quform-loading.quform-loading-triggered.quform-loading-position-over-button {
    background-color: rgb(255 255 255 / .35)
}

.quform-2 .quform-loading-type-spinner-6 .quform-loading-spinner-inner {
    color: rgb(36 53 75)
}

.quform-2 .quform-loading-overlay,
.quform-2 .quform-loading.quform-loading-triggered.quform-loading-position-over-button {
    background-color: rgb(255 255 255 / .35)
}

.quform-3 .quform-loading-type-spinner-6 .quform-loading-spinner-inner {
    color: rgb(36 53 75)
}

.quform-3 .quform-loading-overlay,
.quform-3 .quform-loading.quform-loading-triggered.quform-loading-position-over-button {
    background-color: rgb(255 255 255 / .35)
}

.quform-4 .quform-loading-type-spinner-6 .quform-loading-spinner-inner {
    color: rgb(36 53 75)
}

.quform-4 .quform-loading-overlay,
.quform-4 .quform-loading.quform-loading-triggered.quform-loading-position-over-button {
    background-color: rgb(255 255 255 / .35)
}

.quform-5 .quform-loading-type-spinner-6 .quform-loading-spinner-inner {
    color: rgb(36 53 75)
}

.quform-5 .quform-loading-overlay,
.quform-5 .quform-loading.quform-loading-triggered.quform-loading-position-over-button {
    background-color: rgb(255 255 255 / .35)
}

.quform-7 .quform-loading-type-spinner-6 .quform-loading-spinner-inner {
    color: rgb(36 53 75)
}

.quform-7 .quform-loading-overlay,
.quform-7 .quform-loading.quform-loading-triggered.quform-loading-position-over-button {
    background-color: rgb(255 255 255 / .35)
}

.chosen-container,
.noUi-target,
.noUi-target * {
    -webkit-user-select: none;
    -ms-user-select: none
}

.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    -moz-user-select: none;
    user-select: none
}

.chosen-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    z-index: 1010;
    width: 100%;
    border: 1px solid #aaa;
    border-top: 0;
    background: #fff;
    -webkit-box-shadow: 0 4px 5px rgb(0 0 0 / .15);
    box-shadow: 0 4px 5px rgb(0 0 0 / .15);
    clip: rect(0, 0, 0, 0);
    -webkit-clip-path: inset(100% 100%);
    clip-path: inset(100% 100%)
}

.chosen-container.chosen-with-drop .chosen-drop {
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none
}

.chosen-container a {
    cursor: pointer
}

.chosen-container .chosen-single .group-name,
.chosen-container .search-choice .group-name {
    margin-right: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 400;
    color: #999
}

.chosen-container .chosen-single .group-name:after,
.chosen-container .search-choice .group-name:after {
    content: ":";
    padding-left: 2px;
    vertical-align: top
}

.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    border: 1px solid #aaa;
    border-radius: 5px;
    background-color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), to(#f4f4f4));
    background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgb(0 0 0 / .1);
    box-shadow: 0 0 3px #fff inset, 0 1px 1px rgb(0 0 0 / .1);
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px
}

.chosen-container-single .chosen-default {
    color: #999
}

.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px
}

.chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(//www.lokerbandung.id/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite.png) -42px 1px no-repeat;
    font-size: 1px
}

.chosen-container-single .chosen-single abbr:hover,
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px
}

.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%
}

.chosen-container-single .chosen-single div b {
    display: block;
    width: 100%;
    height: 100%;
    background: url(//www.lokerbandung.id/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite.png) 0 2px no-repeat
}

.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap
}

.chosen-container-single .chosen-search input[type="text"] {
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    width: 100%;
    height: auto;
    outline: 0;
    border: 1px solid #aaa;
    background: url(//www.lokerbandung.id/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite.png) 100% -20px no-repeat;
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0
}

.chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    -webkit-clip-path: inset(100% 100%);
    clip-path: inset(100% 100%)
}

.chosen-container .chosen-results {
    color: #444;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 240px;
    -webkit-overflow-scrolling: touch
}

.chosen-container .chosen-results li {
    display: none;
    margin: 0;
    padding: 5px 6px;
    list-style: none;
    line-height: 15px;
    word-wrap: break-word;
    -webkit-touch-callout: none
}

.chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer
}

.chosen-container .chosen-results li.disabled-result {
    display: list-item;
    color: #ccc;
    cursor: default
}

.chosen-container .chosen-results li.highlighted {
    background-color: #3875d7;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
    color: #fff
}

.chosen-container .chosen-results li.no-results {
    color: #777;
    display: list-item;
    background: #f4f4f4
}

.chosen-container .chosen-results li.group-result {
    display: list-item;
    font-weight: 700;
    cursor: default
}

.chosen-container .chosen-results li.group-option {
    padding-left: 15px
}

.chosen-container .chosen-results li em {
    font-style: normal;
    text-decoration: underline
}

.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0 5px;
    width: 100%;
    height: auto;
    border: 1px solid #aaa;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: linear-gradient(#eee 1%, #fff 15%);
    cursor: text
}

.chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none
}

.chosen-container-multi .chosen-choices li.search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    margin: 1px 0;
    outline: 0;
    border: 0 !important;
    background: 0 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 100%;
    line-height: normal;
    border-radius: 0;
    width: 25px
}

.chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    padding: 3px 20px 3px 5px;
    border: 1px solid #aaa;
    max-width: 100%;
    border-radius: 3px;
    background-color: #eee;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-size: 100% 19px;
    background-repeat: repeat-x;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgb(0 0 0 / .05);
    box-shadow: 0 0 2px #fff inset, 0 1px 0 rgb(0 0 0 / .05);
    color: #333;
    line-height: 13px;
    cursor: default
}

.chosen-container-multi .chosen-choices li.search-choice span {
    word-wrap: break-word
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 4px;
    right: 3px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(//www.lokerbandung.id/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite.png) -42px 1px no-repeat;
    font-size: 1px
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background-position: -42px -10px
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
    padding-right: 5px;
    border: 1px solid #ccc;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    color: #666
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
    background: #d4d4d4
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
    background-position: -42px -10px
}

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0
}

.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default
}

.chosen-container-active .chosen-single {
    border: 1px solid #5897fb;
    -webkit-box-shadow: 0 0 5px rgb(0 0 0 / .3);
    box-shadow: 0 0 5px rgb(0 0 0 / .3)
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #aaa;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #eee), color-stop(80%, #fff));
    background-image: linear-gradient(#eee 20%, #fff 80%);
    -webkit-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset
}

.chosen-container-active.chosen-with-drop .chosen-single div {
    border-left: none;
    background: 0 0
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 2px
}

.chosen-container-active .chosen-choices {
    border: 1px solid #5897fb;
    -webkit-box-shadow: 0 0 5px rgb(0 0 0 / .3);
    box-shadow: 0 0 5px rgb(0 0 0 / .3)
}

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
    color: #222 !important
}

.chosen-disabled {
    opacity: 0.5 !important;
    cursor: default
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close,
.chosen-disabled .chosen-single {
    cursor: default
}

.chosen-rtl {
    text-align: right
}

.chosen-rtl .chosen-single {
    overflow: visible;
    padding: 0 8px 0 0
}

.chosen-rtl .chosen-single span {
    margin-right: 0;
    margin-left: 26px;
    direction: rtl
}

.chosen-rtl .chosen-single-with-deselect span {
    margin-left: 38px
}

.chosen-rtl .chosen-single div {
    right: auto;
    left: 3px
}

.chosen-rtl .chosen-single abbr {
    right: auto;
    left: 26px
}

.chosen-rtl .chosen-choices li {
    float: right
}

.chosen-rtl .chosen-choices li.search-field input[type="text"] {
    direction: rtl
}

.chosen-rtl .chosen-choices li.search-choice {
    margin: 3px 5px 3px 0;
    padding: 3px 5px 3px 19px
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
    right: auto;
    left: 4px
}

.chosen-rtl.chosen-container-single .chosen-results {
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0
}

.chosen-rtl .chosen-results li.group-option {
    padding-right: 15px;
    padding-left: 0
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
    border-right: none
}

.chosen-rtl .chosen-search input[type="text"] {
    padding: 4px 5px 4px 20px;
    background: url(//www.lokerbandung.id/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite.png) -30px -20px no-repeat;
    direction: rtl
}

.chosen-rtl.chosen-container-single .chosen-single div b {
    background-position: 6px 2px
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
    background-position: -12px 2px
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi),
only screen and (min-resolution:1.5dppx) {
    .chosen-container .chosen-results-scroll-down span,
    .chosen-container .chosen-results-scroll-up span,
    .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
    .chosen-container-single .chosen-search input[type="text"],
    .chosen-container-single .chosen-single abbr,
    .chosen-container-single .chosen-single div b,
    .chosen-rtl .chosen-search input[type="text"] {
        background-image: url(//www.lokerbandung.id/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite@2x.png) !important;
        background-size: 52px 37px !important;
        background-repeat: no-repeat !important
    }
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 #fff0 #fff0;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: #fff0 #fff0 #888;
    border-width: 0 4px 5px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #000;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: 0 0;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role="group"] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled="true"] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.noUi-pips,
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 #fff0 #fff0;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 4px 0 0 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: 0 0;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: #fff0 #fff0 #888;
    border-width: 0 4px 5px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #fff 0, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0, #eee 50%);
    background-image: linear-gradient(to bottom, #fff 0, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid #fff0
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role="group"] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled="true"] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

.searchandfilter-date-picker .ui-helper-hidden {
    display: none
}

.searchandfilter-date-picker .ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.searchandfilter-date-picker .ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.searchandfilter-date-picker .ui-helper-clearfix:after,
.searchandfilter-date-picker .ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse
}

.searchandfilter-date-picker .ui-helper-clearfix:after {
    clear: both
}

.searchandfilter-date-picker .ui-helper-clearfix {
    min-height: 0
}

.searchandfilter-date-picker .ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.searchandfilter-date-picker .ui-front {
    z-index: 100
}

.searchandfilter-date-picker .ui-state-disabled {
    cursor: default !important
}

.searchandfilter-date-picker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.searchandfilter-date-picker .ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.searchandfilter-date-picker .ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.searchandfilter-date-picker .ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next,
.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next-hover,
.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev-hover {
    top: 1px
}

.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next {
    right: 2px
}

.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next span,
.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.searchandfilter-date-picker .ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.searchandfilter-date-picker .ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
    display: inline-block
}

.searchandfilter-date-picker .ui-datepicker select.ui-datepicker-month-year {
    width: 100%
}

.searchandfilter-date-picker .ui-datepicker select.ui-datepicker-month,
.searchandfilter-date-picker .ui-datepicker select.ui-datepicker-year {
    width: 49%
}

.searchandfilter-date-picker .ui-icon {
    width: 16px;
    height: 16px;
    background-position: 16px 16px
}

.searchandfilter-date-picker .ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.searchandfilter-date-picker .ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 700;
    border: 0
}

.searchandfilter-date-picker .ui-datepicker td {
    border: 0;
    padding: 1px
}

.searchandfilter-date-picker .ui-datepicker td a,
.searchandfilter-date-picker .ui-datepicker td span {
    display: block;
    text-align: center;
    text-decoration: none
}

.searchandfilter-date-picker .ui-widget {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.1em
}

.ll-skin-melon .ui-datepicker {
    padding: 0
}

.ll-skin-melon .ui-datepicker-header {
    border: none;
    background: 0 0;
    font-weight: 400;
    font-size: 15px
}

.ll-skin-melon .ui-datepicker-header .ui-state-hover {
    background: 0 0;
    border-color: #fff0;
    cursor: pointer;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0
}

.ll-skin-melon .ui-datepicker .ui-datepicker-title {
    margin-top: .4em;
    margin-bottom: .3em;
    color: #e9f0f4
}

.ll-skin-melon .ui-datepicker .ui-datepicker-next,
.ll-skin-melon .ui-datepicker .ui-datepicker-next-hover,
.ll-skin-melon .ui-datepicker .ui-datepicker-prev,
.ll-skin-melon .ui-datepicker .ui-datepicker-prev-hover {
    top: .9em;
    border: none
}

.ll-skin-melon .ui-datepicker .ui-datepicker-prev-hover {
    left: 2px
}

.ll-skin-melon .ui-datepicker .ui-datepicker-next-hover {
    right: 2px
}

.ll-skin-melon .ui-datepicker .ui-datepicker-next span,
.ll-skin-melon .ui-datepicker .ui-datepicker-prev span {
    background-image: url(//www.lokerbandung.id/wp-content/plugins/search-filter-pro/public/assets/img/ui-icons_ffffff_256x240.png);
    background-position: -32px 0;
    margin-top: 0;
    top: 0;
    font-weight: 400
}

.ll-skin-melon .ui-datepicker .ui-datepicker-prev span {
    background-position: -96px 0
}

.ll-skin-melon .ui-datepicker table {
    margin: 0
}

.ll-skin-melon .ui-datepicker th {
    padding: 1em 0;
    color: #ccc;
    font-size: 13px;
    font-weight: 400;
    border: none;
    border-top: 1px solid #3a414d
}

.ll-skin-melon .ui-state-disabled {
    opacity: 1
}

.ll-skin-melon .ui-state-disabled .ui-state-default {
    color: #fba49e
}

.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: #fff0;
    -ms-touch-action: none;
    touch-action: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-target {
    position: relative;
    direction: ltr;
    background: #fafafa;
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb
}

.noUi-base,
.noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.noUi-connects {
    overflow: hidden;
    z-index: 0;
    border-radius: 3px
}

.noUi-handle,
.noUi-tooltip {
    position: absolute;
    border: 1px solid #d9d9d9
}

.noUi-connect,
.noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

html:not([dir="rtl"]) .noUi-horizontal .noUi-origin {
    left: auto;
    right: 0
}

.noUi-vertical .noUi-origin {
    width: 0
}

.noUi-horizontal .noUi-origin {
    height: 0
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    -webkit-transition: transform 0.3s;
    transition: transform 0.3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-horizontal {
    height: 18px
}

.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    left: -17px;
    top: -6px
}

.noUi-vertical {
    width: 18px
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    left: -6px;
    top: -17px
}

html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
    right: -17px;
    left: auto
}

.noUi-connect {
    background: #3fb8af
}

.noUi-draggable {
    cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize
}

.noUi-handle {
    border-radius: 3px;
    background: #fff;
    cursor: default;
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb
}

.noUi-active {
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb
}

.noUi-handle:after,
.noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #e8e7e6;
    left: 14px;
    top: 6px
}

.noUi-handle:after {
    left: 17px
}

.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px
}

.noUi-vertical .noUi-handle:after {
    top: 17px
}

[disabled] .noUi-connect {
    background: #b8b8b8
}

[disabled] .noUi-handle,
[disabled].noUi-handle,
[disabled].noUi-target {
    cursor: not-allowed
}

.noUi-pips,
.noUi-pips * {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-pips {
    position: absolute
}

.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}

.noUi-marker {
    position: absolute;
    background: #ccc
}

.noUi-marker-large,
.noUi-marker-sub {
    background: #aaa
}

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%
}

.noUi-value-horizontal {
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

.noUi-rtl .noUi-value-horizontal {
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%)
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%
}

.noUi-value-vertical {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%, 0);
    padding-left: 25px
}

.noUi-rtl .noUi-value-vertical {
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%)
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px
}

.noUi-tooltip {
    display: block;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%
}

.noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 120%
}

.searchandfilter p {
    margin-top: 1em;
    display: block
}

.searchandfilter ul {
    display: block;
    margin-top: 0;
    margin-bottom: 0
}

.searchandfilter ul li {
    list-style: none;
    display: block;
    padding: 10px 0;
    margin: 0
}

.searchandfilter ul li li {
    padding: 5px 0
}

.searchandfilter ul li ul li ul {
    margin-left: 20px
}

.searchandfilter label {
    display: inline-block;
    margin: 0;
    padding: 0
}

.searchandfilter>ul>li[data-sf-combobox="1"] label {
    display: block
}

.searchandfilter li[data-sf-field-input-type="checkbox"] label,
.searchandfilter li[data-sf-field-input-type="radio"] label,
.searchandfilter li[data-sf-field-input-type="range-checkbox"] label,
.searchandfilter li[data-sf-field-input-type="range-radio"] label {
    padding-left: 10px
}

.searchandfilter .sf-date-prefix {
    padding-right: 5px;
    display: inline-block
}

.searchandfilter .sf-count,
.searchandfilter .sf-date-postfix {
    padding-left: 5px;
    display: inline-block
}

.searchandfilter .screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px
}

.searchandfilter h4 {
    margin: 0;
    padding: 5px 0 10px;
    font-size: 16px
}

.searchandfilter .sf-range-max,
.searchandfilter .sf-range-min {
    max-width: 80px
}

.searchandfilter .sf-meta-range-radio-fromto .sf-range-max,
.searchandfilter .sf-meta-range-radio-fromto .sf-range-min {
    display: inline-block;
    vertical-align: middle
}

.searchandfilter .sf-meta-range-radio-fromto span.sf-range-values-seperator {
    vertical-align: middle;
    display: inline-block;
    margin: 0 15px
}

.searchandfilter .datepicker {
    max-width: 170px
}

.searchandfilter select.sf-input-select {
    min-width: 170px
}

.searchandfilter select.sf-range-max.sf-input-select,
.searchandfilter select.sf-range-min.sf-input-select {
    min-width: auto
}

.searchandfilter ul>li>ul:not(.children) {
    margin-left: 0
}

.searchandfilter .meta-slider {
    margin-top: 10px;
    margin-bottom: 10px;
    height: 15px;
    max-width: 220px
}

.searchandfilter .noUi-connect {
    background-color: #526e91
}

.searchandfilter.search-filter-disabled .noUi-connect {
    opacity: .7
}

.searchandfilter .noUi-horizontal.noUi-extended {
    padding: 0 10px
}

.searchandfilter .noUi-horizontal.noUi-extended .noUi-origin {
    right: -10px
}

.searchandfilter .noUi-handle {
    border-color: #ccc
}

.searchandfilter .noUi-horizontal .noUi-handle {
    width: 24px;
    height: 24px;
    top: -5px;
    border-radius: 20px;
    left: -12px
}

.searchandfilter .noUi-horizontal .noUi-handle:after,
.searchandfilter .noUi-horizontal .noUi-handle:before {
    height: 9px;
    top: 7px
}

.searchandfilter .noUi-horizontal .noUi-handle:before {
    left: 9px
}

.searchandfilter .noUi-horizontal .noUi-handle:after {
    left: 12px
}

.search-filter-scroll-loading {
    display: block;
    margin: 20px 10px 10px;
    height: 30px;
    width: 30px;
    animation: search-filter-loader-rotate 0.7s infinite linear;
    border: 5px solid rgb(0 0 0 / .15);
    border-right-color: rgb(0 0 0 / .6);
    border-radius: 50%
}

@keyframes search-filter-loader-rotate {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

.ll-skin-melon {
    font-size: 90%
}

.ll-skin-melon .ui-datepicker td {
    background: #f7f7f7;
    border: none;
    padding: 0
}

.ll-skin-melon .ui-datepicker th {
    border-color: #4d6077
}

.ll-skin-melon .ui-widget {
    font-family: inherit;
    background: #526e91;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -moz-box-shadow: 0 0 3px rgb(0 0 0 / .3);
    -webkit-box-shadow: 0 0 3px rgb(0 0 0 / .3);
    box-shadow: 0 0 3px rgb(0 0 0 / .3)
}

.searchandfilter.horizontal ul>li {
    display: inline-block;
    padding-right: 10px
}

.searchandfilter.horizontal ul>li li {
    display: block
}

.ll-skin-melon td .ui-state-default {
    background: 0 0;
    border: none;
    text-align: center;
    padding: .3em;
    margin: 0;
    font-weight: 400;
    color: #6c88ac;
    font-size: 14px
}

.ll-skin-melon td .ui-state-active {
    background: #526e91;
    color: #fff
}

.ll-skin-melon td .ui-state-hover {
    background: #c4d6ec
}

.searchandfilter li.hide,
.searchandfilter select option.hide {
    display: none
}

.searchandfilter .disabled {
    opacity: .7
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    height: auto;
    padding: 5px;
    color: #666;
    font-family: inherit
}

.chosen-container {
    font-size: 14px
}

.chosen-container-single .chosen-single {
    height: auto
}

.chosen-container-multi .chosen-choices li.search-choice {
    margin: 3px 3px 3px 5px
}

.search-filter-results .sf-active {
    font-weight: 700
}

.search-filter-results .sf-disabled {
    opacity: .5
}

*,
::after,
::before {
    box-sizing: inherit;
    padding: 0;
    margin: 0
}

:where(:root) {
    line-height: 1.15;
    box-sizing: border-box;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif
}

:where(main) {
    display: block
}

:where(h1) {
    font-size: 2em;
    margin: .67em 0
}

:where(p+p) {
    margin-top: 1rem
}

:where(a) {
    background-color: #fff0
}

:where(abbr[title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

:where(code, kbd, samp, pre) {
    font-family: monospace, monospace;
    font-size: 1em
}

:where(sub, sup) {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

:where(sub) {
    bottom: -.25em
}

:where(sup) {
    top: -.5em
}

:where(button, input, optgroup, select, textarea) {
    line-height: inherit;
    border: 1px solid currentColor
}

:where(button) {
    overflow: visible;
    text-transform: none
}

:where(button, [type="button"], [type="reset"], [type="submit"]) {
    -webkit-appearance: button;
    padding: 1px 6px
}

:where(input) {
    overflow: visible
}

:where(input, textarea) {
    padding: 1px
}

:where(fieldset) {
    border: 1px solid currentColor;
    margin: 0 2px
}

:where(legend) {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

:where(progress) {
    display: inline-block;
    vertical-align: baseline
}

:where(select) {
    text-transform: none
}

:where(textarea) {
    overflow: auto;
    vertical-align: top
}

:where([type="search"]) {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

:where([type="color"]) {
    background: inherit
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .5
}

::-webkit-file-upload-button,
::-webkit-search-decoration {
    -webkit-appearance: button;
    font: inherit
}

::-moz-focus-inner {
    border: 0
}

:-moz-focusring {
    outline: 1px dotted ButtonText
}

:-moz-ui-invalid {
    box-shadow: none
}

:where(hr) {
    box-sizing: content-box;
    height: 0;
    color: inherit;
    overflow: visible
}

:where(dl, ol, ul) {
    margin: 1em 0
}

:where(ol ol, ol ul, ol dl, ul ol, ul ul, ul dl, dl ol, dl ul, dl dl) {
    margin: 0
}

:where(b, strong) {
    font-weight: bolder
}

:where(audio, video) {
    display: inline-block
}

:where(audio):not([controls]) {
    display: none;
    height: 0
}

:where(img) {
    border: 0
}

:where(svg):not(:root) {
    overflow: hidden
}

:where(table) {
    text-indent: 0;
    border-color: inherit
}

:where(details) {
    display: block
}

:where(dialog) {
    background-color: inherit;
    border: solid;
    color: inherit;
    display: block;
    height: fit-content;
    left: 0;
    margin: auto;
    padding: 1em;
    position: absolute;
    right: 0;
    width: fit-content
}

:where(dialog):not([open]) {
    display: none
}

:where(summary) {
    display: list-item
}

:where(canvas) {
    display: inline-block
}

:where(template) {
    display: none
}

:where([hidden]) {
    display: none
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: #fff0
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid #fff0
}

.slick-arrow.slick-hidden {
    display: none
}

*,
:before,
:after {
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

:root {
    --white-1: #fff;
    --white-2: #f8f8f8;
    --white-3: #e9edf2;
    --white-4: #e3eaf2;
    --white-5: #d7dfea;
    --white-6: #cad4df;
    --white-7: #c5ced9;
    --blue-1: #1f2f41;
    --blue-2: #24354b;
    --blue-3: #2d3d51;
    --blue-4: #475a73;
    --blue-5: #6882a3;
    --blue-6: #4070ac;
    --blue-7: #4d77ab;
    --blue-8: #8091a6;
    --blue-9: #8ca1b8;
    --blue-10: #adc7e3;
    --blue-11: #b7cce2;
    --blue-12: #b8c8dc;
    --blue-13: #ccdcef;
    --blue-14: #f0f3f6;
    --gray-1: #3f454d;
    --gray-2: #71777f;
    --gray-3: #858990;
    --gray-4: #647387;
    --gray-5: #748293;
    --gray-6: #74818f;
    --gray-7: #8a99ab;
    --gray-8: #969ea8;
    --gray-9: #babfc4;
    --red-1: #822424;
    --red-2: #7e5858;
    --red-3: #985151;
    --red-4: #a08f8f;
    --red-5: #9c7d7d;
    --yellow-1: #d9b255;
    --yellow-2: #d3b161;
    --yellow-3: #ffa70e;
    --brown-1: #605349;
    --brown-2: #947959;
    --green-1: #657270;
    --numbers-5: 5px;
    --numbers-10: 10px;
    --numbers-15: 15px;
    --numbers-20: 20px;
    --numbers-25: 25px;
    --text-gray-1: var(--gray-1);
    --text-gray-2: var(--gray-2);
    --text-gray-3: var(--gray-3);
    --text-gray-4: var(--gray-4);
    --text-gray-5: var(--gray-5);
    --text-gray-6: var(--gray-6);
    --text-gray-7: var(--gray-7);
    --text-gray-8: var(--gray-8);
    --text-gray-9: var(--gray-9);
    --text-white-1: var(--white-1);
    --text-white-2: var(--white-2);
    --text-white-3: var(--white-3);
    --text-white-4: var(--white-4);
    --text-white-5: var(--white-5);
    --text-white-6: var(--white-6);
    --text-white-7: var(--white-7);
    --text-blue-1: var(--blue-1);
    --text-blue-2: var(--blue-2);
    --text-blue-3: var(--blue-3);
    --text-blue-4: var(--blue-4);
    --text-blue-5: var(--blue-5);
    --text-blue-6: var(--blue-6);
    --text-blue-7: var(--blue-7);
    --text-blue-8: var(--blue-8);
    --text-blue-9: var(--blue-9);
    --text-blue-10: var(--blue-10);
    --text-blue-11: var(--blue-11);
    --text-blue-12: var(--blue-12);
    --text-blue-13: var(--blue-13);
    --text-blue-14: var(--blue-14);
    --text-red-1: var(--red-1);
    --text-red-2: var(--red-2);
    --text-red-3: var(--red-3);
    --text-red-4: var(--red-4);
    --text-red-5: var(--red-5);
    --text-brown-1: var(--brown-1);
    --text-brown-2: var(--brown-2);
    --text-yellow-1: var(--yellow-2);
    --surface-yellow-1: var(--yellow-1);
    --surface-yellow-2: var(--yellow-2);
    --surface-yellow-3: var(--yellow-3);
    --surface-blue-1: var(--blue-1);
    --surface-blue-2: var(--blue-2);
    --surface-blue-3: var(--blue-3);
    --surface-blue-4: var(--blue-4);
    --surface-blue-5: var(--blue-5);
    --surface-blue-6: var(--blue-6);
    --surface-blue-7: var(--blue-7);
    --surface-blue-8: var(--blue-8);
    --surface-blue-9: var(--blue-9);
    --surface-blue-10: var(--blue-10);
    --surface-blue-11: var(--blue-11);
    --surface-blue-12: var(--blue-12);
    --surface-blue-13: var(--blue-13);
    --surface-blue-14: var(--blue-14);
    --surface-gray-1: var(--gray-1);
    --surface-gray-2: var(--gray-2);
    --surface-gray-3: var(--gray-3);
    --surface-gray-4: var(--gray-4);
    --surface-gray-5: var(--gray-5);
    --surface-gray-6: var(--gray-6);
    --surface-gray-7: var(--gray-7);
    --surface-gray-8: var(--gray-8);
    --surface-gray-9: var(--gray-9);
    --surface-white-1: var(--white-1);
    --surface-white-2: var(--white-2);
    --surface-white-3: var(--white-3);
    --surface-white-4: var(--white-4);
    --surface-white-5: var(--white-5);
    --surface-white-6: var(--white-6);
    --surface-white-7: var(--white-7);
    --surface-red-1: var(--red-1);
    --surface-red-2: var(--red-2);
    --surface-red-3: var(--red-3);
    --surface-red-4: var(--red-4);
    --surface-red-5: var(--red-5);
    --surface-brown-1: var(--brown-1);
    --surface-brown-2: var(--brown-2);
    --surface-green-1: var(--green-1);
    --line-1: var(--white-4);
    --line-2: var(--white-5);
    --line-3: var(--white-7);
    --line-3-hover: var(--blue-10);
    --line-4: var(--white-6);
    --line-5: var(--blue-9);
    --line-6: var(--gray-8);
    --line-7: var(--blue-4);
    --line-8: var(--blue-3);
    --line-9: var(--blue-2);
    --line-yellow-1: var(--yellow-2);
    --line-red-1: var(--red-5);
    --bd-rd-xs: var(--numbers-5);
    --bd-rd-sm: var(--numbers-10);
    --bd-rd-md: var(--numbers-15);
    --bd-rd-lg: var(--numbers-20);
    --bd-rd-xl: var(--numbers-25);
    --container-width: 1074px;
    --container-width-m: 100%;
    --container-1-column-width: 722px;
    --container-1-column-width-m: 100%;
    --content-width: 755px;
    --content-width-m: 100%;
    --template-l-r-padding-m: 12px;
    --tablet: 768px;
    --phone: 600px;
    --small-phone: 400px;
    --header-m-height: 48px;
    --footer-m-height: 39.3px;
    --reg: 17px;
    --reg-m: 14px;
    --reg-sm-1: 0.768rem;
    --reg-sm-1-m: 0.768rem;
    --reg-sm-2: 0.689rem;
    --reg-sm-2-m: 0.675rem;
    --header-text: 1.11rem;
    --header-text-m: 1.218rem;
    --overlay-horizontal-bg: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 89.9%);
    --overlay-vertical-bg: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 74%);
    --date-bg: linear-gradient(90deg, #f6f7f8 0%, rgba(255, 255, 255, 0) 100%);
    --heading-gradient-bg-1: linear-gradient(180deg, rgba(166, 196, 255, 0.51) 0%, rgba(202, 220, 255, 0) 24.79%);
    --heading-gradient-bg-2: linear-gradient(180deg, rgba(150, 186, 255, 0.55) 0%, rgba(202, 220, 255, 0) 34.71%);
    --header-m-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.25);
    --box-shadow: 0px 2px 5px 0px rgba(34, 47, 63, 0.21)
}

@media (max-width:768px) {
    :root {
        --box-shadow: 0px 1.569px 3.923px 0px rgba(34, 47, 63, 0.21)
    }
}

:root {
    --box-shadow-2: 0px 0px 14px 0px rgba(34, 47, 63, 0.11);
    --box-shadow-3: 0px 0.899px 4.3px rgba(47, 65, 89, 0.2);
    --box-shadow-hover: 0px 2px 27px 0px rgba(7, 44, 91, 0.2);
    --box-shadow-hover-2: 0px 8px 21px 0px rgba(16, 92, 189, 0.15);
    --box-shadow-hover-3: 0px 0px 0px 4px #f6f8fb, 0px 0px 3px 3px rgba(48, 66, 89, 0.04) inset;
    --box-shadow-hover-4: 0px 0px 0px 4px #f6f8fb, 0px 1px 5px 0px rgba(0, 0, 0, 0.15) inset;
    --inner-shadow-1: 0px 0px 5px 0px rgba(48, 66, 89, 0.4) inset;
    --inner-shadow-2: 0px 0px 3px 3px rgba(48, 66, 89, 0.02) inset;
    --inner-shadow-3: 0px 1px 5px 0px rgba(0, 0, 0, 0.15) inset;
    --btn-shadow: 0px 1px 0px 2px #c7cbd0
}

@media (max-width:768px) {
    :root {
        --btn-shadow: 0px 0.812px 0px 1.624px #c7cbd0
    }
}

@keyframes loading-1 {
    0% {
        background-color: rgb(240 243 246 / .55)
    }
    50% {
        background-color: #f0f3f6
    }
    to {
        background-color: rgb(240 243 246 / .55)
    }
}

@keyframes slideFromRight {
    0% {
        opacity: 0;
        transform: translate(20%)
    }
    to {
        opacity: 1;
        transform: translate(0)
    }
}

@keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes flipInX {
    0% {
        opacity: 0;
        transition-timing-function: ease-in;
        transform: perspective(400px) rotateX(90deg)
    }
    40% {
        transition-timing-function: ease-in;
        transform: perspective(400px) rotateX(-20deg)
    }
    60% {
        opacity: 1;
        transform: perspective(400px) rotateX(10deg)
    }
    80% {
        transform: perspective(400px) rotateX(-5deg)
    }
    to {
        transform: perspective(400px)
    }
}

@keyframes scaleBiggerRotate {
    0% {
        rotate: none;
        scale: 1
    }
    50% {
        rotate: 15deg;
        scale: 1.1
    }
    to {
        rotate: none;
        scale: 1
    }
}

.overlay-disable-el {
    content: "";
    z-index: 3;
    cursor: pointer;
    background: 0 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

:is(.custom-scrollbar, .select2-results__options)::-webkit-scrollbar {
    width: 4px
}

:is(.custom-scrollbar, .select2-results__options)::-webkit-scrollbar-track {
    background: var(--surface-white-3)
}

:is(.custom-scrollbar, .select2-results__options)::-webkit-scrollbar-thumb {
    background: var(--surface-white-7)
}

:is(.custom-scrollbar, .select2-results__options)::-webkit-scrollbar-thumb:hover {
    background: var(--surface-gray-8)
}

.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.hide-scrollbar::-webkit-scrollbar {
    display: none
}

.input-focus-hover {
    border-color: var(--line-3-hover);
    box-shadow: var(--box-shadow-hover-3);
    outline: none
}

.hover-pointer:before {
    content: "";
    z-index: 1;
    opacity: 0;
    background: url(assets/custom/img/v2/hover-pointer.png) 0 0 / contain no-repeat;
    width: 16px;
    height: 16px;
    transition: all 0.3s;
    position: absolute;
    top: 6px;
    left: 6px;
    transform: scale(.2)
}

@media (max-width:768px) {
    .hover-pointer:before {
        width: 14px;
        height: 14px;
        top: 4.5px;
        left: 4.5px
    }
}

#loker-rekomendasi .hover-pointer:before {
    top: 7px;
    left: unset;
    right: 7px
}

@media (max-width:768px) {
    #loker-rekomendasi .hover-pointer:before {
        top: 5.5px;
        right: 5.5px
    }
}

.hover-pointer:hover:before {
    opacity: 1;
    transform: scale(1)
}

ul.loading-bar {
    flex-flow: wrap;
    gap: 20px;
    width: 90%;
    margin: 10px;
    list-style: none;
    display: flex
}

@media (max-width:768px) {
    ul.loading-bar {
        gap: 18px
    }
}

ul.loading-bar li {
    border-radius: var(--bd-rd-xs);
    background-color: rgb(208 211 216 / .2);
    width: 100%;
    height: 10px;
    animation: 1s ease-in-out infinite loading-1
}

@media (max-width:768px) {
    ul.loading-bar li {
        height: 8px
    }
}

ul.loading-bar li:nth-child(2) {
    width: 70%
}

ul.loading-bar li:nth-child(3) {
    width: 50%
}

ul.loading-bar li:nth-child(4) {
    width: 60%
}

ul.loading-bar li:nth-child(5) {
    width: 80%
}

@font-face {
    font-family: 'Inter', sans-serif;
    src: url(//www.lokerbandung.id/wp-content/themes/loker-v2/assets/font/Fredoka-Regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Inter', sans-serif;
    src: url(//www.lokerbandung.id/wp-content/themes/loker-v2/assets/font/Fredoka-Medium.woff2) format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Lato;
    src: url(//www.lokerbandung.id/wp-content/themes/loker-v2/assets/font/Lato-Italic.woff2) format("woff2");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Lato;
    src: url(//www.lokerbandung.id/wp-content/themes/loker-v2/assets/font/Lato-Bold.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Lato;
    src: url(//www.lokerbandung.id/wp-content/themes/loker-v2/assets/font/Lato-BoldItalic.woff2) format("woff2");
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Lato;
    src: url(//www.lokerbandung.id/wp-content/themes/loker-v2/assets/font/Lato-Semibold.woff2) format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Lato;
    src: url(//www.lokerbandung.id/wp-content/themes/loker-v2/assets/font/Lato-Regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

h1,
.portal {
    color: var(--text-blue-2);
    font-family: 'Inter', sans-serif;
    font-size: 1.694rem;
    font-weight: 500;
    line-height: normal
}

@media (max-width:768px) {
    h1,
    .portal {
        font-size: 1.812rem
    }
}

h2,
#hero .inner .text-block #grow .measuringWrapper h3 {
    color: var(--text-blue-2);
    font-family: 'Inter', sans-serif;
    font-size: 1.591rem;
    font-weight: 500;
    line-height: normal
}

:is(h2, #hero .inner .text-block #grow .measuringWrapper h3) span.weight-300 {
    font-weight: 300
}

@media (max-width:768px) {
    h2,
    #hero .inner .text-block #grow .measuringWrapper h3 {
        font-size: 1.48rem
    }
}

h3,
h4 {
    color: var(--text-blue-2);
    font-family: 'Inter', sans-serif;
    font-size: 1.421rem;
    font-weight: 500;
    line-height: 125%
}

:is(h3, h4) span.weight-300 {
    font-weight: 300
}

@media (max-width:768px) {
    h3,
    h4 {
        font-size: 1.316rem
    }
}

h3.sm {
    color: var(--text-gray-1);
    font-family: Lato;
    font-size: 1.052rem;
    font-weight: 700;
    line-height: 150%
}

:is(#loker-single span.deskripsi-block, #loker-single span.loker-detail) h3 {
    color: var(--text-gray-1);
    font-family: Lato;
    font-size: 1.052rem;
    font-weight: 700;
    line-height: 150%
}

@media (max-width:768px) {
    :is(#loker-single span.deskripsi-block, #loker-single span.loker-detail) h3 {
        font-size: 1.053rem
    }
}

@media (max-width:768px) {
    h3.sm {
        font-size: 1.053rem
    }
}

html {
    font-family: Lato;
    font-size: var(--reg);
    color: var(--text-gray-1);
    scroll-behavior: smooth;
    line-height: 150%
}

@media (max-width:768px) {
    html {
        font-size: var(--reg-m)
    }
}

body {
    width: 100vw;
    overflow-x: hidden;
    overflow-y: auto
}

:where(p+p) {
    margin-top: .6rem
}

a {
    color: var(--text-blue-6);
    text-decoration: none
}

.notification {
    opacity: 0;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    transition: transform 0.5s;
    transform: translateY(-5px)
}

.notification.active {
    width: auto;
    height: auto;
    font-size: var(--reg-sm-1);
    opacity: 1;
    border-left: 3px solid #fff0;
    border-radius: 0 10px 10px 0;
    align-items: center;
    padding: 9.5px 0 10px 13px;
    display: flex;
    transform: translateY(0)
}

@media (max-width:768px) {
    .notification.active {
        font-size: var(--reg-sm-1-m);
        padding: 9px 0 7px 11px
    }
}

.notification.jobs-apply {
    border-left-color: var(--surface-white-6);
    background: var(--surface-white-2)
}

.notification.jobs-apply.active {
    margin: 20px 0 -10px
}

@media (max-width:768px) {
    .notification.jobs-apply.active {
        margin: 10px 0 0
    }
}

#announcement {
    border-radius: var(--bd-rd-lg);
    border: 2px solid var(--surface-blue-14);
    background: var(--surface-blue-14);
    max-width: 659px;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / .03), 0 0 0 4px var(--surface-white-1) inset;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    margin: 0 auto;
    padding: 20px;
    display: flex
}

.page-template-page-pasang #announcement {
    margin: 102px auto -70px
}

@media (max-width:768px) {
    .page-template-page-pasang #announcement {
        max-width: 90%;
        margin: -15px auto 43px
    }
}

#announcement h3 {
    color: var(--text-blue-3);
    position: relative
}

#announcement h3:before {
    content: "";
    background: var(--surface-blue-3);
    width: 23.5px;
    height: 23.5px;
    margin-right: 7px;
    display: inline-block;
    position: relative;
    top: 1.5px;
    -webkit-mask-image: url(assets/custom/img/v2/announcement.svg);
    mask-image: url(assets/custom/img/v2/announcement.svg)
}

form.quform-form .quform-element-row {
    align-items: flex-end;
    display: flex
}

form.quform-form .quform-spacer {
    margin: 0;
    padding: 0 0 17px
}

@media (max-width:768px) {
    form.quform-form .quform-spacer {
        padding: 0 0 14px
    }
}

form.quform-form div.quform-label {
    margin-bottom: 10px
}

@media (max-width:768px) {
    form.quform-form div.quform-label {
        margin-bottom: 7px
    }
}

form.quform-form div.quform-label label {
    font-weight: 600;
    position: relative
}

form.quform-form div.quform-label label span.field_required {
    position: absolute;
    top: -1px;
    right: -10px;
    color: var(--text-red-5) !important;
    position: absolute !important
}

form.quform-form p.text-box {
    color: var(--text-gray-1);
    font-size: var(--reg-sm-2);
    text-shadow: .5px .5px 1px rgb(255 255 255 / .75);
    box-sizing: border-box;
    background: var(--surface-white-3);
    border-radius: var(--bd-rd-sm);
    margin: -3px 0 0;
    padding: 8px 15px;
    line-height: 1.5
}

form.quform-form .quform-description-below {
    font-size: var(--reg-sm-2);
    color: var(--text-gray-6);
    padding: 11px 0 0;
    font-style: normal;
    line-height: 150%
}

@media (max-width:768px) {
    form.quform-form .quform-description-below {
        padding: 7.5px 0 0
    }
}

form.quform-form .quform-description-below span.red {
    color: var(--text-red-5)
}

form.quform-form input[type="text"] {
    font-family: Lato;
    font-size: var(--reg);
    border-radius: var(--bd-rd-sm);
    border: 1px solid var(--line-3);
    background: var(--surface-white-1);
    height: 45px;
    padding: 8px 15px;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 0 0 1px transparent, inset 0 0 3px 3px rgb(48 66 89 / .02)
}

@media (max-width:768px) {
    form.quform-form input[type="text"] {
        font-size: var(--reg-m);
        height: 38px;
        padding: 0 12px
    }
}

form.quform-form input[type="text"]:hover {
    border-color: var(--line-3-hover);
    box-shadow: var(--box-shadow-hover-3);
    outline: none
}

form.quform-form input[type="text"]:focus {
    border-color: var(--line-3-hover);
    box-shadow: var(--box-shadow-hover-3);
    outline: none
}

form.quform-form input[type="email"] {
    font-family: Lato;
    font-size: var(--reg);
    border-radius: var(--bd-rd-sm);
    border: 1px solid var(--line-3);
    background: var(--surface-white-1);
    height: 45px;
    padding: 8px 15px;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 0 0 1px transparent, inset 0 0 3px 3px rgb(48 66 89 / .02)
}

@media (max-width:768px) {
    form.quform-form input[type="email"] {
        font-size: var(--reg-m);
        height: 38px;
        padding: 0 12px
    }
}

form.quform-form input[type="email"]:hover {
    border-color: var(--line-3-hover);
    box-shadow: var(--box-shadow-hover-3);
    outline: none
}

form.quform-form input[type="email"]:focus {
    border-color: var(--line-3-hover);
    box-shadow: var(--box-shadow-hover-3);
    outline: none
}

form.quform-form textarea {
    font-family: Lato;
    font-size: var(--reg);
    border-radius: var(--bd-rd-sm);
    border: 1px solid var(--line-3);
    background: var(--surface-white-1);
    transition: all 0.3s ease-in-out;
    box-shadow: 0 0 0 1px transparent, inset 0 0 3px 3px rgb(48 66 89 / .02)
}

@media (max-width:768px) {
    form.quform-form textarea {
        height: 100px !important
    }
}

form.quform-form textarea:hover {
    border-color: var(--line-3-hover);
    box-shadow: var(--box-shadow-hover-3);
    outline: none
}

form.quform-form textarea:focus {
    border-color: var(--line-3-hover);
    box-shadow: var(--box-shadow-hover-3);
    outline: none
}

form.quform-form .quform-options {
    flex-direction: column;
    gap: 3px;
    display: flex
}

form.quform-form .quform-element-radio .quform-input-radio {
    margin: -5px 0 -3px 5px
}

@media (max-width:768px) {
    form.quform-form .quform-element-radio .quform-input-radio input[type="radio"] {
        width: 10px;
        position: relative;
        top: -1px
    }
}

form.quform-form .quform-element-radio.status-pekerjaan-wrapper .quform-input-radio {
    margin: 0 0 3px
}

form.quform-form .quform-element-radio.status-pekerjaan-wrapper .quform-input-radio .quform-options {
    background: var(--surface-white-1);
    width: auto;
    font-size: var(--reg-sm-1);
    display: inline-block
}

form.quform-form .quform-element-radio.status-pekerjaan-wrapper .quform-input-radio .quform-options .quform-option {
    border: 1px solid var(--line-3);
    padding: 6px 15px 5px
}

@media (max-width:768px) {
    form.quform-form .quform-element-radio.status-pekerjaan-wrapper .quform-input-radio .quform-options .quform-option {
        padding-left: 13px;
        padding-right: 13px
    }
}

form.quform-form .quform-element-radio.status-pekerjaan-wrapper .quform-input-radio .quform-options .quform-option.active {
    background: var(--surface-blue-2);
    color: var(--text-white-1);
    border-color: var(--line-9);
    transition: all 0.3s ease-in-out
}

form.quform-form .quform-element-radio.status-pekerjaan-wrapper .quform-input-radio .quform-options .quform-option input[type="radio"] {
    display: none
}

form.quform-form .quform-element-radio.status-pekerjaan-wrapper .quform-input-radio .quform-options .quform-option .quform-option-label {
    padding-left: 0
}

form.quform-form .quform-element-radio.status-pekerjaan-wrapper .quform-input-radio .quform-options .quform-option:first-child {
    border-top-left-radius: var(--bd-rd-sm);
    border-bottom-left-radius: var(--bd-rd-sm);
    border-right: none
}

form.quform-form .quform-element-radio.status-pekerjaan-wrapper .quform-input-radio .quform-options .quform-option:nth-child(2) {
    border-right: none
}

form.quform-form .quform-element-radio.status-pekerjaan-wrapper .quform-input-radio .quform-options .quform-option:last-child {
    border-top-right-radius: var(--bd-rd-sm);
    border-bottom-right-radius: var(--bd-rd-sm);
    border-left: none
}

form.quform-form .quform-element-checkbox .quform-inner-checkbox {
    margin: -5px 0 -3px 5px
}

@media (max-width:768px) {
    form.quform-form .quform-element-checkbox .quform-inner-checkbox input[type="checkbox"] {
        width: 10px;
        position: relative;
        top: -1px
    }
}

form.quform-form .quform-upload-button {
    border-radius: var(--bd-rd-sm);
    border: 1px solid var(--line-3);
    background: var(--surface-white-1);
    font-size: var(--reg-sm-1);
    padding: 7px 14px
}

@media (max-width:768px) {
    form.quform-form .quform-upload-button {
        margin-bottom: -1px;
        padding: 5px 12px
    }
}

form.quform-form .quform-upload-file {
    border-radius: var(--bd-rd-sm);
    border: 1px solid var(--line-3);
    background: var(--surface-white-1);
    font-size: var(--reg-sm-1);
    padding: 7px 14px
}

@media (max-width:768px) {
    form.quform-form .quform-upload-file {
        margin-bottom: -1px;
        padding: 5px 12px
    }
}

form.quform-form .quform-upload-file {
    opacity: .8
}

form.quform-form .quform-element-submit {
    justify-content: space-between;
    margin: 10px 0 0;
    display: flex
}

@media (max-width:768px) {
    form.quform-form .quform-element-submit {
        margin: 7px 0 0
    }
}

.quform-is-first-page :is(form.quform-form .quform-element-submit) {
    justify-content: center;
    display: flex
}

.quform-6 :is(form.quform-form .quform-element-submit) {
    justify-content: center;
    display: flex
}

.quform-7 :is(form.quform-form .quform-element-submit) {
    justify-content: center;
    display: flex
}

.quform-is-first-page :is(form.quform-form .quform-element-submit) {
    margin: 0
}

form.quform-form .quform-element-submit:before {
    display: none
}

form.quform-form .quform-element-submit:after {
    display: none
}

form.quform-form .quform-element-submit button[type="submit"] {
    font-family: Lato;
    font-size: var(--reg);
    color: var(--text-white-1);
    border-radius: var(--bd-rd-sm);
    border: 1px solid var(--line-9);
    background: var(--surface-blue-2);
    cursor: pointer;
    margin: 0 auto;
    padding: 9px 17px 6px;
    display: block
}

@media (max-width:768px) {
    form.quform-form .quform-element-submit button[type="submit"] {
        font-size: var(--reg-m);
        padding: 6px 14px
    }
}

form.quform-form .quform-element-submit button[type="submit"].quform-back {
    color: var(--text-gray-2);
    border-color: var(--line-6);
    background: var(--surface-white-1)
}

.quform-datepicker .k-calendar {
    box-shadow: var(--box-shadow-2);
    border-radius: 20px;
    transform: scale(.9) translate(-5%)
}

.quform-datepicker .k-calendar .k-header {
    background: var(--surface-blue-2)
}

.quform-error .quform-error-inner {
    padding: 8px 15px 6px;
    font-size: .868rem
}

@media (max-width:768px) {
    .quform-error .quform-error-inner {
        padding: 6px 13px 4px
    }
}

.quform-success-message {
    border-left: 5px solid var(--surface-blue-8);
    background: var(--surface-white-3);
    font-size: var(--reg-sm-1);
    color: var(--text-gray-1);
    padding: 8px 15px 6px
}

@media (max-width:768px) {
    .quform-success-message {
        padding: 6px 13px 4px
    }
}

.quform-loading-position-over-button .quform-loading-inner {
    transform: translateY(-50%) !important
}

.quform-is-first-page :is(.quform-loading-position-over-button .quform-loading-inner) {
    left: unset !important;
    right: 0 !important
}

#lapor-overlay :is(.quform-loading-position-over-button .quform-loading-inner) {
    left: unset !important;
    right: 0 !important
}

.quform-is-last-page {
    margin-bottom: 150px
}

select.sf-input-select {
    min-width: unset !important
}

@media (min-width:769px) {
    .select2-container {
        width: 100% !important
    }
    .select2-container .select2-selection {
        width: 100%
    }
}

@media (max-width:768px) {
    main>#search-widget .select2-container {
        width: 100% !important
    }
}

.select2-container--default .select2-selection--single {
    background-color: #fff0;
    border: none;
    border-radius: 0;
    height: auto
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    border-bottom: 2px solid var(--line-4);
    color: var(--text-blue-2);
    padding-bottom: 3px;
    padding-left: 7px;
    padding-right: 35px;
    font-family: 'Inter', sans-serif;
    font-size: 1.216rem;
    font-weight: 500;
    line-height: 30px;
    transition: all 0.3s ease-in-out
}

#search-widget :is(.select2-container--default .select2-selection--single .select2-selection__rendered) {
    border-radius: var(--bd-rd-sm);
    border: 1px solid var(--line-4);
    background: var(--surface-white-1);
    box-shadow: 0 0 0 1px transparent, var(--inner-shadow-3);
    padding: 2.5px 25px 2px 11px;
    font-size: .789rem
}

#search-widget.mobile :is(.select2-container--default .select2-selection--single .select2-selection__rendered) {
    padding: .5px 25px 0 8px
}

.select2-container--default .select2-selection--single .select2-selection__rendered:hover {
    border-color: var(--line-3-hover)
}

.select2-container--open :is(.select2-container--default .select2-selection--single .select2-selection__rendered) {
    border-color: var(--line-3-hover)
}

#search-widget :is(.select2-container--default .select2-selection--single .select2-selection__rendered):hover {
    border-color: var(--line-3-hover)
}

#search-widget .select2-container--open :is(.select2-container--default .select2-selection--single .select2-selection__rendered) {
    border-color: var(--line-3-hover)
}

#search-widget :is(.select2-container--default .select2-selection--single .select2-selection__rendered):hover {
    box-shadow: var(--box-shadow-hover-4)
}

#search-widget .select2-container--open :is(.select2-container--default .select2-selection--single .select2-selection__rendered) {
    box-shadow: var(--box-shadow-hover-4)
}

@media (max-width:768px) {
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        padding-bottom: 2px;
        padding-left: 3px;
        font-size: 1.187rem;
        line-height: 27px
    }
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-color: var(--surface-blue-2);
    border: none;
    width: 11.15px;
    height: 11.15px;
    margin: 0;
    left: 2px;
    transform: translateY(-33%);
    -webkit-mask-image: url(assets/custom/img/v2/dropdown.svg);
    mask-image: url(assets/custom/img/v2/dropdown.svg)
}

#search-widget :is(.select2-container--default .select2-selection--single .select2-selection__arrow b) {
    width: 10px;
    height: 10px;
    left: 1px;
    transform: translateY(-10%)
}

#search-widget.mobile :is(.select2-container--default .select2-selection--single .select2-selection__arrow b) {
    transform: translateY(-40%)
}

@media (max-width:768px) {
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        left: 6px;
        transform: translateY(-43%)
    }
}

.select2-container--open :is(.select2-container--default .select2-selection--single .select2-selection__arrow b) {
    transform: translateY(-33%) rotate(180deg)
}

#search-widget :is(.select2-container--open :is(.select2-container--default .select2-selection--single .select2-selection__arrow b)) {
    transform: translateY(-20%) rotate(180deg)
}

@media (max-width:768px) {
    .select2-container--open :is(.select2-container--default .select2-selection--single .select2-selection__arrow b) {
        transform: translateY(-43%) rotate(180deg)
    }
    #search-widget.mobile :is(.select2-container--open :is(.select2-container--default .select2-selection--single .select2-selection__arrow b)) {
        transform: translateY(-40%) rotate(180deg)
    }
}

.select2-dropdown {
    background: var(--surface-white-1);
    min-width: 180px;
    box-shadow: var(--box-shadow);
    z-index: 2;
    top: 15px;
    overflow: hidden;
    border-radius: var(--bd-rd-sm) !important;
    border: none !important
}

@media (max-width:768px) {
    .select2-dropdown {
        min-width: 160px;
        top: 13px
    }
    .formWidget .select2-dropdown {
        top: 22px
    }
}

.select2-search--dropdown {
    padding: 10px
}

.select2-search--dropdown .select2-search__field {
    color: var(--text-gray-8);
    border-radius: var(--bd-rd-sm);
    background: var(--surface-white-1);
    box-shadow: var(--inner-shadow-2);
    outline: none;
    padding: 5px 12px;
    transition: all 0.3s;
    border: 1px solid var(--line-4) !important
}

.select2-search--dropdown .select2-search__field:hover {
    border-color: var(--line-3-hover) !important
}

@media (max-width:768px) {
    .select2-search--dropdown .select2-search__field {
        font-size: var(--text-size-reg-sm-m)
    }
}

.select2-results__options {
    margin: 0 10px 10px;
    padding-bottom: 5px
}

.select2-results__option {
    cursor: pointer;
    white-space: nowrap;
    border-bottom: none;
    padding: 0 0 5px;
    transition: all 0.3s;
    position: relative;
    overflow: hidden
}

@media (max-width:768px) {
    .select2-results__option {
        padding: 0 0 5px
    }
}

.select2-results__option:last-child {
    border-bottom: none
}

.select2-results__option:after {
    content: " ";
    background: linear-gradient(90deg, #fff0 0%, #fff 89%);
    width: 25%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0
}

.select2-results__option.select2-results__option--highlighted {
    color: var(--text-blue-5) !important;
    background: 0 0 !important
}

.select2-results__option.select2-results__option[aria-selected="true"] {
    color: var(--text-blue-6) !important;
    background: 0 0 !important
}

#overlay,
#profesi-overlay,
#lokasi-overlay,
#lapor-overlay {
    width: 0;
    height: 0;
    overflow: hidden
}

:is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay) .box {
    pointer-events: none;
    width: 0;
    height: 0;
    transition: transform 0.2s;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%)
}

@media (max-width:768px) {
    :is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay) .box {
        opacity: 0;
        top: var(--header-m-height);
        transition: opacity 0.3s, transform 0.3s;
        left: 0;
        transform: translateY(30%)
    }
    .page-pasang :is(:is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay) .box) {
        transition: transform 0.3s;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -30%)
    }
}

:is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active {
    z-index: 120;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0
}

@media (max-width:768px) {
    :is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active {
        z-index: 100
    }
}

:is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active .box {
    pointer-events: visible;
    background: var(--surface-white-1);
    border-radius: var(--bd-rd-sm);
    box-sizing: border-box;
    z-index: 2;
    width: 550px;
    height: 550px;
    box-shadow: var(--box-shadow-2);
    padding: 17px 10px 20px 20px;
    position: absolute;
    transform: translate(-50%, -50%)
}

@media (max-width:768px) {
    :is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active .box {
        opacity: 1;
        width: 100%;
        height: calc(100% - var(--header-m-height) - var(--footer-m-height));
        padding: calc(var(--template-l-r-padding-m) - 2px) var(--template-l-r-padding-m) var(--template-l-r-padding-m);
        box-shadow: unset;
        border-radius: 0;
        position: relative;
        transform: translateY(0)
    }
    .page-pasang :is(:is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active .box) {
        border-radius: var(--bd-rd-sm);
        width: 82%;
        box-shadow: var(--box-shadow-2);
        padding: 20px 5px 15px 15px;
        transform: translate(-50%, -50%)
    }
}

:is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active .box .content {
    box-sizing: border-box;
    height: 100%;
    padding-right: 10px;
    overflow-x: hidden;
    overflow-y: auto
}

:is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active .box .content .dynamic-content:after {
    content: "";
    border-radius: var(--bd-rd-sm);
    background: var(--overlay-vertical-bg);
    z-index: 1;
    pointer-events: none;
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: 0;
    left: 0
}

:is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active .box .content .dynamic-content h3 {
    text-align: center;
    margin: 0 0 8.5px
}

@media (max-width:768px) {
    :is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active .box .content .dynamic-content h3 {
        margin: 0 0 8px
    }
}

:is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active .box .close {
    background: var(--surface-blue-2);
    cursor: pointer;
    width: 21px;
    height: 21px;
    display: inline-block;
    position: absolute;
    top: -10px;
    right: -10px;
    -webkit-mask-image: url(assets/custom/img/v2/close-2.svg);
    mask-image: url(assets/custom/img/v2/close-2.svg)
}

@media (max-width:768px) {
    :is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active .box .close {
        display: none
    }
    .page-pasang :is(:is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active .box .close) {
        width: 18px;
        height: 18px;
        display: block;
        top: -9px;
        right: -9px
    }
}

@media (max-width:768px) {
    :is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active.riwayat .box .content {
        padding-right: 0
    }
}

:is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active.riwayat .box .content .dynamic-content ul.lastViewedList {
    flex-direction: column;
    gap: 9px;
    display: flex
}

@media (max-width:768px) {
    :is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active.riwayat .box .content .dynamic-content ul.lastViewedList {
        gap: 7px
    }
}

:is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active.riwayat .box .content .dynamic-content ul.lastViewedList li {
    border-bottom: 1px solid var(--line-2);
    padding-bottom: 6px
}

@media (max-width:768px) {
    :is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active.riwayat .box .content .dynamic-content ul.lastViewedList li {
        padding-bottom: 5px
    }
}

:is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active.riwayat .box .content .dynamic-content ul.lastViewedList li:last-child {
    border-bottom: none
}

:is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active.riwayat .box .content .dynamic-content ul.lastViewedList li a {
    color: var(--text-gray-1);
    font-weight: 400
}

:is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active.riwayat .box .content .dynamic-content ul.lastViewedList li a span {
    font-weight: 700
}

:is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active.riwayat .box .content .dynamic-content .no-history {
    text-align: center;
    color: var(--text-gray-3);
    letter-spacing: .5px;
    margin-top: 8px;
    font-style: italic
}

@media (max-width:768px) {
    :is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active.riwayat .box .content .dynamic-content .no-history {
        margin-top: 0;
        padding-top: 0
    }
}

@media (max-width:768px) {
    :is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active.simpan .box .content h3 {
        margin-right: -10px
    }
}

:is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active.simpan .box .content .favorites-list {
    flex-direction: column;
    gap: 9px;
    margin: 0;
    display: flex
}

@media (max-width:768px) {
    :is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active.simpan .box .content .favorites-list {
        gap: 7.5px
    }
}

:is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active.simpan .box .content .favorites-list li {
    border-top: none;
    border-bottom: 1px solid var(--line-2);
    padding: 0 0 14px
}

@media (max-width:768px) {
    :is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active.simpan .box .content .favorites-list li {
        padding: 0 0 12px
    }
}

:is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active.simpan .box .content .favorites-list li:last-child {
    border-bottom: none
}

:is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active.simpan .box .content .favorites-list li p {
    display: inline
}

:is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active.simpan .box .content .favorites-list li p a {
    color: var(--text-gray-1)
}

:is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active.simpan .box .content .favorites-list li p a span {
    font-weight: 700
}

:is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active.simpan .box .content .favorites-list li .simplefavorite-button {
    background: var(--surface-red-5);
    cursor: pointer;
    width: 12px;
    height: 12px;
    margin-left: 8px;
    display: inline-block;
    position: relative;
    top: 7.5px;
    -webkit-mask-image: url(assets/custom/img/v2/close.svg);
    mask-image: url(assets/custom/img/v2/close.svg)
}

@media (max-width:768px) {
    :is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active.simpan .box .content .favorites-list li .simplefavorite-button {
        top: 5.5px
    }
}

:is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active.simpan .box .content .favorites-list li .tanggal {
    background: var(--date-bg);
    width: 157px;
    height: 30.5px;
    font-size: var(--reg-sm-2);
    letter-spacing: .3px;
    color: var(--text-gray-3);
    border-radius: 8px;
    margin-top: 7px;
    padding: 2px 0 0 10px;
    overflow: hidden
}

:is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active.simpan .box .content .favorites-list li .tanggal span {
    font-weight: 600
}

@media (max-width:768px) {
    :is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active.simpan .box .content .favorites-list li .tanggal {
        height: 28px;
        margin-top: 5px
    }
}

:is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active.simpan .box .content button.simplefavorites-clear {
    border-radius: var(--bd-rd-sm);
    border: 1px solid var(--surface-red-1);
    background: var(--surface-white-1);
    cursor: pointer;
    z-index: 2;
    font-size: var(--reg-sm-2);
    color: var(--text-red-1);
    padding: 4px 12px;
    position: absolute;
    bottom: 24px;
    left: 50%;
    transform: translate(-50%)
}

@media (max-width:768px) {
    :is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active.simpan .box .content button.simplefavorites-clear {
        font-size: var(--reg-sm-2-m);
        top: unset;
        bottom: unset;
        margin: 23px 0 18px;
        padding: 3px 11px;
        position: relative
    }
}

:is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active.simpan .box .content .no-favorites {
    text-align: center;
    color: var(--text-gray-3);
    letter-spacing: .5px;
    margin-top: 0;
    font-style: italic
}

@media (max-width:768px) {
    :is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active.simpan .box .content .no-favorites {
        margin: 0 -10px 0 0;
        padding-top: 0
    }
}

@media (max-width:768px) {
    :is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active.filter .box .content {
        padding-right: 0
    }
}

:is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active.filter .box .content h4 {
    cursor: pointer;
    color: var(--text-blue-2);
    border-bottom: 1px solid var(--line-2);
    margin: 0 0 8px;
    padding: 0 0 4px;
    position: relative
}

@media (max-width:768px) {
    :is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active.filter .box .content h4 {
        margin-bottom: 5px;
        padding-bottom: 7px
    }
}

:is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active.filter .box .content h4.active {
    border-bottom: none;
    margin: 0;
    padding: 0
}

@media (max-width:768px) {
    :is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active.filter .box .content h4.active {
        margin-bottom: 6px
    }
}

:is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active.filter .box .content h4:after {
    content: " ";
    background: var(--surface-blue-2);
    width: 12px;
    height: 12px;
    display: inline-block;
    position: absolute;
    top: 17%;
    right: 0;
    -webkit-mask-image: url(assets/custom/img/v2/plus.svg);
    mask-image: url(assets/custom/img/v2/plus.svg)
}

:is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active.filter .box .content h4.active:after {
    width: 12px;
    height: 12px;
    display: inline-block;
    -webkit-mask-image: url(assets/custom/img/v2/min.svg);
    mask-image: url(assets/custom/img/v2/min.svg)
}

:is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active.filter .box .content .menu-list {
    visibility: hidden;
    opacity: 0;
    max-height: 0
}

:is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active.filter .box .content .menu-list.active {
    visibility: visible;
    opacity: 1;
    max-height: 250px;
    margin: 0 0 8px;
    transition: opacity 1.15s, max-height 1s
}

@media (max-width:768px) {
    :is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active.filter .box .content .menu-list.active {
        margin-bottom: 6px
    }
}

:is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active.filter .box .content .menu-list ul.menu {
    flex-direction: column;
    gap: 5px;
    margin: 2px 0 0;
    list-style: none;
    display: flex
}

:is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active.filter .box .content .menu-list ul.menu li a {
    color: var(--text-gray-1);
    display: block
}

:is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active.filter .box .content .menu-list ul.menu#menu-menu-profesi li:last-child {
    cursor: pointer;
    font-weight: 600
}

:is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active.filter .box .content .menu-list ul.menu#menu-menu-lokasi li:last-child {
    cursor: pointer;
    font-weight: 600
}

:is(#overlay, #profesi-overlay, #lokasi-overlay, #lapor-overlay).active .background {
    z-index: 1;
    background: rgb(255 255 255 / .7);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

@media (max-width:768px) {
    :is(#profesi-overlay, #lokasi-overlay).active {
        z-index: 120
    }
}

:is(#profesi-overlay, #lokasi-overlay).active .box {
    height: 550px;
    padding: 15px
}

@media (max-width:768px) {
    :is(#profesi-overlay, #lokasi-overlay).active .box {
        height: 100%;
        padding: var(--template-l-r-padding-m);
        top: 0
    }
}

:is(#profesi-overlay, #lokasi-overlay).active .box input[type="text"] {
    color: var(--text-gray-8);
    border-radius: var(--bd-rd-sm);
    background: var(--surface-white-1);
    box-sizing: border-box;
    border: 1px solid #fff0;
    width: 100%;
    padding: 13px 14px 14px;
    font-family: 'Inter', sans-serif;
    font-size: 1.157rem;
    font-weight: 500;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 0 0 4px transparent, inset 0 0 5px rgb(48 66 89 / .4)
}

@media (max-width:768px) {
    :is(#profesi-overlay, #lokasi-overlay).active .box input[type="text"] {
        width: calc(100% - 30px);
        padding: 10.5px 12px
    }
}

:is(#profesi-overlay, #lokasi-overlay).active .box input[type="text"]:hover {
    border-color: var(--line-3-hover);
    box-shadow: var(--box-shadow-hover-3);
    outline: none
}

:is(#profesi-overlay, #lokasi-overlay).active .box input[type="text"]:focus {
    border-color: var(--line-3-hover);
    box-shadow: var(--box-shadow-hover-3);
    outline: none
}

@media (max-width:768px) {
    :is(#profesi-overlay, #lokasi-overlay).active .box .close {
        width: 18px;
        height: 18px;
        top: 26px;
        right: var(--template-l-r-padding-m);
        display: block
    }
}

:is(#profesi-overlay, #lokasi-overlay).active .box .content {
    max-height: 449px;
    margin: 15px 0 0
}

@media (max-width:768px) {
    :is(#profesi-overlay, #lokasi-overlay).active .box .content {
        max-height: calc(100% - 59.6px);
        margin: 14px 0 0
    }
}

:is(#profesi-overlay, #lokasi-overlay).active .box .content ul {
    text-align: center;
    grid-template-columns: 50% 50%;
    margin: 0 0 0 1px;
    list-style: none;
    display: grid;
    position: relative
}

:is(#profesi-overlay, #lokasi-overlay).active .box .content ul:after {
    content: "";
    background: var(--surface-white-1);
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: -1px;
    left: 0
}

:is(#profesi-overlay, #lokasi-overlay).active .box .content ul li {
    border-bottom: 1px solid var(--line-2);
    padding: 6px 0 5px
}

:is(#profesi-overlay, #lokasi-overlay).active .box .content ul li a {
    color: var(--text-gray-1)
}

#lokasi-overlay.active .box {
    height: auto;
    min-height: 145px;
    max-height: 550px
}

@media (max-width:768px) {
    #lokasi-overlay.active .box {
        height: 100%;
        min-height: unset;
        max-height: unset
    }
}

#lapor-overlay.active .box {
    height: auto
}

@media (max-width:768px) {
    #lapor-overlay.active .box {
        height: calc(100% - var(--header-m-height) - var(--footer-m-height))
    }
}

#lapor-overlay.active .box .content {
    overflow: visible
}

@media (max-width:768px) {
    #lapor-overlay.active .box .content {
        padding-right: 0;
        overflow-x: scroll
    }
}

#lapor-overlay.active .box .content form.quform-form h3 {
    text-align: center;
    margin: 0 0 7px
}

#lapor-overlay.active .box .content form.quform-form .quform-input-radio {
    margin-top: 0;
    margin-bottom: -5px
}

#lapor-overlay.active .box .content form.quform-form .quform-field-textarea {
    height: 120px
}

#lapor-overlay.active .box .content form.quform-form .quform-element-submit {
    justify-content: center
}

@media (max-width:768px) {
    #lapor-overlay.active .box .content form.quform-form .quform-element-submit {
        gap: 12px
    }
}

#lapor-overlay.active .box .content form.quform-form .quform-element-submit button.close-m-btn {
    display: none
}

@media (max-width:768px) {
    #lapor-overlay.active .box .content form.quform-form .quform-element-submit button.close-m-btn {
        width: auto;
        height: 37.6px;
        font-family: Lato;
        font-size: var(--reg-m);
        color: var(--text-gray-2);
        border: 1px solid var(--line-6);
        background: var(--surface-white-1);
        border-radius: 10px;
        margin: 5px 0;
        padding: 0 14px;
        display: inline-block
    }
}

#mobile-menu-overlay {
    width: 0;
    height: 0;
    transition: height 0.3s ease-in-out;
    position: absolute;
    top: 0;
    left: -100%
}

.open-menu #mobile-menu-overlay {
    top: calc(var(--header-m-height) - 1px);
    width: 100%;
    height: calc(100% - var(--header-m-height));
    background: var(--surface-blue-2);
    z-index: 120;
    position: fixed;
    left: 0
}

#mobile-menu-overlay .inner {
    padding: 1px var(--template-l-r-padding-m) 0;
    opacity: 0;
    transition: all 0.3s ease-in-out 0.3s
}

.open-menu :is(#mobile-menu-overlay .inner) {
    opacity: 1
}

#mobile-menu-overlay .inner ul#main-menu {
    font-family: 'Inter', sans-serif;
    font-size: var(--header-text-m);
    opacity: 0;
    margin: 10px 0 22px;
    font-weight: 500;
    list-style: none;
    transition: all 0.3s ease-in-out 0.3s;
    transform: translate(30px)
}

.open-menu :is(#mobile-menu-overlay .inner ul#main-menu) {
    opacity: 1;
    transform: translate(0)
}

#mobile-menu-overlay .inner ul#main-menu li {
    border-bottom: 1px solid var(--line-8);
    padding: 0 0 10px
}

@media (max-width:768px) {
    #mobile-menu-overlay .inner ul#main-menu li {
        padding-bottom: 13px
    }
}

#mobile-menu-overlay .inner ul#main-menu li.artikel i {
    background: var(--surface-white-1);
    width: 20px;
    height: 20px;
    margin-right: 1.5px;
    display: inline-block;
    position: relative;
    top: 3.5px;
    -webkit-mask-image: url(assets/custom/img/v2/articles.svg);
    mask-image: url(assets/custom/img/v2/articles.svg)
}

#mobile-menu-overlay .inner ul#main-menu li a {
    color: var(--text-white-1);
    display: block
}

#mobile-menu-overlay .inner .social-container {
    color: var(--text-blue-8);
    opacity: 0;
    flex-flow: column;
    align-items: center;
    gap: 8px;
    margin: 0 0 14px;
    display: flex
}

.open-menu :is(#mobile-menu-overlay .inner .social-container) {
    opacity: 1
}

#mobile-menu-overlay .inner .social-container .heading {
    font-weight: 600
}

#mobile-menu-overlay .inner .social-container .social {
    gap: 13px;
    display: flex
}

#mobile-menu-overlay .inner .social-container .network {
    gap: 13px;
    display: flex
}

#mobile-menu-overlay .inner .network-container {
    color: var(--text-blue-8);
    opacity: 0;
    flex-flow: column;
    align-items: center;
    gap: 8px;
    margin: 0 0 14px;
    display: flex
}

.open-menu :is(#mobile-menu-overlay .inner .network-container) {
    opacity: 1
}

#mobile-menu-overlay .inner .network-container .heading {
    font-weight: 600
}

#mobile-menu-overlay .inner .network-container .social {
    gap: 13px;
    display: flex
}

#mobile-menu-overlay .inner .network-container .network {
    gap: 13px;
    display: flex
}

#mobile-menu-overlay .inner .social-container {
    transition: all 0.3s ease-in-out 0.3s
}

#mobile-menu-overlay .inner .social-container .social {
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 13px;
    width: 60%
}

#mobile-menu-overlay .inner .network-container {
    transition: all 0.3s ease-in-out 0.5s
}

#mobile-menu-overlay .inner .copyright {
    text-align: center;
    width: 254px;
    font-size: var(--reg-sm-1-m);
    color: var(--text-gray-4);
    padding: 13px 0;
    position: absolute;
    bottom: 58px;
    left: 50%;
    transform: translate(-50%)
}

#mobile-menu-overlay .inner ul#menu-footer-menu {
    width: 100%;
    font-size: var(--reg-sm-1-m);
    background: #1f2f41;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin: 0;
    padding: 22px;
    line-height: 100%;
    list-style: none;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0
}

#mobile-menu-overlay .inner ul#menu-footer-menu li:first-child {
    display: none
}

#mobile-menu-overlay .inner ul#menu-footer-menu li:nth-child(4) {
    display: none
}

#mobile-menu-overlay .inner ul#menu-footer-menu li a {
    color: var(--text-gray-4)
}

#footer-m-overlay {
    height: 0;
    display: none
}

@media (max-width:768px) {
    #footer-m-overlay {
        width: 100%;
        height: var(--footer-m-height);
        z-index: 110;
        display: block;
        position: fixed;
        bottom: 0;
        left: 0
    }
    .category-artikel #footer-m-overlay {
        height: 0;
        display: none
    }
    .search-artikel #footer-m-overlay {
        height: 0;
        display: none
    }
    .single-post #footer-m-overlay {
        height: 0;
        display: none
    }
    .page #footer-m-overlay {
        height: 0;
        display: none
    }
    #footer-m-overlay ul.main {
        grid-template-columns: auto auto auto;
        margin: 0;
        font-size: 1.04rem;
        list-style: none;
        display: grid
    }
    #footer-m-overlay ul.main li {
        border-top: 1px solid var(--line-2);
        border-right: 1px solid var(--line-2);
        background: var(--surface-white-1);
        justify-content: center;
        align-items: center;
        padding: 8px 0 6.5px;
        transition: all 0.3s;
        display: flex;
        position: relative
    }
    #footer-m-overlay ul.main li.active {
        border-color: var(--surface-blue-2);
        background: var(--surface-blue-2);
        color: var(--text-white-1)
    }
    #footer-m-overlay ul.main li.active:before {
        background: var(--surface-white-1)
    }
    #footer-m-overlay ul.main li:before {
        content: "";
        background: var(--surface-gray-1);
        margin-right: 7px;
        position: relative
    }
    #footer-m-overlay ul.main li.filter:before {
        width: 17.5px;
        height: 17.5px;
        margin-right: 6px;
        display: inline-block;
        top: -1.5px;
        -webkit-mask-image: url(assets/custom/img/v2/filter.svg);
        mask-image: url(assets/custom/img/v2/filter.svg)
    }
    #footer-m-overlay ul.main li.riwayat:before {
        width: 16px;
        height: 16px;
        display: inline-block;
        top: -.8px;
        -webkit-mask-image: url(assets/custom/img/v2/riwayat.svg);
        mask-image: url(assets/custom/img/v2/riwayat.svg)
    }
    #footer-m-overlay ul.main li.simpan:before {
        width: 15.5px;
        height: 15.5px;
        display: inline-block;
        top: -1.5px;
        -webkit-mask-image: url(assets/custom/img/v2/simpan.svg);
        mask-image: url(assets/custom/img/v2/simpan.svg)
    }
}

#scroll-top {
    background: var(--surface-blue-2);
    opacity: .45;
    cursor: pointer;
    z-index: 10;
    width: 47px;
    height: 47px;
    transition: all 0.3s;
    display: none;
    position: fixed;
    bottom: 118px;
    right: 30px;
    -webkit-mask-image: url(assets/custom/img/v2/scroll-top.svg);
    mask-image: url(assets/custom/img/v2/scroll-top.svg)
}

@media (max-width:768px) {
    #scroll-top {
        width: 35px;
        height: 35px;
        bottom: 22px;
        right: 22px
    }
}

#scroll-top:hover {
    opacity: 1
}

#follow-us-fly,
#follow-us-overlay {
    border-radius: var(--bd-rd-lg);
    background: linear-gradient(94deg, #f9ce34 0%, #ee2a7b 50%, #6228d7 100%);
    box-shadow: 0 4px 4px rgb(0 0 0 / .15)
}

@media (max-width:768px) {
    #follow-us-fly,
    #follow-us-overlay {
        border-radius: var(--bd-rd-md)
    }
}

#follow-us-fly {
    z-index: 10;
    color: var(--text-blue-2);
    border: 1px solid #f9ce34;
    padding: .5px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 150%;
    position: fixed;
    bottom: 30px;
    right: 30px
}

@media (max-width:768px) {
    #follow-us-fly {
        border: .5px solid #f9ce34;
        font-size: .875rem;
        bottom: 60px;
        right: 22px
    }
    :is(.category-artikel, .search-artikel, .single-post) #follow-us-fly {
        bottom: 30px
    }
}

#follow-us-fly.flipInX {
    animation-name: flipInX;
    animation-duration: 1s;
    animation-fill-mode: both
}

#follow-us-fly:before {
    content: "";
    z-index: 1;
    background: 0 0;
    width: 100%;
    height: 25px;
    position: absolute;
    bottom: 100%;
    left: 0
}

#follow-us-fly .inner {
    border-radius: calc(var(--bd-rd-lg) - 1.5px);
    cursor: pointer;
    background: #fff;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 15px 20px;
    display: flex;
    box-shadow: inset 0 -8px 14px rgb(34 47 63 / .11)
}

@media (max-width:768px) {
    #follow-us-fly .inner {
        border-radius: calc(var(--bd-rd-md) - 0.5px);
        box-shadow: none;
        gap: 7px;
        padding: 9px 14px
    }
}

#follow-us-fly .inner img {
    width: 31px;
    height: 31px;
    position: relative
}

@media (max-width:768px) {
    #follow-us-fly .inner img {
        width: 19px;
        height: 19px;
        top: -.9px
    }
}

#follow-us-fly.active .inner {
    transition: all 0.5s;
    box-shadow: inset 0 -5px 3px rgb(52 143 255 / .15)
}

#follow-us-fly.active .inner img {
    animation: 1.2s scaleBiggerRotate
}

#follow-us-fly #follow-us-overlay {
    z-index: 11;
    pointer-events: none;
    color: var(--text-white-1);
    opacity: 0;
    border: 1px solid #f9ce34;
    padding: 1px;
    font-size: .894rem;
    font-weight: 600;
    line-height: 150%;
    transition: all 0.3s;
    display: block;
    position: absolute;
    bottom: 141%;
    left: 50%;
    translate: -50% 20%;
    scale: .8
}

@media (max-width:768px) {
    #follow-us-fly #follow-us-overlay {
        left: unset;
        border: .75px solid #f9ce34;
        padding: .75px;
        font-size: .932rem;
        bottom: 155%;
        right: 0;
        translate: 20% 20%
    }
}

#follow-us-fly #follow-us-overlay.active {
    opacity: 1;
    pointer-events: visible;
    display: block;
    translate: -50%;
    scale: 1
}

@media (max-width:768px) {
    #follow-us-fly #follow-us-overlay.active {
        translate: 0
    }
}

@starting-style {
    #follow-us-fly #follow-us-overlay.active {
        opacity: 0;
        translate: -50% 20%;
        scale: .8
    }
    @media (max-width:768px) {
        #follow-us-fly #follow-us-overlay.active {
            translate: 20% 20%
        }
    }
}

#follow-us-fly #follow-us-overlay .triangle-bg {
    z-index: 1;
    background: url(assets/custom/img/v2/follow-us-triangle.svg) 0 0/100% no-repeat;
    width: 24px;
    height: 22px;
    position: absolute;
    bottom: -18px;
    left: 50%;
    translate: -50%
}

@media (max-width:768px) {
    #follow-us-fly #follow-us-overlay .triangle-bg {
        left: unset;
        translate: unset;
        right: 13px
    }
}

#follow-us-fly #follow-us-overlay:after {
    content: "";
    background: var(--surface-white-1);
    z-index: 2;
    width: 30px;
    height: 15px;
    position: absolute;
    bottom: 1px;
    left: 50%;
    translate: -50%
}

@media (max-width:768px) {
    #follow-us-fly #follow-us-overlay:after {
        left: unset;
        translate: unset;
        right: 13px
    }
}

#follow-us-fly #follow-us-overlay ul {
    border-radius: calc(var(--bd-rd-lg) - 1px);
    background: #fff;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin: 0;
    padding: 20px;
    list-style: none;
    display: flex;
    box-shadow: 0 4px 4px rgb(0 0 0 / .15)
}

@media (max-width:768px) {
    #follow-us-fly #follow-us-overlay ul {
        border-radius: calc(var(--bd-rd-md) - 1px);
        gap: 11px;
        padding: 17.5px
    }
}

#follow-us-fly #follow-us-overlay ul li a {
    border-radius: var(--bd-rd-sm);
    background: var(--surface-blue-2);
    width: 151px;
    color: var(--text-white-1);
    align-items: center;
    gap: 8px;
    padding: 9px 15px 7px;
    transition: transform 0.15s ease-in-out;
    display: flex;
    box-shadow: 0 2px 2.5px rgb(0 0 0 / .15)
}

@media (max-width:768px) {
    #follow-us-fly #follow-us-overlay ul li a {
        gap: 7px;
        width: 132px;
        padding: 7px 13px 6px
    }
}

#follow-us-fly #follow-us-overlay ul li a:hover {
    transform: scale(1.04)
}

#follow-us-fly #follow-us-overlay ul li a:active {
    transform: scale(1.04)
}

#follow-us-fly #follow-us-overlay ul li a .icon {
    background-repeat: no-repeat;
    background-size: 100%;
    width: 19px;
    height: 19px;
    position: relative;
    top: -.5px
}

@media (max-width:768px) {
    #follow-us-fly #follow-us-overlay ul li a .icon {
        width: 16.5px;
        height: 16.5px
    }
}

#follow-us-fly #follow-us-overlay ul li a .icon.instagram {
    background-image: url(assets/custom/img/v2/instagram.svg)
}

#follow-us-fly #follow-us-overlay ul li a .icon.tiktok {
    background-image: url(assets/custom/img/v2/tiktok.svg)
}

#follow-us-fly #follow-us-overlay ul li a .icon.wa-channel {
    background-image: url(assets/custom/img/v2/wa-channel.svg)
}

#follow-us-fly #follow-us-overlay ul li a .icon.telegram {
    background-image: url(assets/custom/img/v2/telegram.svg)
}

#follow-us-fly #follow-us-overlay ul li:last-child a {
    text-shadow: 1px 1px 2px rgb(0 0 0 / .3);
    background: linear-gradient(94deg, #f9ce34 0%, #ee2a7b 50%, #6228d7 100%);
    justify-content: center;
    padding-top: 5.5px;
    padding-bottom: 5.5px;
    font-size: .736rem
}

@media (max-width:768px) {
    #follow-us-fly #follow-us-overlay ul li:last-child a {
        font-size: .77rem
    }
}

#whatsapp-fly {
    z-index: 10;
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px
}

@media (max-width:768px) {
    #whatsapp-fly {
        bottom: 22px;
        right: 22px
    }
}

#whatsapp-fly.bounceIn {
    animation-name: bounceIn;
    animation-duration: 1s;
    animation-fill-mode: both
}

#whatsapp-fly a {
    border-radius: var(--bd-rd-md);
    background: var(--surface-white-1);
    align-items: center;
    gap: 10px;
    padding: 15px 20px;
    transition: all 0.3s;
    display: flex;
    box-shadow: 0 0 20px rgb(34 47 63 / .1)
}

@media (max-width:768px) {
    #whatsapp-fly a {
        padding: 12px 16px
    }
}

#whatsapp-fly a .left {
    background: var(--surface-blue-2);
    width: 42px;
    height: 42px;
    display: inline-block;
    -webkit-mask-image: url(assets/custom/img/v2/whatsapp-bold.svg);
    mask-image: url(assets/custom/img/v2/whatsapp-bold.svg)
}

@media (max-width:768px) {
    #whatsapp-fly a .left {
        width: 35px;
        height: 35px
    }
}

#whatsapp-fly a .right {
    flex-direction: column;
    display: flex
}

#whatsapp-fly a .right .title {
    color: var(--text-blue-2);
    margin-bottom: 8px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    line-height: 100%
}

@media (max-width:768px) {
    #whatsapp-fly a .right .title {
        margin-bottom: 7px
    }
}

#whatsapp-fly a .right .desc {
    font-size: var(--reg-sm-2);
    color: var(--text-gray-2);
    line-height: 100%
}

@media (max-width:768px) {
    #whatsapp-fly a .right .desc {
        font-size: var(--reg-sm-2-m)
    }
}

#whatsapp-fly:hover a {
    background: var(--surface-blue-2);
    box-shadow: 0 0 25px rgb(34 47 63 / .3)
}

#whatsapp-fly:hover a .left {
    background: var(--surface-white-1)
}

#whatsapp-fly:hover a .right .title {
    color: var(--text-white-1)
}

#whatsapp-fly:hover a .right .desc {
    color: var(--text-white-3)
}

main {
    min-height: 80vh;
    position: relative
}

@media (max-width:768px) {
    .single-lowongan :is(main) {
        padding-bottom: calc(var(--footer-m-height) + 25px)
    }
}

main #hero {
    z-index: 2;
    background: url(assets/custom/img/v2/new-bgku.webp) repeat var(--surface-blue-13);
    background-position: 50% 5px;
    width: 100vw;
    height: auto;
    margin: 0 0 97px;
    padding: 0;
    position: relative
}

@media (max-width:768px) {
    main #hero {
        margin-bottom: 112px
    }
}

.category-artikel :is(main #hero) {
    height: 170px;
    margin: 0
}

.search-artikel :is(main #hero) {
    height: 170px;
    margin: 0
}

.page-template-default :is(main #hero) {
    height: 170px;
    margin: 0
}

.page-template-page-form :is(main #hero) {
    height: 170px;
    margin: 0
}

.page-template-page-invoice :is(main #hero) {
    height: 170px;
    margin: 0
}

.single-post :is(main #hero) {
    height: 170px;
    margin: 0
}

main #hero .inner {
    width: var(--container-width);
    margin: 0 auto;
    padding: 0 0 8em !important;
    position: relative
}

@media (max-width:768px) {
    main #hero .inner {
        width: var(--container-width-m);
        padding: 0 var(--template-l-r-padding-m) 8em
    }
}

.home :is(main #hero .inner) {
    padding-top: 12px;
    padding-bottom: 89.5px
}

@media (max-width:768px) {
    .home :is(main #hero .inner) {
        padding-top: 3px;
        padding-bottom: 111px
    }
}

.archive :is(main #hero .inner) {
    padding-top: 12px;
    padding-bottom: 0px !important
}

@media (max-width:768px) {
    .archive :is(main #hero .inner) {
        padding-top: 3px;
        padding-bottom: 111px
    }
}

@media (max-width:768px) {
    .search :is(main #hero .inner) {
        padding-top: 13px
    }
}

@media (max-width:768px) {
    .search-artikel :is(main #hero .inner) {
        padding-top: 0
    }
}

.page-pasang :is(main #hero .inner) {
    padding-top: 12px;
    padding-bottom: 130px
}

@media (max-width:768px) {
    .page-pasang :is(main #hero .inner) {
        padding-top: 3px;
        padding-bottom: 138px
    }
}

main #hero .inner .breadcumbs-container {
    white-space: nowrap;
    z-index: 2;
    height: 43.5px;
    font-size: var(--reg-sm-2);
    color: var(--text-gray-6);
    padding-top: 15px;
    position: relative;
    overflow: hidden
}

@media (max-width:768px) {
    main #hero .inner .breadcumbs-container {
        height: 37.5px;
        font-size: var(--reg-sm-2-m);
        padding-top: 9.5px
    }
}

.archive :is(main #hero .inner .breadcumbs-container) {
    z-index: 5;
    padding-top: 4.5px;
    position: absolute;
    right: 0
}

@media (max-width:768px) {
    .archive :is(main #hero .inner .breadcumbs-container) {
        right: var(--template-l-r-padding-m);
        padding-top: 6px
    }
}

.page-pasang :is(main #hero .inner .breadcumbs-container) {
    z-index: 5;
    padding-top: 4.5px;
    position: absolute;
    right: 0
}

@media (max-width:768px) {
    .page-pasang :is(main #hero .inner .breadcumbs-container) {
        right: var(--template-l-r-padding-m);
        padding-top: 6px
    }
}

main #hero .inner .breadcumbs-container .breadcrumbs {
    max-width: 100%;
    display: inline-block;
    overflow: hidden
}

main #hero .inner .breadcumbs-container .breadcrumbs a {
    color: var(--text-blue-5)
}

main #hero .inner .breadcumbs-container .overlay-bg {
    z-index: 2;
    background: linear-gradient(90deg, #fff0 0%, #c9daf2 89.9%);
    width: 70px;
    height: 40%;
    position: absolute;
    top: 20px;
    right: 0
}

.archive :is(main #hero .inner .breadcumbs-container .overlay-bg) {
    display: none
}

.page-pasang :is(main #hero .inner .breadcumbs-container .overlay-bg) {
    display: none
}

@media (max-width:768px) {
    main #hero .inner .breadcumbs-container .overlay-bg {
        background: linear-gradient(90deg, #fff0 0%, #c6d8f4 89.9%);
        width: 60px;
        top: 14px
    }
}

main #hero .inner .text-block {
    z-index: 4;
    position: relative;
    text-align: center;
    padding-top: 1rem
}

@media (max-width:768px) {
    .archive :is(main #hero .inner .text-block) {
        padding-top: 23px
    }
}

.page-pasang :is(main #hero .inner .text-block) {
    text-align: center;
    width: 630px;
    margin: 27px auto 0
}

@media (max-width:768px) {
    .page-pasang :is(main #hero .inner .text-block) {
        width: auto;
        margin: 22px auto 0
    }
}

@media (max-width:400px) {
    .page-pasang :is(main #hero .inner .text-block) {
        margin-left: 10px;
        margin-right: 10px
    }
}

main #hero .inner .text-block h1 {
    margin: 12px 0 7px;
    display: inline-block
}

main #hero .inner .text-block h1 span {
    font-weight: 400
}

@media (max-width:768px) {
    main #hero .inner .text-block h1 {
        margin-top: 8px;
        margin-bottom: 5px;
        font-size: 1.6rem;
        line-height: 125%
    }
    .page-pasang :is(main #hero .inner .text-block h1) {
        margin-top: 12px;
        margin-bottom: 9px
    }
}

main #hero .inner .text-block .portal {
    margin: 12px 0 7px;
    display: inline-block
}

main #hero .inner .text-block .portal span {
    font-weight: 400
}

@media (max-width:768px) {
    main #hero .inner .text-block .portal {
        margin-top: 8px;
        margin-bottom: 5px;
        font-size: 1.6rem;
        line-height: 125%
    }
    .page-pasang :is(main #hero .inner .text-block .portal) {
        margin-top: 12px;
        margin-bottom: 9px
    }
}

main #hero .inner .text-block .portal {
    margin-right: 7px;
    font-weight: 300;
    display: inline-block
}

@media (max-width:768px) {
    main #hero .inner .text-block .portal {
        margin-right: 5px
    }
}

main #hero .inner .text-block p {
    font-size: calc(var(--reg) + 1px);
    color: #fff
}

main #hero .inner .text-block a {
    color: #fff
}

@media (max-width:768px) {
    main #hero .inner .text-block p {
        font-size: var(--reg-m)
    }
}

main #hero .inner .text-block p input[type="button"] {
    font-family: Lato;
    font-size: calc(var(--reg) - 1px);
    color: rgb(116 129 143 / .9);
    cursor: pointer;
    background: 0 0;
    border: none;
    padding: 0
}

@media (max-width:768px) {
    main #hero .inner .text-block p input[type="button"] {
        font-size: calc(var(--reg-m) - 2px)
    }
}

main #hero .inner .text-block #grow {
    z-index: 3;
    background: var(--surface-white-1);
    border-radius: var(--bd-rd-lg);
    box-sizing: border-box;
    width: 585px;
    height: 0;
    box-shadow: var(--box-shadow-2);
    transition: all 0.3s ease-in-out;
    position: absolute;
    top: 110%;
    left: 322px;
    overflow: hidden
}

@media (max-width:768px) {
    main #hero .inner .text-block #grow {
        width: 100%;
        left: 0
    }
}

main #hero .inner .text-block #grow .measuringWrapper {
    height: 380px;
    margin: 17px 11px 17px 17px;
    padding: 0 15px 30px 0;
    overflow-x: hidden;
    overflow-y: auto
}

@media (max-width:768px) {
    main #hero .inner .text-block #grow .measuringWrapper {
        margin: 15px 9px 15px 15px
    }
}

main #hero .inner .text-block #grow .measuringWrapper h2 {
    font-family: Lato;
    font-size: calc(var(--reg-sm-1) + 0.25rem);
    color: var(--text-gray-1);
    margin: 7px 0;
    font-weight: 700
}

main #hero .inner .text-block #grow .measuringWrapper h3 {
    font-family: Lato;
    font-size: calc(var(--reg-sm-1) + 0.25rem);
    color: var(--text-gray-1);
    margin: 7px 0;
    font-weight: 700
}

main #hero .inner .text-block #grow .measuringWrapper h3 {
    font-size: calc(var(--reg-sm-1) + 0.07rem)
}

main #hero .inner .text-block #grow .measuringWrapper * {
    font-size: var(--reg-sm-1);
    color: var(--text-gray-1)
}

main #hero .inner .text-block #grow .measuringWrapper p {
    font-size: var(--reg-sm-1);
    color: var(--text-gray-1)
}

main #hero .inner .text-block #grow .measuringWrapper ul {
    list-style: inherit;
    margin: 5px 0 5px 20px
}

main #hero .inner .text-block #grow .measuringWrapper ol {
    list-style: inherit;
    margin: 5px 0 5px 20px
}

main #hero .inner .text-block #grow .measuringWrapper a {
    color: var(--text-blue-6)
}

main #hero .inner .text-block #grow .measuringWrapper img {
    float: left;
    filter: grayscale();
    border-radius: var(--bd-rd-xs);
    max-width: 50%;
    height: auto;
    margin: 9px 15px 0 0
}

@media (max-width:768px) {
    main #hero .inner .text-block #grow .measuringWrapper img {
        margin-top: 7px;
        margin-right: 14px
    }
}

main #hero .inner .text-block #grow .measuringWrapper table {
    max-width: 100%
}

main #hero .inner #search-block {
    box-sizing: border-box;
    z-index: 3;
    background: var(--surface-white-1);
    border-radius: var(--bd-rd-lg);
    width: 708px;
    box-shadow: var(--box-shadow);
    padding: 5px 20px 17px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%)
}

@media (max-width:768px) {
    main #hero .inner #search-block {
        width: 87%;
        padding: 13px 15px 15px
    }
}

main #hero .inner #search-block form>ul {
    flex-wrap: wrap;
    gap: 6px 20px;
    display: flex;
    padding: 10px 5px;
    margin-bottom: 0px !important
}

@media (max-width:768px) {
    main #hero .inner #search-block form>ul {
        grid-template-columns: 1fr 1fr;
        gap: 12px 14px;
        display: grid
    }
}

main #hero .inner #search-block form>ul li {
    list-style: none;
    position: relative
}

@media (max-width:768px) {
    main #hero .inner #search-block form>ul li {
        padding: 0
    }
}

main #hero .inner #search-block form>ul li label {
    width: 100%
}

main #hero .inner #search-block form>ul li label input {
    border: none;
    border-bottom: 2px solid var(--line-4);
    box-sizing: border-box;
    background: var(--surface-white-1);
    width: 100%;
    height: 35px;
    color: var(--text-blue-2);
    outline: none;
    padding: 0 7px 3px;
    font-family: 'Inter', sans-serif;
    font-size: 1.216rem;
    font-weight: 500;
    line-height: normal;
    transition: all 0.3s ease-in-out
}

@media (max-width:768px) {
    main #hero .inner #search-block form>ul li label input {
        height: 31px;
        padding: 0 3px 4px;
        font-size: 1.187rem
    }
}

main #hero .inner #search-block form>ul li label input:hover {
    border-bottom: 2px solid var(--line-3-hover)
}

main #hero .inner #search-block form>ul li label input:focus {
    border-bottom: 2px solid var(--line-3-hover)
}

main #hero .inner #search-block form>ul li label input.active {
    border-bottom: 2px solid var(--line-3-hover)
}

main #hero .inner #search-block form>ul li label select {
    border: none;
    border-bottom: 2px solid var(--line-4);
    box-sizing: border-box;
    background: var(--surface-white-1);
    width: 100%;
    height: 35px;
    color: var(--text-blue-2);
    outline: none;
    padding: 0 7px 3px;
    font-family: 'Inter', sans-serif;
    font-size: 1.216rem;
    font-weight: 500;
    line-height: normal;
    transition: all 0.3s ease-in-out
}

@media (max-width:768px) {
    main #hero .inner #search-block form>ul li label select {
        height: 31px;
        padding: 0 3px 4px;
        font-size: 1.187rem
    }
}

main #hero .inner #search-block form>ul li label select:hover {
    border-bottom: 2px solid var(--line-3-hover)
}

main #hero .inner #search-block form>ul li label select:focus {
    border-bottom: 2px solid var(--line-3-hover)
}

main #hero .inner #search-block form>ul li label select.active {
    border-bottom: 2px solid var(--line-3-hover)
}

main #hero .inner #search-block form>ul li label input::-ms-input-placeholder {
    color: var(--text-blue-2);
    opacity: 1
}

main #hero .inner #search-block form>ul li label input::placeholder {
    color: var(--text-blue-2);
    opacity: 1
}

main #hero .inner #search-block form>ul li.sf-field-search {
    display: flex
}

main #hero .inner #search-block form>ul li.sf-field-taxonomy-lokasi {
    flex: 1 1 0%;
    list-style: none
}

main #hero .inner #search-block form>ul li.sf-field-taxonomy-pendidikan {
    flex: 1 1 0%;
    list-style: none
}

@media (max-width:768px) {
    main #hero .inner #search-block form>ul li.sf-field-search {
        grid-column: 1/3
    }
}

@media (max-width:768px) {
    main #hero .inner #search-block form>ul li.sf-field-search label input {
        font-size: 1.312rem
    }
}

main #hero .inner #search-block form>ul li.sf-field-taxonomy-pengalaman-kerja {
    color: var(--text-blue-3);
    flex: calc(100% - 131px);
    padding: 0;
    font-size: .789rem;
    line-height: normal
}

@media (max-width:768px) {
    main #hero .inner #search-block form>ul li.sf-field-taxonomy-pengalaman-kerja {
        grid-column: 1/3;
        padding: 5px 0 2px
    }
    main #hero .inner #search-block form>ul li.sf-field-taxonomy-pengalaman-kerja.scroll-left:before {
        content: "";
        z-index: 2;
        pointer-events: none;
        background: linear-gradient(90deg, #fff 0%, #fff0 100%);
        width: 20px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: -1px
    }
    main #hero .inner #search-block form>ul li.sf-field-taxonomy-pengalaman-kerja:after {
        content: "";
        z-index: 2;
        pointer-events: none;
        background: linear-gradient(90deg, #fff 0%, #fff0 100%);
        width: 20px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: -1px
    }
    main #hero .inner #search-block form>ul li.sf-field-taxonomy-pengalaman-kerja:after {
        left: unset;
        background: var(--overlay-horizontal-bg);
        width: 70px;
        right: -1px
    }
    main #hero .inner #search-block form>ul li.sf-field-taxonomy-pengalaman-kerja.scroll-left:after {
        width: 20px
    }
}

main #hero .inner #search-block form>ul li.sf-field-taxonomy-pengalaman-kerja ul {
    flex-flow: wrap;
    column-gap: 5px;
    display: flex;
    position: relative;
    top: 0
}

@media (max-width:768px) {
    main #hero .inner #search-block form>ul li.sf-field-taxonomy-pengalaman-kerja ul {
        white-space: nowrap;
        -ms-overflow-style: none;
        scrollbar-width: none;
        display: block;
        overflow-x: scroll;
        overflow-y: hidden
    }
    main #hero .inner #search-block form>ul li.sf-field-taxonomy-pengalaman-kerja ul::-webkit-scrollbar {
        display: none
    }
}

main #hero .inner #search-block form>ul li.sf-field-taxonomy-pengalaman-kerja ul li {
    align-items: baseline;
    display: flex;
    margin-bottom: 5px
}

@media (max-width:768px) {
    main #hero .inner #search-block form>ul li.sf-field-taxonomy-pengalaman-kerja ul li {
        margin-right: 3px;
        display: inline-block
    }
}

main #hero .inner #search-block form>ul li.sf-field-taxonomy-pengalaman-kerja ul li input[type="checkbox"] {
    display: none
}

main #hero .inner #search-block form>ul li.sf-field-taxonomy-pengalaman-kerja ul li label {
    border-radius: 5px;
    border: 1px solid var(--line-3);
    background: var(--surface-white-1);
    cursor: pointer;
    padding: 5px;
    transition: all 0.15s
}

main #hero .inner #search-block form>ul li.sf-field-taxonomy-pengalaman-kerja ul li label:hover {
    border-color: var(--line-3-hover)
}

@media (max-width:768px) {
    main #hero .inner #search-block form>ul li.sf-field-taxonomy-pengalaman-kerja ul li label {
        padding-left: 10px;
        padding-right: 10px
    }
}

main #hero .inner #search-block form>ul li.sf-field-taxonomy-pengalaman-kerja ul li.sf-option-active label {
    color: var(--text-blue-2);
    border-color: var(--surface-blue-3)
}

main #hero .inner #search-block form>ul li.sf-field-submit {
    flex: 1 1 0%;
    padding: 0
}

@media (max-width:768px) {
    main #hero .inner #search-block form>ul li.sf-field-submit {
        grid-column: 1/3
    }
}

main #hero .inner #search-block form>ul li.sf-field-submit input[type="submit"] {
    border-radius: var(--bd-rd-sm);
    background: #460E8D;
    color: var(--text-white-1);
    cursor: pointer;
    background-position: 15px;
    background-size: 24px;
    padding: 8px 9px;
    font-family: 'Inter', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-align: center;
    position: relative;
    width: 100%
}

@media (max-width:768px) {
    main #hero .inner #search-block form>ul li.sf-field-submit input[type="submit"] {
        background-position: 43.5%;
        background-size: 21px;
        width: 100%
    }
}

main #hero .inner #media-list-tabs {
    border-radius: var(--bd-rd-lg);
    background: var(--surface-white-1);
    box-sizing: border-box;
    z-index: 3;
    width: 668px;
    box-shadow: var(--box-shadow);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%)
}

@media (max-width:768px) {
    main #hero .inner #media-list-tabs {
        width: calc(100% - var(--template-l-r-padding-m) - var(--template-l-r-padding-m));
        left: var(--template-l-r-padding-m);
        transform: translateY(50%)
    }
}

main #hero .inner #media-list-tabs ul.tabs {
    flex-direction: row;
    gap: 9px;
    list-style: none;
    display: flex;
    position: absolute;
    top: -61px;
    left: 50%;
    transform: translate(-50%)
}

@media (max-width:768px) {
    main #hero .inner #media-list-tabs ul.tabs {
        border-radius: var(--bd-rd-sm);
        box-shadow: var(--box-shadow);
        background: rgb(255 255 255 / .5);
        gap: 0;
        top: -50px
    }
}

main #hero .inner #media-list-tabs ul.tabs li {
    border-radius: var(--bd-rd-sm) var(--bd-rd-sm) 0 0;
    background: var(--surface-white-4);
    cursor: pointer;
    padding: 3px;
    line-height: normal
}

@media (max-width:768px) {
    main #hero .inner #media-list-tabs ul.tabs li {
        background: 0 0;
        border-radius: 0;
        padding: 3px
    }
    main #hero .inner #media-list-tabs ul.tabs li:first-child {
        padding-left: 9px
    }
    main #hero .inner #media-list-tabs ul.tabs li:last-child {
        padding-right: 9px
    }
}

@media (max-width:400px) {
    main #hero .inner #media-list-tabs ul.tabs li.linkedin {
        display: none
    }
    main #hero .inner #media-list-tabs ul.tabs li.threads {
        display: none
    }
}

main #hero .inner #media-list-tabs ul.tabs li.active {
    background: var(--surface-white-1)
}

@media (max-width:768px) {
    main #hero .inner #media-list-tabs ul.tabs li.active {
        box-shadow: var(--box-shadow);
        border-radius: 10px;
        transform: scale(1.1)
    }
}

main #hero .inner #media-list-tabs ul.tabs li img {
    width: 26px;
    height: 26px
}

@media (max-width:768px) {
    main #hero .inner #media-list-tabs ul.tabs li img {
        width: 19.52px;
        height: 19.52px
    }
}

main #hero .inner #media-list-tabs .content-frame {
    overflow: hidden
}

main #hero .inner #media-list-tabs .content-frame .content {
    flex-direction: row;
    align-items: center;
    gap: 22px;
    height: 136px;
    padding: 25px 36px 20px;
    display: none
}

@media (max-width:768px) {
    main #hero .inner #media-list-tabs .content-frame .content {
        gap: 13px;
        height: 154px;
        padding: 15px 15px 13px
    }
}

@media (max-width:400px) {
    main #hero .inner #media-list-tabs .content-frame .content {
        padding: 13px 13px 11px
    }
}

main #hero .inner #media-list-tabs .content-frame .content.default {
    display: flex
}

main #hero .inner #media-list-tabs .content-frame .content.active {
    animation: 0.5s slideFromRight;
    display: flex
}

main #hero .inner #media-list-tabs .content-frame .content img {
    width: auto;
    height: 91px
}

@media (max-width:768px) {
    main #hero .inner #media-list-tabs .content-frame .content img {
        height: 76px
    }
}

main #hero .inner #media-list-tabs .content-frame .content .right {
    flex-direction: column;
    gap: 7px;
    display: flex
}

@media (max-width:400px) {
    main #hero .inner #media-list-tabs .content-frame .content .right {
        gap: 5px
    }
}

main #hero .inner #media-list-tabs .content-frame .content .right .title {
    color: var(--text-blue-2);
    padding-top: 0;
    font-family: 'Inter', sans-serif;
    font-size: 1.421rem;
    font-weight: 400;
    line-height: normal
}

@media (max-width:400px) {
    main #hero .inner #media-list-tabs .content-frame .content .right .title {
        font-size: 1.097rem
    }
}

main #hero .inner #media-list-tabs .content-frame .content .right p {
    color: var(--text-gray-2)
}

@media (max-width:400px) {
    main #hero .inner #media-list-tabs .content-frame .content .right p {
        font-size: .97rem
    }
}

main #hero .inner #media-list-tabs .content-frame .content .right p a {
    color: var(--text-blue-7)
}

main #hero:after {
    content: "";
    z-index: 2;
    pointer-events: none;
    background: var(--heading-gradient-bg-1);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0
}

.page-pasang :is(main #hero:after) {
    background: var(--heading-gradient-bg-2)
}

main #loker-rekomendasi {
    width: var(--container-width);
    flex-flow: column wrap;
    align-items: center;
    margin: -10px auto 16px;
    display: flex
}

@media (max-width:768px) {
    main #loker-rekomendasi {
        width: var(--container-width-m);
        margin: 0 auto 8px
    }
}

main #loker-rekomendasi h2 {
    margin-bottom: 9px
}

@media (max-width:768px) {
    main #loker-rekomendasi h2 {
        margin-bottom: 3px
    }
}

main #loker-rekomendasi .loker-list {
    width: 100%;
    margin: 0 0 20px;
    position: relative
}

@media (max-width:768px) {
    main #loker-rekomendasi .loker-list {
        margin: 0 0 14px
    }
}

main #loker-rekomendasi .loker-list button {
    cursor: pointer;
    background: 0 0;
    border: none;
    position: absolute
}

main #loker-rekomendasi .loker-list button.slick-prev {
    top: 50%;
    left: -75px;
    transform: translateY(-50%)
}

main #loker-rekomendasi .loker-list button.slick-next {
    top: 50%;
    right: -69px;
    transform: translateY(-50%)
}

main #loker-rekomendasi .loker-list .slick-list {
    padding: 12.5px 5px 5px
}

@media (max-width:768px) {
    main #loker-rekomendasi .loker-list .slick-list {
        padding: 12px var(--template-l-r-padding-m) 5px var(--template-l-r-padding-m)
    }
}

main #loker-rekomendasi .loker-list .slick-list .loker-item {
    background: var(--surface-white-1);
    border-radius: var(--bd-rd-sm);
    box-sizing: border-box;
    width: 245px;
    box-shadow: var(--box-shadow);
    margin: 0 26px 0 0;
    padding: 16px 13px 11px;
    transition: all 0.4s
}

@media (max-width:768px) {
    main #loker-rekomendasi .loker-list .slick-list .loker-item {
        width: 206px;
        margin-right: 17px;
        padding: 12px 11px 9px
    }
}

main #loker-rekomendasi .loker-list .slick-list .loker-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 2px 5px rgb(7 44 91 / .29)
}

@media (max-width:768px) {
    main #loker-rekomendasi .loker-list .slick-list .loker-item:hover {
        transform: translateY(-6.5px)
    }
}

main #loker-rekomendasi .loker-list .slick-list .loker-item .bth {
    color: var(--text-gray-7);
    margin-bottom: -2px;
    font-size: .973rem;
    line-height: normal
}

main #loker-rekomendasi .loker-list .slick-list .loker-item h3 {
    white-space: nowrap;
    margin-bottom: 6.5px;
    position: relative;
    overflow: hidden
}

main #loker-rekomendasi .loker-list .slick-list .loker-item h3:after {
    content: " ";
    background: var(--overlay-horizontal-bg);
    width: 50px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -1px
}

main #loker-rekomendasi .loker-list .slick-list .loker-item img {
    width: 100%;
    height: auto
}

main #loker-rekomendasi .loker-list .slick-list .loker-item ul {
    color: var(--text-gray-1);
    margin: 0;
    list-style: none
}

main #loker-rekomendasi .loker-list .slick-list .loker-item ul li {
    border-bottom: 1px solid var(--line-2);
    box-sizing: border-box;
    font-size: var(--reg-sm-1);
    flex-flow: wrap;
    align-items: center;
    padding: 6px 0 4px;
    display: flex;
    overflow: hidden
}

@media (max-width:768px) {
    main #loker-rekomendasi .loker-list .slick-list .loker-item ul li {
        font-size: var(--reg-sm-1-m);
        padding: 5px 0 4px
    }
}

main #loker-rekomendasi .loker-list .slick-list .loker-item ul li.perusahaan {
    white-space: nowrap;
    font-size: var(--reg);
    flex-flow: row;
    padding-top: 8px;
    font-weight: 600;
    display: flex;
    position: relative
}

@media (max-width:768px) {
    main #loker-rekomendasi .loker-list .slick-list .loker-item ul li.perusahaan {
        font-size: var(--reg-m)
    }
}

main #loker-rekomendasi .loker-list .slick-list .loker-item ul li.perusahaan:before {
    content: " ";
    background: url(assets/custom/img/v2/perusahaan.svg) 50% / contain no-repeat;
    flex: 0 0 19px;
    width: 19px;
    height: 19px;
    margin-right: 7px;
    display: inline-block;
    position: relative;
    top: -2.5px
}

.perusahaan:before {
    content: " ";
    background: url(assets/custom/img/v2/perusahaan.svg) 50% / contain no-repeat !important;
    flex: 0 0 19px;
    width: 19px;
    height: 19px;
    margin-right: 7px;
    display: inline-block;
    position: relative;
    top: -2.5px
}

.kategori-single:before {
    content: " ";
    background: url(assets/custom/img/v2/categories.png) 50% / contain no-repeat !important;
    flex: 0 0 19px;
    width: 19px;
    height: 19px;
    margin-right: 7px;
    display: inline-block;
    position: relative
}

.job-types-single:before {
    content: " ";
    background: url(assets/custom/img/v2/job-type.png) 50% / contain no-repeat !important;
    flex: 0 0 19px;
    width: 19px;
    height: 19px;
    margin-right: 7px;
    display: inline-block;
    position: relative
}

.work-hours:before {
    content: " ";
    background: url(assets/custom/img/v2/work-time.png) 50% / contain no-repeat !important;
    flex: 0 0 19px;
    width: 19px;
    height: 19px;
    margin-right: 7px;
    display: inline-block;
    position: relative
}

.single-date-dateposted:before {
    content: " ";
    background: url(assets/custom/img/v2/perusahaan.svg) 50% / contain no-repeat !important;
    flex: 0 0 19px;
    width: 19px;
    height: 19px;
    margin-right: 7px;
    display: inline-block;
    position: relative;
    top: -2.5px
}

.date-expired:before {
    content: " ";
    background: url(assets/custom/img/v2/expired.png) 50% / contain no-repeat !important;
    flex: 0 0 19px;
    width: 19px;
    height: 19px;
    margin-right: 7px;
    display: inline-block;
    position: relative
}

@media (max-width:768px) {
    main #loker-rekomendasi .loker-list .slick-list .loker-item ul li.perusahaan:before {
        width: 16px;
        height: 16px;
        margin-right: 6px;
        top: -2px
    }
}

main #loker-rekomendasi .loker-list .slick-list .loker-item ul li.perusahaan:after {
    content: "";
    background: var(--overlay-horizontal-bg);
    width: 20%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0
}

main #loker-rekomendasi .loker-list .slick-list .loker-item ul li.pendidikan {
    float: left;
    width: 54%
}

main #loker-rekomendasi .loker-list .slick-list .loker-item ul li.pendidikan:before {
    content: " ";
    background: url(assets/custom/img/v2/pendidikan.svg) 50% / contain no-repeat;
    width: 20px;
    height: 15px;
    margin-right: 7px;
    display: inline-block;
    position: relative;
    top: -.5px
}

@media (max-width:768px) {
    main #loker-rekomendasi .loker-list .slick-list .loker-item ul li.pendidikan:before {
        width: 19px;
        height: 14px;
        margin-right: 6px;
        top: -1px
    }
}

main #loker-rekomendasi .loker-list .slick-list .loker-item ul li.pengalaman-kerja {
    float: left;
    width: 46%
}

main #loker-rekomendasi .loker-list .slick-list .loker-item ul li.pengalaman-kerja:before {
    content: " ";
    background: url(assets/custom/img/v2/pengalaman-kerja.svg) 50% / contain no-repeat;
    width: 18px;
    height: 16px;
    margin-right: 7px;
    display: inline-block;
    position: relative;
    top: -1.4px
}

@media (max-width:768px) {
    main #loker-rekomendasi .loker-list .slick-list .loker-item ul li.pengalaman-kerja:before {
        width: 17px;
        height: 15px;
        margin-right: 6px;
        top: -1.2px
    }
}

main #loker-rekomendasi .loker-list .slick-list .loker-item ul li.lokasi {
    clear: both;
    border-bottom: none;
    padding-bottom: 0
}

main #loker-rekomendasi .loker-list .slick-list .loker-item ul li.lokasi:before {
    content: " ";
    background: url(assets/custom/img/v2/lokasi.svg) 50% / contain no-repeat;
    width: 15px;
    height: 18px;
    margin-left: 2px;
    margin-right: 10px;
    display: inline-block;
    position: relative;
    top: -.4px
}

@media (max-width:768px) {
    main #loker-rekomendasi .loker-list .slick-list .loker-item ul li.lokasi:before {
        width: 17px;
        height: 15px;
        margin-left: 1.5px;
        margin-right: 6.7px;
        top: -1.2px
    }
}

main #loker-rekomendasi .loker-more {
    color: var(--text-gray-5);
    font-size: 1.105rem;
    font-weight: 600;
    position: relative
}

@media (max-width:768px) {
    main #loker-rekomendasi .loker-more {
        font-size: 1.08rem
    }
}

main #loker-rekomendasi .loker-more:after {
    content: " ";
    background-color: var(--surface-gray-5);
    width: 27.39px;
    height: 17px;
    margin-left: 5px;
    display: inline-block;
    position: relative;
    top: 2px;
    -webkit-mask-image: url(assets/custom/img/v2/more.svg);
    mask-image: url(assets/custom/img/v2/more.svg)
}

@media (max-width:768px) {
    main #loker-rekomendasi .loker-more:after {
        width: 24.39px;
        height: 14px;
        margin-left: 4px;
        top: 1.5px
    }
}

main #loker-container {
    z-index: 1;
    flex-flow: row;
    margin: 0 auto;
    display: flex;
    position: relative;
    flex-direction: row;
    justify-content: space-between
}

@media (max-width:768px) {
    main #loker-container {
        width: var(--container-width-m);
        margin: 0 auto var(--footer-m-height)
    }
}

@media (max-width:768px) {
    .single-lowongan :is(main #loker-container) {
        margin-bottom: 4px;
        padding-top: 8px
    }
}

.tax-perusahaan :is(main #loker-container):before {
    content: "";
    opacity: .8;
    background: url(assets/custom/img/v2/blur-bg.svg) no-repeat;
    width: 160px;
    height: 133px;
    position: absolute;
    top: 0;
    left: -15px
}

@media (max-width:768px) {
    .tax-perusahaan :is(main #loker-container):before {
        background-size: contain;
        width: 137px;
        height: 114px;
        top: -8px
    }
}

.single-lowongan :is(main #loker-container):before {
    content: "";
    opacity: .8;
    background: url(assets/custom/img/v2/blur-bg.svg) no-repeat;
    width: 160px;
    height: 133px;
    position: absolute;
    top: 0;
    left: -15px
}

@media (max-width:768px) {
    .single-lowongan :is(main #loker-container):before {
        background-size: contain;
        width: 137px;
        height: 114px;
        top: -8px
    }
}

main #loker-container #loker-archive {
    width: var(--content-width);
    border-right: 1px solid var(--line-2);
    box-sizing: border-box;
    padding: 0 19px 30px 0;
    position: relative
}

@media (max-width:768px) {
    main #loker-container #loker-archive {
        width: 100%;
        padding: 0 var(--template-l-r-padding-m) 30px;
        border-right: none
    }
}

main #loker-container #loker-archive h2 {
    margin: -9px 0 15px
}

@media (max-width:768px) {
    main #loker-container #loker-archive h2 {
        text-align: center;
        margin: 0 0 14px
    }
}

main #loker-container #loker-archive .search-heading {
    margin: -9px 0 13px
}

@media (max-width:768px) {
    main #loker-container #loker-archive .search-heading {
        margin: 0 0 11px
    }
}

main #loker-container #loker-archive .search-heading h2 {
    margin: 0 0 4.5px
}

@media (max-width:768px) {
    main #loker-container #loker-archive .search-heading h2 {
        text-align: left;
        margin: 0 0 2px
    }
}

@media (max-width:768px) {
    main #loker-container #loker-archive .search-heading p {
        font-size: var(--reg-sm-1-m)
    }
}

main #loker-container #loker-archive .loker-list {
    flex-flow: column wrap;
    gap: 26px;
    display: flex
}

@media (max-width:768px) {
    main #loker-container #loker-archive .loker-list {
        gap: 19px
    }
}

main #loker-container #loker-archive .loker-list .loker-item {
    background: var(--surface-white-1);
    border-radius: var(--bd-rd-sm);
    box-sizing: border-box;
    width: 100%;
    box-shadow: var(--box-shadow);
    padding: 13px 13px 11px;
    transition: all 0.4s;
    position: relative;
    overflow: hidden
}

main #loker-container #loker-archive .loker-list .loker-item.hoverable:hover {
    box-shadow: 0 2px 27px rgb(7 44 91 / .2)
}

@media (max-width:768px) {
    main #loker-container #loker-archive .loker-list .loker-item {
        padding: 11px 11px 7px
    }
}

main #loker-container #loker-archive .loker-list .loker-item a {
    flex-flow: wrap;
    display: flex
}

@media (max-width:768px) {
    main #loker-container #loker-archive .loker-list .loker-item a {
        display: block
    }
}

main #loker-container #loker-archive .loker-list .loker-item a img.loker-left {
    background: var(--surface-white-1);
    width: 219px;
    height: 126px;
    box-sizing: unset;
    padding-right: 13px;
    position: relative
}

@media (max-width:768px) {
    main #loker-container #loker-archive .loker-list .loker-item a img.loker-left {
        float: left;
        object-fit: cover;
        width: 48px;
        height: 43px;
        padding-right: 10px
    }
}

main #loker-container #loker-archive .loker-list .loker-item a .loker-right {
    width: calc(100% - 232px)
}

@media (max-width:768px) {
    main #loker-container #loker-archive .loker-list .loker-item a .loker-right {
        width: 100%
    }
}

main #loker-container #loker-archive .loker-list .loker-item a .loker-right .bth {
    color: var(--text-gray-7);
    margin-bottom: 5px;
    font-size: .973rem;
    line-height: 85%;
    position: relative;
    top: 2px
}

main #loker-container #loker-archive .loker-list .loker-item a .loker-right .bth.gold {
    color: var(--text-brown-2);
    font-weight: 600
}

@media (max-width:768px) {
    main #loker-container #loker-archive .loker-list .loker-item a .loker-right .bth {
        margin-bottom: 5.5px;
        top: 3.7px
    }
}

main #loker-container #loker-archive .loker-list .loker-item a .loker-right h3 {
    margin-bottom: 7px
}

@media (max-width:768px) {
    main #loker-container #loker-archive .loker-list .loker-item a .loker-right h3 {
        display: flex
    }
}

main #loker-container #loker-archive .loker-list .loker-item a .loker-right ul {
    margin: 0;
    list-style: none
}

main #loker-container #loker-archive .loker-list .loker-item a .loker-right ul li {
    color: var(--text-gray-1);
    font-size: var(--reg-sm-1);
    flex-direction: row;
    align-items: baseline;
    display: flex
}

@media (max-width:768px) {
    main #loker-container #loker-archive .loker-list .loker-item a .loker-right ul li {
        font-size: var(--reg-sm-1-m)
    }
}

main #loker-container #loker-archive .loker-list .loker-item a .loker-right ul.row-1 {
    border-bottom: 1px solid var(--line-2);
    flex-flow: wrap;
    align-items: center;
    gap: 2px 20px;
    padding-bottom: 5px;
    display: flex
}

@media (max-width:768px) {
    main #loker-container #loker-archive .loker-list .loker-item a .loker-right ul.row-1 {
        column-gap: 15px;
        padding-bottom: 3.5px
    }
}

main #loker-container #loker-archive .loker-list .loker-item a .loker-right ul.row-1 .perusahaan {
    font-size: var(--reg);
    font-weight: 600
}

@media (max-width:768px) {
    main #loker-container #loker-archive .loker-list .loker-item a .loker-right ul.row-1 .perusahaan {
        font-size: var(--reg-m)
    }
}

main #loker-container #loker-archive .loker-list .loker-item a .loker-right ul.row-1 .perusahaan:before {
    content: " ";
    background: url(assets/custom/img/v2/perusahaan.svg) 50% / contain no-repeat;
    width: 19px;
    height: 19px;
    margin-right: 7px;
    display: inline-block;
    position: relative;
    top: 1px
}

@media (max-width:768px) {
    main #loker-container #loker-archive .loker-list .loker-item a .loker-right ul.row-1 .perusahaan:before {
        width: 16px;
        height: 16px;
        margin-right: 6px
    }
}

main #loker-container #loker-archive .loker-list .loker-item a .loker-right ul.row-1 .gaji:before {
    content: " ";
    background: url(assets/custom/img/v2/gaji.svg) 50% / contain no-repeat;
    width: 19px;
    height: 15px;
    margin-right: 7px;
    display: inline-block;
    position: relative;
    top: 1.7px
}

@media (max-width:768px) {
    main #loker-container #loker-archive .loker-list .loker-item a .loker-right ul.row-1 .gaji:before {
        width: 18px;
        height: 14px;
        margin-right: 6px;
        top: 2.2px
    }
}

main #loker-container #loker-archive .loker-list .loker-item a .loker-right ul.row-2 {
    flex-flow: wrap;
    gap: 2px 20px;
    padding-top: 4.5px;
    display: flex
}

@media (max-width:768px) {
    main #loker-container #loker-archive .loker-list .loker-item a .loker-right ul.row-2 {
        justify-content: space-around;
        column-gap: 10px;
        padding-top: 5.5px
    }
}

.tax-perusahaan :is(main #loker-container #loker-archive .loker-list .loker-item a .loker-right ul.row-2) {
    padding-top: 0
}

main #loker-container #loker-archive .loker-list .loker-item a .loker-right ul.row-2 .pendidikan:before {
    content: " ";
    background: url(assets/custom/img/v2/pendidikan.svg) 50% / contain no-repeat;
    width: 20px;
    height: 16px;
    margin-right: 7px;
    display: inline-block;
    position: relative;
    top: 2px
}

@media (max-width:768px) {
    main #loker-container #loker-archive .loker-list .loker-item a .loker-right ul.row-2 .pendidikan:before {
        width: 19px;
        height: 14px;
        margin-right: 6px;
        top: 2.2px
    }
}

main #loker-container #loker-archive .loker-list .loker-item a .loker-right ul.row-2 .pengalaman-kerja:before {
    content: " ";
    background: url(assets/custom/img/v2/pengalaman-kerja.svg) 50% / contain no-repeat;
    width: 18px;
    height: 16px;
    margin-right: 7px;
    display: inline-block;
    position: relative;
    top: 1.7px
}

@media (max-width:768px) {
    main #loker-container #loker-archive .loker-list .loker-item a .loker-right ul.row-2 .pengalaman-kerja:before {
        width: 17px;
        height: 15px;
        margin-right: 6px;
        top: 2.5px
    }
}

main #loker-container #loker-archive .loker-list .loker-item a .loker-right ul.row-2 .lokasi:before {
    content: " ";
    background: url(assets/custom/img/v2/lokasi.svg) 50% / contain no-repeat;
    width: 15px;
    height: 18px;
    margin-right: 7px;
    display: inline-block;
    position: relative;
    top: 3px
}

@media (max-width:768px) {
    main #loker-container #loker-archive .loker-list .loker-item a .loker-right ul.row-2 .lokasi:before {
        width: 17px;
        height: 15px;
        margin-right: 6px
    }
}

main #loker-container #loker-archive .loker-list .loker-item a .loker-right .waktu {
    color: var(--text-gray-8);
    flex-flow: wrap;
    align-items: center;
    font-size: .747rem;
    display: flex;
    position: absolute;
    top: 5px;
    right: 13px
}

@media (max-width:768px) {
    main #loker-container #loker-archive .loker-list .loker-item a .loker-right .waktu {
        font-size: .757rem
    }
}

main #loker-container #loker-archive .loker-list .loker-item a .loker-right .waktu:before {
    content: " ";
    background: url(assets/custom/img/v2/waktu.svg) 50% / contain no-repeat;
    width: 13px;
    height: 13px;
    margin-right: 6px;
    display: inline-block;
    position: relative;
    top: -.5px
}

@media (max-width:768px) {
    main #loker-container #loker-archive .loker-list .loker-item a .loker-right .waktu:before {
        width: 12px;
        height: 12px;
        top: -.7px
    }
}

main #loker-container #loker-archive .loker-list .loker-item a .loker-right .expired {
    color: var(--text-white-1);
    background: var(--surface-red-4);
    border-radius: 0 var(--bd-rd-sm) 0 var(--bd-rd-xs);
    padding: 2px 12px 0;
    font-size: .747rem;
    position: absolute;
    top: 0;
    right: 0
}

@media (max-width:768px) {
    main #loker-container #loker-archive .loker-list .loker-item a .loker-right .expired {
        padding: 1px 10.5px 0;
        font-size: .757rem
    }
}

main #loker-container #loker-archive .loker-list .loker-item .sticky-post {
    z-index: 2;
    background: url(assets/custom/img/v2/sticky-post.svg) 0 0/100% no-repeat;
    width: 29.67px;
    height: 28px;
    position: absolute;
    top: 0;
    left: 0
}

@media (max-width:768px) {
    main #loker-container #loker-archive .loker-list .loker-item .sticky-post {
        width: 19px;
        height: 18px
    }
}

main #loker-container #loker-archive #not-found {
    text-align: center;
    margin: 28px 0
}

main #loker-container #loker-archive #not-found h3 {
    color: #985151;
    margin-bottom: 1px
}

main #loker-container #loker-archive #not-found p {
    color: #71777f
}

main #loker-container #loker-archive .page-load-status {
    margin: 5px auto -15px
}

@media (max-width:768px) {
    main #loker-container #loker-archive .page-load-status {
        margin: 0 auto -25px
    }
}

main #loker-container #loker-archive .page-load-status span.infinite-scroll-request {
    background: url(assets/custom/img/v2/ajax-loader.gif) 0 0/100% no-repeat;
    width: 94px;
    height: 94px;
    margin: 0 auto;
    display: none
}

@media (max-width:768px) {
    main #loker-container #loker-archive .page-load-status span.infinite-scroll-request {
        width: 70px;
        height: 70px
    }
}

main #loker-container #loker-archive .page-load-status span.infinite-scroll-last {
    text-align: center;
    letter-spacing: .5px;
    color: var(--text-gray-8);
    margin: 30px auto 15px;
    font-size: .95rem;
    font-style: italic;
    display: block
}

@media (max-width:768px) {
    main #loker-container #loker-archive .page-load-status span.infinite-scroll-last {
        margin: 24px auto 19px
    }
}

main #loker-container #loker-archive .page-load-status span.infinite-scroll-error {
    text-align: center;
    letter-spacing: .5px;
    color: var(--text-gray-8);
    margin: 30px auto 15px;
    font-size: .95rem;
    font-style: italic;
    display: block
}

@media (max-width:768px) {
    main #loker-container #loker-archive .page-load-status span.infinite-scroll-error {
        margin: 24px auto 19px
    }
}

main #loker-container #loker-archive .navigation {
    opacity: 0;
    display: none
}

@media (max-width:768px) {
    main #loker-container #loker-archive .navigation {
        height: 0
    }
}

main #loker-container #loker-archive .yith-infs-loader {
    margin: 0 0 -30px
}

@media (max-width:768px) {
    main #loker-container #loker-archive .yith-infs-loader img {
        width: 78px;
        height: auto
    }
}

.tax-perusahaan :is(main #loker-container #loker-archive) .company-info {
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    margin: 0 0 15px;
    display: flex
}

@media (max-width:768px) {
    .tax-perusahaan :is(main #loker-container #loker-archive) .company-info {
        align-items: flex-start;
        gap: 10px
    }
}

.tax-perusahaan :is(main #loker-container #loker-archive) .company-info .heading {
    position: relative;
    top: 1px
}

@media (max-width:768px) {
    .tax-perusahaan :is(main #loker-container #loker-archive) .company-info .heading {
        top: 2px
    }
}

.tax-perusahaan :is(main #loker-container #loker-archive) .company-info .heading span.sub-heading {
    color: var(--text-gray-1);
    font-family: Lato;
    font-size: 1.105rem;
    font-weight: 400
}

@media (max-width:768px) {
    .tax-perusahaan :is(main #loker-container #loker-archive) .company-info .heading span.sub-heading {
        font-size: var(--reg-m)
    }
}

.tax-perusahaan :is(main #loker-container #loker-archive) .company-info .heading h1 {
    display: inline
}

.tax-perusahaan :is(main #loker-container #loker-archive) .company-info .heading h1 span.main-heading {
    margin-top: 2px;
    font-size: 1.591rem;
    line-height: 125%;
    display: block
}

@media (max-width:768px) {
    .tax-perusahaan :is(main #loker-container #loker-archive) .company-info .heading h1 span.main-heading {
        font-size: 1.48rem
    }
}

.tax-perusahaan :is(main #loker-container #loker-archive) .company-info .img-perusahaan {
    width: 100px;
    height: 87px
}

@media (max-width:768px) {
    .tax-perusahaan :is(main #loker-container #loker-archive) .company-info .img-perusahaan {
        width: 69px;
        height: 60px
    }
}

.tax-perusahaan :is(main #loker-container #loker-archive) .company-info .img-perusahaan img {
    border-radius: var(--bd-rd-xs);
    width: 100%;
    height: auto
}

main #loker-container .loker-terkait {
    width: var(--content-width);
    border-right: 1px solid var(--line-2);
    box-sizing: border-box;
    padding: 0 19px 30px 0;
    position: relative
}

@media (max-width:768px) {
    main #loker-container .loker-terkait {
        width: 100%;
        padding: 0 var(--template-l-r-padding-m) 30px;
        border-right: none
    }
}

main #loker-container .loker-terkait h2 {
    margin: -9px 0 15px
}

@media (max-width:768px) {
    main #loker-container .loker-terkait h2 {
        text-align: center;
        margin: 0 0 14px
    }
}

main #loker-container .loker-terkait .search-heading {
    margin: -9px 0 13px
}

@media (max-width:768px) {
    main #loker-container .loker-terkait .search-heading {
        margin: 0 0 11px
    }
}

main #loker-container .loker-terkait .search-heading h2 {
    margin: 0 0 4.5px
}

@media (max-width:768px) {
    main #loker-container .loker-terkait .search-heading h2 {
        text-align: left;
        margin: 0 0 2px
    }
}

@media (max-width:768px) {
    main #loker-container .loker-terkait .search-heading p {
        font-size: var(--reg-sm-1-m)
    }
}

main #loker-container .loker-terkait .loker-list {
    flex-flow: column wrap;
    gap: 26px;
    display: flex
}

@media (max-width:768px) {
    main #loker-container .loker-terkait .loker-list {
        gap: 19px
    }
}

main #loker-container .loker-terkait .loker-list .loker-item {
    background: var(--surface-white-1);
    border-radius: var(--bd-rd-sm);
    box-sizing: border-box;
    width: 100%;
    box-shadow: var(--box-shadow);
    padding: 13px 13px 11px;
    transition: all 0.4s;
    position: relative;
    overflow: hidden
}

main #loker-container .loker-terkait .loker-list .loker-item.hoverable:hover {
    box-shadow: 0 2px 27px rgb(7 44 91 / .2)
}

@media (max-width:768px) {
    main #loker-container .loker-terkait .loker-list .loker-item {
        padding: 11px 11px 7px
    }
}

main #loker-container .loker-terkait .loker-list .loker-item a {
    flex-flow: wrap;
    display: flex
}

@media (max-width:768px) {
    main #loker-container .loker-terkait .loker-list .loker-item a {
        display: block
    }
}

main #loker-container .loker-terkait .loker-list .loker-item a img.loker-left {
    background: var(--surface-white-1);
    width: 219px;
    height: 126px;
    box-sizing: unset;
    padding-right: 13px;
    position: relative
}

@media (max-width:768px) {
    main #loker-container .loker-terkait .loker-list .loker-item a img.loker-left {
        float: left;
        object-fit: cover;
        width: 48px;
        height: 43px;
        padding-right: 10px
    }
}

main #loker-container .loker-terkait .loker-list .loker-item a .loker-right {
    width: calc(100% - 232px)
}

@media (max-width:768px) {
    main #loker-container .loker-terkait .loker-list .loker-item a .loker-right {
        width: 100%
    }
}

main #loker-container .loker-terkait .loker-list .loker-item a .loker-right .bth {
    color: var(--text-gray-7);
    margin-bottom: 5px;
    font-size: .973rem;
    line-height: 85%;
    position: relative;
    top: 2px
}

main #loker-container .loker-terkait .loker-list .loker-item a .loker-right .bth.gold {
    color: var(--text-brown-2);
    font-weight: 600
}

@media (max-width:768px) {
    main #loker-container .loker-terkait .loker-list .loker-item a .loker-right .bth {
        margin-bottom: 5.5px;
        top: 3.7px
    }
}

main #loker-container .loker-terkait .loker-list .loker-item a .loker-right h3 {
    margin-bottom: 7px
}

@media (max-width:768px) {
    main #loker-container .loker-terkait .loker-list .loker-item a .loker-right h3 {
        display: flex
    }
}

main #loker-container .loker-terkait .loker-list .loker-item a .loker-right ul {
    margin: 0;
    list-style: none
}

main #loker-container .loker-terkait .loker-list .loker-item a .loker-right ul li {
    color: var(--text-gray-1);
    font-size: var(--reg-sm-1);
    flex-direction: row;
    align-items: baseline;
    display: flex
}

@media (max-width:768px) {
    main #loker-container .loker-terkait .loker-list .loker-item a .loker-right ul li {
        font-size: var(--reg-sm-1-m)
    }
}

main #loker-container .loker-terkait .loker-list .loker-item a .loker-right ul.row-1 {
    border-bottom: 1px solid var(--line-2);
    flex-flow: wrap;
    align-items: center;
    gap: 2px 20px;
    padding-bottom: 5px;
    display: flex
}

@media (max-width:768px) {
    main #loker-container .loker-terkait .loker-list .loker-item a .loker-right ul.row-1 {
        column-gap: 15px;
        padding-bottom: 3.5px
    }
}

main #loker-container .loker-terkait .loker-list .loker-item a .loker-right ul.row-1 .perusahaan {
    font-size: var(--reg);
    font-weight: 600
}

@media (max-width:768px) {
    main #loker-container .loker-terkait .loker-list .loker-item a .loker-right ul.row-1 .perusahaan {
        font-size: var(--reg-m)
    }
}

main #loker-container .loker-terkait .loker-list .loker-item a .loker-right ul.row-1 .perusahaan:before {
    content: " ";
    background: url(assets/custom/img/v2/perusahaan.svg) 50% / contain no-repeat;
    width: 19px;
    height: 19px;
    margin-right: 7px;
    display: inline-block;
    position: relative;
    top: 1px
}

@media (max-width:768px) {
    main #loker-container .loker-terkait .loker-list .loker-item a .loker-right ul.row-1 .perusahaan:before {
        width: 16px;
        height: 16px;
        margin-right: 6px
    }
}

main #loker-container .loker-terkait .loker-list .loker-item a .loker-right ul.row-1 .gaji:before {
    content: " ";
    background: url(assets/custom/img/v2/gaji.svg) 50% / contain no-repeat;
    width: 19px;
    height: 15px;
    margin-right: 7px;
    display: inline-block;
    position: relative;
    top: 1.7px
}

@media (max-width:768px) {
    main #loker-container .loker-terkait .loker-list .loker-item a .loker-right ul.row-1 .gaji:before {
        width: 18px;
        height: 14px;
        margin-right: 6px;
        top: 2.2px
    }
}

main #loker-container .loker-terkait .loker-list .loker-item a .loker-right ul.row-2 {
    flex-flow: wrap;
    gap: 2px 20px;
    padding-top: 4.5px;
    display: flex
}

@media (max-width:768px) {
    main #loker-container .loker-terkait .loker-list .loker-item a .loker-right ul.row-2 {
        justify-content: space-around;
        column-gap: 10px;
        padding-top: 5.5px
    }
}

.tax-perusahaan :is(main #loker-container .loker-terkait .loker-list .loker-item a .loker-right ul.row-2) {
    padding-top: 0
}

main #loker-container .loker-terkait .loker-list .loker-item a .loker-right ul.row-2 .pendidikan:before {
    content: " ";
    background: url(assets/custom/img/v2/pendidikan.svg) 50% / contain no-repeat;
    width: 20px;
    height: 16px;
    margin-right: 7px;
    display: inline-block;
    position: relative;
    top: 2px
}

@media (max-width:768px) {
    main #loker-container .loker-terkait .loker-list .loker-item a .loker-right ul.row-2 .pendidikan:before {
        width: 19px;
        height: 14px;
        margin-right: 6px;
        top: 2.2px
    }
}

main #loker-container .loker-terkait .loker-list .loker-item a .loker-right ul.row-2 .pengalaman-kerja:before {
    content: " ";
    background: url(assets/custom/img/v2/pengalaman-kerja.svg) 50% / contain no-repeat;
    width: 18px;
    height: 16px;
    margin-right: 7px;
    display: inline-block;
    position: relative;
    top: 1.7px
}

@media (max-width:768px) {
    main #loker-container .loker-terkait .loker-list .loker-item a .loker-right ul.row-2 .pengalaman-kerja:before {
        width: 17px;
        height: 15px;
        margin-right: 6px;
        top: 2.5px
    }
}

main #loker-container .loker-terkait .loker-list .loker-item a .loker-right ul.row-2 .lokasi:before {
    content: " ";
    background: url(assets/custom/img/v2/lokasi.svg) 50% / contain no-repeat;
    width: 15px;
    height: 18px;
    margin-right: 7px;
    display: inline-block;
    position: relative;
    top: 3px
}

@media (max-width:768px) {
    main #loker-container .loker-terkait .loker-list .loker-item a .loker-right ul.row-2 .lokasi:before {
        width: 17px;
        height: 15px;
        margin-right: 6px
    }
}

main #loker-container .loker-terkait .loker-list .loker-item a .loker-right .waktu {
    color: var(--text-gray-8);
    flex-flow: wrap;
    align-items: center;
    font-size: .747rem;
    display: flex;
    position: absolute;
    top: 5px;
    right: 13px
}

@media (max-width:768px) {
    main #loker-container .loker-terkait .loker-list .loker-item a .loker-right .waktu {
        font-size: .757rem
    }
}

main #loker-container .loker-terkait .loker-list .loker-item a .loker-right .waktu:before {
    content: " ";
    background: url(assets/custom/img/v2/waktu.svg) 50% / contain no-repeat;
    width: 13px;
    height: 13px;
    margin-right: 6px;
    display: inline-block;
    position: relative;
    top: -.5px
}

@media (max-width:768px) {
    main #loker-container .loker-terkait .loker-list .loker-item a .loker-right .waktu:before {
        width: 12px;
        height: 12px;
        top: -.7px
    }
}

main #loker-container .loker-terkait .loker-list .loker-item a .loker-right .expired {
    color: var(--text-white-1);
    background: var(--surface-red-4);
    border-radius: 0 var(--bd-rd-sm) 0 var(--bd-rd-xs);
    padding: 2px 12px 0;
    font-size: .747rem;
    position: absolute;
    top: 0;
    right: 0
}

@media (max-width:768px) {
    main #loker-container .loker-terkait .loker-list .loker-item a .loker-right .expired {
        padding: 1px 10.5px 0;
        font-size: .757rem
    }
}

main #loker-container .loker-terkait .loker-list .loker-item .sticky-post {
    z-index: 2;
    background: url(assets/custom/img/v2/sticky-post.svg) 0 0/100% no-repeat;
    width: 29.67px;
    height: 28px;
    position: absolute;
    top: 0;
    left: 0
}

@media (max-width:768px) {
    main #loker-container .loker-terkait .loker-list .loker-item .sticky-post {
        width: 19px;
        height: 18px
    }
}

main #loker-container .loker-terkait #not-found {
    text-align: center;
    margin: 28px 0
}

main #loker-container .loker-terkait #not-found h3 {
    color: #985151;
    margin-bottom: 1px
}

main #loker-container .loker-terkait #not-found p {
    color: #71777f
}

main #loker-container .loker-terkait .page-load-status {
    margin: 5px auto -15px
}

@media (max-width:768px) {
    main #loker-container .loker-terkait .page-load-status {
        margin: 0 auto -25px
    }
}

main #loker-container .loker-terkait .page-load-status span.infinite-scroll-request {
    background: url(assets/custom/img/v2/ajax-loader.gif) 0 0/100% no-repeat;
    width: 94px;
    height: 94px;
    margin: 0 auto;
    display: none
}

@media (max-width:768px) {
    main #loker-container .loker-terkait .page-load-status span.infinite-scroll-request {
        width: 70px;
        height: 70px
    }
}

main #loker-container .loker-terkait .page-load-status span.infinite-scroll-last {
    text-align: center;
    letter-spacing: .5px;
    color: var(--text-gray-8);
    margin: 30px auto 15px;
    font-size: .95rem;
    font-style: italic;
    display: block
}

@media (max-width:768px) {
    main #loker-container .loker-terkait .page-load-status span.infinite-scroll-last {
        margin: 24px auto 19px
    }
}

main #loker-container .loker-terkait .page-load-status span.infinite-scroll-error {
    text-align: center;
    letter-spacing: .5px;
    color: var(--text-gray-8);
    margin: 30px auto 15px;
    font-size: .95rem;
    font-style: italic;
    display: block
}

@media (max-width:768px) {
    main #loker-container .loker-terkait .page-load-status span.infinite-scroll-error {
        margin: 24px auto 19px
    }
}

main #loker-container .loker-terkait .navigation {
    opacity: 0;
    display: none
}

@media (max-width:768px) {
    main #loker-container .loker-terkait .navigation {
        height: 0
    }
}

main #loker-container .loker-terkait .yith-infs-loader {
    margin: 0 0 -30px
}

@media (max-width:768px) {
    main #loker-container .loker-terkait .yith-infs-loader img {
        width: 78px;
        height: auto
    }
}

.tax-perusahaan :is(main #loker-container .loker-terkait) .company-info {
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    margin: 0 0 15px;
    display: flex
}

@media (max-width:768px) {
    .tax-perusahaan :is(main #loker-container .loker-terkait) .company-info {
        align-items: flex-start;
        gap: 10px
    }
}

.tax-perusahaan :is(main #loker-container .loker-terkait) .company-info .heading {
    position: relative;
    top: 1px
}

@media (max-width:768px) {
    .tax-perusahaan :is(main #loker-container .loker-terkait) .company-info .heading {
        top: 2px
    }
}

.tax-perusahaan :is(main #loker-container .loker-terkait) .company-info .heading span.sub-heading {
    color: var(--text-gray-1);
    font-family: Lato;
    font-size: 1.105rem;
    font-weight: 400
}

@media (max-width:768px) {
    .tax-perusahaan :is(main #loker-container .loker-terkait) .company-info .heading span.sub-heading {
        font-size: var(--reg-m)
    }
}

.tax-perusahaan :is(main #loker-container .loker-terkait) .company-info .heading h1 {
    display: inline
}

.tax-perusahaan :is(main #loker-container .loker-terkait) .company-info .heading h1 span.main-heading {
    margin-top: 2px;
    font-size: 1.591rem;
    line-height: 125%;
    display: block
}

@media (max-width:768px) {
    .tax-perusahaan :is(main #loker-container .loker-terkait) .company-info .heading h1 span.main-heading {
        font-size: 1.48rem
    }
}

.tax-perusahaan :is(main #loker-container .loker-terkait) .company-info .img-perusahaan {
    width: 100px;
    height: 87px
}

@media (max-width:768px) {
    .tax-perusahaan :is(main #loker-container .loker-terkait) .company-info .img-perusahaan {
        width: 69px;
        height: 60px
    }
}

.tax-perusahaan :is(main #loker-container .loker-terkait) .company-info .img-perusahaan img {
    border-radius: var(--bd-rd-xs);
    width: 100%;
    height: auto
}

main #loker-container #loker-single {
    width: 100%;
    border-right: 1px solid var(--line-2);
    box-sizing: border-box;
    padding-right: 19px;
    position: relative
}

@media (max-width:768px) {
    main #loker-container #loker-single {
        width: var(--content-width-m);
        padding: 0 var(--template-l-r-padding-m);
        border-right: none
    }
}

main #loker-container #loker-single h1 {
    width: calc(100% - 110px);
    margin: -3.5px 0 12.5px;
    line-height: 112%
}

@media (max-width:768px) {
    main #loker-container #loker-single h1 {
        width: calc(100% - 100px);
        margin: -3px 0 11px
    }
}

main #loker-container #loker-single h1 span.perusahaan {
    font-size: 1.421rem;
    font-weight: 300;
    line-height: 125%;
    display: block
}

@media (max-width:768px) {
    main #loker-container #loker-single h1 span.perusahaan {
        font-size: 1.316rem
    }
}

main #loker-container #loker-single h1 span.lowongan {
    font-family: Lato;
    font-size: var(--reg);
    color: var(--text-gray-6);
    font-weight: 400;
    display: block
}

@media (max-width:768px) {
    main #loker-container #loker-single h1 span.lowongan {
        font-size: var(--reg-m);
        margin: -1px 0 -6px
    }
}

main #loker-container #loker-single h2 {
    margin-top: 12px;
    line-height: 125%;
    font-size: 1.421rem !important
}

@media (max-width:768px) {
    main #loker-container #loker-single h2 {
        margin-top: 10px;
        font-size: 1.316rem !important
    }
}

main #loker-container #loker-single .alert {
    margin: 0 0 10px;
    display: flex;
    position: relative
}

@media (max-width:768px) {
    main #loker-container #loker-single .alert {
        justify-content: center;
        margin: 0 0 14px
    }
}

main #loker-container #loker-single .alert:before {
    content: "";
    z-index: 1;
    width: 100%;
    height: 0;
    position: absolute;
    top: 50%;
    left: 0
}

main #loker-container #loker-single .alert span {
    border-radius: var(--bd-rd-sm);
    color: var(--text-white-1);
    font-size: var(--reg-sm-2);
    z-index: 2;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding: 3px 14px 2px;
    display: inline-flex;
    position: relative
}

@media (max-width:768px) {
    main #loker-container #loker-single .alert span {
        font-size: var(--reg-sm-2-m);
        gap: 5px;
        padding: 3px 11px 1px
    }
}

main #loker-container #loker-single .alert span:before {
    content: "";
    background: var(--surface-white-1);
    width: 14.5px;
    height: 14.5px;
    display: inline-block;
    position: relative;
    top: -1.5px;
    -webkit-mask-image: url(assets/custom/img/v2/alert.svg);
    mask-image: url(assets/custom/img/v2/alert.svg)
}

@media (max-width:768px) {
    main #loker-container #loker-single .alert span:before {
        width: 13.5px;
        height: 13.5px
    }
}

main #loker-container #loker-single .alert.yellow:before {
    border-bottom: 1px dashed var(--yellow-1)
}

main #loker-container #loker-single .alert.yellow span {
    background: var(--surface-yellow-2)
}

main #loker-container #loker-single .alert.red:before {
    border-bottom: 1px dashed var(--line-red-1)
}

main #loker-container #loker-single .alert.red span {
    background: var(--surface-red-5)
}

main #loker-container #loker-single .img-perusahaan {
    float: right;
    width: 98px;
    height: 85px;
    margin-left: 10px;
    position: relative;
    border: 1px solid #f0f0f0;
    border-radius: 5px
}

@media (max-width:768px) {
    main #loker-container #loker-single .img-perusahaan {
        width: 92.5px;
        height: 80px;
        top: -1px
    }
}

main #loker-container #loker-single .img-perusahaan a img {
    border-radius: 10px;
    width: 100%;
    height: 100%
}

main #loker-container #loker-single .img-perusahaan a .link-perusahaan {
    background: var(--surface-blue-2);
    border-radius: 3px;
    justify-content: center;
    align-items: center;
    width: 19px;
    height: 19px;
    display: flex;
    position: absolute;
    top: -4px;
    right: -4px
}

main #loker-container #loker-single .img-perusahaan a .link-perusahaan:after {
    content: "";
    background: var(--surface-white-1);
    width: 9px;
    height: 9px;
    display: inline-block;
    position: relative;
    -webkit-mask-image: url(assets/custom/img/v2/link.svg);
    mask-image: url(assets/custom/img/v2/link.svg)
}

main #loker-container #loker-single .deskripsi-block {
    border-top: 1px solid var(--line-2);
    border-bottom: 1px solid var(--line-2);
    padding: 12.5px 0 12px;
    display: block
}

@media (max-width:768px) {
    main #loker-container #loker-single .deskripsi-block {
        padding: 11px 0 9.5px
    }
}

main #loker-container #loker-single .deskripsi-block h3 {
    margin-bottom: 6px;
    margin-left: .5px
}

ul+:is(main #loker-container #loker-single .deskripsi-block h3) {
    margin-top: -1px
}

ol+:is(main #loker-container #loker-single .deskripsi-block h3) {
    margin-top: -1px
}

p+:is(main #loker-container #loker-single .deskripsi-block h3) {
    margin-top: 6px
}

main #loker-container #loker-single .deskripsi-block ul {
    flex-flow: column wrap;
    row-gap: 4px;
    margin: 0 0 5px 6px;
    list-style: none;
    display: flex
}

@media (max-width:768px) {
    main #loker-container #loker-single .deskripsi-block ul {
        row-gap: 3px
    }
}

main #loker-container #loker-single .deskripsi-block ul li {
    background: url(assets/custom/img/v2/dots.svg) 0 9.5px/7px no-repeat;
    margin-left: 2px;
    padding: 0 0 0 18px
}

@media (max-width:768px) {
    main #loker-container #loker-single .deskripsi-block ul li {
        background-position: 0 8.2px;
        background-size: 6px;
        padding: 0 0 0 16px
    }
}

main #loker-container #loker-single .deskripsi-block ol {
    flex-flow: column wrap;
    row-gap: 4px;
    margin: 0 0 6px 27px;
    display: flex
}

@media (max-width:768px) {
    main #loker-container #loker-single .deskripsi-block ol {
        margin-left: 25px
    }
}

main #loker-container #loker-single .deskripsi-block ul:last-child {
    margin-bottom: 0
}

main #loker-container #loker-single .deskripsi-block ol:last-child {
    margin-bottom: 0
}

main #loker-container #loker-single .deskripsi-block p+ul {
    margin-top: 6px
}

main #loker-container #loker-single .deskripsi-block p+ol {
    margin-top: 6px
}

main #loker-container #loker-single .loker-detail {
    border-top: 1px solid var(--line-2);
    border-bottom: 1px solid var(--line-2);
    padding: 12.5px 0 12px;
    display: block
}

@media (max-width:768px) {
    main #loker-container #loker-single .loker-detail {
        padding: 11px 0 9.5px
    }
}

main #loker-container #loker-single .loker-detail h3 {
    margin-bottom: 6px;
    margin-left: .5px
}

ul+:is(main #loker-container #loker-single .loker-detail h3) {
    margin-top: -1px
}

ol+:is(main #loker-container #loker-single .loker-detail h3) {
    margin-top: -1px
}

p+:is(main #loker-container #loker-single .loker-detail h3) {
    margin-top: 6px
}

main #loker-container #loker-single .loker-detail ul {
    flex-flow: column wrap;
    row-gap: 4px;
    margin: 0 0 5px 6px;
    list-style: none;
    display: flex
}

@media (max-width:768px) {
    main #loker-container #loker-single .loker-detail ul {
        row-gap: 3px
    }
}

main #loker-container #loker-single .loker-detail ul li {
    background: url(assets/custom/img/v2/dots.svg) 0 9.5px/7px no-repeat;
    margin-left: 2px;
    padding: 0 0 0 18px
}

@media (max-width:768px) {
    main #loker-container #loker-single .loker-detail ul li {
        background-position: 0 8.2px;
        background-size: 6px;
        padding: 0 0 0 16px
    }
}

main #loker-container #loker-single .loker-detail ol {
    flex-flow: column wrap;
    row-gap: 4px;
    margin: 0 0 6px 27px;
    display: flex
}

@media (max-width:768px) {
    main #loker-container #loker-single .loker-detail ol {
        margin-left: 25px
    }
}

main #loker-container #loker-single .loker-detail ul:last-child {
    margin-bottom: 0
}

main #loker-container #loker-single .loker-detail ol:last-child {
    margin-bottom: 0
}

main #loker-container #loker-single .loker-detail p+ul {
    margin-top: 6px
}

main #loker-container #loker-single .loker-detail p+ol {
    margin-top: 6px
}

main #loker-container #loker-single ul.ringkasan-block {
    border-bottom: 1px solid var(--line-2);
    flex-wrap: wrap;
    row-gap: 5px;
    margin: 0 auto;
    padding: 8.5px 0 17px;
    list-style: none;
    display: flex
}

@media (max-width:768px) {
    main #loker-container #loker-single ul.ringkasan-block {
        padding-bottom: 15px
    }
}

main #loker-container #loker-single ul.ringkasan-block li {
    box-sizing: border-box;
    position: relative
}

main #loker-container #loker-single ul.ringkasan-block li:nth-child(odd) {
    width: 24%;
    color: var(--text-gray-2);
    display: flex
}

@media (max-width:768px) {
    main #loker-container #loker-single ul.ringkasan-block li:nth-child(odd) {
        width: 37%
    }
}

main #loker-container #loker-single ul.ringkasan-block li:nth-child(odd) span {
    position: absolute;
    top: -1.5px;
    right: 0
}

main #loker-container #loker-single ul.ringkasan-block li:nth-child(odd):before {
    content: "";
    background: var(--surface-gray-2);
    margin-right: 8px;
    display: inline-block;
    position: relative
}

@media (max-width:768px) {
    main #loker-container #loker-single ul.ringkasan-block li:nth-child(odd):before {
        margin-right: 7.5px
    }
}

main #loker-container #loker-single ul.ringkasan-block li:nth-child(odd).pendidikan:before {
    width: 20px;
    height: 20px;
    display: inline-block;
    top: 2.2px;
    -webkit-mask-image: url(assets/custom/img/v2/pendidikan.svg);
    mask-image: url(assets/custom/img/v2/pendidikan.svg)
}

@media (max-width:768px) {
    main #loker-container #loker-single ul.ringkasan-block li:nth-child(odd).pendidikan:before {
        margin-right: 5.5px;
        top: .7px
    }
}

main #loker-container #loker-single ul.ringkasan-block li:nth-child(odd).gender:before {
    width: 20px;
    height: 20px;
    display: inline-block;
    top: 3.5px;
    -webkit-mask-image: url(assets/custom/img/v2/gender.svg);
    mask-image: url(assets/custom/img/v2/gender.svg)
}

@media (max-width:768px) {
    main #loker-container #loker-single ul.ringkasan-block li:nth-child(odd).gender:before {
        width: 19px;
        height: 18px;
        margin-right: 6.5px;
        top: 2.1px
    }
}

main #loker-container #loker-single ul.ringkasan-block li:nth-child(odd).umur:before {
    width: 20px;
    height: 20px;
    display: inline-block;
    top: 3px;
    -webkit-mask-image: url(assets/custom/img/v2/umur.svg);
    mask-image: url(assets/custom/img/v2/umur.svg)
}

@media (max-width:768px) {
    main #loker-container #loker-single ul.ringkasan-block li:nth-child(odd).umur:before {
        width: 18.5px;
        height: 18.5px;
        margin-right: 6.5px;
        top: 1.6px
    }
}

main #loker-container #loker-single ul.ringkasan-block li:nth-child(odd).pengalaman-kerja:before {
    width: 20px;
    height: 20px;
    display: inline-block;
    top: 2.8px;
    -webkit-mask-image: url(assets/custom/img/v2/pengalaman-kerja.svg);
    mask-image: url(assets/custom/img/v2/pengalaman-kerja.svg)
}

@media (max-width:768px) {
    main #loker-container #loker-single ul.ringkasan-block li:nth-child(odd).pengalaman-kerja:before {
        width: 18.5px;
        height: 19px;
        top: 1.3px
    }
}

main #loker-container #loker-single ul.ringkasan-block li:nth-child(odd).gaji:before {
    width: 20px;
    height: 20px;
    display: inline-block;
    top: 2.5px;
    -webkit-mask-image: url(assets/custom/img/v2/gaji.svg);
    mask-image: url(assets/custom/img/v2/gaji.svg)
}

@media (max-width:768px) {
    main #loker-container #loker-single ul.ringkasan-block li:nth-child(odd).gaji:before {
        width: 18px;
        height: 18px;
        top: 1.8px
    }
}

main #loker-container #loker-single ul.ringkasan-block li:nth-child(odd).batas-lamaran:before {
    width: 20px;
    height: 20px;
    display: inline-block;
    top: 2.3px;
    -webkit-mask-image: url(assets/custom/img/v2/batas-lamaran.svg);
    mask-image: url(assets/custom/img/v2/batas-lamaran.svg)
}

@media (max-width:768px) {
    main #loker-container #loker-single ul.ringkasan-block li:nth-child(odd).batas-lamaran:before {
        width: 17.5px;
        height: 17.5px;
        margin-right: 8.5px;
        top: 1.8px
    }
}

main #loker-container #loker-single ul.ringkasan-block li:nth-child(odd).lokasi:before {
    width: 20px;
    height: 20px;
    display: inline-block;
    top: 2.8px;
    -webkit-mask-image: url(assets/custom/img/v2/lokasi.svg);
    mask-image: url(assets/custom/img/v2/lokasi.svg)
}

@media (max-width:768px) {
    main #loker-container #loker-single ul.ringkasan-block li:nth-child(odd).lokasi:before {
        width: 19px;
        height: 19px;
        top: 1.5px
    }
}

main #loker-container #loker-single ul.ringkasan-block li:nth-child(odd).website:before {
    width: 20px;
    height: 20px;
    display: inline-block;
    top: 2.8px;
    -webkit-mask-image: url(assets/custom/img/v2/situs.svg);
    mask-image: url(assets/custom/img/v2/situs.svg)
}

@media (max-width:768px) {
    main #loker-container #loker-single ul.ringkasan-block li:nth-child(odd).website:before {
        width: 19px;
        height: 19px;
        top: 1.5px
    }
}

main #loker-container #loker-single ul.ringkasan-block li:nth-child(odd).industri:before {
    width: 20px;
    height: 20px;
    display: inline-block;
    top: 2.8px;
    -webkit-mask-image: url(assets/custom/img/v2/industri2.png);
    mask-image: url(assets/custom/img/v2/industri2.png)
}

@media (max-width:768px) {
    main #loker-container #loker-single ul.ringkasan-block li:nth-child(odd).industri:before {
        width: 19px;
        height: 19px;
        top: 1.5px
    }
}

main #loker-container #loker-single ul.ringkasan-block li:nth-child(odd).pola-kerja:before {
    width: 20px;
    height: 20px;
    display: inline-block;
    top: 2.8px;
    -webkit-mask-image: url(assets/custom/img/v2/pola-kerja.png);
    mask-image: url(assets/custom/img/v2/pola-kerja.png)
}

@media (max-width:768px) {
    main #loker-container #loker-single ul.ringkasan-block li:nth-child(odd).pola-kerja:before {
        width: 19px;
        height: 19px;
        top: 1.5px
    }
}

main #loker-container #loker-single ul.ringkasan-block li:nth-child(2n+2) {
    width: 76%;
    padding-left: 10px
}

@media (max-width:768px) {
    main #loker-container #loker-single ul.ringkasan-block li:nth-child(2n+2) {
        width: 63%;
        padding-left: 9px
    }
}

main #loker-container #loker-single ul.kirim-lamaran-block {
    border-bottom: 1px solid var(--line-2);
    flex-wrap: wrap;
    row-gap: 5px;
    margin: 0 auto;
    padding: 8.5px 0 17px;
    list-style: none;
    display: flex
}

@media (max-width:768px) {
    main #loker-container #loker-single ul.kirim-lamaran-block {
        padding-bottom: 15px
    }
}

main #loker-container #loker-single ul.kirim-lamaran-block li {
    box-sizing: border-box;
    position: relative
}

main #loker-container #loker-single ul.kirim-lamaran-block li:nth-child(odd) {
    width: 24%;
    color: var(--text-gray-2);
    display: flex
}

@media (max-width:768px) {
    main #loker-container #loker-single ul.kirim-lamaran-block li:nth-child(odd) {
        width: 37%
    }
}

main #loker-container #loker-single ul.kirim-lamaran-block li:nth-child(odd) span {
    position: absolute;
    top: -1.5px;
    right: 0
}

main #loker-container #loker-single ul.kirim-lamaran-block li:nth-child(odd):before {
    content: "";
    background: var(--surface-gray-2);
    margin-right: 8px;
    display: inline-block;
    position: relative
}

@media (max-width:768px) {
    main #loker-container #loker-single ul.kirim-lamaran-block li:nth-child(odd):before {
        margin-right: 7.5px
    }
}

main #loker-container #loker-single ul.kirim-lamaran-block li:nth-child(odd).pendidikan:before {
    width: 20px;
    height: 20px;
    display: inline-block;
    top: 2.2px;
    -webkit-mask-image: url(assets/custom/img/v2/pendidikan.svg);
    mask-image: url(assets/custom/img/v2/pendidikan.svg)
}

@media (max-width:768px) {
    main #loker-container #loker-single ul.kirim-lamaran-block li:nth-child(odd).pendidikan:before {
        margin-right: 5.5px;
        top: .7px
    }
}

main #loker-container #loker-single ul.kirim-lamaran-block li:nth-child(odd).gender:before {
    width: 20px;
    height: 20px;
    display: inline-block;
    top: 3.5px;
    -webkit-mask-image: url(assets/custom/img/v2/gender.svg);
    mask-image: url(assets/custom/img/v2/gender.svg)
}

@media (max-width:768px) {
    main #loker-container #loker-single ul.kirim-lamaran-block li:nth-child(odd).gender:before {
        width: 19px;
        height: 18px;
        margin-right: 6.5px;
        top: 2.1px
    }
}

main #loker-container #loker-single ul.kirim-lamaran-block li:nth-child(odd).umur:before {
    width: 20px;
    height: 20px;
    display: inline-block;
    top: 3px;
    -webkit-mask-image: url(assets/custom/img/v2/umur.svg);
    mask-image: url(assets/custom/img/v2/umur.svg)
}

@media (max-width:768px) {
    main #loker-container #loker-single ul.kirim-lamaran-block li:nth-child(odd).umur:before {
        width: 18.5px;
        height: 18.5px;
        margin-right: 6.5px;
        top: 1.6px
    }
}

main #loker-container #loker-single ul.kirim-lamaran-block li:nth-child(odd).pengalaman-kerja:before {
    width: 20px;
    height: 20px;
    display: inline-block;
    top: 2.8px;
    -webkit-mask-image: url(assets/custom/img/v2/pengalaman-kerja.svg);
    mask-image: url(assets/custom/img/v2/pengalaman-kerja.svg)
}

@media (max-width:768px) {
    main #loker-container #loker-single ul.kirim-lamaran-block li:nth-child(odd).pengalaman-kerja:before {
        width: 18.5px;
        height: 19px;
        top: 1.3px
    }
}

main #loker-container #loker-single ul.kirim-lamaran-block li:nth-child(odd).gaji:before {
    width: 20px;
    height: 20px;
    display: inline-block;
    top: 2.5px;
    -webkit-mask-image: url(assets/custom/img/v2/gaji.svg);
    mask-image: url(assets/custom/img/v2/gaji.svg)
}

@media (max-width:768px) {
    main #loker-container #loker-single ul.kirim-lamaran-block li:nth-child(odd).gaji:before {
        width: 18px;
        height: 18px;
        top: 1.8px
    }
}

main #loker-container #loker-single ul.kirim-lamaran-block li:nth-child(odd).batas-lamaran:before {
    width: 20px;
    height: 20px;
    display: inline-block;
    top: 2.3px;
    -webkit-mask-image: url(assets/custom/img/v2/batas-lamaran.svg);
    mask-image: url(assets/custom/img/v2/batas-lamaran.svg)
}

@media (max-width:768px) {
    main #loker-container #loker-single ul.kirim-lamaran-block li:nth-child(odd).batas-lamaran:before {
        width: 17.5px;
        height: 17.5px;
        margin-right: 8.5px;
        top: 1.8px
    }
}

main #loker-container #loker-single ul.kirim-lamaran-block li:nth-child(odd).lokasi:before {
    width: 20px;
    height: 20px;
    display: inline-block;
    top: 2.8px;
    -webkit-mask-image: url(assets/custom/img/v2/lokasi.svg);
    mask-image: url(assets/custom/img/v2/lokasi.svg)
}

@media (max-width:768px) {
    main #loker-container #loker-single ul.kirim-lamaran-block li:nth-child(odd).lokasi:before {
        width: 19px;
        height: 19px;
        top: 1.5px
    }
}

main #loker-container #loker-single ul.kirim-lamaran-block li:nth-child(2n+2) {
    width: 76%;
    padding-left: 10px
}

@media (max-width:768px) {
    main #loker-container #loker-single ul.kirim-lamaran-block li:nth-child(2n+2) {
        width: 63%;
        padding-left: 9px
    }
}

main #loker-container #loker-single span.loker-detail {
    border-top: none;
    border-bottom: 1px solid var(--line-2);
    box-sizing: border-box;
    margin: 0;
    padding: 8px 0 14px;
    display: block
}

@media (max-width:768px) {
    main #loker-container #loker-single span.loker-detail {
        margin: 8px 0 0;
        padding: 0 0 11.7px
    }
}

main #loker-container #loker-single ul.kirim-lamaran-block {
    border-bottom: none;
    padding: 8px 0 17px
}

@media (max-width:768px) {
    main #loker-container #loker-single ul.kirim-lamaran-block {
        padding: 7px 0 17px
    }
}

main #loker-container #loker-single ul.kirim-lamaran-block li:nth-child(odd) {
    width: 21%
}

@media (max-width:768px) {
    main #loker-container #loker-single ul.kirim-lamaran-block li:nth-child(odd) {
        width: 33%
    }
}

main #loker-container #loker-single ul.kirim-lamaran-block li:nth-child(odd).formulir-web:before {
    width: 19px;
    height: 19px;
    display: inline-block;
    top: 3.5px;
    -webkit-mask-image: url(assets/custom/img/v2/formulir-web.svg);
    mask-image: url(assets/custom/img/v2/formulir-web.svg)
}

@media (max-width:768px) {
    main #loker-container #loker-single ul.kirim-lamaran-block li:nth-child(odd).formulir-web:before {
        width: 16px;
        height: 16px;
        margin-right: 9.5px;
        top: 3.5px
    }
}

main #loker-container #loker-single ul.kirim-lamaran-block li:nth-child(odd).email:before {
    width: 19px;
    height: 19px;
    display: inline-block;
    top: 2.7px;
    -webkit-mask-image: url(assets/custom/img/v2/email.svg);
    mask-image: url(assets/custom/img/v2/email.svg)
}

@media (max-width:768px) {
    main #loker-container #loker-single ul.kirim-lamaran-block li:nth-child(odd).email:before {
        width: 17px;
        height: 17px;
        margin-right: 8.5px;
        top: 3px
    }
}

main #loker-container #loker-single ul.kirim-lamaran-block li:nth-child(odd).telepon:before {
    width: 19px;
    height: 19px;
    display: inline-block;
    top: 4.5px;
    -webkit-mask-image: url(assets/custom/img/v2/telepon.svg);
    mask-image: url(assets/custom/img/v2/telepon.svg)
}

@media (max-width:768px) {
    main #loker-container #loker-single ul.kirim-lamaran-block li:nth-child(odd).telepon:before {
        width: 17.5px;
        height: 17.5px;
        margin-right: 8px;
        top: 3px
    }
}

main #loker-container #loker-single ul.kirim-lamaran-block li:nth-child(2n+2) {
    width: 79%;
    display: flex;
    position: relative
}

@media (max-width:768px) {
    main #loker-container #loker-single ul.kirim-lamaran-block li:nth-child(2n+2) {
        width: 67%
    }
}

main #loker-container #loker-single ul.kirim-lamaran-block li:nth-child(2n+2).link:after {
    content: "";
    background: var(--overlay-horizontal-bg);
    width: 33px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0
}

main #loker-container #loker-single ul.kirim-lamaran-block li:nth-child(2n+2).link a {
    width: 100%;
    height: 100%;
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden
}

main #loker-container #loker-single ul.kirim-lamaran-block li:nth-child(2n+2) span.txt {
    max-width: calc(100% - 25px);
    display: inline-block;
    overflow-x: scroll;
    overflow-y: hidden
}

main #loker-container #loker-single ul.kirim-lamaran-block li:nth-child(2n+2) span.copy {
    content: "";
    background: var(--surface-blue-14);
    cursor: pointer;
    border-radius: 50%;
    width: 19px;
    height: 19px;
    margin-left: 9px;
    transition: all 0.15s ease-in-out;
    display: inline-block;
    position: relative;
    top: 3px
}

@media (max-width:768px) {
    main #loker-container #loker-single ul.kirim-lamaran-block li:nth-child(2n+2) span.copy {
        width: 16px;
        height: 16px;
        top: 3px
    }
}

main #loker-container #loker-single ul.kirim-lamaran-block li:nth-child(2n+2) span.copy:after {
    content: " ";
    background: var(--surface-gray-1);
    width: 10.5px;
    height: 10.5px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-mask-image: url(assets/custom/img/v2/copy.svg);
    mask-image: url(assets/custom/img/v2/copy.svg)
}

@media (max-width:768px) {
    main #loker-container #loker-single ul.kirim-lamaran-block li:nth-child(2n+2) span.copy:after {
        width: 8.5px;
        height: 8.5px
    }
}

main #loker-container #loker-single ul.kirim-lamaran-block li:nth-child(2n+2) span.copy:hover {
    background: var(--surface-white-4)
}

main #loker-container #loker-single ul.kirim-lamaran-block li:nth-child(2n+2) span.copy.active {
    background: var(--surface-blue-2)
}

main #loker-container #loker-single ul.kirim-lamaran-block li:nth-child(2n+2) span.copy.active:after {
    background: var(--surface-white-1)
}

main #loker-container #loker-single ul.kirim-lamaran-block li:nth-child(2n+2) span.copy.active .disalin {
    background: var(--surface-blue-2);
    border-radius: var(--bd-rd-sm);
    font-size: var(--reg-sm-2);
    color: var(--text-white-1);
    padding: 2px 9.5px 1px;
    position: absolute;
    top: -40%;
    right: -382%
}

@media (max-width:768px) {
    main #loker-container #loker-single ul.kirim-lamaran-block li:nth-child(2n+2) span.copy.active .disalin {
        font-size: var(--reg-sm-2-m);
        padding: 2px 8px 0;
        top: -210%;
        right: -38%
    }
}

main #loker-container #loker-single ul.kirim-lamaran-block li:nth-child(2n+2) span.copy.active .disalin:after {
    content: "";
    border: 8px solid #fff0;
    border-right-color: var(--surface-blue-2);
    width: 1px;
    position: absolute;
    top: 50%;
    left: -15px;
    transform: translateY(-50%)
}

@media (max-width:768px) {
    main #loker-container #loker-single ul.kirim-lamaran-block li:nth-child(2n+2) span.copy.active .disalin:after {
        top: 100%;
        left: unset;
        border-right-color: #fff0;
        border-top-color: var(--surface-blue-2);
        right: 6px;
        transform: translateY(-21%)
    }
}

main #loker-container #loker-single ul.kirim-lamaran-block li:nth-child(2n+2) .overlay-bg {
    content: "";
    background: var(--overlay-horizontal-bg);
    width: 33px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0
}

main #loker-container #loker-single .lowongan-ditutup {
    text-align: center;
    letter-spacing: .5px;
    padding: 22px 0 40px;
    font-weight: 700
}

@media (max-width:768px) {
    main #loker-container #loker-single .lowongan-ditutup {
        padding: 20px 0 32px
    }
}

main #loker-container #loker-single .loker-tool {
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    display: flex;
    margin-top: 1rem
}

@media (max-width:768px) {
    main #loker-container #loker-single .loker-tool {
        flex-flow: column wrap;
        gap: 10px
    }
}

main #loker-container #loker-single .loker-tool .tombol {
    flex-flow: wrap;
    justify-content: flex-start;
    gap: 17px;
    width: 70%;
    font-family: 'Inter', sans-serif;
    font-size: 1.052rem;
    font-weight: 400;
    line-height: 150%;
    display: flex;
    position: relative
}

@media (max-width:768px) {
    main #loker-container #loker-single .loker-tool .tombol {
        justify-content: space-between;
        gap: unset;
        width: 100%;
        font-size: .9rem
    }
}

main #loker-container #loker-single .loker-tool .tombol .lamar {
    background: var(--surface-blue-2);
    border-radius: var(--bd-rd-sm);
    color: var(--text-white-1);
    cursor: pointer;
    height: 39px;
    padding: 3.5px 18px 0;
    position: relative
}

@media (max-width:768px) {
    main #loker-container #loker-single .loker-tool .tombol .lamar {
        height: 35px;
        padding: 5px 17px 0
    }
}

main #loker-container #loker-single .loker-tool .tombol .lamar:before {
    content: "";
    background: var(--surface-white-1);
    width: 17px;
    height: 17px;
    margin-right: 7.5px;
    display: inline-block;
    position: relative;
    top: 2px;
    -webkit-mask-image: url(assets/custom/img/v2/lamar.svg);
    mask-image: url(assets/custom/img/v2/lamar.svg)
}

@media (max-width:768px) {
    main #loker-container #loker-single .loker-tool .tombol .lamar:before {
        width: 15px;
        height: 15px;
        margin-right: 6.5px
    }
}

main #loker-container #loker-single .loker-tool .tombol .lamar a {
    color: var(--text-white-1)
}

main #loker-container #loker-single .loker-tool .tombol .lamar #lamar-float {
    pointer-events: none;
    opacity: 0;
    background: var(--surface-blue-2);
    border-radius: var(--bd-rd-sm);
    box-shadow: var(--box-shadow);
    z-index: 2;
    font-family: Lato;
    font-size: var(--reg-sm-1);
    transition: all 0.3s ease-in-out;
    position: absolute;
    top: -100%;
    left: 50%;
    transform: translate(-50%)
}

@media (max-width:768px) {
    main #loker-container #loker-single .loker-tool .tombol .lamar #lamar-float {
        font-size: var(--reg-sm-1-m);
        left: 0%;
        transform: translate(0)
    }
}

main #loker-container #loker-single .loker-tool .tombol .lamar #lamar-float {
    position: absolute;
    top: -156%;
    left: 130%;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgb(0 0 0 / .15);
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease;
    min-width: 200px
}

main #loker-container #loker-single .loker-tool .tombol .lamar #lamar-float.active {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / .8);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: visible;
    opacity: 1;
    border-radius: 0;
    box-shadow: none;
    left: 50%
}

@media (max-width:768px) {
    main #loker-container #loker-single .loker-tool .tombol .lamar #lamar-float.active {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgb(0 0 0 / .8);
        z-index: 9999;
        display: flex;
        align-items: center;
        justify-content: center;
        pointer-events: visible;
        opacity: 1;
        border-radius: 0;
        box-shadow: none;
        left: 0
    }
}

body.lamar-modal-open {
    overflow: hidden
}

main #loker-container #loker-single .loker-tool .tombol .lamar #lamar-float.active .lamar-float-content {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgb(0 0 0 / .2);
    max-width: 450px;
    width: 90%;
    max-height: 80vh;
    overflow: hidden;
    animation: lamarFloatSlideIn 0.3s ease;
    position: relative
}

main #loker-container #loker-single .loker-tool .tombol .lamar #lamar-float .lamar-float-header {
    display: none;
    padding: 24px 24px 20px;
    border-bottom: 1px solid #eee;
    position: relative
}

main #loker-container #loker-single .loker-tool .tombol .lamar #lamar-float.active .lamar-float-header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

main #loker-container #loker-single .loker-tool .tombol .lamar #lamar-float .lamar-float-header h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    color: #333;
    line-height: 1.2
}

main #loker-container #loker-single .loker-tool .tombol .lamar #lamar-float .lamar-float-close {
    background: none;
    border: none;
    font-size: 28px;
    color: #999;
    cursor: pointer;
    padding: 0;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.2s ease;
    line-height: 1
}

main #loker-container #loker-single .loker-tool .tombol .lamar #lamar-float .lamar-float-close:hover {
    background: #f5f5f5;
    color: #333
}

main #loker-container #loker-single .loker-tool .tombol .lamar #lamar-float ul {
    flex-direction: row;
    margin: 0;
    list-style: none;
    display: flex;
    padding: 15px 20px
}

main #loker-container #loker-single .loker-tool .tombol .lamar #lamar-float.active ul {
    flex-direction: column;
    padding: 0;
    margin: 0
}

main #loker-container #loker-single .loker-tool .tombol .lamar #lamar-float ul li {
    border-right: 1px solid var(--line-7);
    align-items: center;
    gap: 7px;
    padding: 6px 12px 7px;
    display: flex;
    position: relative;
    transition: background-color 0.2s ease
}

main #loker-container #loker-single .loker-tool .tombol .lamar #lamar-float.active ul li {
    border-right: none;
    border-bottom: 1px solid #eee;
    padding: 18px 24px;
    margin: 0;
    width: 100%;
    justify-content: flex-start;
    transition: background-color 0.2s ease
}

main #loker-container #loker-single .loker-tool .tombol .lamar #lamar-float.active ul li:last-child {
    border-bottom: none
}

main #loker-container #loker-single .loker-tool .tombol .lamar #lamar-float.active ul li:hover {
    background-color: #f8f9fa;
    transform: translateX(2px)
}

main #loker-container #loker-single .loker-tool .tombol .lamar #lamar-float.active ul li a {
    color: #333;
    text-decoration: none;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 8px 0;
    transition: color 0.2s ease
}

main #loker-container #loker-single .loker-tool .tombol .lamar #lamar-float.active ul li a:hover {
    color: #007bff;
    text-decoration: none
}

@keyframes lamarFloatSlideIn {
    from {
        opacity: 0;
        transform: scale(.95) translateY(-10px)
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0)
    }
}

@media (max-width:768px) {
    main #loker-container #loker-single .loker-tool .tombol .lamar #lamar-float ul li {
        gap: 6px;
        padding: 6.5px 11px 4px
    }
    main #loker-container #loker-single .loker-tool .tombol .lamar #lamar-float.active .lamar-float-content {
        width: 95%;
        max-width: 350px
    }
    main #loker-container #loker-single .loker-tool .tombol .lamar #lamar-float .lamar-float-header {
        padding: 15px 15px 10px
    }
    main #loker-container #loker-single .loker-tool .tombol .lamar #lamar-float .lamar-float-header h3 {
        font-size: 16px
    }
    main #loker-container #loker-single .loker-tool .tombol .lamar #lamar-float ul {
        padding: 10px 15px
    }
    main #loker-container #loker-single .loker-tool .tombol .lamar #lamar-float.active ul li {
        padding: 12px 15px
    }
    main #loker-container #loker-single .loker-tool .tombol .lamar #lamar-float.active ul li:before {
        width: 18px;
        height: 18px
    }
    main #loker-container #loker-single .loker-tool .tombol .lamar #lamar-float.active ul li:hover {
        transform: none
    }
}

main #loker-container #loker-single .loker-tool .tombol .lamar #lamar-float ul li:last-child {
    border-right: none
}

main #loker-container #loker-single .loker-tool .tombol .lamar #lamar-float ul li.formulir:before {
    content: "";
    background: var(--surface-white-1);
    width: 18.36px;
    height: 18.36px;
    display: inline-block;
    position: relative;
    top: .5px;
    -webkit-mask-image: url(assets/custom/img/v2/formulir-web-btn.svg);
    mask-image: url(assets/custom/img/v2/formulir-web-btn.svg)
}

@media (max-width:768px) {
    main #loker-container #loker-single .loker-tool .tombol .lamar #lamar-float ul li.formulir:before {
        width: 16.36px;
        height: 16.36px;
        top: -1px
    }
}

main #loker-container #loker-single .loker-tool .tombol .lamar #lamar-float ul li.email:before {
    content: "";
    background: var(--surface-white-1);
    width: 18.36px;
    height: 18.36px;
    display: inline-block;
    position: relative;
    top: .5px;
    -webkit-mask-image: url(assets/custom/img/v2/email.svg);
    mask-image: url(assets/custom/img/v2/email.svg)
}

@media (max-width:768px) {
    main #loker-container #loker-single .loker-tool .tombol .lamar #lamar-float ul li.email:before {
        width: 16.36px;
        height: 16.36px;
        top: -1.3px
    }
}

main #loker-container #loker-single .loker-tool .tombol .lamar #lamar-float ul li.whatsapp:before {
    content: "";
    background: var(--surface-white-1);
    width: 18.36px;
    height: 18.36px;
    display: inline-block;
    position: relative;
    top: .9px;
    -webkit-mask-image: url(assets/custom/img/v2/whatsapp.svg);
    mask-image: url(assets/custom/img/v2/whatsapp.svg)
}

main #loker-container #loker-single .loker-tool .tombol .lamar #lamar-float.active ul li:before {
    width: 22px;
    height: 22px;
    top: 0;
    background: #007bff;
    flex-shrink: 0
}

@media (max-width:768px) {
    main #loker-container #loker-single .loker-tool .tombol .lamar #lamar-float ul li.whatsapp:before {
        width: 15.36px;
        height: 15.36px;
        top: -1.4px
    }
}

main #loker-container #loker-single .loker-tool .tombol .right {
    gap: 17px;
    display: flex
}

main #loker-container #loker-single .loker-tool .tombol .right .simplefavorite-button {
    background: var(--surface-white-1);
    border-radius: var(--bd-rd-sm);
    color: var(--text-blue-2);
    cursor: pointer;
    height: 37px;
    box-shadow: var(--btn-shadow);
    padding: 3.5px 17px 0;
    transition: all 0.3s
}

@media (max-width:768px) {
    main #loker-container #loker-single .loker-tool .tombol .right .simplefavorite-button {
        height: 32.5px;
        padding: 4px 16px 0
    }
}

main #loker-container #loker-single .loker-tool .tombol .right .simplefavorite-button:before {
    content: "";
    background: var(--surface-blue-2);
    width: 17px;
    height: 17px;
    margin-right: 7.5px;
    display: inline-block;
    position: relative;
    top: 2px;
    -webkit-mask-image: url(assets/custom/img/v2/simpan.svg);
    mask-image: url(assets/custom/img/v2/simpan.svg)
}

@media (max-width:768px) {
    main #loker-container #loker-single .loker-tool .tombol .right .simplefavorite-button:before {
        width: 15px;
        height: 15px;
        margin-right: 6.5px
    }
}

main #loker-container #loker-single .loker-tool .tombol .right .simplefavorite-button.active {
    opacity: 1;
    color: var(--text-white-1);
    background: var(--surface-gray-2)
}

main #loker-container #loker-single .loker-tool .tombol .right .simplefavorite-button.active:before {
    background: var(--surface-white-1)
}

main #loker-container #loker-single .loker-tool .tombol .right .bagikan {
    background: var(--surface-white-1);
    border-radius: var(--bd-rd-sm);
    color: var(--text-blue-2);
    cursor: pointer;
    height: 37px;
    box-shadow: var(--btn-shadow);
    padding: 3.5px 17px 0;
    transition: all 0.3s
}

@media (max-width:768px) {
    main #loker-container #loker-single .loker-tool .tombol .right .bagikan {
        height: 32.5px;
        padding: 4px 16px 0
    }
}

main #loker-container #loker-single .loker-tool .tombol .right .bagikan:before {
    content: "";
    background: var(--surface-blue-2);
    width: 17px;
    height: 17px;
    margin-right: 7.5px;
    display: inline-block;
    position: relative;
    top: 2px;
    -webkit-mask-image: url(assets/custom/img/v2/bagikan.svg);
    mask-image: url(assets/custom/img/v2/bagikan.svg)
}

.share-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / .5);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center
}

.share-popup.active {
    opacity: 1;
    visibility: visible
}

.share-popup-content {
    background: #fff;
    border-radius: 12px;
    max-width: 100%;
    width: 80%;
    max-height: 80vh;
    overflow-y: auto;
    box-shadow: 0 10px 30px rgb(0 0 0 / .3);
    transform: scale(.8);
    transition: transform 0.3s ease
}

.share-popup.active .share-popup-content {
    transform: scale(1)
}

.share-popup-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 20px 15px;
    border-bottom: 1px solid #e9ecef
}

.share-popup-header h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #333
}

.share-popup-close {
    background: none;
    border: none;
    font-size: 24px;
    color: #6c757d;
    cursor: pointer;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.2s ease
}

.share-popup-close:hover {
    background: #f8f9fa;
    color: #495057
}

.share-popup-body {
    padding: 20px
}

.share-options {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px
}

.share-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 15px;
    text-decoration: none;
    color: #333;
    border-radius: 8px;
    transition: all 0.2s ease;
    border: 1px solid #e9ecef
}

.share-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgb(0 0 0 / .1);
    text-decoration: none;
    color: #333
}

.share-item i {
    font-size: 24px;
    margin-bottom: 8px
}

.share-item span {
    font-size: 14px;
    font-weight: 500
}

.share-item.facebook {
    color: #1877f2;
    border-color: #1877f2
}

.share-item.facebook:hover {
    background: #1877f2;
    color: #fff
}

.share-item.whatsapp {
    color: #25d366;
    border-color: #25d366
}

.share-item.whatsapp:hover {
    background: #25d366;
    color: #fff
}

.share-item.telegram {
    color: #08c;
    border-color: #08c
}

.share-item.telegram:hover {
    background: #08c;
    color: #fff
}

.share-item.twitter {
    color: #1da1f2;
    border-color: #1da1f2
}

.share-item.twitter:hover {
    background: #1da1f2;
    color: #fff
}

.share-item.linkedin {
    color: #0077b5;
    border-color: #0077b5
}

.share-item.linkedin:hover {
    background: #0077b5;
    color: #fff
}

.share-item.copy-link {
    color: #6c757d;
    border-color: #6c757d
}

.share-item.copy-link:hover {
    background: #6c757d;
    color: #fff
}

.copy-notification {
    position: fixed;
    top: 20px;
    right: 20px;
    background: #28a745;
    color: #fff;
    padding: 12px 20px;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgb(0 0 0 / .15);
    z-index: 10000;
    opacity: 0;
    transform: translateX(100%);
    transition: all 0.3s ease
}

.copy-notification.active {
    opacity: 1;
    transform: translateX(0)
}

.copy-notification i {
    margin-right: 8px
}

body.share-modal-open {
    overflow: hidden
}

@media (max-width:768px) {
    .share-popup-content {
        width: 95%;
        max-width: 350px
    }
    .share-options {
        grid-template-columns: 1fr;
        gap: 12px
    }
    .share-item {
        padding: 18px 15px
    }
    .share-item i {
        font-size: 22px
    }
    .share-item span {
        font-size: 13px
    }
}

.redirect-text {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 15px;
    margin: 5px 0
}

.redirect-text p {
    margin: 0;
    color: #495057;
    font-size: 14px;
    line-height: 1.6;
    text-align: left;
    font-style: italic
}

.url-masked {
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none
}

.url-masked:hover {
    color: #007cba;
    text-decoration: underline
}

.url-toggle {
    display: inline-block;
    margin-left: 8px;
    cursor: pointer;
    opacity: .7;
    transition: all 0.3s ease;
    vertical-align: middle
}

.url-toggle:hover {
    opacity: 1;
    transform: scale(1.1)
}

.url-toggle svg {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2
}

.url-toggle .eye-open,
.url-toggle .eye-closed {
    transition: all 0.3s ease
}

.url-toggle.active svg {
    stroke: #007cba
}

.url-masked.show-full {
    color: #007cba;
    font-weight: 500
}

@media (max-width:768px) {
    .url-toggle {
        margin-left: 4px
    }
    .url-toggle svg {
        width: 12px;
        height: 12px
    }
}

.job-expired {
    opacity: .6;
    position: relative
}

.job-expired::before {
    content: "EXPIRED";
    position: absolute;
    top: 10px;
    right: 10px;
    background: #dc3545;
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 700;
    z-index: 10
}

.job-expiring-soon {
    border-left: 4px solid #ffc107
}

.job-expiring-week {
    border-left: 4px solid #fd7e14
}

.job-active {
    border-left: 4px solid #28a745
}

.expiry-info .expired {
    color: #dc3545;
    font-weight: 700
}

.expiry-info .expiring-soon {
    color: #ffc107;
    font-weight: 700
}

.expiry-info .expiring-urgent {
    color: #fd7e14;
    font-weight: 700
}

.benefits-horizontal {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0rem .5rem
}

.benefit-chip {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 20px;
    transition: all 0.2s ease;
    white-space: nowrap;
    box-shadow: 0 1px 3px rgb(0 0 0 / .1)
}

.benefit-chip:hover {
    background: #f8f9fa;
    border-color: #d0d0d0;
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgb(0 0 0 / .15)
}

.benefit-emoji {
    font-size: 16px;
    min-width: 20px;
    text-align: center
}

.benefit-label {
    color: #333;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2
}

@media (max-width:768px) {
    .benefits-horizontal {
        gap: 10px
    }
    .benefit-chip {
        padding: 8px 14px
    }
    .benefit-label {
        font-size: 13px
    }
}

@media (max-width:480px) {
    .benefits-horizontal {
        flex-direction: column;
        align-items: flex-start
    }
    .benefit-chip {
        width: 100%;
        justify-content: flex-start
    }
}

@media (max-width:768px) {
    main #loker-container #loker-single .loker-tool .tombol .right .bagikan:before {
        width: 15px;
        height: 15px;
        margin-right: 6.5px
    }
}

main #loker-container #loker-single .loker-tool .tombol .right .bagikan.active {
    opacity: 1;
    color: var(--text-white-1);
    background: var(--surface-gray-2)
}

main #loker-container #loker-single .loker-tool .tombol .right .bagikan.active:before {
    background: var(--surface-white-1)
}

main #loker-container #loker-single .loker-tool .tombol .right .bagikan {
    cursor: pointer
}

main #loker-container #loker-single .loker-tool .tombol .right .bagikan:before {
    width: 17px;
    height: 17px;
    display: inline-block;
    top: 2.5px;
    -webkit-mask-image: url(assets/custom/img/v2/bagikan.svg);
    mask-image: url(assets/custom/img/v2/bagikan.svg)
}

@media (max-width:768px) {
    main #loker-container #loker-single .loker-tool .tombol .right .bagikan:before {
        width: 15px;
        height: 15px
    }
}

main #loker-container #loker-single .loker-tool .other-info {
    font-size: var(--reg-sm-1);
    flex-flow: wrap;
    justify-content: flex-end;
    gap: 18px;
    display: flex
}

@media (max-width:768px) {
    main #loker-container #loker-single .loker-tool .other-info {
        width: 100%
    }
}

main #loker-container #loker-single .loker-tool .other-info .timeline {
    color: var(--text-gray-6);
    position: relative
}

main #loker-container #loker-single .loker-tool .other-info .timeline:before {
    content: "";
    background: var(--surface-gray-6);
    width: 16px;
    height: 16px;
    margin-right: 7px;
    display: inline-block;
    position: relative;
    top: 2.35px;
    -webkit-mask-image: url(assets/custom/img/v2/waktu.svg);
    mask-image: url(assets/custom/img/v2/waktu.svg)
}

@media (max-width:768px) {
    main #loker-container #loker-single .loker-tool .other-info .timeline:before {
        width: 14.5px;
        height: 14.5px;
        margin-right: 6.3px;
        top: 2.8px
    }
}

main #loker-container #loker-single .loker-tool .other-info .lapor {
    color: var(--text-gray-6);
    position: relative
}

main #loker-container #loker-single .loker-tool .other-info .lapor:before {
    content: "";
    background: var(--surface-gray-6);
    width: 16px;
    height: 16px;
    margin-right: 7px;
    display: inline-block;
    position: relative;
    top: 2.35px;
    -webkit-mask-image: url(assets/custom/img/v2/waktu.svg);
    mask-image: url(assets/custom/img/v2/waktu.svg)
}

@media (max-width:768px) {
    main #loker-container #loker-single .loker-tool .other-info .lapor:before {
        width: 14.5px;
        height: 14.5px;
        margin-right: 6.3px;
        top: 2.8px
    }
}

main #loker-container #loker-single .loker-tool .other-info .lapor {
    color: var(--text-red-5);
    cursor: pointer
}

main #loker-container #loker-single .loker-tool .other-info .lapor:before {
    background: var(--surface-red-5);
    width: 17px;
    height: 17px;
    display: inline-block;
    top: 2.8px;
    -webkit-mask-image: url(assets/custom/img/v2/lapor.svg);
    mask-image: url(assets/custom/img/v2/lapor.svg)
}

@media (max-width:768px) {
    main #loker-container #loker-single .loker-tool .other-info .lapor:before {
        width: 15.2px;
        height: 15.2px;
        top: 3.2px
    }
}

main #loker-container .loker-terkait {
    margin: 37px 0 0
}

@media (max-width:768px) {
    main #loker-container .loker-terkait {
        border-right: none;
        margin: 15px 0 0;
        padding: 0 0 25px
    }
}

main #loker-container .loker-terkait h2 {
    text-align: center;
    margin: 0 auto 18.5px !important;
    font-size: 1.591rem !important
}

@media (max-width:768px) {
    main #loker-container .loker-terkait h2 {
        margin: 0 auto 10px !important;
        font-size: 1.55rem !important
    }
}

main #loker-container .loker-terkait .loker-terkait-btn {
    text-align: center;
    margin: 34px 0 20px
}

@media (max-width:768px) {
    main #loker-container .loker-terkait .loker-terkait-btn {
        margin: 25px 0 0
    }
}

main #loker-container .loker-terkait .loker-terkait-btn a.main-btn {
    background: var(--surface-white-1);
    border-radius: var(--bd-rd-sm);
    box-shadow: var(--box-shadow);
    color: var(--text-blue-2);
    padding: 7.5px 12px 5.5px 16px;
    font-weight: 600;
    display: inline-block;
    position: relative
}

@media (max-width:768px) {
    main #loker-container .loker-terkait .loker-terkait-btn a.main-btn {
        padding: 6px 11px 5px 15px
    }
}

main #loker-container .loker-terkait .loker-terkait-btn a.main-btn:after {
    content: "";
    background: var(--text-blue-2);
    width: 23.2px;
    height: 14.4px;
    margin-left: 6px;
    display: inline-block;
    position: relative;
    top: 2px;
    -webkit-mask-image: url(assets/custom/img/v2/more.svg);
    mask-image: url(assets/custom/img/v2/more.svg)
}

@media (max-width:768px) {
    main #loker-container .loker-terkait .loker-terkait-btn a.main-btn:after {
        width: 21.2px;
        height: 12.4px;
        margin-left: 5px;
        top: 1.5px
    }
}

main #loker-container .loker-terkait .loker-terkait-btn .secondary-btn-container {
    opacity: 0;
    pointer-events: none;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 18px;
    height: 0;
    transition: all 0.3s ease-in-out;
    display: flex
}

@media (max-width:768px) {
    main #loker-container .loker-terkait .loker-terkait-btn .secondary-btn-container {
        gap: 15px
    }
}

main #loker-container .loker-terkait .loker-terkait-btn .secondary-btn-container.active {
    opacity: 1;
    pointer-events: visible;
    height: auto;
    margin-top: 23px
}

@media (max-width:768px) {
    main #loker-container .loker-terkait .loker-terkait-btn .secondary-btn-container.active {
        margin-top: 20px
    }
}

main #loker-container .loker-terkait .loker-terkait-btn .secondary-btn-container a.secondary-btn {
    background: var(--surface-blue-2);
    color: var(--text-white-1);
    font-size: var(--reg-sm-1);
    border-radius: 8px;
    padding: 7px 14px
}

@media (max-width:768px) {
    main #loker-container .loker-terkait .loker-terkait-btn .secondary-btn-container a.secondary-btn {
        font-size: var(--reg-sm-1-m);
        padding: 6.2px 13px 5px
    }
}

main #loker-container .social-container {
    display: none
}

@media (max-width:768px) {
    main #loker-container .social-container {
        text-align: center;
        display: block;
        position: relative
    }
    main #loker-container .social-container .heading {
        color: var(--text-gray-6);
        margin-bottom: 8px;
        font-weight: 600
    }
    main #loker-container .social-container .social {
        flex-flow: wrap;
        justify-content: center;
        gap: 10px;
        display: flex
    }
    main #loker-container .social-container .social img {
        width: 25px;
        height: 25px
    }
}

main #loker-container #sidebar {
    width: 400px;
    margin-left: 1rem
}

@media (max-width:768px) {
    main #loker-container #sidebar {
        display: none
    }
}

main #loker-container #sidebar #lokerHistory-block {
    border-radius: var(--bd-rd-sm);
    background: var(--surface-white-1);
    box-shadow: var(--box-shadow-3);
    z-index: 1;
    margin-bottom: 20.5px;
    overflow: hidden
}

main #loker-container #sidebar #lokerHistory-block ul {
    box-sizing: border-box;
    flex-flow: wrap;
    justify-content: space-around;
    margin: 0;
    list-style: none;
    display: flex
}

main #loker-container #sidebar #lokerHistory-block ul li {
    color: var(--text-blue-2);
    cursor: pointer;
    flex-flow: wrap;
    flex: 1 1 0%;
    justify-content: center;
    align-items: center;
    padding: 10px 0 12px;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    transition: all 0.3s ease-in-out;
    display: flex
}

main #loker-container #sidebar #lokerHistory-block ul li:hover {
    background: var(--surface-blue-2);
    color: var(--text-white-1)
}

main #loker-container #sidebar #lokerHistory-block ul li.riwayat {
    border-right: 1px solid var(--line-1)
}

main #loker-container #sidebar #lokerHistory-block ul li.riwayat:before {
    content: " ";
    background: var(--surface-blue-2);
    width: 17px;
    height: 17px;
    margin-right: 6px;
    transition: all 0.3s ease-in-out;
    display: inline-block;
    position: relative;
    top: 0;
    -webkit-mask-image: url(assets/custom/img/v2/riwayat.svg);
    mask-image: url(assets/custom/img/v2/riwayat.svg)
}

main #loker-container #sidebar #lokerHistory-block ul li.riwayat:hover:before {
    background: var(--surface-white-1)
}

main #loker-container #sidebar #lokerHistory-block ul li.simpan:before {
    content: " ";
    background: var(--surface-blue-2);
    width: 17px;
    height: 17px;
    margin-right: 6px;
    transition: all 0.3s ease-in-out;
    display: inline-block;
    position: relative;
    top: 0;
    -webkit-mask-image: url(assets/custom/img/v2/simpan.svg);
    mask-image: url(assets/custom/img/v2/simpan.svg)
}

main #loker-container #sidebar #lokerHistory-block ul li.simpan:hover:before {
    background: var(--surface-white-1)
}

main #loker-container #sidebar #lokerHistory-block.scroll {
    position: sticky;
    top: 209px
}

main #loker-container #sidebar #catMenu-block h4 {
    color: var(--text-blue-2);
    margin-bottom: 11px;
    position: relative
}

main #loker-container #sidebar #catMenu-block .menu-list {
    margin-bottom: 10px
}

main #loker-container #sidebar #catMenu-block .menu-list ul {
    margin: 0;
    list-style: none
}

main #loker-container #sidebar #catMenu-block .menu-list ul li {
    border-bottom: 1px solid var(--line-2);
    margin-bottom: 8px;
    padding-bottom: 5px
}

main #loker-container #sidebar #catMenu-block .menu-list ul li:last-child {
    border-bottom: none
}

main #loker-container #sidebar #catMenu-block .menu-list ul li a {
    color: var(--text-gray-1);
    display: block
}

main #loker-container #sidebar #catMenu-block .menu-list ul#menu-menu-profesi li:last-child {
    cursor: pointer;
    font-weight: 600
}

main #loker-container #sidebar #catMenu-block .menu-list ul#menu-menu-lokasi li:last-child {
    cursor: pointer;
    font-weight: 600
}

main #loker-container #sidebar #catMenu-block.scroll {
    position: sticky;
    top: 277px
}

main #loker-container #sidebar #catMenu-block.scroll h4 {
    cursor: pointer
}

main #loker-container #sidebar #catMenu-block.scroll h4:after {
    content: " ";
    background: var(--surface-blue-2);
    width: 14px;
    height: 14px;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-mask-image: url(assets/custom/img/v2/plus.svg);
    mask-image: url(assets/custom/img/v2/plus.svg)
}

main #loker-container #sidebar #catMenu-block.scroll h4.active:after {
    width: 14px;
    height: 14px;
    display: inline-block;
    -webkit-mask-image: url(assets/custom/img/v2/min.svg);
    mask-image: url(assets/custom/img/v2/min.svg)
}

main #loker-container #sidebar #catMenu-block.scroll .menu-list {
    visibility: hidden;
    opacity: 0;
    max-height: 0
}

main #loker-container #sidebar #catMenu-block.scroll .menu-list.active {
    visibility: visible;
    opacity: 1;
    max-height: 250px;
    transition: opacity 1.15s, max-height 1s
}

main #loker-container #sidebar #catMenu-block.scroll .menu-list.changeMargin {
    margin-bottom: 3px
}

main #container {
    width: var(--container-1-column-width);
    border-radius: var(--bd-rd-lg);
    background: var(--surface-white-1);
    box-sizing: border-box;
    z-index: 2;
    height: auto;
    min-height: 300px;
    margin: -116px auto 72px;
    padding: 8px 20px 0;
    position: relative
}

@media (max-width:768px) {
    main #container {
        width: auto;
        margin: -130px 12px 30px;
        padding: 3px 12px 0
    }
}

main #container form#artikel-search input {
    border: none;
    border-bottom: 2px solid var(--line-2);
    width: 100%;
    font-family: Lato;
    font-size: var(--reg);
    letter-spacing: .3px;
    color: var(--text-blue-2);
    outline: none;
    padding: 6px 0 1px;
    font-weight: 700
}

@media (max-width:768px) {
    main #container form#artikel-search input {
        font-size: var(--reg-m)
    }
}

main #container form#artikel-search input::-ms-input-placeholder {
    color: var(--text-blue-2);
    opacity: 1
}

main #container form#artikel-search input::placeholder {
    color: var(--text-blue-2);
    opacity: 1
}

main #container .archive {
    flex-flow: column wrap;
    gap: 16px;
    margin-top: 16px;
    display: flex
}

@media (max-width:768px) {
    main #container .archive {
        gap: 10.5px;
        margin-top: 11px
    }
}

main #container .archive .item {
    border-bottom: 1px solid var(--line-2);
    padding-bottom: 11px
}

@media (max-width:768px) {
    main #container .archive .item {
        padding-bottom: 11px
    }
}

main #container .archive .item:last-child {
    border-bottom: none
}

main #container .archive .item a {
    flex-flow: wrap;
    gap: 15px;
    display: flex
}

main #container .archive .item a img {
    border-radius: var(--bd-rd-xs)
}

@media (max-width:768px) {
    main #container .archive .item a img {
        display: none
    }
}

main #container .archive .item a .right {
    width: calc(100% - 242px)
}

@media (max-width:768px) {
    main #container .archive .item a .right {
        width: 100%
    }
}

main #container .archive .item a .right h2 {
    font-weight: 400;
    line-height: 117%
}

main #container .archive .item a .right h2 span {
    font-weight: 500
}

main #container .archive .item a .right p {
    color: var(--gray-1);
    margin: 3px 0 0
}

@media (max-width:768px) {
    main #container .archive .item a .right p {
        margin: 6px 0 0
    }
}

main #container #not-found {
    text-align: center;
    margin: 28px 0
}

main #container #not-found h3 {
    margin-bottom: 2px
}

main #container #not-found p {
    color: #71777f
}

main #container .content h1 {
    margin: 11px 0 15px;
    font-weight: 400;
    line-height: 120%
}

@media (max-width:768px) {
    main #container .content h1 {
        margin: 7.5px 0 16px
    }
}

main #container .content h1 span {
    font-weight: 500
}

main #container .content p.highlight {
    color: var(--text-gray-2);
    margin: -9px 0 14px
}

@media (max-width:768px) {
    main #container .content p.highlight {
        margin: -9px 0 13px
    }
}

main #container .content img {
    border-radius: var(--bd-rd-sm);
    width: 100%;
    height: auto
}

main #container .content img.thumbnail {
    margin-bottom: 7px
}

@media (max-width:768px) {
    main #container .content img.thumbnail {
        margin-bottom: 5px
    }
}

main #container .content h2 {
    color: var(--text-gray-1);
    margin: 7px 0;
    font-family: Lato;
    font-weight: 700;
    line-height: 150%;
    font-size: 1.421rem !important
}

@media (max-width:768px) {
    main #container .content h2 {
        font-size: 1.418rem !important
    }
}

main #container .content h3 {
    color: var(--text-gray-1);
    margin: 7px 0;
    font-family: Lato;
    font-weight: 700;
    line-height: 150%;
    font-size: 1.421rem !important
}

@media (max-width:768px) {
    main #container .content h3 {
        font-size: 1.418rem !important
    }
}

main #container .content h3 {
    font-size: 1.105rem !important
}

@media (max-width:768px) {
    main #container .content h3 {
        font-size: 1.106rem !important
    }
}

main #container .content ol {
    flex-flow: column;
    gap: 4px;
    margin: 7px 0 8px 29px;
    display: flex
}

main #container .content ul {
    flex-flow: column;
    gap: 4px;
    margin: 7px 0 8px 29px;
    display: flex
}

main #container #bagikan {
    border-radius: var(--bd-rd-sm);
    border: 1px solid var(--line-2);
    background: var(--surface-white-2);
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 28px 0 26px;
    padding: 20px 0;
    display: flex
}

@media (max-width:768px) {
    main #container #bagikan {
        margin: 22px 0 20px;
        padding: 17px 0
    }
}

main #container #bagikan .bagikan-btn {
    border-radius: var(--bd-rd-sm);
    border: 1px solid var(--line-9);
    background: var(--surface-white-1);
    color: var(--text-blue-2);
    box-shadow: var(--box-shadow);
    cursor: pointer;
    padding: 7px 14px 5px;
    position: relative
}

@media (max-width:768px) {
    main #container #bagikan .bagikan-btn {
        padding: 5px 12px 4px
    }
}

main #container #bagikan .bagikan-btn:before {
    content: "";
    background: var(--surface-blue-2);
    width: 17px;
    height: 17px;
    margin-right: 7px;
    display: inline-block;
    position: relative;
    top: 2.3px;
    -webkit-mask-image: url(assets/custom/img/v2/bagikan.svg);
    mask-image: url(assets/custom/img/v2/bagikan.svg)
}

@media (max-width:768px) {
    main #container #bagikan .bagikan-btn:before {
        width: 16px;
        height: 16px
    }
}

main #container .crp_related {
    flex-flow: column wrap;
    align-items: center;
    gap: 6px;
    margin: 0 0 22px;
    display: flex
}

@media (max-width:768px) {
    main #container .crp_related {
        gap: 4px;
        margin: 0 0 14px
    }
}

main #container .crp_related h3 {
    font-size: 1.591rem
}

@media (max-width:768px) {
    main #container .crp_related h3 {
        font-size: 1.481rem
    }
}

main #container .crp_related h3 span {
    font-weight: 300
}

main #container .crp_related ul {
    flex-direction: column;
    gap: 4px;
    margin: 0 0 0 19px;
    font-weight: 600;
    display: flex
}

main #container .crp_related ul li::marker {
    color: var(--text-blue-6)
}

main #container .navigation {
    font-size: var(--reg-sm-1);
    flex-flow: wrap;
    justify-content: space-between;
    margin: 16px 0 0;
    display: flex
}

@media (max-width:768px) {
    main #container .navigation {
        margin: 7px 0 0
    }
}

main #container .navigation.one-item {
    justify-content: center
}

main #container .navigation .left a {
    color: var(--text-gray-2);
    border-radius: var(--bd-rd-sm);
    border: 1px solid var(--line-6);
    padding: 5px 14px 4px;
    transition: all 0.3s;
    display: inline-block;
    box-shadow: 0 0 1px #bfdbff
}

@media (max-width:768px) {
    main #container .navigation .left a {
        padding: 5px 13px 4px
    }
}

main #container .navigation .left a:hover {
    color: var(--text-blue-4);
    border-color: var(--line-7)
}

main #container .navigation .right a {
    color: var(--text-gray-2);
    border-radius: var(--bd-rd-sm);
    border: 1px solid var(--line-6);
    padding: 5px 14px 4px;
    transition: all 0.3s;
    display: inline-block;
    box-shadow: 0 0 1px #bfdbff
}

@media (max-width:768px) {
    main #container .navigation .right a {
        padding: 5px 13px 4px
    }
}

main #container .navigation .right a:hover {
    color: var(--text-blue-4);
    border-color: var(--line-7)
}

main #container .navigation .back a {
    color: var(--text-gray-2);
    border-radius: var(--bd-rd-sm);
    border: 1px solid var(--line-6);
    padding: 5px 14px 4px;
    transition: all 0.3s;
    display: inline-block;
    box-shadow: 0 0 1px #bfdbff
}

@media (max-width:768px) {
    main #container .navigation .back a {
        padding: 5px 13px 4px
    }
}

main #container .navigation .back a:hover {
    color: var(--text-blue-4);
    border-color: var(--line-7)
}

main #container .navigation .back a {
    font-size: var(--reg-sm-1);
    padding: 5px 12px 4px
}

.page-template-page-form :is(main #container) .content h1 {
    text-align: center;
    border-bottom: 1px solid var(--line-2);
    margin: 6px 0 19px;
    padding: 0 0 11px;
    font-size: 1.591rem
}

@media (max-width:768px) {
    .page-template-page-form :is(main #container) .content h1 {
        margin: 8px 0 13px;
        padding-bottom: 10.5px;
        font-size: 1.481rem
    }
}

.page-template-page-form :is(main #container) .content .catatan {
    font-size: var(--reg-sm-2);
    color: var(--text-gray-2);
    padding: 8px 0 0
}

@media (max-width:768px) {
    .page-template-page-form :is(main #container) .content .catatan {
        font-size: var(--reg-sm-2-m)
    }
}

.page-template-page-invoice :is(main #container) .content {
    text-align: center
}

.page-template-page-invoice :is(main #container) .content h1 {
    margin: 10.5px 0;
    font-weight: 500
}

@media (max-width:768px) {
    .page-template-page-invoice :is(main #container) .content h1 {
        margin: 10px 0 7.5px
    }
}

.page-template-page-invoice :is(main #container) .content p.perusahaan {
    margin: 0 0 3px;
    font-size: 1.105rem;
    font-weight: 700
}

.page-template-page-invoice :is(main #container) .content p.order-data {
    font-size: var(--reg-sm-1);
    color: var(--text-gray-2);
    margin: 0
}

.page-template-page-invoice :is(main #container) .content p.info-pembayaran {
    width: 80%;
    margin: 14px auto 17px
}

@media (max-width:768px) {
    .page-template-page-invoice :is(main #container) .content p.info-pembayaran {
        margin: 10px auto 13px
    }
}

.page-template-page-invoice :is(main #container) .content .biaya-container {
    border-radius: var(--bd-rd-sm);
    border: 2px solid var(--surface-blue-2);
    background: var(--surface-blue-2);
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    margin: 0 0 13px;
    display: inline-flex
}

@media (max-width:768px) {
    .page-template-page-invoice :is(main #container) .content .biaya-container {
        margin: 0 0 11px
    }
}

.page-template-page-invoice :is(main #container) .content .biaya-container .biaya {
    background: var(--surface-white-1);
    color: var(--text-blue-2);
    border-radius: 10px;
    padding: 9px 16px 5px;
    font-size: 1.591rem;
    font-weight: 700
}

.page-template-page-invoice :is(main #container) .content .biaya-container .biaya span.yellow {
    color: var(--text-yellow-1)
}

.page-template-page-invoice :is(main #container) .content .biaya-container .copy {
    color: var(--text-white-1);
    cursor: pointer;
    padding: 0 16px;
    font-style: italic;
    font-weight: 700;
    position: relative;
    top: 1px
}

.page-template-page-invoice :is(main #container) .content .keterangan {
    font-size: var(--reg-sm-2);
    color: var(--text-gray-6);
    margin: 0 0 11px
}

@media (max-width:768px) {
    .page-template-page-invoice :is(main #container) .content .keterangan {
        margin: 0 0 2px
    }
}

.page-template-page-invoice :is(main #container) .content .keterangan.last {
    margin: 17px auto 0
}

@media (max-width:768px) {
    .page-template-page-invoice :is(main #container) .content .keterangan.last {
        margin: 11px auto 0
    }
}

.page-template-page-invoice :is(main #container) .content .rekening-container {
    flex-direction: column;
    align-items: center;
    margin: 0 0 32px;
    display: inline-flex
}

@media (max-width:768px) {
    .page-template-page-invoice :is(main #container) .content .rekening-container {
        margin: 0 0 21px
    }
}

.page-template-page-invoice :is(main #container) .content .rekening-container h2 {
    margin-bottom: 18px;
    font-family: Lato;
    font-weight: 700;
    font-size: 1rem !important
}

@media (max-width:768px) {
    .page-template-page-invoice :is(main #container) .content .rekening-container h2 {
        margin-bottom: 15px
    }
}

.page-template-page-invoice :is(main #container) .content .rekening-container ul {
    flex-direction: column;
    gap: 15px;
    width: 100%;
    margin: 0;
    list-style: none;
    display: flex
}

.page-template-page-invoice :is(main #container) .content .rekening-container ul li {
    border-bottom: 2px dotted var(--line-2);
    flex-direction: column;
    align-items: center;
    padding-bottom: 15px;
    display: flex
}

.page-template-page-invoice :is(main #container) .content .rekening-container ul li:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.page-template-page-invoice :is(main #container) .content .rekening-container ul li img {
    width: 131px;
    height: auto;
    margin-bottom: 8px
}

@media (max-width:768px) {
    .page-template-page-invoice :is(main #container) .content .rekening-container ul li img {
        width: 110px
    }
}

.page-template-page-invoice :is(main #container) .content .rekening-container ul li .copy {
    border-radius: var(--bd-rd-xs);
    background: var(--surface-blue-2);
    color: var(--text-white-1);
    cursor: pointer;
    margin-top: 8px;
    padding: 4px 8px;
    font-size: .59rem;
    line-height: normal;
    position: relative
}

@media (max-width:768px) {
    .page-template-page-invoice :is(main #container) .content .rekening-container ul li .copy {
        margin-top: 6.5px
    }
}

.page-template-page-invoice :is(main #container) .content .rekening-container ul li .copy:before {
    content: "";
    background: var(--surface-white-1);
    width: 11px;
    height: 11px;
    margin-right: 4.5px;
    display: inline-block;
    position: relative;
    top: 1.5px;
    -webkit-mask-image: url(assets/custom/img/v2/copy.svg);
    mask-image: url(assets/custom/img/v2/copy.svg)
}

@media (max-width:768px) {
    .page-template-page-invoice :is(main #container) .content .rekening-container ul li .copy:before {
        width: 9px;
        height: 9px;
        top: 1px
    }
}

.page-template-page-invoice :is(main #container) .content .catatan-container .heading {
    text-align: left;
    position: relative
}

.page-template-page-invoice :is(main #container) .content .catatan-container .heading h2 {
    background: var(--text-white-1);
    color: var(--text-blue-2);
    z-index: 2;
    padding-right: 9px;
    font-family: Lato;
    font-weight: 700;
    display: inline-block;
    position: relative;
    font-size: 1rem !important
}

.page-template-page-invoice :is(main #container) .content .catatan-container .heading:before {
    content: "";
    background: var(--line-2);
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 0
}

.page-template-page-invoice :is(main #container) .content .catatan-container ol {
    text-align: left;
    font-size: var(--reg-sm-1);
    margin-top: 0;
    margin-bottom: 0
}

.page-template-page-invoice :is(main #container) .content .catatan-container ol li span.red {
    color: var(--text-red-1)
}

.page-template-default :is(main #container) .content h1 {
    text-align: center;
    margin: 9px 0 12.5px
}

@media (max-width:768px) {
    .page-template-default :is(main #container) .content h1 {
        margin: 12px 0 8px
    }
}

main #paket-lowongan-block {
    flex-direction: column;
    align-items: center;
    gap: 21px;
    margin: -2px auto 39px;
    display: flex
}

@media (max-width:768px) {
    main #paket-lowongan-block {
        gap: 14.5px;
        margin: -14px auto 28px
    }
}

main #paket-lowongan-block h2 {
    margin: 0 0 2px
}

main #paket-lowongan-block .container {
    flex-direction: row;
    align-items: flex-start;
    gap: 40px;
    display: flex
}

@media (max-width:768px) {
    main #paket-lowongan-block .container {
        flex-direction: column;
        gap: 26px
    }
}

main #paket-lowongan-block .container .paket {
    border-radius: var(--bd-rd-lg);
    background: var(--surface-white-1);
    width: 300px;
    box-shadow: var(--box-shadow-2);
    cursor: pointer;
    padding: 0 14px;
    transition: all 0.3s ease-in-out;
    position: relative;
    top: 0;
    overflow: hidden
}

@media (max-width:768px) {
    main #paket-lowongan-block .container .paket {
        width: 100%
    }
}

main #paket-lowongan-block .container .paket:hover {
    box-shadow: var(--box-shadow-hover-2);
    top: -10px
}

@media (max-width:768px) {
    main #paket-lowongan-block .container .paket:hover {
        top: -5px
    }
}

main #paket-lowongan-block .container .paket .top {
    color: var(--text-white-1);
    z-index: 2;
    flex-direction: column;
    align-items: center;
    margin: 13px 0 40px;
    display: flex;
    position: relative
}

@media (max-width:768px) {
    main #paket-lowongan-block .container .paket .top {
        margin-bottom: 31px
    }
}

main #paket-lowongan-block .container .paket .top h3 {
    color: var(--text-white-1);
    margin-bottom: 0;
    font-size: 2.21rem;
    font-weight: 500;
    line-height: normal
}

main #paket-lowongan-block .container .paket .desc {
    text-align: center;
    width: 80%;
    margin: 0 auto 7px
}

@media (max-width:768px) {
    main #paket-lowongan-block .container .paket .desc {
        margin: 0 auto 5.5px
    }
}

main #paket-lowongan-block .container .paket .desc span.time {
    font-size: var(--reg-sm-2);
    color: var(--text-gray-6);
    margin: 1px 0 0;
    display: block
}

@media (max-width:768px) {
    main #paket-lowongan-block .container .paket .desc span.time {
        font-size: var(--reg-sm-1-m)
    }
}

main #paket-lowongan-block .container .paket ul.media {
    font-size: var(--reg-sm-1);
    flex-direction: column;
    gap: 5px;
    margin: 0 auto 14px;
    display: inline-flex;
    position: relative;
    left: 50%;
    transform: translate(-50%)
}

@media (max-width:768px) {
    main #paket-lowongan-block .container .paket ul.media {
        margin: 0 auto 10px;
        font-size: .906rem
    }
}

main #paket-lowongan-block .container .paket ul.media li {
    flex-direction: row;
    align-items: center;
    gap: 8px;
    display: flex;
    position: relative
}

main #paket-lowongan-block .container .paket ul.media li img {
    width: 20px;
    height: 20px;
    position: relative;
    top: -.5px
}

@media (max-width:768px) {
    main #paket-lowongan-block .container .paket ul.media li img {
        width: 17px;
        height: 17px
    }
}

main #paket-lowongan-block .container .paket ul.media li strong {
    position: relative
}

main #paket-lowongan-block .container .paket ul.media li strong span.hot {
    color: var(--text-red-3);
    font-size: .578rem;
    position: absolute;
    top: -11px;
    right: -22px
}

@media (max-width:768px) {
    main #paket-lowongan-block .container .paket ul.media li strong span.hot {
        top: -10px;
        right: -19px
    }
}

main #paket-lowongan-block .container .paket ul.media li .small {
    color: #74818f;
    margin-left: -1px;
    font-size: .684rem;
    display: inline-block;
    position: relative;
    bottom: -1px
}

@media (max-width:768px) {
    main #paket-lowongan-block .container .paket ul.media li .small {
        margin-left: -1.5px;
        font-size: .718rem;
        bottom: 0
    }
}

main #paket-lowongan-block .container .paket .fitur {
    border-top: 1px solid var(--line-1);
    flex-direction: column;
    align-items: center;
    gap: 2px;
    padding: 13px 0 14px;
    display: flex
}

@media (max-width:768px) {
    main #paket-lowongan-block .container .paket .fitur {
        padding: 10px 0
    }
}

main #paket-lowongan-block .container .paket .fitur p {
    font-size: var(--reg-sm-1);
    text-align: center;
    width: 90%
}

@media (max-width:768px) {
    main #paket-lowongan-block .container .paket .fitur p {
        font-size: .906rem
    }
}

main #paket-lowongan-block .container .paket .bottom {
    color: var(--text-white-1);
    z-index: 2;
    flex-flow: column;
    align-items: center;
    margin: 28px 0 13px;
    display: flex;
    position: relative
}

@media (max-width:768px) {
    main #paket-lowongan-block .container .paket .bottom {
        margin-top: 27px
    }
}

main #paket-lowongan-block .container .paket .bottom span.price {
    font-size: 1.561rem;
    font-weight: 700
}

main #paket-lowongan-block .container .paket .bottom p {
    font-size: var(--reg-sm-2)
}

main #paket-lowongan-block .container .paket:before {
    content: "";
    z-index: 1;
    width: 416px;
    height: 169px;
    display: inline-block;
    position: absolute;
    top: -51px;
    left: 50%;
    transform: translate(-50%);
    -webkit-mask-image: url(assets/custom/img/v2/ellipse-bg.svg);
    mask-image: url(assets/custom/img/v2/ellipse-bg.svg)
}

@media (max-width:768px) {
    main #paket-lowongan-block .container .paket:before {
        top: -68px
    }
}

main #paket-lowongan-block .container .paket:after {
    content: "";
    z-index: 1;
    width: 416px;
    height: 169px;
    display: inline-block;
    position: absolute;
    bottom: -65px;
    left: 50%;
    transform: translate(-50%) rotate(180deg);
    -webkit-mask-image: url(assets/custom/img/v2/ellipse-bg.svg);
    mask-image: url(assets/custom/img/v2/ellipse-bg.svg)
}

@media (max-width:768px) {
    main #paket-lowongan-block .container .paket:after {
        bottom: -77px
    }
}

main #paket-lowongan-block .container .paket.gold:before {
    background: var(--surface-yellow-3)
}

main #paket-lowongan-block .container .paket.gold:after {
    background: var(--surface-yellow-3)
}

main #paket-lowongan-block .container .paket.silver:before {
    background: var(--surface-gray-3)
}

main #paket-lowongan-block .container .paket.silver:after {
    background: var(--surface-gray-3)
}

main #paket-lowongan-block .container .paket.bronze:before {
    background: var(--surface-brown-1)
}

main #paket-lowongan-block .container .paket.bronze:after {
    background: var(--surface-brown-1)
}

main #paket-lowongan-block .container .paket.eco:before {
    background: var(--surface-green-1)
}

main #paket-lowongan-block .container .paket.eco:after {
    background: var(--surface-green-1)
}

main #paket-tambahan-block {
    flex-direction: column;
    align-items: center;
    gap: 9px;
    margin: 0 0 45px;
    display: flex
}

@media (max-width:768px) {
    main #paket-tambahan-block {
        gap: 1px;
        margin: 34px 0 26px
    }
}

main #paket-tambahan-block .container {
    justify-content: center;
    gap: 12px;
    display: flex
}

@media (max-width:768px) {
    main #paket-tambahan-block .container {
        flex-direction: column;
        gap: 0
    }
}

main #paket-tambahan-block .container #sticky-post {
    background: url(assets/custom/img/v2/paket-tambahan-sticky-post-2.svg) 0 0/100% no-repeat;
    width: 494px;
    height: 273px
}

@media (max-width:768px) {
    main #paket-tambahan-block .container #sticky-post {
        background: url(assets/custom/img/v2/paket-tambahan-sticky-post-2-m.svg) top/99% no-repeat;
        width: 289px;
        height: 431px;
        margin-bottom: -3px;
        margin: 0 auto
    }
}

main #paket-tambahan-block .container #custom-banner {
    background: url(assets/custom/img/v2/paket-tambahan-custom-banner-1.svg) 0 0/100% no-repeat;
    width: 277px;
    height: 273
}

@media (max-width:768px) {
    main #paket-tambahan-block .container #custom-banner {
        background: url(assets/custom/img/v2/paket-tambahan-custom-banner-1-m.svg) top/99% no-repeat;
        width: 298px;
        height: 266px
    }
}

main #paket-tambahan-block .catatan {
    font-size: var(--reg-sm-2);
    color: var(--text-gray-2);
    font-style: italic
}

@media (max-width:768px) {
    main #paket-tambahan-block .catatan {
        text-align: center;
        width: 239px
    }
}

main #free-trial-block {
    width: 495px;
    margin: 0 auto 42px
}

@media (max-width:768px) {
    main #free-trial-block {
        width: 270px;
        margin: 0 auto 26px
    }
}

main #free-trial-block a {
    border-radius: var(--bd-rd-lg);
    background: var(--surface-white-1);
    width: 100%;
    box-shadow: var(--box-shadow-2);
    color: var(--text-gray-1);
    justify-content: flex-end;
    padding: 16px 15px 11px;
    transition: all 0.3s ease-in-out;
    display: flex;
    position: relative
}

main #free-trial-block a:hover {
    box-shadow: var(--box-shadow-hover)
}

@media (max-width:768px) {
    main #free-trial-block a {
        flex-direction: column;
        padding: 23px 17px 0
    }
}

main #free-trial-block a .inner {
    width: 50%
}

@media (max-width:768px) {
    main #free-trial-block a .inner {
        text-align: center;
        width: 100%;
        margin-bottom: 14px
    }
}

main #free-trial-block a .inner h2 {
    margin-bottom: 5px;
    font-size: 1.343rem
}

@media (max-width:768px) {
    main #free-trial-block a .inner h2 {
        font-size: 1.55rem
    }
}

main #free-trial-block a .inner p {
    font-size: var(--reg-sm-1)
}

@media (max-width:768px) {
    main #free-trial-block a .inner p {
        font-size: var(--reg-m)
    }
}

main #free-trial-block a .inner p.small {
    color: var(--text-gray-6);
    margin: 0;
    font-size: .684rem
}

main #free-trial-block a:after {
    content: "";
    background: url(assets/custom/img/v2/peoples.svg) no-repeat var(--surface-white-1);
    background-size: 100%;
    width: 219px;
    height: 118px;
    position: absolute;
    bottom: 0;
    left: 10px
}

@media (max-width:768px) {
    main #free-trial-block a:after {
        width: 213px;
        height: 115px;
        position: relative
    }
}

main #ketentuan-block {
    flex-direction: column;
    gap: 3px;
    width: 1041px;
    margin: 0 auto 45px;
    display: flex
}

@media (max-width:768px) {
    main #ketentuan-block {
        width: auto;
        padding: 0 25px
    }
}

main #ketentuan-block h3 {
    margin-bottom: 4px
}

main #ketentuan-block ol {
    flex-direction: column;
    margin: 0;
    padding-left: 15px !important;
    display: flex;
    margin-bottom: 1rem
}

main #ketentuan-block .ketentuan-css-main_wrapper {
    position: relative
}

main #ketentuan-block .ketentuan-css-main_wrapper ol.ketentuan-css-main_ellipsis {
    position: relative
}

main #ketentuan-block .ketentuan-css-main_wrapper ol.ketentuan-css-main_ellipsis:after {
    content: "";
    height: 100px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

main #ketentuan-block .ketentuan-css-main_wrapper .ketentuan-css-main_button {
    font-size: var(--reg-sm-1);
    color: var(--text-blue-2);
    border-radius: var(--bd-rd-lg);
    border: 1px solid var(--line-9);
    background: var(--surface-white-1);
    cursor: pointer;
    padding: 4px 12px 5px;
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%)
}

@media (max-width:768px) {
    main #ketentuan-block .ketentuan-css-main_wrapper .ketentuan-css-main_button {
        padding: 4px 11px
    }
}

main #ketentuan-block .ketentuan-css-main_wrapper .ketentuan-css-main_button.ketentuan-css-main_button_active {
    margin-top: 12px;
    position: relative
}

main #keunggulan-block {
    background: var(--surface-white-3);
    box-sizing: border-box;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0 0 16px;
    padding: 59px 0 60px;
    display: flex;
    position: relative;
    overflow: hidden
}

@media (max-width:768px) {
    main #keunggulan-block {
        margin: 0 0 13px;
        padding: 54.5px 0 52px
    }
}

main #keunggulan-block .content {
    z-index: 3;
    flex-direction: column;
    align-items: center;
    gap: 29px;
    width: 100%;
    display: flex;
    position: relative
}

@media (max-width:768px) {
    main #keunggulan-block .content {
        gap: 25px;
        padding-bottom: 7px
    }
}

main #keunggulan-block .content ul {
    flex-direction: row;
    gap: 30px;
    width: auto;
    margin: 0;
    list-style: none;
    display: flex
}

@media (max-width:768px) {
    main #keunggulan-block .content ul {
        width: 100%;
        padding: 0 var(--template-l-r-padding-m);
        gap: 18px;
        overflow-x: auto
    }
}

main #keunggulan-block .content ul li {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 274px;
    height: 307px;
    padding: 0 31px;
    display: flex
}

@media (max-width:768px) {
    main #keunggulan-block .content ul li {
        flex: 0 0 230px;
        align-items: flex-start;
        height: 251px;
        padding: 0 35px
    }
}

main #keunggulan-block .content ul li p {
    margin-top: 20px
}

@media (max-width:768px) {
    main #keunggulan-block .content ul li p {
        margin-top: 75px
    }
}

main #keunggulan-block .content ul li:first-child {
    background: url(assets/custom/img/v2/keunggulan-1.svg) 0 0/100% no-repeat
}

main #keunggulan-block .content ul li:nth-child(2) {
    background: url(assets/custom/img/v2/keunggulan-2.svg) 0 0/100% no-repeat
}

main #keunggulan-block .content ul li:nth-child(3) {
    background: url(assets/custom/img/v2/keunggulan-3.svg) 0 0/100% no-repeat
}

main #keunggulan-block .content ul li:nth-child(4) {
    background: url(assets/custom/img/v2/keunggulan-4.svg) 0 0/100% no-repeat
}

main #keunggulan-block .icon-bg {
    background: var(--surface-white-5);
    z-index: 1;
    width: 100%;
    height: 100%;
    display: inline-block;
    position: absolute;
    top: 41px;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-mask-image: url(assets/custom/img/v2/heading-icons-bg.png);
    mask-image: url(assets/custom/img/v2/heading-icons-bg.png);
    -webkit-mask-position: top;
    mask-position: top;
    -webkit-mask-size: auto;
    mask-size: auto;
    -webkit-mask-repeat: repeat;
    mask-repeat: repeat
}

main #keunggulan-block:before {
    content: "";
    z-index: 2;
    background: url(assets/custom/img/v2/wave.svg) repeat-x;
    height: 35px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

main #keunggulan-block:after {
    content: "";
    z-index: 2;
    background: url(assets/custom/img/v2/wave.svg) repeat-x;
    height: 35px;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    transform: rotate(180deg)
}

main #cara-pasang-block {
    flex-direction: column;
    align-items: center;
    gap: 25px;
    width: 100%;
    margin: 0 0 63px;
    display: flex;
    overflow: hidden
}

@media (max-width:768px) {
    main #cara-pasang-block {
        gap: 22px;
        margin: 0 0 43px
    }
}

main #cara-pasang-block ul {
    flex-direction: row;
    gap: 45px;
    margin: 0;
    list-style: none;
    display: flex
}

@media (max-width:768px) {
    main #cara-pasang-block ul {
        gap: 30px;
        width: 100%;
        padding: 0 12px 0 22px;
        overflow-x: auto
    }
}

main #cara-pasang-block ul li {
    text-align: center;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    width: 187px;
    display: flex;
    position: relative
}

@media (max-width:768px) {
    main #cara-pasang-block ul li {
        flex: 0 0 157px;
        gap: 11px
    }
}

main #cara-pasang-block ul li .numb {
    background: var(--surface-yellow-1);
    width: 24px;
    height: 24px;
    color: var(--text-white-1);
    border-radius: 100%;
    justify-content: center;
    padding-top: 1px;
    font-family: 'Inter', sans-serif;
    font-size: .85rem;
    font-weight: 500;
    line-height: 121%;
    display: flex;
    position: absolute;
    top: 0;
    left: 27px
}

@media (max-width:768px) {
    main #cara-pasang-block ul li .numb {
        width: 20px;
        height: 20px;
        line-height: 125%
    }
}

main #cara-pasang-block ul li img {
    width: auto;
    height: 90px;
    margin: 14px 0 0
}

@media (max-width:768px) {
    main #cara-pasang-block ul li img {
        height: 76px
    }
}

main #overlay.active.cara-pasang .box {
    height: auto
}

@media (max-width:768px) {
    main #overlay.active.cara-pasang .box {
        padding-top: 16px
    }
}

main #overlay.active.cara-pasang .box .content {
    flex-direction: column;
    align-items: center;
    gap: 21px;
    display: flex
}

@media (max-width:768px) {
    main #overlay.active.cara-pasang .box .content {
        gap: 18px
    }
}

main #overlay.active.cara-pasang .box .content ul.list {
    flex-direction: column;
    gap: 21px;
    margin: 0;
    list-style: none;
    display: flex
}

@media (max-width:768px) {
    main #overlay.active.cara-pasang .box .content ul.list {
        gap: 16px
    }
}

main #overlay.active.cara-pasang .box .content ul.list li {
    border-bottom: 1px solid #d7dfea;
    padding-bottom: 18px
}

@media (max-width:768px) {
    main #overlay.active.cara-pasang .box .content ul.list li {
        padding-bottom: 12px
    }
}

main #overlay.active.cara-pasang .box .content ul.list li:last-child {
    border-bottom: none;
    padding-bottom: 0
}

main #overlay.active.cara-pasang .box .content ul.list li a {
    text-align: center;
    color: var(--text-gray-1);
    flex-direction: column;
    align-items: center;
    display: flex
}

main #overlay.active.cara-pasang .box .content ul.list li a img {
    width: auto;
    height: 58px;
    margin-bottom: 13px
}

@media (max-width:768px) {
    main #overlay.active.cara-pasang .box .content ul.list li a img {
        height: 49.5px;
        margin-bottom: 10px
    }
}

main #overlay.active.cara-pasang .box .content ul.list li a h3 {
    padding-bottom: 4px;
    font-size: 1.263rem
}

main #overlay.active.cara-pasang .box .content ul.list li a p {
    padding: 0 20px
}

#sidebar :is(main #search-widget) {
    border-bottom: 1px solid var(--line-2);
    z-index: 2;
    margin: 0 0 21px -19px;
    padding: 0 0 21px 19px;
    display: none;
    position: relative
}

#sidebar :is(main #search-widget).scroll {
    position: sticky;
    top: 19px
}

main #search-widget.mobile {
    top: var(--header-m-height);
    width: var(--container-width-m);
    background: var(--surface-white-1);
    border-bottom: 1px solid var(--line-2);
    z-index: 109;
    display: none;
    position: fixed
}

main #search-widget form>ul {
    grid-template-columns: calc(50% - 7.5px) calc(50% - 7.5px);
    gap: 15px;
    display: grid;
    position: relative
}

#search-widget.mobile :is(main #search-widget form>ul) {
    grid-template-columns: 109px 109px 109px auto;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 11px
}

main #search-widget form>ul>li {
    padding: 0
}

main #search-widget form>ul>li:first-child {
    grid-column: 1/3
}

#search-widget.mobile :is(main #search-widget form>ul>li):first-child {
    display: none
}

main #search-widget form>ul>li label {
    width: 100%
}

main #search-widget form>ul>li label input[name="_sf_search[]"] {
    border-radius: var(--bd-rd-sm);
    border: 1px solid var(--line-4);
    background: var(--surface-white-1);
    width: 100%;
    box-shadow: 0 0 0 1px transparent, var(--inner-shadow-3);
    color: var(--text-blue-2);
    outline: none;
    padding: 8px 15px;
    font-family: 'Inter', sans-serif;
    font-size: 1rem;
    font-weight: 500;
    transition: all 0.3s ease-in-out
}

main #search-widget form>ul>li label input[name="_sf_search[]"]::-ms-input-placeholder {
    color: var(--text-blue-2);
    opacity: 1
}

main #search-widget form>ul>li label input[name="_sf_search[]"]::placeholder {
    color: var(--text-blue-2);
    opacity: 1
}

main #search-widget form>ul>li label input[name="_sf_search[]"]:hover {
    border-color: var(--line-3-hover);
    box-shadow: var(--box-shadow-hover-4)
}

main #search-widget form>ul>li label input[name="_sf_search[]"]:focus {
    border-color: var(--line-3-hover);
    box-shadow: var(--box-shadow-hover-4)
}

#search-widget.mobile :is(main #search-widget form>ul>li).pengalaman-btn {
    padding: 1.7px 8px
}

main #search-widget form>ul>li.pengalaman-btn {
    border-radius: var(--bd-rd-sm);
    border: 1px solid var(--line-4);
    background: var(--surface-white-1);
    box-shadow: 0 0 0 1px transparent, var(--inner-shadow-3);
    cursor: pointer;
    color: var(--text-blue-2);
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 0 11px;
    font-family: 'Inter', sans-serif;
    font-size: .789rem;
    font-weight: 500;
    transition: all 0.3s ease-in-out;
    display: flex
}

main #search-widget form>ul>li.pengalaman-btn:hover {
    border-color: var(--line-3-hover);
    box-shadow: var(--box-shadow-hover-4)
}

main #search-widget form>ul>li.pengalaman-btn.active {
    border-color: var(--line-3-hover);
    box-shadow: var(--box-shadow-hover-4)
}

main #search-widget form>ul>li.pengalaman-btn i {
    background: var(--surface-gray-9);
    width: 11px;
    height: 11px;
    -webkit-mask-image: url(assets/custom/img/v2/check.svg);
    mask-image: url(assets/custom/img/v2/check.svg)
}

main #search-widget form>ul>li.pengalaman-btn i.active {
    background: var(--surface-blue-2)
}

#search-widget.mobile :is(main #search-widget form>ul>li).sf-field-taxonomy-pengalaman-kerja {
    top: 122%;
    right: 3%
}

main #search-widget form>ul>li.sf-field-taxonomy-pengalaman-kerja {
    background: var(--surface-white-1);
    box-shadow: var(--box-shadow);
    z-index: 2;
    display: none;
    position: absolute;
    top: 110%;
    overflow: hidden;
    border-radius: var(--bd-rd-sm) !important
}

main #search-widget form>ul>li.sf-field-taxonomy-pengalaman-kerja.active {
    display: block
}

main #search-widget form>ul>li.sf-field-taxonomy-pengalaman-kerja ul {
    flex-direction: column;
    gap: 8px;
    padding: 15px;
    display: flex
}

main #search-widget form>ul>li.sf-field-taxonomy-pengalaman-kerja ul li {
    align-items: baseline;
    padding: 0;
    display: flex
}

main #search-widget form>ul>li input[type="submit"] {
    border-radius: var(--bd-rd-sm);
    background: url(assets/custom/img/v2/search.svg) no-repeat var(--surface-blue-2);
    width: 100%;
    color: var(--text-white-1);
    cursor: pointer;
    background-position: 41px;
    background-size: 17px;
    padding: 3px 0 3px 16px;
    font-family: 'Inter', sans-serif;
    font-size: .894rem
}

#search-widget.mobile :is(main #search-widget form>ul>li input[type="submit"]) {
    background-position: 50%;
    background-size: 12px;
    width: 29px;
    height: 29px;
    padding: 0
}

main #search-widget #slide-up {
    background: url(assets/custom/img/v2/slide-up.svg) 0 0 / contain no-repeat;
    width: 25px;
    height: 18.6px;
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%)
}

footer {
    border-top: 1px solid var(--line-2);
    flex-flow: wrap;
    justify-content: center;
    width: 100vw;
    padding: 24px 0 20px;
    display: flex
}

@media (max-width:768px) {
    footer {
        padding: 20.5px 0 15px;
        margin-bottom: 2rem
    }
    .tax-perusahaan :is(footer) {
        display: none
    }
    .single-lowongan :is(footer) {
        display: none
    }
    .page-template-page-form :is(footer) {
        display: none
    }
}

footer .inner {
    flex-flow: wrap;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

@media (max-width:768px) {
    footer .inner {
        width: var(--container-width-m);
        align-items: center;
        justify-content: unset;
        flex-flow: column wrap;
        gap: 6px
    }
}

footer .inner .heading {
    color: var(--text-gray-6);
    margin: 3px 0 15px;
    font-weight: 600
}

@media (max-width:768px) {
    footer .inner .heading {
        margin: 3px 0 8px
    }
}

@media (max-width:768px) {
    footer .inner .left {
        text-align: center
    }
}

footer .inner .left a .footer-logo {
    height: fit-content;
    margin-bottom: 2px
}

footer .inner .left a .footer-logo-jogja {
    width: 218px
}

@media (max-width:768px) {
    footer .inner .left a .footer-logo-jogja {
        width: 185px
    }
}

footer .inner .left a .footer-logo-jakarta {
    width: 201px
}

footer .inner .left a .footer-logo-semarang {
    width: 241.5px;
    margin-bottom: 14px
}

footer .inner .left a .footer-logo-bandung {
    width: 180px;
    margin-bottom: 8px
}

footer .inner .left ul.footer-menu {
    font-size: var(--reg-sm-2);
    flex-flow: wrap;
    gap: 21px;
    margin: 0;
    list-style: none;
    display: flex;
    margin-bottom: 1rem
}

footer .inner .left ul.footer-menu li a {
    color: var(--text-gray-6)
}

footer .inner .network-container {
    text-align: center;
    position: relative;
    top: -4px
}

footer .inner .network-container .network {
    flex-flow: wrap;
    justify-content: center;
    gap: 15px;
    display: flex
}

@media (max-width:768px) {
    footer .inner .network-container .network {
        gap: 10px
    }
    footer .inner .left ul.footer-menu li a {
        list-style: none;
        display: flex;
        flex-direction: row;
        align-content: center;
        justify-content: center
    }
    footer .inner .network-container .network a img {
        width: 25px;
        height: 25px
    }
}

.home :is(footer .inner .network-container .network a).threads {
    display: none
}

footer .inner .network-container .social {
    flex-flow: wrap;
    justify-content: center;
    gap: 15px;
    display: flex
}

@media (max-width:768px) {
    footer .inner .network-container .social {
        gap: 10px
    }
}

@media (max-width:768px) {
    footer .inner .network-container .social a img {
        width: 25px;
        height: 25px
    }
}

.home :is(footer .inner .network-container .social a).threads {
    display: none
}

footer .inner .social-container {
    text-align: center;
    position: relative;
    top: -4px
}

footer .inner .social-container .network {
    flex-flow: wrap;
    justify-content: center;
    gap: 15px;
    display: flex
}

@media (max-width:768px) {
    footer .inner .social-container .network {
        gap: 10px
    }
}

@media (max-width:768px) {
    footer .inner .social-container .network a img {
        width: 25px;
        height: 25px
    }
}

.home :is(footer .inner .social-container .network a).threads {
    display: none
}

footer .inner .social-container .social {
    flex-flow: wrap;
    justify-content: center;
    gap: 15px;
    display: flex
}

@media (max-width:768px) {
    footer .inner .social-container .social {
        gap: 10px
    }
}

footer .inner .social-container .social a img {
    width: 30px;
    width: 30px
}

@media (max-width:768px) {
    footer .inner .social-container .social a img {
        width: 25px;
        height: 25px
    }
}

.home :is(footer .inner .social-container .social a).threads {
    display: none
}

footer .inner .copyright {
    width: 100%;
    font-size: var(--reg-sm-2);
    color: var(--text-gray-7);
    margin-top: -4px
}

@media (max-width:768px) {
    footer .inner .copyright {
        text-align: center;
        width: 229px;
        margin-top: 1rem
    }
}

ol,
ul {
    padding-left: 0px !important
}

.editor-content a {
    text-decoration: none !important
}

#menu-menu-atas {
    margin-top: 5px !important
}

#menu-menu-home a img {
    width: 24px !important;
    height: 24px !important
}

#menu-menu-atas a img {
    width: 24px;
    height: 24px !important
}

#menu-menu-atas-1 a img {
    width: 24px;
    height: 24px !important
}

#menu-menu-atas-1 a img {
    width: 24px;
    height: 24px !important
}

#menu-footer a img {
    width: 24px;
    height: 24px !important
}

.height40 {
    min-height: 40px !important
}

.head--v1 .head__inner {
    padding: 0px !important;
    border-bottom: 1px solid #eee;
    box-shadow: 0 2px 8px rgb(0 0 0 / .08)
}

.single-detail__content {
    padding: 0px !important
}

.tag {
    background: #ffffff !important
}

.editor-content {
    margin: 3.5em 0
}

.categories-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 20px;
    margin-top: 30px
}

.category-box {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgb(0 0 0 / .1)
}

.category-box:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgb(0 0 0 / .15);
    border-color: #2563eb
}

.category-box a {
    text-decoration: none;
    color: inherit;
    display: block
}

.category-icon {
    margin-bottom: 15px
}

.category-icon img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover
}

.category-icon span {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto
}

.category-labels h4 {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 5px 0;
    color: #1f2937
}

.category-labels p {
    font-size: 14px;
    color: #6b7280;
    margin: 0
}

.no-categories {
    grid-column: 1 / -1;
    text-align: center;
    padding: 40px;
    color: #6b7280
}

@media (max-width:768px) {
    .categories-grid {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        gap: 15px;
        margin-top: 20px
    }
    .category-box {
        padding: 15px
    }
    .category-icon img,
    .category-icon span {
        width: 40px;
        height: 40px;
        font-size: 16px
    }
    .category-labels h4 {
        font-size: 14px
    }
    .category-labels p {
        font-size: 12px
    }
}

@media (max-width:480px) {
    .categories-grid {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
        gap: 10px
    }
    .category-box {
        padding: 12px
    }
}

.categories-horizontal-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin: 2rem 0;
    overflow-x: auto;
    padding-bottom: .5rem;
    color: #fff !important
}

.category-tab {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 7px;
    background: linear-gradient(135deg, rgb(29 29 29 / .698) 0%, rgb(108 117 125 / .8) 100%);
    color: #fff;
    border: none;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    text-align: left;
    min-width: 150px;
    max-width: 150px;
    height: 80px;
    transition: all 0.3s ease;
    position: relative
}

.category-tab .tab-content {
    text-align: left !important;
    align-items: flex-start !important
}

.category-tab:nth-child(2) {
    background: linear-gradient(135deg, rgb(29 29 29 / .698) 0%, rgb(139 69 19 / .8) 100%)
}

.category-tab:nth-child(3) {
    background: linear-gradient(135deg, rgb(29 29 29 / .698) 0%, rgb(139 69 19 / .8) 100%)
}

.category-tab:nth-child(4) {
    background: linear-gradient(135deg, rgb(29 29 29 / .698) 0%, rgb(75 0 130 / .8) 100%)
}

.category-tab:nth-child(5) {
    background: linear-gradient(135deg, rgb(29 29 29 / .698) 0%, rgb(75 0 130 / .8) 100%)
}

.category-tab:nth-child(6) {
    background: linear-gradient(135deg, rgb(29 29 29 / .698) 0%, rgb(0 128 128 / .8) 100%)
}

.category-tab:nth-child(7) {
    background: linear-gradient(135deg, rgb(29 29 29 / .698) 0%, rgb(75 0 130 / .8) 100%)
}

.category-tab:nth-child(8) {
    background: linear-gradient(135deg, rgb(29 29 29 / .698) 0%, rgb(75 0 130 / .8) 100%)
}

.category-tab:nth-child(9) {
    background: linear-gradient(135deg, rgb(29 29 29 / .698) 0%, rgb(75 0 130 / .8) 100%)
}

.category-tab:nth-child(10) {
    background: linear-gradient(135deg, rgb(29 29 29 / .698) 0%, rgb(139 69 19 / .8) 100%)
}

.category-tab:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgb(0 0 0 / .15);
    text-decoration: none;
    color: #fff
}

.category-tab:nth-child(2):hover,
.category-tab:nth-child(3):hover,
.category-tab:nth-child(10):hover {
    background: linear-gradient(135deg, rgb(29 29 29 / .8) 0%, rgb(160 82 45 / .9) 100%)
}

.category-tab:nth-child(4):hover,
.category-tab:nth-child(5):hover,
.category-tab:nth-child(7):hover,
.category-tab:nth-child(8):hover,
.category-tab:nth-child(9):hover {
    background: linear-gradient(135deg, rgb(29 29 29 / .8) 0%, rgb(102 51 153 / .9) 100%)
}

.category-tab:nth-child(6):hover {
    background: linear-gradient(135deg, rgb(29 29 29 / .8) 0%, rgb(0 102 102 / .9) 100%)
}

.category-tab.active {
    background: linear-gradient(135deg, rgb(29 29 29 / .8) 0%, rgb(139 92 246 / .9) 100%);
    box-shadow: 0 4px 12px rgb(139 92 246 / .3)
}

.category-tab.active .tab-indicator {
    position: absolute;
    top: -2px;
    left: 50%;
    transform: translateX(-50%);
    width: 20px;
    height: 3px;
    background: #fff;
    border-radius: 2px
}

.tab-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px
}

.tab-line-1 {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    text-align: left !important;
    color: #fff !important;
    min-height: 2.5rem
}

.tab-line-2 {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    opacity: .9;
    text-align: left !important;
    color: #fff !important;
    border-bottom: 1px solid #fff
}

@media (max-width:768px) {
    .categories-horizontal-tabs {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: .3rem
    }
    .category-tab {
        min-width: 100px;
        min-height: 50px;
        padding: 10px 12px
    }
    .tab-line-1 {
        font-size: 11px;
        min-height: 2.8rem
    }
    .tab-line-2 {
        font-size: 9px
    }
}

.single-post .categories-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 5px;
    margin-top: 20px !important
}

.single-post .category-box {
    background: #fff;
    border: 1px solid #e5e5e5;
    padding: 12px 10px;
    text-align: center;
    border-radius: 5px;
    transition: 0.3s
}

.single-post .category-box:hover {
    box-shadow: 0 2px 10px rgb(0 0 0 / .1)
}

.single-post .category-icon img,
.single-post .category-icon span {
    font-size: 30px;
    width: 32px;
    height: 32px;
    margin-bottom: 10px;
    display: inline-block
}

.single-post .category-labels h4 {
    font-size: 16px;
    margin: 0;
    font-weight: 600;
    text-decoration: none
}

.single-post .category-labels p {
    margin: 4px 0 0;
    font-size: 13px;
    color: #666
}

.hero__text h2,
.hero__text h1,
.hero__text h3 {
    min-width: 100%;
    max-width: 100%;
    text-align: left !important;
    font-size: 1.2rem
}

.hero__text div,
.hero__text p {
    min-width: 100%;
    max-width: 100%
}

.hero__text {
    padding: 4rem 0 0 0 !important;
    border: none
}

.hero__text div,
.hero__text p {
    margin: 0 auto
}

@media (max-width:768px) {
    .head__row {
        height: auto;
        margin: 5px 0px
    }
}

.head__nav .nav__desktop>ul>li>a:after {
    background: #fff
}

.head__nav .nav__desktop>ul>li>a:hover:after {
    background: #fff
}

.head__nav .nav__desktop>ul>li.current-menu-item>a,
.head__nav .nav__desktop>ul>li:hover>a {
    background: #fff !important
}

.header__side .header__side--inner {
    padding: 10px
}

body {
    font-family: 'Inter', sans-serif !important
}

.job-card {
    background: #fff;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    padding: 10px;
    height: 100%;
    box-shadow: 0 1px 3px rgb(0 0 0 / .1);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    display: flex;
    flex-direction: column;
    position: relative
}

.job-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgb(0 0 0 / .15)
}

.job-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 16px
}

.job-info {
    display: flex;
    gap: 12px;
    flex: 1
}

.company-logo {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ff6b6b, #ffa500);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden
}

.company-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%
}

.logo-initial {
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase
}

.job-details h3.company-name {
    margin: 0 4px 4px 0;
    font-size: 14px;
    font-weight: 500
}

.job-details h3.company-name a {
    color: #460E8D;
    text-decoration: none
}

.job-details h3.company-name a:hover {
    text-decoration: underline
}

.job-title {
    color: #111827;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 6px;
    line-height: 1.3
}

.job-title a {
    color: #111827
}

.location {
    color: #6b7280;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 4px
}

.location-icon {
    font-size: 12px;
    content: " ";
    background: url(assets/custom/img/v2/lokasi.svg) 50% / contain no-repeat;
    width: 15px;
    height: 18px;
    margin-right: 3px;
    display: inline-block;
    position: relative
}

.heart-icon {
    cursor: pointer;
    padding: 8px;
    border-radius: 50%;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 35px;
    min-height: 35px;
    background: #eee;
    border: 1px solid #e0e0e0;
    position: relative;
    z-index: 10
}

.heart-icon:hover {
    background: rgb(255 255 255);
    border-color: #d0d0d0;
    transform: scale(1.05);
    box-shadow: 0 2px 8px rgb(0 0 0 / .1)
}

.heart-icon svg {
    width: 20px;
    height: 20px;
    color: #666;
    transition: all 0.3s ease
}

.heart-icon:hover svg {
    color: #555
}

.heart-icon.favorited {
    background: rgb(231 76 60 / .1);
    border-color: #e74c3c
}

.heart-icon.favorited svg {
    color: #e74c3c;
    fill: #e74c3c
}

.heart-icon.favorited:hover {
    background: rgb(231 76 60 / .15);
    border-color: #c0392b;
    transform: scale(1.05);
    box-shadow: 0 2px 8px rgb(231 76 60 / .2)
}

.heart-icon:active {
    transform: scale(.95)
}

.heart-icon:focus {
    outline: 2px solid #3498db;
    outline-offset: 2px
}

.heart-icon.delete-icon {
    background: rgb(220 53 69 / .1);
    border-color: #dc3545
}

.heart-icon.delete-icon svg {
    color: #dc3545
}

.heart-icon.delete-icon:hover {
    background: rgb(220 53 69 / .2);
    border-color: #c82333;
    transform: scale(1.05);
    box-shadow: 0 2px 8px rgb(220 53 69 / .2)
}

.heart-icon.delete-icon:hover svg {
    color: #c82333
}

.bookmark-message {
    position: fixed;
    top: 20px;
    right: 20px;
    padding: 12px 20px;
    border-radius: 6px;
    color: #fff;
    font-weight: 500;
    z-index: 9999;
    animation: slideInRight 0.3s ease-out;
    max-width: 300px;
    word-wrap: break-word;
    box-shadow: 0 4px 12px rgb(0 0 0 / .15)
}

.bookmark-message-success {
    background-color: #28a745
}

.bookmark-message-info {
    background-color: #17a2b8
}

@keyframes slideInRight {
    from {
        transform: translateX(100%);
        opacity: 0
    }
    to {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes slideOutRight {
    from {
        transform: translateX(0);
        opacity: 1
    }
    to {
        transform: translateX(100%);
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform: scale(.9)
    }
}

.tags-container {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 10px
}

.tagsku {
    background: rgb(244 244 244 / .5);
    border: 1px solid #460E8D;
    color: #460E8D;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap
}

.tagsku.highlight {
    background: #fef3c7;
    color: #000
}

.tagsku.kategoriku {
    background: #ffd877;
    color: #000
}

.highlight-butuh-cepat {
    background-color: #ef4444 !important;
    color: #fff;
    border: none
}

.highlight-dibutuhkan {
    background-color: #460E8D !important;
    color: #fff;
    border: none
}

.footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
    border-top: 1px solid #f3f4f6
}

.job-card .footer {
    margin-top: auto;
    border-top: 1px solid #e9ecef;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.salary-info {
    color: #374151;
    font-size: 12px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 6px
}

.salary-icon {
    font-size: 13px;
    content: "Rp. ";
    background: url(assets/custom/img/v2/gaji.svg) 50% / contain no-repeat;
    width: 19px;
    height: 15px;
    margin-right: 0;
    display: inline-block;
    position: relative
}

.time-posted {
    color: #000;
    font-size: 12px;
    font-weight: 500
}

.time-posted:before {
    content: " ";
    background: url(assets/custom/img/v2/waktu.svg) 50% / contain no-repeat;
    width: 15px;
    height: 15px;
    margin-right: 7px;
    display: inline-block;
    position: relative;
    top: 2.7px
}

.time-posted2 {
    color: #f59e0b;
    font-size: 12px;
    font-weight: 500
}

@media (max-width:768px) {
    .job-card {
        padding: 10px
    }
    .job-title {
        font-size: 15px
    }
    .tags-container {
        gap: 4px
    }
    .tagsku {
        font-size: 11px;
        padding: 3px 6px
    }
}

.categories-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 20px;
    margin-top: 30px
}

.category-box {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgb(0 0 0 / .1)
}

.category-box:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgb(0 0 0 / .15);
    border-color: #2563eb
}

.category-box a {
    text-decoration: none;
    color: inherit;
    display: block
}

.category-icon {
    margin-bottom: 15px
}

.category-icon img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover
}

.category-icon span {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto
}

.category-labels h4 {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 5px 0;
    color: #1f2937
}

.category-labels p {
    font-size: 14px;
    color: #6b7280;
    margin: 0
}

.no-categories {
    grid-column: 1 / -1;
    text-align: center;
    padding: 40px;
    color: #6b7280
}

@media (max-width:768px) {
    .categories-grid {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        gap: 15px;
        margin-top: 20px
    }
    .category-box {
        padding: 15px
    }
    .category-icon img,
    .category-icon span {
        width: 40px;
        height: 40px;
        font-size: 16px
    }
    .category-labels h4 {
        font-size: 14px
    }
    .category-labels p {
        font-size: 12px
    }
}

@media (max-width:480px) {
    .categories-grid {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
        gap: 10px
    }
    .category-box {
        padding: 12px
    }
}

.about-content {
    max-width: 800px;
    margin: 0 auto
}

.about-section {
    margin-bottom: 40px
}

.about-section h2 {
    color: #1f2937;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px;
    border-bottom: 2px solid #2563eb;
    padding-bottom: 10px
}

.about-section p {
    color: #4b5563;
    line-height: 1.6;
    margin-bottom: 15px
}

.about-section ul {
    color: #4b5563;
    line-height: 1.6;
    padding-left: 20px
}

.about-section ul li {
    margin-bottom: 8px
}

.contact-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    max-width: 1200px;
    margin: 0 auto
}

.contact-info h2,
.contact-form h2 {
    color: #1f2937;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 25px;
    border-bottom: 2px solid #2563eb;
    padding-bottom: 10px
}

.contact-item {
    margin-bottom: 25px
}

.contact-item h3 {
    color: #1f2937;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px
}

.contact-item p {
    color: #4b5563;
    line-height: 1.6
}

.contact-item a {
    color: #2563eb;
    text-decoration: none
}

.contact-item a:hover {
    text-decoration: underline
}

.contact-form-wrapper {
    background: #f9fafb;
    padding: 30px;
    border-radius: 8px;
    border: 1px solid #e5e7eb
}

.form-group {
    margin-bottom: 20px
}

.form-group label {
    display: block;
    color: #1f2937;
    font-weight: 500;
    margin-bottom: 8px
}

.form-group input,
.form-group textarea,
.form-group select {
    width: 100%;
    padding: 12px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 14px;
    transition: border-color 0.3s ease
}

.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus {
    outline: none;
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgb(37 99 235 / .1)
}

.submit-btn {
    background: #2563eb;
    color: #fff;
    padding: 12px 24px;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.3s ease
}

.submit-btn:hover {
    background: #1d4ed8
}

.privacy-content,
.disclaimer-content,
.tos-content {
    max-width: 800px;
    margin: 0 auto
}

.privacy-section,
.disclaimer-section,
.tos-section {
    margin-bottom: 40px
}

.privacy-section h2,
.disclaimer-section h2,
.tos-section h2 {
    color: #1f2937;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px;
    border-bottom: 2px solid #2563eb;
    padding-bottom: 10px
}

.privacy-section p,
.disclaimer-section p,
.tos-section p {
    color: #4b5563;
    line-height: 1.6;
    margin-bottom: 15px
}

.privacy-section ul,
.disclaimer-section ul,
.tos-section ul {
    color: #4b5563;
    line-height: 1.6;
    padding-left: 20px
}

.privacy-section ul li,
.disclaimer-section ul li,
.tos-section ul li {
    margin-bottom: 8px
}

.privacy-section a,
.disclaimer-section a,
.tos-section a {
    color: #2563eb;
    text-decoration: none
}

.privacy-section a:hover,
.disclaimer-section a:hover,
.tos-section a:hover {
    text-decoration: underline
}

.advertise-content {
    max-width: 1200px;
    margin: 0 auto
}

.advertise-section {
    margin-bottom: 50px
}

.advertise-section h2 {
    color: #1f2937;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 30px;
    text-align: center;
    border-bottom: 2px solid #2563eb;
    padding-bottom: 15px
}

.benefits-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 25px;
    margin-top: 30px
}

.benefit-item {
    background: #f9fafb;
    padding: 25px;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease
}

.benefit-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgb(0 0 0 / .1)
}

.benefit-item h3 {
    color: #1f2937;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px
}

.benefit-item p {
    color: #6b7280;
    line-height: 1.6
}

.packages-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-top: 30px
}

.package-item {
    background: #fff;
    border: 2px solid #e5e7eb;
    border-radius: 12px;
    padding: 30px;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative
}

.package-item.featured {
    border-color: #2563eb;
    transform: scale(1.05);
    box-shadow: 0 8px 25px rgb(37 99 235 / .15)
}

.package-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgb(0 0 0 / .1)
}

.package-item.featured:hover {
    transform: scale(1.05) translateY(-5px)
}

.package-item h3 {
    color: #1f2937;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px
}

.price {
    color: #2563eb;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 5px
}

.duration {
    color: #6b7280;
    font-size: 14px;
    margin-bottom: 20px
}

.package-item ul {
    list-style: none;
    padding: 0;
    margin-bottom: 25px
}

.package-item ul li {
    color: #4b5563;
    padding: 8px 0;
    border-bottom: 1px solid #f3f4f6
}

.package-item ul li:last-child {
    border-bottom: none
}

.package-btn {
    display: inline-block;
    background: #2563eb;
    color: #fff;
    padding: 12px 24px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
    transition: background-color 0.3s ease
}

.package-btn:hover {
    background: #1d4ed8;
    color: #fff
}

.features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
    margin-top: 30px
}

.feature-item {
    background: #f9fafb;
    padding: 25px;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    transition: transform 0.3s ease, box-shadow 0.3s ease
}

.feature-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgb(0 0 0 / .1)
}

.feature-item h3 {
    color: #1f2937;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px
}

.feature-item p {
    color: #6b7280;
    line-height: 1.6
}

.advertise-form {
    background: #f9fafb;
    padding: 30px;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    max-width: 800px;
    margin: 0 auto
}

.form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px
}

.contact-info {
    background: #f9fafb;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #e5e7eb
}

.contact-info p {
    margin-bottom: 10px
}

.contact-info a {
    color: #2563eb;
    text-decoration: none
}

.contact-info a:hover {
    text-decoration: underline
}

@media (max-width:768px) {
    .contact-content {
        grid-template-columns: 1fr;
        gap: 30px
    }
    .benefits-grid,
    .packages-grid,
    .features-grid {
        grid-template-columns: 1fr
    }
    .package-item.featured {
        transform: none
    }
    .package-item.featured:hover {
        transform: translateY(-5px)
    }
    .form-row {
        grid-template-columns: 1fr
    }
    .advertise-section h2 {
        font-size: 24px
    }
    .price {
        font-size: 28px
    }
}

@media (max-width:480px) {
    .about-section h2,
    .contact-info h2,
    .contact-form h2,
    .privacy-section h2,
    .disclaimer-section h2,
    .tos-section h2,
    .advertise-section h2 {
        font-size: 20px
    }
    .benefit-item,
    .package-item,
    .feature-item {
        padding: 20px
    }
    .advertise-form {
        padding: 20px
    }
}

.locations-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 20px;
    margin-top: 30px
}

.location-buttons-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 20px;
    justify-content: flex-start;
    margin-top: 1rem !important
}

.location-button {
    background: rgb(108 117 125 / 80%);
    color: #fff;
    padding: 10px 16px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
    border: none;
    display: inline-block;
    white-space: nowrap
}

.location-button:hover {
    background: linear-gradient(135deg, rgb(29 29 29 / .698) 0%, rgb(75 0 130 / .8) 100%);
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgb(0 0 0 / .15);
    text-decoration: none
}

.location-box {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgb(0 0 0 / .1)
}

.location-box:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgb(0 0 0 / .15);
    border-color: #2563eb
}

.location-box a {
    text-decoration: none;
    color: inherit;
    display: block
}

.location-icon img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover
}

.location-icon span {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto
}

.location-labels h4 {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 5px 0;
    color: #1f2937
}

.location-labels p {
    font-size: 14px;
    color: #6b7280;
    margin: 0
}

.no-locations {
    grid-column: 1 / -1;
    text-align: center;
    padding: 40px;
    color: #6b7280
}

@media (max-width:768px) {
    .locations-grid {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        gap: 15px;
        margin-top: 20px
    }
    .location-buttons-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 5px;
        margin-top: 20px;
        justify-content: center;
        margin-top: 1rem !important
    }
    .location-button {
        padding: 10px;
        font-size: .76rem
    }
    .location-box {
        padding: 10px
    }
    .location-icon img,
    .location-icon span {
        width: 40px;
        height: 40px;
        font-size: 16px
    }
    .location-labels h4 {
        font-size: 14px
    }
    .location-labels p {
        font-size: 12px
    }
    footer .inner .left ul.footer-menu {
        font-size: var(--reg-sm-2);
        flex-flow: wrap;
        gap: 15px;
        margin: 0 1em;
        list-style: none;
        display: flex;
        margin-bottom: 1rem;
        justify-content: center
    }
}

@media (max-width:480px) {
    .locations-grid {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
        gap: 10px
    }
    .location-box {
        padding: 8px
    }
}

.taxonomy-lokasi .area-category {
    padding: 20px 0
}

.taxonomy-lokasi .archive__inner {
    max-width: 100%
}

.taxonomy-lokasi .row.bor-col-d {
    margin: 0
}

.taxonomy-lokasi .col-12.col-md-6.col-lg-4 {
    padding: 0 10px
}

.taxonomy-lokasi .job-card {
    height: 100%;
    margin-bottom: 20px
}

@media (max-width:768px) {
    .taxonomy-lokasi .col-12.col-md-6.col-lg-4 {
        padding: 0 5px
    }
    .taxonomy-lokasi .job-card {
        margin-bottom: 15px
    }
    .breadcrumbs-singleku {
        padding-left: 10px !important
    }
    .head__sologan img {
        width: 140px !important
    }
}

@media (max-width:480px) {
    .taxonomy-lokasi .col-12.col-md-6.col-lg-4 {
        padding: 0 2px
    }
    .taxonomy-lokasi .job-card {
        margin-bottom: 10px
    }
}

#marlina-mt1 {
    margin-top: 1rem !important
}

.py-sm-5 {
    padding: 0rem 0rem !important
}

.pagination {
    .lamar-popup {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgb(0 0 0 / .5);
        z-index: 9999;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease
    }
    .lamar-popup.active {
        opacity: 1;
        visibility: visible
    }
    .lamar-popup-content {
        background: #fff;
        border-radius: 12px;
        box-shadow: 0 10px 30px rgb(0 0 0 / .3);
        max-width: 400px;
        width: 90%;
        max-height: 80vh;
        overflow: hidden;
        transform: scale(.7);
        transition: transform 0.3s ease
    }
    .lamar-popup.active .lamar-popup-content {
        transform: scale(1)
    }
    .lamar-popup-header {
        background: #2563eb;
        color: #fff;
        padding: 20px;
        display: flex;
        justify-content: space-between;
        align-items: center
    }
    .lamar-popup-header h3 {
        margin: 0;
        font-size: 18px;
        font-weight: 600
    }
    .lamar-popup-close {
        background: none;
        border: none;
        color: #fff;
        font-size: 24px;
        cursor: pointer;
        padding: 0;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        transition: background 0.3s ease
    }
    .lamar-popup-close:hover {
        background: rgb(255 255 255 / .2)
    }
    .lamar-popup-body {
        padding: 20px
    }
    .lamar-popup-body p {
        margin: 0 0 20px 0;
        color: #666;
        font-size: 14px;
        line-height: 1.5
    }
    .lamar-options {
        display: flex;
        flex-direction: column;
        gap: 12px
    }
    .lamar-option {
        display: flex;
        align-items: center;
        padding: 15px;
        border: 2px solid #e5e7eb;
        border-radius: 8px;
        background: #fff;
        cursor: pointer;
        transition: all 0.3s ease;
        text-decoration: none;
        color: inherit
    }
    .lamar-option:hover {
        border-color: #2563eb;
        background: #f8fafc;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgb(37 99 235 / .15)
    }
    .lamar-option-icon {
        width: 24px;
        height: 24px;
        margin-right: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 6px;
        font-size: 14px
    }
    .lamar-option-icon.email {
        background: #dc2626;
        color: #fff
    }
    .lamar-option-icon.url {
        background: #059669;
        color: #fff
    }
    .lamar-option-icon.telpon {
        background: #2563eb;
        color: #fff
    }
    .lamar-option-text {
        font-weight: 500;
        font-size: 14px;
        color: #374151
    }
    @media (max-width:768px) {
        .lamar-popup-content {
            width: 95%;
            margin: 20px
        }
        .lamar-popup-header {
            padding: 15px
        }
        .lamar-popup-header h3 {
            font-size: 16px
        }
        .lamar-popup-body {
            padding: 15px
        }
        .lamar-option {
            padding: 12px
        }
        .lamar-option-icon {
            width: 20px;
            height: 20px;
            margin-right: 10px;
            font-size: 12px
        }
        .lamar-option-text {
            font-size: 13px
        }
    }
    margin:1rem 0rem !important
}

.head__nav .nav__desktop>ul>li>ul>li>a {
    text-transform: capitalize
}

#post-latest {
    margin-top: 1rem !important
}

.breadcrumb-option {
    display: block !important
}

.marlina-loker-hero {
    margin: 0 0 10px !important
}

.marlina-loker-hero h1 {
    color: #ffffff !important
}

.marlina-loker-hero .inner .text-block p {
    color: #ffffff !important
}

main #hero .inner .text-block h1 {
    color: #ffffff !important
}

.nav__mobile ul>li ul {
    padding: 0 0 0 15px !important
}

.load-more-container {
    text-align: center;
    margin: 2rem 0;
    padding: 0 0 1rem 0
}

.load-more-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 18px;
    background: linear-gradient(135deg, rgb(29 29 29 / .8) 0%, rgb(139 92 246 / .9) 100%);
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgb(0 124 186 / .3);
    min-width: 200px
}

.load-more-btn:hover {
    background: linear-gradient(135deg, rgb(29 29 29 / .698) 0%, rgb(75 0 130 / .8) 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgb(0 124 186 / .4);
    color: #fff;
    text-decoration: none
}

.load-more-btn:active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgb(0 124 186 / .3)
}

.load-more-btn:disabled {
    background: #ccc;
    cursor: not-allowed;
    transform: none;
    box-shadow: none
}

.load-more-btn.no-more-posts {
    background: linear-gradient(135deg, rgb(29 29 29 / .698) 0%, rgb(75 0 130 / .8) 100%);
    cursor: default
}

.load-more-btn.touch-friendly {
    min-height: 40px !important;
    height: 40px !important;
    padding: 10px 10px !important;
    font-size: 14px !important
}

.load-more-btn i.fa-spinner {
    margin-right: 8px;
    animation: spin 1s linear infinite
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.post-counter {
    display: block;
    text-align: left;
    margin: 0rem 0rem 1rem 0rem;
    color: #666;
    font-size: 14px;
    font-weight: 500
}

.load-more-error {
    background: #f8d7da;
    color: #721c24;
    padding: 12px 16px;
    border-radius: 6px;
    margin: 1rem 0;
    border: 1px solid #f5c6cb;
    text-align: center
}

.load-more-error p {
    margin: 0;
    font-size: 14px
}

.posts-container {
    transition: all 0.3s ease
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@media (max-width:768px) {
    .load-more-btn {
        width: 100%;
        max-width: 300px;
        min-height: 52px;
        font-size: 16px
    }
    .load-more-btn.touch-friendly {
        min-height: 60px;
        font-size: 18px
    }
    .post-counter {
        font-size: 13px;
        margin: .5rem 0
    }
}

@media (max-width:480px) {
    .load-more-container {
        margin: 1.5rem 0;
        padding: .5rem
    }
    .load-more-btn {
        min-height: 48px;
        font-size: 15px;
        padding: 10px 20px
    }
}

.pagination-wrapper,
.pagination,
.navigation,
.nav-links,
.page-numbers,
.pagination .page-numbers,
.pagination .prev,
.pagination .next,
.pagination .dots,
.pagination .current,
.pagination__inner,
.pagination__inner ul,
.pagination__inner li,
.pagination__inner .page-numbers {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important
}

.pagination-container,
.pagination-nav,
.pagination-links,
.pagination-controls {
    display: none !important
}

.load-more-container {
    display: block !important;
    visibility: visible !important;
    margin: 0rem 0 !important;
    text-align: center !important;
    position: relative !important;
    z-index: 999 !important
}

.load-more-btn {
    display: inline-flex !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 1000 !important
}

.load-more-container,
.load-more-btn {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    width: auto !important;
    overflow: visible !important
}

[class*="load-more"],
[class*="more"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    width: auto !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 2 !important
}

#post-latest .load-more-container,
#post-latest .load-more-btn,
section .load-more-container,
section .load-more-btn {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    width: auto !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 9999 !important
}

.load-more-container {
    text-align: center;
    margin: 2rem 0;
    padding: 0 0 1rem 0
}

.load-more-home-section {
    margin: 0rem 0;
    padding: 2rem 0;
    background: #f8f9fa
}

.load-more-home-section .load-more-container {
    margin: 0 auto;
    padding: 0
}

.load-more-btn {
    margin: 0 auto !important
}

#kategori-populer {
    margin: 1rem 0rem !important
}

.job-card .job-title {
    position: relative;
    overflow: hidden
}

.job-card .job-title-link {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4;
    max-height: 2.8em;
    transition: all 0.3s ease;
    word-wrap: break-word
}

.job-card .job-title:hover .job-title-link {
    -webkit-line-clamp: unset;
    max-height: none;
    overflow: visible;
    white-space: normal
}

.job-card .job-title-link:hover::after {
    content: attr(title);
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    background: rgb(0 0 0 / .9);
    color: #fff;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 1.3;
    z-index: 1000;
    white-space: normal;
    word-wrap: break-word;
    box-shadow: 0 2px 8px rgb(0 0 0 / .2);
    margin-bottom: 5px
}

.job-card .job-title-link:hover::before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 5px solid #fff0;
    border-top-color: rgb(0 0 0 / .9);
    z-index: 1001;
    margin-bottom: -5px
}

@media (min-width:768px) {
    .container {
        max-width: 80vw !important;
        margin-right: auto !important;
        margin-left: auto !important
    }
    .head__nav .nav__desktop>ul>li>a {
        padding: 5px 10px 0 0
    }
}

* {
    font-family: 'Inter', sans-serif
}

.adsku {
    max-width: 1024px;
    margin: 10px
}

.adsku-loker-terkait {
    margin: 0 auto;
    text-align: center;
    padding: 10px 0
}

.redirect-count {
    font-style: italic;
    color: var(--yellow-1)
}

.job-title-count {
    font-weight: 600;
    color: #24354b
}

.job-desku {
    padding: .5rem 0rem;
    font-weight: 600
}

.review-section {
    padding: 1rem;
    background: linear-gradient(315deg, rgb(101 0 94) 3%, rgb(60 132 206) 38%, rgb(48 238 226) 68%, rgb(255 25 25) 98%);
    animation: gradient 15s ease infinite;
    background-size: 400% 400%;
    background-attachment: fixed
}

.review-section .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0
}

.review-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: flex-start
}

.review-left {
    text-align: right;
    margin-top: 2rem
}

.review-icon {
    margin-bottom: 30px;
    display: flex;
    justify-content: right;
    align-items: right
}

.review-icon img {
    width: 80px;
    height: 80px;
    transition: all 0.3s ease;
    filter: drop-shadow(0 8px 16px rgb(0 124 186 / .3))
}

.review-icon:hover img {
    transform: scale(1.1) rotate(5deg);
    filter: drop-shadow(0 12px 24px rgb(0 124 186 / .4))
}

.review-heading {
    font-size: 1.8rem;
    font-weight: 700;
    color: #f8f9fa;
    margin-bottom: 20px;
    line-height: 1.2;
    text-align: right
}

.review-heading .highlight {
    color: #FF0;
    position: relative
}

.review-heading .highlight::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #007cba, #0056b3);
    border-radius: 2px
}

.review-subtitle {
    font-size: 1.1rem;
    color: #f8f9fa;
    line-height: 1.6;
    margin: 0 auto;
    text-align: right
}

.review-right {
    position: relative
}

.review-cards-container {
    height: 500px;
    overflow-y: auto;
    scroll-behavior: smooth;
    scrollbar-width: thin;
    scrollbar-color: #007cba #e9ecef;
    border-radius: 1rem
}

.review-cards-container::-webkit-scrollbar {
    width: 8px
}

.review-cards-container::-webkit-scrollbar-track {
    background: #e9ecef;
    border-radius: 10px
}

.review-cards-container::-webkit-scrollbar-thumb {
    background: #007cba;
    border-radius: 10px
}

.review-cards-container::-webkit-scrollbar-thumb:hover {
    background: #0056b3
}

.review-card {
    padding: 15px;
    border-radius: 20px;
    margin-bottom: 1rem;
    box-shadow: 0 10px 30px rgb(0 0 0 / .12);
    transition: all 0.4s ease;
    cursor: pointer;
    border: 2px solid #fff0;
    position: relative;
    max-width: 80%;
    margin-left: 5%
}

.review-card:nth-child(even) {
    margin-left: 5%;
    transform: translateX(15px)
}

.review-card:nth-child(odd) {
    margin-right: 5%;
    transform: translateX(-15px)
}

.review-card:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0 20px 40px rgb(0 0 0 / .2);
    border-color: #007cba;
    z-index: 10
}

.review-card:last-child {
    margin-bottom: 0
}

.review-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgb(0 0 0 / .1)
}

.reviewer-info {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 12px
}

.user-avatar {
    flex-shrink: 0
}

.user-avatar img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 2px 8px rgb(0 0 0 / .1);
    transition: all 0.3s ease
}

.user-avatar:hover img {
    transform: scale(1.1);
    border-color: #007cba;
    box-shadow: 0 4px 12px rgb(0 124 186 / .3)
}

.user-details {
    flex: 1
}

.reviewer-name {
    font-size: .9rem;
    color: #2c3e50;
    font-weight: 700;
    margin-bottom: 3px;
    display: block
}

.company-name {
    font-size: .8rem;
    color: #007cba;
    font-weight: 600;
    display: block
}

.star-rating {
    display: flex;
    gap: 2px;
    align-items: center
}

.star {
    width: 18px;
    height: 18px;
    background: #e90202;
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
    transition: all 0.3s ease
}

.star:hover {
    transform: scale(1.2);
    background: orange
}

.review-content {
    font-size: .8rem;
    color: #2c3e50;
    font-weight: 500;
    line-height: 1.5;
    font-style: italic
}

.review-card:nth-child(1) {
    background-color: #FFE4B5
}

.review-card:nth-child(2) {
    background-color: #E6F3FF
}

.review-card:nth-child(3) {
    background-color: #FFFACD
}

.review-card:nth-child(4) {
    background-color: #F0F8FF
}

.review-card:nth-child(5) {
    background-color: #FFF0F5
}

.review-card:nth-child(6) {
    background-color: beige
}

.review-card:nth-child(7) {
    background-color: #E8F5E8
}

@media (max-width:1024px) {
    .review-layout {
        grid-template-columns: 1fr;
        gap: 40px
    }
    .review-left {
        order: 2
    }
    .review-right {
        order: 1
    }
    .review-heading {
        font-size: 1.75rem
    }
    .review-card:nth-child(even),
    .review-card:nth-child(odd) {
        margin-left: 0;
        margin-right: 0;
        transform: none;
        max-width: 100%
    }
}

@media (max-width:768px) {
    .review-section {
        padding: 0rem
    }
    .review-layout {
        display: block
    }
    .review-heading {
        font-size: 1.6rem
    }
    .review-subtitle {
        font-size: 1rem
    }
    .review-cards-container {
        height: 400px
    }
    .review-card {
        padding: 30px;
        margin-bottom: 15px
    }
    .review-top {
        font-size: .8rem
    }
    .review-left {
        margin: 0rem;
        padding: 2rem 0rem;
        text-align: left !important
    }
    .review-bottom {
        font-size: .9rem
    }
    .review-section .container {
        padding: 0 15px;
        display: block !important
    }
    .review-heading {
        font-size: 1.5rem
    }
    .review-icon img {
        width: 60px;
        height: 60px
    }
    .review-card {
        padding: 30px;
        margin-bottom: 15px
    }
    .review-cards-container {
        height: 350px
    }
    .review-icon {
        justify-content: center
    }
    .review-heading {
        text-align: center
    }
    .review-subtitle {
        text-align: justify
    }
}

@keyframes slideInFromBottom {
    from {
        opacity: 0;
        transform: translateY(30px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes slideInFromLeft {
    from {
        opacity: 0;
        transform: translateX(-50px)
    }
    to {
        opacity: 1;
        transform: translateX(-20px)
    }
}

@keyframes slideInFromRight {
    from {
        opacity: 0;
        transform: translateX(50px)
    }
    to {
        opacity: 1;
        transform: translateX(20px)
    }
}

.review-card:nth-child(odd) {
    animation: slideInFromLeft 0.8s ease forwards
}

.review-card:nth-child(even) {
    animation: slideInFromRight 0.8s ease forwards
}

.review-card:nth-child(1) {
    animation-delay: 0.1s
}

.review-card:nth-child(2) {
    animation-delay: 0.2s
}

.review-card:nth-child(3) {
    animation-delay: 0.3s
}

.review-card:nth-child(4) {
    animation-delay: 0.4s
}

.review-card:nth-child(5) {
    animation-delay: 0.5s
}

.review-card:nth-child(6) {
    animation-delay: 0.6s
}

.review-card:nth-child(7) {
    animation-delay: 0.7s
}

.review-card:hover .review-top {
    color: #007cba
}

.review-card:hover .review-bottom {
    color: #1a252f
}

.review-card:focus {
    outline: 3px solid #007cba;
    outline-offset: 2px
}

.review-image img[loading="lazy"] {
    opacity: 0;
    transition: opacity 0.3s ease
}

.review-image img[loading="lazy"].loaded {
    opacity: 1
}

.cara-melamar-section {
    padding-top: 0rem;
    padding-bottom: .5rem
}

.cara-melamar-section .container {
    max-width: 1200px;
    margin: 0 auto
}



.pasang-iklan-selengkapnya {
    text-align: right
}

.pasang-iklan-selengkapnya a {
    text-decoration: none;
    color: #000;
    font-weight: 400;
    font-style: italic;
    text-decoration: underline
}

@keyframes gradient {
    0% {
        background-position: 0% 0%
    }
    50% {
        background-position: 100% 100%
    }
    100% {
        background-position: 0% 0%
    }
}

.mitra-carousel-section {
    padding: 4rem 0;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    margin-bottom: 2rem
}

.mitra-carousel-section .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px
}

.mitra-header {
    text-align: center;
    margin-bottom: 1.5rem
}

.mitra-header h2 {
    font-size: 2.5rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 1rem;
    line-height: 1.2
}

.mitra-header h2 .highlight {
    color: #007cba;
    position: relative
}

.mitra-header h2 .highlight::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #007cba, #0056b3);
    border-radius: 2px
}

.mitra-header p {
    font-size: .9rem;
    color: #6c757d;
    line-height: 1.6;
    max-width: 800px;
    margin: 0 auto
}

.mitra-carousel {
    overflow: hidden;
    position: relative;
    background: none !important;
    border-radius: 20px;
    padding: 0rem !important;
    box-shadow: none !important
}

.mitra-carousel-body {
    display: flex;
    gap: 2rem;
    transition: transform 0.7s ease;
    animation: scrollCarousel 30s linear infinite;
    width: max-content
}

.mitra-carousel-body:hover {
    animation-play-state: paused
}

.mitra-carousel-slide {
    background: #fff;
    border-radius: 15px;
    padding: 1.5rem;
    flex-shrink: 0;
    width: 178px;
    height: 88px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 15px rgb(0 0 0 / .08);
    transition: all 0.3s ease;
    border: 2px solid #fff0
}

.mitra-carousel-slide:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 25px rgb(0 0 0 / .15);
    border-color: #007cba
}

.mitra-carousel-slide img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
    transition: all 0.3s ease;
    filter: grayscale(100%)
}

.mitra-carousel-slide:hover img {
    filter: grayscale(0%)
}

@keyframes scrollCarousel {
    0% {
        transform: translateX(0)
    }
    100% {
        transform: translateX(-50%)
    }
}

@media (max-width:768px) {
    .mitra-carousel-section {
        padding: 3rem 0
    }
    .mitra-header h2 {
        font-size: 2rem
    }
    .mitra-header p {
        font-size: 1rem
    }
    .mitra-carousel {
        padding: 1.5rem
    }
    .mitra-carousel-slide {
        width: 150px;
        height: 75px;
        padding: 1rem
    }
    .mitra-carousel-body {
        gap: 1.5rem
    }
}

@media (max-width:480px) {
    .mitra-carousel-section .container {
        padding: 0 15px
    }
    .mitra-header h2 {
        font-size: 1.8rem
    }
    .mitra-carousel {
        padding: 1rem
    }
    .mitra-carousel-slide {
        width: 120px;
        height: 60px;
        padding: .8rem
    }
    .mitra-carousel-body {
        gap: 1rem
    }
}

.cara-melamar-section {
    padding-top: 0rem;
    padding-bottom: .5rem
}

.cara-melamar-section .container {
    max-width: 1200px;
    margin: 0 auto
}



.pasang-iklan-selengkapnya {
    text-align: right
}

.pasang-iklan-selengkapnya a {
    text-decoration: none;
    color: #000;
    font-weight: 400;
    font-style: italic;
    text-decoration: underline
}

@keyframes gradient {
    0% {
        background-position: 0% 0%
    }
    50% {
        background-position: 100% 100%
    }
    100% {
        background-position: 0% 0%
    }
}

.mitra-carousel-section {
    padding: 4rem 0;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    margin-bottom: 2rem
}

.mitra-carousel-section .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px
}

.mitra-header {
    text-align: center;
    margin-bottom: 1.5rem
}

.mitra-header h2 {
    font-size: 1.7rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 1rem;
    line-height: 1.2
}

.mitra-header h2 .highlight {
    color: #007cba;
    position: relative
}

.mitra-header h2 .highlight::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #007cba, #0056b3);
    border-radius: 2px
}

.mitra-header p {
    font-size: 1.1rem;
    color: #6c757d;
    line-height: 1.6;
    max-width: 800px;
    margin: 0 auto
}

.mitra-carousel {
    overflow: hidden;
    position: relative;
    background: #fff;
    border-radius: 20px;
    padding: 2rem;
    box-shadow: 0 10px 30px rgb(0 0 0 / .1)
}

.mitra-carousel-body {
    display: flex;
    gap: 2rem;
    transition: transform 0.7s ease;
    animation: scrollCarousel 30s linear infinite;
    width: max-content
}

.mitra-carousel-body:hover {
    animation-play-state: paused
}

.mitra-carousel-slide {
    background: #fff;
    border-radius: 15px;
    padding: 1.5rem;
    flex-shrink: 0;
    width: 178px;
    height: 88px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 15px rgb(0 0 0 / .08);
    transition: all 0.3s ease;
    border: 2px solid #fff0
}

.mitra-carousel-slide:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 25px rgb(0 0 0 / .15);
    border-color: #007cba
}

.mitra-carousel-slide img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
    transition: all 0.3s ease;
    filter: grayscale(100%)
}

.mitra-carousel-slide:hover img {
    filter: grayscale(0%)
}

@keyframes scrollCarousel {
    0% {
        transform: translateX(0)
    }
    100% {
        transform: translateX(-50%)
    }
}

@media (max-width:768px) {
    .mitra-carousel-section {
        padding: 3rem 0
    }
    .mitra-header h2 {
        font-size: 1.7rem
    }
    .mitra-header p {
        font-size: 1rem
    }
    .mitra-carousel {
        padding: 1.5rem
    }
    .mitra-carousel-slide {
        width: 150px;
        height: 75px;
        padding: 1rem
    }
    .mitra-carousel-body {
        gap: 1.5rem
    }
}

@media (max-width:480px) {
    .mitra-carousel-section .container {
        padding: 0 15px
    }
    .mitra-header h2 {
        font-size: 1.5rem
    }
    .mitra-carousel {
        padding: 1rem
    }
    .mitra-carousel-slide {
        width: 120px;
        height: 60px;
        padding: .8rem
    }
    .mitra-carousel-body {
        gap: 1rem
    }
}

.cara-melamar-section {
    padding-top: 0rem;
    padding-bottom: .5rem
}

.cara-melamar-section .container {
    max-width: 1200px;
    margin: 0 auto
}



.pasang-iklan-selengkapnya {
    text-align: right
}

.pasang-iklan-selengkapnya a {
    text-decoration: none;
    color: #000;
    font-weight: 400;
    font-style: italic;
    text-decoration: underline
}

@keyframes gradient {
    0% {
        background-position: 0% 0%
    }
    50% {
        background-position: 100% 100%
    }
    100% {
        background-position: 0% 0%
    }
}

.mitra-carousel-section {
    padding: 4rem 0;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    margin-bottom: 2rem
}

.mitra-carousel-section .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px
}

.mitra-header {
    text-align: center;
    margin-bottom: 1rem
}

.mitra-header h2 {
    font-size: 1.7rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 1rem;
    line-height: 1.2
}

.mitra-header h2 .highlight {
    color: #007cba;
    position: relative
}

.mitra-header h2 .highlight::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #007cba, #0056b3);
    border-radius: 2px
}

.mitra-header p {
    font-size: 1.1rem;
    color: #6c757d;
    line-height: 1.6;
    max-width: 800px;
    margin: 0 auto
}

.mitra-carousel {
    overflow: hidden;
    position: relative;
    background: #fff;
    border-radius: 20px;
    padding: 2rem;
    box-shadow: 0 10px 30px rgb(0 0 0 / .1)
}

.mitra-carousel-body {
    display: flex;
    gap: 2rem;
    transition: transform 0.7s ease;
    animation: scrollCarousel 30s linear infinite;
    width: max-content
}

.mitra-carousel-body:hover {
    animation-play-state: paused
}

.mitra-carousel-slide {
    background: #fff;
    border-radius: 15px;
    padding: 1.5rem;
    flex-shrink: 0;
    width: 178px;
    height: 88px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 15px rgb(0 0 0 / .08);
    transition: all 0.3s ease;
    border: 2px solid #fff0
}

.mitra-carousel-slide:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 25px rgb(0 0 0 / .15);
    border-color: #007cba
}

.mitra-carousel-slide img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
    transition: all 0.3s ease;
    filter: grayscale(100%)
}

.mitra-carousel-slide:hover img {
    filter: grayscale(0%)
}

@keyframes scrollCarousel {
    0% {
        transform: translateX(0)
    }
    100% {
        transform: translateX(-50%)
    }
}

@media (max-width:768px) {
    .mitra-carousel-section {
        padding: 3rem 0
    }
    .mitra-header h2 {
        font-size: 2rem
    }
    .mitra-header p {
        font-size: 1rem
    }
    .mitra-carousel {
        padding: 1.5rem
    }
    .mitra-carousel-slide {
        width: 150px;
        height: 75px;
        padding: 1rem
    }
    .mitra-carousel-body {
        gap: 1.5rem
    }
}

@media (max-width:480px) {
    .mitra-carousel-section .container {
        padding: 0 15px
    }
    .mitra-header h2 {
        font-size: 1.8rem
    }
    .mitra-carousel {
        padding: 1rem
    }
    .mitra-carousel-slide {
        width: 120px;
        height: 60px;
        padding: .8rem
    }
    .mitra-carousel-body {
        gap: 1rem
    }
}

main #free-trial-block {
    display: none !important
}

.view-count {
    background: #eee
}

.head--v1 i {
    font-size: 30px;
    color: #460E8D
}

#progress {
    bottom: 4rem !important;
    z-index: 999 !important
}

.kota-besar {
    font-size: 1.5rem !important;
    font-weight: 600;
    margin-top: 1.5rem !important
}