/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 999999 version
*/

/*!
README - STYLEGUIDE BRIEFLY

Find the style by section component, using Find or CTRL + F
HEADER STYLE, BREADCRUMB STYLE, BANNER STYLE, CONTENT STYLE, LISTING STYLE, FOOTER STYLE

Make this stylesheet still readable and after using this file, dont forget to use beautify after development
Thankyou Whello Developer
*/


/* -- Header Style -- */
.site-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 10;
    -webkit-box-shadow: var(--shadow);
    -moz-box-shadow: var(--shadow);
    box-shadow: var(--shadow);
    background-color: var(--white);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    -moz-transition: var(--transition);
    transition: var(--transition);
}

.site-header .navbar-header {
    height: var(--height-header);
}

.site-header .navbar-header>.container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.site-header .site-branding a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.site-header .site-branding img {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left;
    object-position: left;
}

.site-header .main-navigation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.site-header .menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
}

.site-header .menu-item,
.site-footer li {
    list-style: none;
}

.sea-analisis.menu-item > a:before {
    content: 'New';
    position: absolute;
    right: 0;
    bottom: 100%;
    color: var(--orange);
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 800;
}

.site-header .menu .menu-item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-top: 0px;
}

.site-header .menu-item:not([class*="btn-"]) a {
    color: inherit;
    font-weight: 700;
}

.site-header .menu-item:not([class*="btn-"]) .vc_row.row-megamenus a {
    color: inherit;
}

.site-header .menu-item a {
    line-height: 1.25;
}

.site-header .menu>.menu-item-has-children>a {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.menu .current-menu-item>a {
    font-weight: 600;
}

.site-header .sub-menu>.menu-item>a {
    display: block;
    text-align: left;
}

.menu-item-has-children>.icon-submenu {
    width: 20px;
    height: 20px;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    cursor: pointer;
    display: none;
}

.menu-item-has-children>.icon-submenu:before,
.menu-item-has-children>.icon-submenu:after {
    content: '';
    position: absolute;
    top: 50%;
    left: -webkit-calc(100% - 6px);
    left: -moz-calc(100% - 6px);
    left: calc(100% - 6px);
    z-index: 1;
    display: block;
    width: 8px;
    height: 2px;
    margin: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: var(--black);
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    -moz-transition: var(--transition);
    transition: var(--transition);
}

.menu-item-has-children>.icon-submenu:before {
    -webkit-transform: translate(-100%, -50%) rotate(45deg);
    -moz-transform: translate(-100%, -50%) rotate(45deg);
    -ms-transform: translate(-100%, -50%) rotate(45deg);
    -o-transform: translate(-100%, -50%) rotate(45deg);
    transform: translate(-100%, -50%) rotate(45deg);
    left: -webkit-calc(100% + 17px);
    left: -moz-calc(100% + 17px);
    left: calc(100% + 17px);
}

.menu-item-has-children>.icon-submenu:after {
    -webkit-transform: translate(-25%, -50%) rotate(-45deg);
    -moz-transform: translate(-25%, -50%) rotate(-45deg);
    -ms-transform: translate(-25%, -50%) rotate(-45deg);
    -o-transform: translate(-25%, -50%) rotate(-45deg);
    transform: translate(-25%, -50%) rotate(-45deg);
    left: -webkit-calc(100% + 15px);
    left: -moz-calc(100% + 15px);
    left: calc(100% + 15px);
}

.menu-item-has-children.menu-item-active>.icon-submenu:before {
    -webkit-transform: translate(-100%, -50%) rotate(-45deg);
    -moz-transform: translate(-100%, -50%) rotate(-45deg);
    -ms-transform: translate(-100%, -50%) rotate(-45deg);
    -o-transform: translate(-100%, -50%) rotate(-45deg);
    transform: translate(-100%, -50%) rotate(-45deg);
}

.menu-item-has-children.menu-item-active>.icon-submenu:after {
    -webkit-transform: translate(-25%, -50%) rotate(45deg);
    -moz-transform: translate(-25%, -50%) rotate(45deg);
    -ms-transform: translate(-25%, -50%) rotate(45deg);
    -o-transform: translate(-25%, -50%) rotate(45deg);
    transform: translate(-25%, -50%) rotate(45deg);
}

.menu-item-has-children.menu-item-active>.icon-submenu:before,
.menu-item-has-children.menu-item-active>.icon-submenu:after {
    background-color: var(--black);
}

.site-header .menu-item-has-children .sub-menu {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-top: 0;
}

.site .hamburger-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    width: 35px;
    padding: 0px;
    cursor: pointer;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    -moz-transition: var(--transition);
    transition: var(--transition);
}

.hamburger-menu span {
    display: block;
    width: 100%;
    height: 4px;
    background: url(/wp-content/uploads/2023/01/whello-waves-hamburger.svg) center/cover no-repeat;
    -webkit-transform: rotate(0deg) translate(0px);
    -moz-transform: rotate(0deg) translate(0px);
    -ms-transform: rotate(0deg) translate(0px);
    -o-transform: rotate(0deg) translate(0px);
    transform: rotate(0deg) translate(0px);
    -webkit-transition: var(--animate);
    -o-transition: var(--animate);
    -moz-transition: var(--animate);
    transition: var(--animate);
}

.toggle-onactive .hamburger-menu span {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    -webkit-border-radius: var(--rounded-sm);
    -moz-border-radius: var(--rounded-sm);
    border-radius: var(--rounded-sm);
    background-color: var(--white);
    background-image: none;
}

.hamburger-menu span:not(:last-child) {
    margin-bottom: 5px;
}

.toggle-onactive .hamburger-menu span:first-child {
    -webkit-transform: rotate(45deg) translate(6px, 6px);
    -moz-transform: rotate(45deg) translate(6px, 6px);
    -ms-transform: rotate(45deg) translate(6px, 6px);
    -o-transform: rotate(45deg) translate(6px, 6px);
    transform: rotate(45deg) translate(6px, 6px);
}

.toggle-onactive .hamburger-menu span:nth-child(2) {
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
}

.toggle-onactive .hamburger-menu span:last-child {
    -webkit-transform: rotate(-45deg) translate(7px, -7px);
    -moz-transform: rotate(-45deg) translate(7px, -7px);
    -ms-transform: rotate(-45deg) translate(7px, -7px);
    -o-transform: rotate(-45deg) translate(7px, -7px);
    transform: rotate(-45deg) translate(7px, -7px);
}

html.noprevent-scroll {
    overflow: hidden;
}

.vc_row.row-sticky-mobile .cta-whbutton .label-cta,
.button-call-nav .cta-whbutton .label-cta,
.site-button-call .cta-whbutton .label-cta {
    font-size: var(--text-sm);
}

.vc_row.row-sticky-mobile [class*="whbutton-fill"] .cta-whbutton,
.vc_row.row-sticky-mobile [class*="whbutton-outline"] .cta-whbutton,
.button-call-nav [class*="whbutton-fill"] .cta-whbutton,
.button-call-nav [class*="whbutton-outline"] .cta-whbutton,
.site-button-call [class*="whbutton-fill"] .cta-whbutton,
.site-button-call [class*="whbutton-outline"] .cta-whbutton {
    padding: var(--padding-button-small);
}

.site-header .site-button-call {
    margin-left: 30px;
}

.vc_row.row-banner-saran {
    margin: 0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    color: var(--white);
}

.vc_row.row-banner-saran>.vc_column_container>.vc_column-inner {
    padding: 0;
}

/* -- End Header Style -- */



/* -- Footer Style -- */
.site-footer {
    color: var(--white);
    font-size: var(--text-md);
    background-color: var(--blue);
}


.vc_row.row-menu-footer h5 {
    margin-bottom: 20px;
}

.site-footer a {
    font-weight: 400;
    color: var(--white);
}

.site-footer ul,
.site-footer ol {
    padding: 0;
    list-style: none;
}

.wpb_single_image.images-copyright img {
    width: 103px;
    height: 59px;
    -o-object-fit: contain;
    object-fit: contain;
}

.vc_row.row-menu-footer *+p {
    margin-top: 1px;
}

.site-footer li {
    -webkit-transition: var(--animate);
    -o-transition: var(--animate);
    -moz-transition: var(--animate);
    transition: var(--animate);
}

.site-footer li:hover {
    -webkit-transform: translateX(3px);
    -moz-transform: translateX(3px);
    -ms-transform: translateX(3px);
    -o-transform: translateX(3px);
    transform: translateX(3px);
}

.site-footer a:hover {
    color: var(--white);
}





/* Logo Label Sosmed */
.logo-label-wrapper.logo-label-sosmed .title-heading {
    font-size: var(--text-md);
    font-weight: normal;
}

.logo-label-wrapper.logo-label-sosmed img {
    width: 30px;
    height: 30px;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: var(--animate);
    -o-transition: var(--animate);
    -moz-transition: var(--animate);
    transition: var(--animate);
}

.logo-label-wrapper.logo-label-sosmed img:hover {
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    transform: translateY(-3px);
}

.logo-label-wrapper.logo-label-sosmed .logo-groups {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.logo-label-wrapper.logo-label-sosmed .logo-groups .logo-group-item:not(:last-child) {
    margin-right: 10px;
}


/* Logo Label Partners */
.logo-label-wrapper.logo-label-partners img {
    width: 100%;
    height: 100%;
    max-width: 210px;
    max-height: 52px;
    -o-object-fit: contain;
    object-fit: contain;
}

footer .logo-label-wrapper.logo-label-partners img {
    max-height: 90px;
}

.logo-label-wrapper.logo-label-partners .logo-groups .logo-group-item:not(:last-child) {
    margin-right: 30px;
}

/* -- End Footer Style -- */




/* -- General Style -- */
.vc_row.row-display-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.vc_row.wpb_row.row-display-flex:before,
.vc_row.wpb_row.row-display-flex:after {
    display: none;
}

.vc_row.row-width-auto>.wpb_column {
    width: auto;
}

.vc_row.justify-space-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.vc_row.justify-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.vc_row.justify-flex-start {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.vc_row.justify-flex-end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.vc_row.justify-space-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.vc_row.align-items-space-between {
    -webkit-box-align: space-between;
    -webkit-align-items: space-between;
    -moz-box-align: space-between;
    -ms-flex-align: space-between;
    align-items: space-between;
}

.vc_row.align-items-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.vc_row.align-items-stretch {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.vc_row.align-items-flex-start {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.vc_row.align-items-flex-end {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.col-flex-wrapper.wpb_column>.vc_column-inner>.wpb_wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.vc_row.row-z-index {
    position: relative;
    z-index: 1;
}

.col-auto.wpb_column {
    width: auto;
}

.col-auto.wpb_column:last-child {
    margin-left: auto;
}

.col-auto.wpb_column:first-child {
    margin-right: auto;
}

.wpb_single_image.images-animate-hover {
    -webkit-transition: var(--animate);
    -o-transition: var(--animate);
    -moz-transition: var(--animate);
    transition: var(--animate);
}

.wpb_single_image.images-animate-hover:hover {
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    transform: translateY(-3px);
}

.wpb_text_column.title-white * {
    color: var(--white);
}

.wpb_text_column.tb-space {
    padding-left: 20px;
}

.wpb_single_image .vc_single_image-wrapper.vc_box_rounded img {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.wpb_text_column.tb-link-inherit a {
    font-size: var(--text-md);
    font-weight: 400;
    color: inherit;
}

.wpb_text_column.tb-link-inherit a:hover {
    color: var(--blue);
}

.list-space-lg li:not(:last-child) {
    margin-bottom: 20px;
}

.wpb_text_column.table-responsive>.wpb_wrapper {
    position: relative;
    overflow-x: auto;
    width: 100%;
}

.wpb_text_column.table-responsive table {
    width: 100%;
    height: 100%;
    min-width: 990px;
    margin: 24px 0;
}

.wpb_text_column.table-responsive table td,
.wpb_text_column.table-responsive table th {
    width: 10%;
}

.col-boxborder.wpb_column>.vc_column-inner>.wpb_wrapper {
    border: 1px solid var(--blue-100);
    -webkit-border-radius: var(--rounded-lg);
    -moz-border-radius: var(--rounded-lg);
    border-radius: var(--rounded-lg);
}


.vc_row.row-sticky-mobile h3 {
    font-size: var(--text-sm);
}

.sticky-mobile {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9;
    padding: 10px;
    background-color: var(--blue-100);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: var(--animate);
    -o-transition: var(--animate);
    -moz-transition: var(--animate);
    transition: var(--animate);
}

.sticky-mobile.is_sticky {
    opacity: 1;
    visibility: visible;
}

.is_hidden {
    display: none !important;
}

.col-border.wpb_column>.vc_column-inner>.wpb_wrapper {
    border: 1px solid var(--blue-100);
    -webkit-border-radius: var(--rounded-lg);
    -moz-border-radius: var(--rounded-lg);
    border-radius: var(--rounded-lg);
}

.wpb_text_column.graphic-seo h3 {
    margin-top: -20px;
    font-size: var(--text-small-h2);
}

.wpb_text_column.graphic-seo h3 strong {
    position: relative;
    padding-right: 50px;
    color: var(--orange);
}

.wpb_text_column.graphic-seo h3 strong:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    width: 44px;
    height: 38px;
    background: url(/wp-content/uploads/2023/01/whello-icon-growth.svg) center/contain no-repeat;
}

.personal-konsultasi-item.wpb_column:hover .vc_row.row-team-project {
    color: var(--white);
    background-color: var(--blue);
}

.personal-konsultasi-item.wpb_column .vc_row.row-team-project {
    cursor: pointer;
    -webkit-transition: var(--animate);
    -o-transition: var(--animate);
    -moz-transition: var(--animate);
    transition: var(--animate);
}

.rotating-words {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.rotating-words em {
    display: block;
    height: 100%;
    padding-right: 10px;
    -webkit-animation: spin_words 6s infinite;
    -moz-animation: spin_words 6s infinite;
    -o-animation: spin_words 6s infinite;
    animation: spin_words 6s infinite;
}

@-webkit-keyframes spin_words {
    10% {
        -webkit-transform: translateY(-112%);
        -moz-transform: translateY(-112%);
        -o-transform: translateY(-112%);
        transform: translateY(-112%);
    }

    25% {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    35% {
        -webkit-transform: translateY(-212%);
        -moz-transform: translateY(-212%);
        -o-transform: translateY(-212%);
        transform: translateY(-212%);
    }

    50% {
        -webkit-transform: translateY(-200%);
        -moz-transform: translateY(-200%);
        -o-transform: translateY(-200%);
        transform: translateY(-200%);
    }

    60% {
        -webkit-transform: translateY(-312%);
        -moz-transform: translateY(-312%);
        -o-transform: translateY(-312%);
        transform: translateY(-312%);
    }

    75% {
        -webkit-transform: translateY(-300%);
        -moz-transform: translateY(-300%);
        -o-transform: translateY(-300%);
        transform: translateY(-300%);
    }

    85% {
        -webkit-transform: translateY(-412%);
        -moz-transform: translateY(-412%);
        -o-transform: translateY(-412%);
        transform: translateY(-412%);
    }

    100% {
        -webkit-transform: translateY(-400%);
        -moz-transform: translateY(-400%);
        -o-transform: translateY(-400%);
        transform: translateY(-400%);
    }
}

@-moz-keyframes spin_words {
    10% {
        -webkit-transform: translateY(-112%);
        -moz-transform: translateY(-112%);
        -o-transform: translateY(-112%);
        transform: translateY(-112%);
    }

    25% {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    35% {
        -webkit-transform: translateY(-212%);
        -moz-transform: translateY(-212%);
        -o-transform: translateY(-212%);
        transform: translateY(-212%);
    }

    50% {
        -webkit-transform: translateY(-200%);
        -moz-transform: translateY(-200%);
        -o-transform: translateY(-200%);
        transform: translateY(-200%);
    }

    60% {
        -webkit-transform: translateY(-312%);
        -moz-transform: translateY(-312%);
        -o-transform: translateY(-312%);
        transform: translateY(-312%);
    }

    75% {
        -webkit-transform: translateY(-300%);
        -moz-transform: translateY(-300%);
        -o-transform: translateY(-300%);
        transform: translateY(-300%);
    }

    85% {
        -webkit-transform: translateY(-412%);
        -moz-transform: translateY(-412%);
        -o-transform: translateY(-412%);
        transform: translateY(-412%);
    }

    100% {
        -webkit-transform: translateY(-400%);
        -moz-transform: translateY(-400%);
        -o-transform: translateY(-400%);
        transform: translateY(-400%);
    }
}

@-o-keyframes spin_words {
    10% {
        -webkit-transform: translateY(-112%);
        -moz-transform: translateY(-112%);
        -o-transform: translateY(-112%);
        transform: translateY(-112%);
    }

    25% {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    35% {
        -webkit-transform: translateY(-212%);
        -moz-transform: translateY(-212%);
        -o-transform: translateY(-212%);
        transform: translateY(-212%);
    }

    50% {
        -webkit-transform: translateY(-200%);
        -moz-transform: translateY(-200%);
        -o-transform: translateY(-200%);
        transform: translateY(-200%);
    }

    60% {
        -webkit-transform: translateY(-312%);
        -moz-transform: translateY(-312%);
        -o-transform: translateY(-312%);
        transform: translateY(-312%);
    }

    75% {
        -webkit-transform: translateY(-300%);
        -moz-transform: translateY(-300%);
        -o-transform: translateY(-300%);
        transform: translateY(-300%);
    }

    85% {
        -webkit-transform: translateY(-412%);
        -moz-transform: translateY(-412%);
        -o-transform: translateY(-412%);
        transform: translateY(-412%);
    }

    100% {
        -webkit-transform: translateY(-400%);
        -moz-transform: translateY(-400%);
        -o-transform: translateY(-400%);
        transform: translateY(-400%);
    }
}

@keyframes spin_words {
    10% {
        -webkit-transform: translateY(-112%);
        -moz-transform: translateY(-112%);
        -o-transform: translateY(-112%);
        transform: translateY(-112%);
    }

    25% {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    35% {
        -webkit-transform: translateY(-212%);
        -moz-transform: translateY(-212%);
        -o-transform: translateY(-212%);
        transform: translateY(-212%);
    }

    50% {
        -webkit-transform: translateY(-200%);
        -moz-transform: translateY(-200%);
        -o-transform: translateY(-200%);
        transform: translateY(-200%);
    }

    60% {
        -webkit-transform: translateY(-312%);
        -moz-transform: translateY(-312%);
        -o-transform: translateY(-312%);
        transform: translateY(-312%);
    }

    75% {
        -webkit-transform: translateY(-300%);
        -moz-transform: translateY(-300%);
        -o-transform: translateY(-300%);
        transform: translateY(-300%);
    }

    85% {
        -webkit-transform: translateY(-412%);
        -moz-transform: translateY(-412%);
        -o-transform: translateY(-412%);
        transform: translateY(-412%);
    }

    100% {
        -webkit-transform: translateY(-400%);
        -moz-transform: translateY(-400%);
        -o-transform: translateY(-400%);
        transform: translateY(-400%);
    }
}

.header-lottie-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-lottie-form .content-lottie-form {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.header-lottie-form .content-lottie-form p {
    font-size: var(--text-md);
    font-weight: 600;
    color: var(--blue);
}

.header-lottie-form .content-lottie-form h4 {
    margin-bottom: 0px;
}

.vc_row.row-what-you-get h4+p {
    margin-top: 0;
}

.vc_row.row-what-you-get h4 {
    margin-bottom: 0;
}

.col-form-shadow.wpb_column>.vc_column-inner {
    position: relative;
    z-index: 2;
    -webkit-border-radius: var(--rounded-xxl);
    -moz-border-radius: var(--rounded-xxl);
    border-radius: var(--rounded-xxl);
    -webkit-box-shadow: var(--shadow);
    -moz-box-shadow: var(--shadow);
    box-shadow: var(--shadow);
    background-color: var(--white);
}

section.vc_section {
    width: auto;
}





/* IMAGES CASES HASBADGE */
.wpb_single_image.image-cases-hasbadge {
    position: relative;
}

.wpb_single_image.image-cases-hasbadge .wpb_singleimage_heading {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-top: 26px;
    margin-bottom: 0;
    font-size: var(--text-small-h2);
    line-height: 1.25;
    color: var(--orange);
    text-shadow: 2px 2px 0px rgba(39, 36, 37, 0.2);
}

.wpb_single_image.image-cases-hasbadge .wpb_singleimage_heading:before {
    content: '';
    display: inline-block;
    margin-top: -26px;
    margin-right: 8px;
    background: url(/wp-content/uploads/2023/01/whello-icon-launched-rocket.svg) center/contain no-repeat;
}

.wpb_single_image.image-cases-hasbadge {
    padding-top: 43px;
}





/* META INFOLIST */
.meta-infolist {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 10px 0 20px;
    font-size: var(--text-xs);
    font-weight: 900;
    color: var(--blue);
    line-height: 1.25;
    text-transform: uppercase;
}

.meta-infolist .infolist-icon:not(:last-child) {
    margin: 0 20px 15px 0;
}

.meta-infolist .infolist-icon:before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    display: inline-block;
    width: 17px;
    height: 17px;
    background: center/contain no-repeat;
}

.meta-infolist .infolist-icon {
    position: relative;
    padding-left: 25px;
}

.meta-infolist .infolist-icon.infolist-reading:before {
    background-image: url(/wp-content/uploads/2023/01/whello-icon-clock-blue.svg);
}

.meta-infolist .infolist-icon.infolist-cat:before {
    background-image: url(/wp-content/uploads/2023/01/whello-icon-folder-blue.svg);
}

.meta-infolist .infolist-icon.infolist-author:before {
    background-image: url(/wp-content/uploads/2023/01/whello-icon-author-blue.svg);
}



/* ROW LINK BORDER */
.vc_row.row-link-border {
    margin: 0;
    padding: 30px;
    border: 1px solid var(--blue-100);
    -webkit-border-radius: var(--rounded-lg);
    -moz-border-radius: var(--rounded-lg);
    border-radius: var(--rounded-lg);
    font-size: var(--text-md);
    line-height: 1.25;
}

.vc_row.row-link-border>.wpb_column>.vc_column-inner {
    padding-left: 0;
    padding-right: 0;
}

.vc_row.wpb_row.row-link-border>.wpb_column {
    width: auto;
}

.vc_row.row-link-border a {
    color: inherit;
    font-weight: 400;
}

.vc_row.row-link-border a:hover {
    color: var(--blue);
}

.vc_row.row-link-border *+p {
    margin-top: 10px;
}

.vc_row.row-link-border:hover .wpb_single_image.images-border-link {
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    transform: translateY(-3px);
}

.vc_row.row-link-border .wpb_single_image.images-border-link {
    -webkit-transition: var(--animate);
    -o-transition: var(--animate);
    -moz-transition: var(--animate);
    transition: var(--animate);
}

.row-column-link {
    cursor: pointer;
}



/* TB Supertitle */
.wpb_text_column.tb-supertitle h1:first-of-type,
.wpb_text_column.tb-supertitle h2:first-of-type {
    margin-bottom: 20px;
    font-size: var(--text-small-h2);
    font-weight: 300;
    color: var(--blue);
}

.col-desc-section .wpb_text_column.tb-supertitle h2{
    font-size: var(--text-small-h2);
    font-weight: 300;
    color: var(--blue);
}

.col-desc-section .wpb_text_column.tb-supertitle h2:first-of-type {
    margin-bottom: 0px;
}

.col-desc-section .wpb_text_column.tb-supertitle h2:last-of-type {
    margin-bottom: 18px;
    margin-top: 0px;
}

.wpb_text_column.tb-supertitle h1:first-of-type strong,
.wpb_text_column.tb-supertitle h2:first-of-type strong {
    display: block;
    font-size: var(--text-3xl);
    font-weight: 900;
    color: var(--black);
}

.wpb_text_column.tb-supertitle.title-white h1:first-of-type,
.wpb_text_column.tb-supertitle.title-white h1:first-of-type strong,
.wpb_text_column.tb-supertitle.title-white h2:first-of-type,
.wpb_text_column.tb-supertitle.title-white h2:first-of-type strong {
    color: var(--white);
}



/* ROW USER CASES */
.vc_row.row-user-cases h2 {
    font-size: var(--text-md);
}

.vc_row.row-user-cases h2 strong {
    display: inline-block;
    padding: 6px 15px;
    -webkit-border-radius: var(--rounded-full);
    -moz-border-radius: var(--rounded-full);
    border-radius: var(--rounded-full);
    margin-top: 8px;
    font-size: 10px;
    font-weight: 700;
    color: var(--orange);
    background: rgba(255, 77, 9, 0.07);
}

.vc_row.row-user-cases {
    margin-left: -10px;
    margin-right: -10px;
    background: rgba(255, 255, 255, 0.5);
    -webkit-border-radius: var(--rounded-lg);
    -moz-border-radius: var(--rounded-lg);
    border-radius: var(--rounded-lg);
}

.vc_row.row-user-cases>.wpb_column>.vc_column-inner {
    padding-left: 10px;
    padding-right: 10px;
}

.vc_row.row-user-cases>.wpb_column {
    width: auto;
}



/* Col Box Group */
.col-box-group.wpb_column>.vc_column-inner>.wpb_wrapper {
    padding: 20px;
    -webkit-box-shadow: var(--shadow);
    -moz-box-shadow: var(--shadow);
    box-shadow: var(--shadow);
    -webkit-border-radius: var(--rounded);
    -moz-border-radius: var(--rounded);
    border-radius: var(--rounded);
    font-size: var(--text-md);
    background-color: var(--white);
}

.col-box-group.box-group-blue.wpb_column>.vc_column-inner>.wpb_wrapper {
    color: var(--white);
    background-color: var(--blue);
}

.col-box-group.box-group-orange.wpb_column>.vc_column-inner>.wpb_wrapper {
    color: var(--white);
    background-color: var(--orange);
}

.col-box-group.wpb_column .cta-whbutton .label-cta {
    font-size: var(--text-lg);
}

.col-box-group.wpb_column .cta-whbutton .icon-cta,
.col-box-group.wpb_column .whbutton-icon .cta-whbutton::after {
    width: 15px;
    min-width: 15px;
    height: 25px;
    min-height: 25px;
}

.aside-article--sidebar .col-box-group.wpb_column>.vc_column-inner>.wpb_wrapper {
    padding: 30px;
    -webkit-border-radius: var(--rounded-lg);
    -moz-border-radius: var(--rounded-lg);
    border-radius: var(--rounded-lg);
}



/* Row Mega Menu */
.vc_row.row-megamenus ul {
    padding: 0;
    list-style: none;
}

.vc_row.row-megamenus li a,
.vc_row.row-megamenus li {
    font-weight: 700;
}

.vc_row.row-megamenus li {
    -webkit-transition: var(--animate);
    -o-transition: var(--animate);
    -moz-transition: var(--animate);
    transition: var(--animate);
}

.vc_row.row-megamenus li:hover {
    -webkit-transform: translateX(3px);
    -moz-transform: translateX(3px);
    -ms-transform: translateX(3px);
    -o-transform: translateX(3px);
    transform: translateX(3px);
}

.vc_row.row-megamenus .wpb_column:not(.col-box-group) h4 {
    font-size: var(--text-md);
    line-height: 1.33;
    margin-bottom: 15px;
}

.vc_row.row-megamenus .wpb_column:not(.col-box-group) h4 a {
    font-weight: 900;
}

.vc_row.row-badge-partner .wpb_single_image .vc_single_image-wrapper.vc_box_rounded img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.vc_row.row-badge-partner>.wpb_column>.vc_column-inner {
    padding-left: 9px;
    padding-right: 9px;
}

.vc_row.row-badge-partner {
    margin-left: -9px;
    margin-right: -9px;
    line-height: 1.18;
}

.vc_row.row-badge-partner>.wpb_column:first-child {
    width: 120px;
}

.vc_row.row-badge-partner>.wpb_column:last-child {
    width: -webkit-calc(100% - 120px);
    width: -moz-calc(100% - 120px);
    width: calc(100% - 120px);
}

.site-header .menu-item-has-children.mega-menu-item {
    position: static;
}



/* Single Post - Template */
.single-post .entry-header .featured-thumbnail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
}

.single-post .featured-thumbnail img {
    -webkit-border-radius: var(--rounded-lg);
    -moz-border-radius: var(--rounded-lg);
    border-radius: var(--rounded-lg);
}

.single-post .site-article--wrapper h2,
.single-post .site-article--wrapper h3,
.single-post .site-article--wrapper h4,
.single-post .site-article--wrapper h5,
.single-post .site-article--wrapper h6 {
    line-height: 1.25;
}

.single-post .site-article--wrapper h2,
.site-main.glossary .site-article h2 {
    font-size: var(--text-xl);

}

.single-post .site-article--wrapper h3,
.site-main.glossary .site-article h3 {
    --text-lg: 22px;
    font-size: var(--text-lg);
}

.single-post .site-article--wrapper h4,
.site-main.glossary .site-article h4  {
    font-size: var(--text-lg);
}

.single-post .site-article--wrapper h5 {
    font-size: var(--text-md);
}

.single-post .site-article--wrapper h6 {
    font-size: var(--text-base);
}

.single-post .site-article--wrapper h2,
.single-post .site-article--wrapper h3 {
    margin-top: 30px;
}

.single-post .site-article--wrapper h4,
.single-post .site-article--wrapper h5,
.single-post .site-article--wrapper h6 {
    margin-top: 20px;
    font-weight: 900;
}

.single-post .content-wrapper * img {
    width: auto;
    max-width: 100%;
}


.banner-header-single {
    position: relative;
    color: var(--white);
    background-color: var(--blue);
}

.banner-header-single .content-header-single {
    width: 100%;
    max-width: 770px;
    margin: 0 auto;
}

.banner-header-single h1 {
    text-align: center;
    margin-bottom: 11px;
}

.banner-header-single .site-breadcrumbs {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
}

.banner-header-single .site-breadcrumbs span>span,
.banner-header-single .site-breadcrumbs span.current-item {
    color: var(--white);
}

.banner-header-single .meta-infolist .meta-infolist {
    color: var(--white);
}

.banner-header-single .meta-infolist {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--white);
}

.banner-header-single .meta-infolist .infolist-icon:before {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.single .vc_row.row-user-cases h2 {
    font-size: var(--text-small-h2);
}

.site-article--sidebar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.aside-article--sidebar .aside-sticky {
    position: -webkit-sticky;
    position: sticky;
}



/* Easy Table of Contents */
#ez-toc-container {
    margin: 30px 0;
    border-color: var(--blue-100) !important;
    -webkit-border-radius: var(--rounded-lg);
    -moz-border-radius: var(--rounded-lg);
    border-radius: var(--rounded-lg);
    background-color: var(--white) !important;
}

#ez-toc-container .ez-toc-title-container .ez-toc-title {
    display: block;
    color: var(--black) !important;
    font-weight: 900;
    margin-bottom: 20px !important;
}

#ez-toc-container .ez-toc-title-container .ez-toc-title-toggle {
    display: none;
}

#ez-toc-container ul li+li {
    margin-top: 5px;
}

#ez-toc-container .ez-toc-link {
    margin-bottom: 5px;
}




/* LISTING REVIEW */
.listing-review .listing-item {
    width: 33.333%;
    padding: 15px;
}

.listing-review {
    margin: -15px;
}

.listing-review.slick-slider {
    margin-bottom: 0;
}

.listing-review .content-review {
    position: relative;
    padding: 20px 14px 20px 40px;
    border: 1px solid var(--gray-200);
    -webkit-border-radius: var(--rounded-sm);
    -moz-border-radius: var(--rounded-sm);
    border-radius: var(--rounded-sm);
    background-color: var(--gray-100);
}

.listing-review .content-review:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 17px;
    height: 13px;
    margin: 20px;
    background: url(/wp-content/uploads/2022/12/icon-blockquotes-gray.svg);
}

.listing-review .content-review:after {
    content: '';
    position: absolute;
    bottom: -7px;
    left: 35px;
    z-index: 1;
    display: inline-block;
    width: 15px;
    height: 15px;
    border-right: 1px solid var(--gray-200);
    border-bottom: 1px solid var(--gray-200);
    background-color: var(--gray-100);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.rating-review {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle;
    margin-right: 6px;
}

.rating-review img {
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
}

.rating-review img:not(:last-child) {
    margin-right: 6px;
}

.listing-review .excerpt-review {
    color: var(--gray-500);
}

.listing-review .thumbnail-review {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-basis: 50px;
    -ms-flex-preferred-size: 50px;
    flex-basis: 50px;
    margin-right: 20px;
}

.listing-review .thumbnail-review img {
    width: 50px;
    height: 50px;
    -webkit-border-radius: var(--rounded-full);
    -moz-border-radius: var(--rounded-full);
    border-radius: var(--rounded-full);
}

.listing-review .rating-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
}

.listing-review .rating-footer .title-listing {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 0;
    font-size: var(--text-md);
    line-height: 1.25;
}

.listing-review .excerpt-review {
    overflow: hidden auto;
    height: 100%;
    max-height: 142px;
    padding-right: 6px;
}

.listing-review .excerpt-review::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
    background-color: var(--gray-200);
}

.listing-review .excerpt-review::-webkit-scrollbar-thumb {
    width: 6px;
    height: 6px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
    background-color: var(--blue);
}




/* LISTING REVIEW V2 */
.listing-review-v2 {
    position: relative;
    -webkit-border-radius: var(--rounded-xl);
    -moz-border-radius: var(--rounded-xl);
    border-radius: var(--rounded-xl);
    color: var(--white);
    background-color: var(--blue);
}

.listing-review-v2:before {
    content: '';
    position: absolute;
    top: -33px;
    right: 47px;
    display: inline-block;
    width: 100%;
    height: 425px;
    background: url(/wp-content/uploads/2023/01/whello-vektor-slider-review.png) top right/contain no-repeat;
}

.listing-review-v2 .content-item h3 {
    margin-bottom: 0;
    font-style: italic;
    text-align: center;
}

.listing-review-v2 .thumbnail-item {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px;
    text-align: center;
}

.listing-review-v2 .thumbnail-item .image-wrapper>img {
    width: 90px;
    height: 90px;
    margin: 0 auto 15px;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-border-radius: var(--rounded-full);
    -moz-border-radius: var(--rounded-full);
    border-radius: var(--rounded-full);
}

.listing-review-v2.slick-slider .slick-prev.slick-arrow,
.our-clients-seo-lp .slick-prev-custom.slick-arrow{
    background-image: url(/wp-content/uploads/2023/01/whello-left-arrow-review-slider.svg);
}

.listing-review-v2.slick-slider .slick-arrow,
.our-clients-seo-lp .slick-arrow{
    width: 29px;
    height: 14px;
}

.listing-review-v2.slick-slider .slick-next.slick-arrow,
.our-clients-seo-lp .slick-next-custom.slick-arrow {
    background-image: url(/wp-content/uploads/2023/01/whello-right-arrow-review-slider.svg);
}

.our-clients-seo-lp .slick-next-custom.slick-arrow,
.our-clients-seo-lp .slick-prev-custom.slick-arrow {
    background-repeat: no-repeat;
    font-size: 0;
}

.our-clients-seo-lp .slick-pagination-custom {
    margin-top: 60px;
}

.our-clients-seo-lp .slick-next-custom.slick-arrow {
    background-position: right;
}

.our-clients-seo-lp .slick-prev-custom.slick-arrow {
    background-position: left;
}

.our-clients-seo-lp span.pagination-display {
    color: var(--white);
    font-size: var(--text-xl);
    font-weight: 900;
    line-height: 1.25;
    letter-spacing: 5px;
}

.listing-review-v2.slick-slider .slick-prev.slick-arrow {
    left: -webkit-calc(50% - 100px);
    left: -moz-calc(50% - 100px);
    left: calc(50% - 100px);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.listing-review-v2.slick-slider .slick-next.slick-arrow {
    left: -webkit-calc(50% - -70px);
    left: -moz-calc(50% - -70px);
    left: calc(50% - -70px);
}

.number-review-slider {
    position: absolute;
    left: -webkit-calc(50% - 22px);
    left: -moz-calc(50% - 22px);
    left: calc(50% - 22px);
    z-index: 1;
    color: var(--white);
    font-size: var(--text-xl);
    font-weight: 900;
    line-height: 1.25;
}




/* LISTING THUMBNAIL SPECIALIST */
.listing-thumb-specialist .listing-item {
    width: 100%;
}

.listing-thumb-specialist .thumbnail-item {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.listing-thumb-specialist .badge-thumb {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 169px;
    height: 169px;
    padding: 5px;
    -webkit-border-radius: var(--rounded-full);
    -moz-border-radius: var(--rounded-full);
    border-radius: var(--rounded-full);
    text-align: center;
    background-color: var(--white);
}

.listing-thumb-specialist .badge-thumb .title-listing {
    font-size: var(--text-base);
    line-height: 1.25;
    margin-bottom: 3px;
}

.listing-thumb-specialist .listitem-wrapper {
    position: relative;
}

.listing-thumb-specialist .listitem-wrapper {
    width: 100%;
    max-width: 540px;
    margin: 0 auto;
}



/* LISTING KARIR */
.listing-karir .listing-item {
    width: 100%;
}

.listing-karir .listing-item:not(:last-child) {
    margin-bottom: 20px;
}

.listing-karir .listitem-wrapper {
    position: relative;
    -webkit-border-radius: var(--rounded-md);
    -moz-border-radius: var(--rounded-md);
    border-radius: var(--rounded-md);
    background-color: var(--white);
    overflow: hidden;
    -webkit-transition: var(--animate);
    -o-transition: var(--animate);
    -moz-transition: var(--animate);
    transition: var(--animate);
}

.listing-karir .listitem-wrapper .content-footer {
    background-color: var(--blue-100);
    -webkit-transition: var(--animate);
    -o-transition: var(--animate);
    -moz-transition: var(--animate);
    transition: var(--animate);
}

.listing-karir .btn-readmore {
    font-size: var(--text-base);
}



/* LISTING SPECIALIST */
.listing-specialist .listing-item {
    padding: 0 15px;
    margin-bottom: 30px;
}

.listing-specialist {
    margin-left: -15px;
    margin-right: -15px;
}

.listing-specialist .listitem-wrapper {
    height: 100%;
    border: 1px solid var(--blue-100);
    -webkit-border-radius: var(--rounded-lg);
    -moz-border-radius: var(--rounded-lg);
    border-radius: var(--rounded-lg);
}

.listing-specialist .content-item .title-listing {
    font-size: var(--text-base);
    margin-bottom: 8px;
}

.listing-specialist .content-item .btn-readmore {
    margin-top: 20px;
}

.listing-specialist .content-item .btn-readmore:after {
    width: 7px;
    height: 11px;
    background-image: url(/wp-content/themes/whello/assets/icons/whello-chevron-red-right.svg);
}

.listing-specialist .listitem-wrapper .cat-specialist {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    margin: 30px;
    padding: 6px 15px;
    font-size: 10px;
    font-weight: 700;
    color: var(--orange);
    -webkit-border-radius: var(--rounded-lg);
    -moz-border-radius: var(--rounded-lg);
    border-radius: var(--rounded-lg);
    background: rgba(255, 77, 9, 0.07);
}

.listing-specialist .thumbnail-item img {
    width: 90px;
    height: 90px;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-border-radius: var(--rounded-full);
    -moz-border-radius: var(--rounded-full);
    border-radius: var(--rounded-full);
    -webkit-transition: var(--animate);
    -o-transition: var(--animate);
    -moz-transition: var(--animate);
    transition: var(--animate);
}

.listing-specialist .listitem-wrapper:hover .thumbnail-item img {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
}

.listing-specialist .thumbnail-item {
    margin-bottom: 20px;
}

.excerpt-listing,
.excerpt-listing p {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.listing-specialist .excerpt-listing,
.listing-specialist .excerpt-listing p {
    -webkit-line-clamp: 4;
}

.listing-specialist .btn-readmore {
    font-size: var(--text-sm);
}

.listing-specialist .thumbnail-item .image-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(var(--white), var(--black));
}



/* LISTING BLOG */
.listing-blog .listing-item:not(:last-child) {
    margin-bottom: 40px;
}

.listing-blog .content-item .title-listing {
    font-size: var(--text-lg);
    line-height: 1.5;
    -webkit-line-clamp: 2;
}

.listing-blog .excerpt-listing,
.listing-blog .excerpt-listing p {
    -webkit-line-clamp: 3;
}

.listing-blog .thumbnail-item .image-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-border-radius: var(--rounded);
    -moz-border-radius: var(--rounded);
    border-radius: var(--rounded);
    background-color: var(--blue);
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(var(--white), var(--black));
}

.listitem-wrapper .content-item .meta-infolist {
    margin-bottom: 10px;
}

.listitem-wrapper .content-item .meta-infolist .infolist-icon:not(:last-child) {
    margin-bottom: 10px;
}

.listing-blog .listitem-wrapper .thumbnail-item img {
    -webkit-transition: var(--animate);
    -o-transition: var(--animate);
    -moz-transition: var(--animate);
    transition: var(--animate);
}

.listing-blog .listitem-wrapper:hover .thumbnail-item img {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
}

.listing-blog .thumbnail-item img {
    width: 100%;
    height: 100%;
}



/* LISTING BLOG - STYLE LIST */
.listing-blog.listing-style-list .listing-item {
    width: 100%;
}

.listing-blog.listing-style-list .content-item .title-listing {
    margin-bottom: 0px;
}

.listing-blog.listing-style-list .thumbnail-item .image-wrapper {
    height: 203px;
}

.listing-blog.listing-style-list .content-item .btn-readmore {
    margin-top: 10px;
}



/* LISTING BLOG - STYLE BLOCK */
.listing-blog.listing-style-block .listing-item {
    padding: 0 15px;
}

.listing-blog.listing-style-block {
    margin-left: -15px;
    margin-right: -15px;
}

.listing-blog.listing-style-block .thumbnail-item .image-wrapper {
    height: 278px;
}

.listing-blog.listing-style-block .content-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.listing-blog.listing-style-block .content-item .meta-infolist {
    margin: 20px 0 15px;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

.listing-blog.listing-style-block .meta-infolist .infolist-icon.infolist-author {
    display: none;
}

.listing-blog.listing-style-block .content-item .btn-readmore {
    margin-top: 20px;
}



/* LISTING PORTOFOLIO */
.listing-portofolio .listing-item {
    padding: 0 15px;
    margin-bottom: 30px;
}

.listing-portofolio {
    margin-left: -15px;
    margin-right: -15px;
}

.listing-portofolio .listitem-wrapper {
    border: 1px solid var(--blue-100);
    -webkit-border-radius: var(--rounded-lg);
    -moz-border-radius: var(--rounded-lg);
    border-radius: var(--rounded-lg);
}

.listing-portofolio .thumbnail-item .image-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.listing-portofolio .thumbnail-item img {
    height: 154px;
    -o-object-fit: contain;
    object-fit: contain;
}

.listing-portofolio .thumbnail-item {
    margin-bottom: 20px;
}

.listing-portofolio .content-item .title-listing {
    margin-bottom: 8px;
    font-size: var(--text-base);
    line-height: 1.25;
}

.listing-portofolio .cat-cases {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

.listing-portofolio .cat-cases>a {
    display: inline-block;
    padding: 6px 15px;
    -webkit-border-radius: var(--rounded-full);
    -moz-border-radius: var(--rounded-full);
    border-radius: var(--rounded-full);
    font-size: 10px;
    font-weight: 700;
    color: var(--orange);
    background: rgba(255, 77, 9, 0.07);
}

.listing-portofolio .cat-cases>a:not(:last-child) {
    margin-right: 5px;
}

.listing-portofolio .btn-readmore:after {
    width: 6px;
    height: 10px;
    background-image: url(/wp-content/themes/whello/assets/icons/whello-chevron-red-right.svg);
}

.listing-portofolio .btn-readmore {
    margin-top: 20px;
    font-size: var(--text-sm);
}

.listing-portofolio .excerpt-listing,
.listing-portofolio .excerpt-listing p {
    -webkit-line-clamp: 5;
    min-height: 120px;
}

.listing-portofolio .content-item .title-listing {
    -webkit-line-clamp: 1;
}



/* LISTING BLOG POPULAR */
.listing-blog-popular .listing-item {
    width: 100%;
}

.listing-blog-popular .listing-item:not(:last-child) {
    margin-bottom: 23px;
}

.listing-blog-popular {
    color: var(--white);
}

.listing-blog-popular .listitem-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.listing-blog-popular .thumbnail-item {
    width: 80px;
}

.listing-blog-popular .thumbnail-item .image-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 80px;
    -webkit-border-radius: var(--rounded);
    -moz-border-radius: var(--rounded);
    border-radius: var(--rounded);
    overflow: hidden;
}

.listing-blog-popular .thumbnail-item img {
    width: 100%;
    height: 100%;
}

.listing-blog-popular .thumbnail-item img {
    -webkit-transition: var(--animate);
    -o-transition: var(--animate);
    -moz-transition: var(--animate);
    transition: var(--animate);
}

.listing-blog-popular .listitem-wrapper:hover .thumbnail-item img {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
}

.listing-blog-popular .content-item {
    width: -webkit-calc(100% - 80px);
    width: -moz-calc(100% - 80px);
    width: calc(100% - 80px);
    padding-left: 30px;
}

.listing-blog-popular .content-item .title-listing {
    font-size: var(--text-base);
    line-height: 1.25;
    margin-bottom: 5px;
}

.listing-blog-popular .content-item .title-listing {
    -webkit-line-clamp: 3;
}

.listing-blog-popular .content-item .author-publish {
    font-size: var(--text-sm);
    text-transform: capitalize;
}




/* TB VALUE RATING */
.wpb_text_column.tb-value-rating h2 strong {
    font-size: 22px;
}

.wpb_text_column.tb-value-rating>.wpb_wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wpb_text_column.tb-value-rating h2 {
    color: var(--blue);
    margin-bottom: 0;
}

.wpb_text_column.tb-value-rating p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0;
}



/* LOGO LABEL CUSTOMER */
.logo-label-wrapper.logo-label-customer .logo-group-item {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.logo-label-wrapper.logo-label-customer img {
    height: 80px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .8;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: var(--animate);
    -o-transition: var(--animate);
    -moz-transition: var(--animate);
    transition: var(--animate);
}

.logo-label-wrapper.logo-label-customer img:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
}




/* ROW BANNERCASE */
.vc_row.row-bannercase[data-vc-full-width] {
    overflow: visible;
}

.vc_row.row-bannercase .col-media-bannercase.wpb_column {
    padding-bottom: 80px;
}

.vc_row.row-bannercase {
    margin-left: 0;
    margin-right: 0;
}

.vc_row.row-bannercase>.vc_column_container>.vc_column-inner {
    padding-left: 0;
    padding-right: 0;
}



/* STEPS BUSINESS GROWTH */
.listing-business-growth {
    position: relative;
}

.listing-business-growth .steps-content {
    position: relative;
    z-index: 2;
}

.listing-business-growth .stepscontent-wrapper {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: var(--white);
    -webkit-box-shadow: 4.1px 2.8px 16px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 4.1px 2.8px 16px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 4.1px 2.8px 16px 0 rgba(0, 0, 0, 0.1);
    overflow: hidden;
    -webkit-transition: var(--animate);
    -o-transition: var(--animate);
    -moz-transition: var(--animate);
    transition: var(--animate);
    cursor: pointer;
}

.listing-business-growth .content-body {
    padding: 37px 42px 33px 33px;
}

.listing-business-growth .content-body h4 {
    font-size: var(--text-xl);
    line-height: 0.82;
}

.listing-business-growth .content-footer {
    display: none;
    padding: 15px 32px 16px;
    background-color: var(--blue-100);
}

.listing-business-growth .steps-item.set-active .content-footer {
    display: block;
}

.listing-business-growth .content-footer .btn-steps {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: var(--text-base);
    font-weight: 900;
}

.listing-business-growth .content-footer .btn-steps:after {
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(/wp-content/themes/whello/assets/icons/whello-icon-circle-chevron-orange.svg) center/contain no-repeat;
    margin-left: 10px;
    -webkit-transition: var(--animate);
    -o-transition: var(--animate);
    -moz-transition: var(--animate);
    transition: var(--animate);
}

.listing-business-growth .content-footer .btn-steps:hover:after {
    -webkit-transform: translateX(3px);
    -moz-transform: translateX(3px);
    -ms-transform: translateX(3px);
    -o-transform: translateX(3px);
    transform: translateX(3px);
}

.listing-business-growth .steps-background-image picture,
.listing-business-growth .steps-background-image img {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -o-object-position: 40% 10%;
    object-position: 40% 10%;
}

.listing-business-growth .steps-content-static {
    position: absolute;
    left: 0px;
    bottom: 105px;
    z-index: 1;
    width: 100%;
}

.listing-business-growth .steps-content-static h2 {
    max-width: 470px;
    color: var(--white);
}




/* ROW PROCESS RECRUITMENT - KARIR */
.vc_row.row-process-recruitment .wpb_single_image.images-process-recruitment {
    position: relative;
}

.vc_row.row-process-recruitment .wpb_single_image.images-process-recruitment:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-100%, -50%);
    -moz-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    -o-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
    display: inline-block;
    width: 201px;
    height: 50px;
    background: url(/wp-content/uploads/2023/01/snake-waves-steps-whello.svg) bottom center/cover no-repeat;
    opacity: .3;
    pointer-events: none;
}

.vc_row.row-process-recruitment>.wpb_column:first-child .wpb_single_image.images-process-recruitment:after {
    opacity: 0;
    visibility: hidden;
}

.vc_row.row-process-recruitment .wpb_single_image.images-process-recruitment .vc_figure {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 140px;
    height: 140px;
    margin: 0 auto 20px;
    -webkit-border-radius: var(--rounded-full);
    -moz-border-radius: var(--rounded-full);
    border-radius: var(--rounded-full);
    background-color: var(--white);
}

.vc_row.row-process-recruitment .process-launch.wpb_column .wpb_single_image.images-process-recruitment .vc_figure {
    background-color: var(--green);
}

.vc_row.row-process-recruitment .wpb_single_image.images-process-recruitment img {
    width: 56px;
    height: 51px;
    -o-object-fit: contain;
    object-fit: contain;
}




/* ROW TEAM PROJECT */
.vc_row.row-team-project {
    margin-left: 0;
    margin-right: 0;
    -webkit-border-radius: var(--rounded);
    -moz-border-radius: var(--rounded);
    border-radius: var(--rounded);
    background-color: var(--blue-100);
}

.vc_row.row-team-project:not(:last-child) {
    margin-bottom: 20px;
}

.vc_row.row-team-project>.wpb_column>.vc_column-inner {
    padding-left: 0;
    padding-right: 0;
}

.vc_row.row-team-project>.wpb_column:first-child {
    width: 100px;
}

.vc_row.row-team-project>.wpb_column:last-child {
    width: -webkit-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
    width: calc(100% - 100px);
    padding-left: 25px;
}

.vc_row.row-team-project .wpb_single_image.images-team-project img {
    width: 100px;
    height: 100px;
    -webkit-border-radius: var(--rounded-full);
    -moz-border-radius: var(--rounded-full);
    border-radius: var(--rounded-full);
    -o-object-fit: contain;
    object-fit: contain;
}

.vc_row.row-team-project *+p {
    margin-top: 5px;
}



/* WH SHOWCASE */
.wh-showcase {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.wh-showcase .content-showcase {
    color: var(--white);
}

.wh-showcase .content-showcase .title-heading {
    margin-bottom: 40px;
    font-size: var(--text-small-h2);
}

.wh-showcase .content-showcase h2:not(.title-heading) {
    margin-bottom: 20px;
    font-size: var(--text-small-h2);
    font-weight: 300;
}

.wh-showcase .content-showcase h2:not(.title-heading) strong {
    display: block;
    font-size: var(--text-3xl);
    font-weight: 900;
}

.wh-showcase .content-showcase .btn-readmore {
    margin-top: 30px;
}

.wh-showcase .side-showcase {
    position: relative;
    padding-bottom: 80px;
}

.side-showcase .badge-showcase {
    position: absolute;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 175px;
    height: 175px;
    padding: 10px;
    -webkit-border-radius: var(--rounded-full);
    -moz-border-radius: var(--rounded-full);
    border-radius: var(--rounded-full);
    font-size: var(--text-xl);
    line-height: 1.25;
    font-weight: 900;
    text-align: center;
    color: var(--white);
    background-color: var(--orange);
}

.side-showcase.pos-badge-topleft .badge-showcase,
.side-showcase.pos-badge-topright .badge-showcase {
    top: -35px;
}

.side-showcase.pos-badge-bottomleft .badge-showcase,
.side-showcase.pos-badge-bottomright .badge-showcase {
    bottom: -35px;
}

.side-showcase.pos-badge-bottomleft .badge-showcase,
.side-showcase.pos-badge-topleft .badge-showcase {
    left: -35px;
}

.side-showcase.pos-badge-bottomright .badge-showcase,
.side-showcase.pos-badge-topright .badge-showcase {
    right: -35px;
}

.side-showcase .badge-showcase:after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 30px;
    height: 40px;
    background-color: var(--orange);
}

.side-showcase.pos-badge-topleft .badge-showcase:after {
    bottom: 30px;
    right: 0px;
    -webkit-transform: rotate(70deg);
    -moz-transform: rotate(70deg);
    -ms-transform: rotate(70deg);
    -o-transform: rotate(70deg);
    transform: rotate(70deg);
}

.side-showcase.pos-badge-topright .badge-showcase:after {
    bottom: 30px;
    left: 0px;
    -webkit-transform: rotate(-70deg);
    -moz-transform: rotate(-70deg);
    -ms-transform: rotate(-70deg);
    -o-transform: rotate(-70deg);
    transform: rotate(-70deg);
}

.side-showcase.pos-badge-bottomleft .badge-showcase:after {
    top: 30px;
    right: 0;
    -webkit-transform: rotate(-70deg);
    -moz-transform: rotate(-70deg);
    -ms-transform: rotate(-70deg);
    -o-transform: rotate(-70deg);
    transform: rotate(-70deg);
}

.side-showcase.pos-badge-bottomright .badge-showcase:after {
    top: 30px;
    left: 0px;
    -webkit-transform: rotate(70deg);
    -moz-transform: rotate(70deg);
    -ms-transform: rotate(70deg);
    -o-transform: rotate(70deg);
    transform: rotate(70deg);
}



/* SINGLE - RELATED */
.related-single .title-related {
    text-align: center;
    margin-bottom: 40px;
}

.thumb-portfolio .vc_single_image-wrapper > img {
    width: 80px;
    height: 80px;
    -o-object-fit: contain;
       object-fit: contain;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background-color: #fff;
}

/* TAXONOMY LINK */
.taxonomy-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0;
    list-style: none;
}

.taxonomy-link .taxonomy-link-item {
    width: auto;
    margin-top: 0;
}

.taxonomy-link .taxonomy-link-item:not(:last-child) {
    margin: 0 15px 15px 0;
}

.taxonomy-link-item .btn-taxonomy {
    display: block;
    padding: 12px 20px;
    -webkit-border-radius: var(--rounded-full);
    -moz-border-radius: var(--rounded-full);
    border-radius: var(--rounded-full);
    color: var(--black);
    font-weight: 700;
    background: rgba(13, 128, 215, 0.08);
    -webkit-transition: var(--animate);
    -o-transition: var(--animate);
    -moz-transition: var(--animate);
    transition: var(--animate);
}

.taxonomy-link-item .btn-taxonomy.active,
.taxonomy-link-item .btn-taxonomy:hover {
    color: var(--white);
    background-color: var(--blue);
}



/* PAGINATION PREVNEXT */
.pagination-prevnext .prevnext-item {
    width: 100%;
}

.pagination-prevnext .prevnext-item:not(:last-child) {
    margin-bottom: 20px;
}

.pagination-prevnext .cta-prevnext {
    position: relative;
    display: block;
    font-size: var(--text-md);
    font-weight: 500;
    color: var(--blue);
    line-height: 1.25;
}

.pagination-prevnext .cta-prevnext strong {
    display: block;
    font-size: var(--text-small-h2);
    font-weight: 900;
    color: var(--black);
}

.pagination-prevnext .cta-prevnext:after {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    width: 53px;
    height: 53px;
    background: url(/wp-content/themes/whello/assets/icons/whello-icon-circle-chevron-orange.svg) center/contain no-repeat;
    -webkit-transition: var(--animate);
    -o-transition: var(--animate);
    -moz-transition: var(--animate);
    transition: var(--animate);
}

.pagination-prevnext .pag-next .cta-prevnext {
    padding-right: 65px;
}

.pagination-prevnext .pag-prev .cta-prevnext {
    padding-left: 65px;
}

.pagination-prevnext .pag-next .cta-prevnext:after {
    right: 0;
}

.pagination-prevnext .pag-prev .cta-prevnext:after {
    left: 0;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.pagination-prevnext .pag-next .cta-prevnext:hover:after {
    -webkit-transform: translateY(-50%) translateX(3px);
    -moz-transform: translateY(-50%) translateX(3px);
    -ms-transform: translateY(-50%) translateX(3px);
    -o-transform: translateY(-50%) translateX(3px);
    transform: translateY(-50%) translateX(3px);
}

.pagination-prevnext .pag-prev .cta-prevnext:hover:after {
    -webkit-transform: translateY(-50%) translateX(-3px) rotate(180deg);
    -moz-transform: translateY(-50%) translateX(-3px) rotate(180deg);
    -ms-transform: translateY(-50%) translateX(-3px) rotate(180deg);
    -o-transform: translateY(-50%) translateX(-3px) rotate(180deg);
    transform: translateY(-50%) translateX(-3px) rotate(180deg);
}

.single .pagination-prevnext .cta-prevnext strong {
    font-size: var(--text-xl);
}




/* ROW BLOG SIDEBAR */
.row-blog-sidebar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.row-blog-sidebar .aside-blog-wrapper {
    position: relative;
    height: 100%;
}

.row-blog-sidebar .aside-blog-sidebar {
    background-color: var(--blue);
}

.row-blog-sidebar .aside-blog-wrapper .aside-scrolling {
    position: -webkit-sticky;
    position: sticky;
}

.aside-blog-sidebar ul {
    padding: 0;
    list-style: none;
}

.aside-blog-sidebar li {
    font-size: var(--text-md);
    line-height: 1.25;
    -webkit-transition: var(--animate);
    -o-transition: var(--animate);
    -moz-transition: var(--animate);
    transition: var(--animate);
}

.aside-blog-sidebar li:hover {
    -webkit-transform: translateX(3px);
    -moz-transform: translateX(3px);
    -ms-transform: translateX(3px);
    -o-transform: translateX(3px);
    transform: translateX(3px);
}

.aside-blog-sidebar li+li {
    margin-top: 20px;
}

.aside-blog-sidebar li a {
    position: relative;
    display: block;
    padding-right: 20px;
}

.aside-blog-sidebar li a:after {
    content: '';
    position: absolute;
    right: 0;
    top: 4px;
    display: inline-block;
    width: 9px;
    height: 15px;
    background: url(/wp-content/themes/whello/assets/icons/whello-chevron-white-right.svg) center/contain no-repeat;
    -webkit-transition: var(--animate);
    -o-transition: var(--animate);
    -moz-transition: var(--animate);
    transition: var(--animate);
}




/* SEARCH RESULT */
.article-search-result {
    width: 100%;
    max-width: 920px;
    margin: 0 auto;
}

.article-search-result .entry-header {
    text-align: center;
}

.box-filter-search {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 34px;
}

.filter-search {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
}

.filter-search .filter-sort {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.box-filter-search>h3 {
    color: var(--black);
    margin: 0;
}

.filter-sort .text-sort {
    min-width: 86px;
}

.filter-search .text-resultaten:after {
    content: '|';
    margin-right: 5px;
}

.filter-sort select {
    min-width: 220px;
    padding: 10px 24px;
    padding-right: 40px;
}

.search-result--item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.search-result--item .search-result--thumbnail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
}

.search-result--item .content-item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.667%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 66.667%;
    flex: 0 0 66.667%;
}

.search-result--item {
    margin-bottom: 40px;
}

.search-result--item .search-result--thumbnail img {
    -o-object-fit: contain;
    object-fit: contain;
    height: 220px;
    background-color: var(--transparent);
}

.excerpt-search p {
    margin: 0;
}

.excerpt-search p,
.search-result--item .content-item .title-listing {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}

.search-result--item .content-item .title-listing {
    margin-bottom: 8px;
}

.search-result--item .content-item .btn-readmore {
    margin-top: 16px;
}

.search-result--grid>.text-no-result {
    display: none;
}




/* ROW WAVES MOVES */
.vc_row.row-waves-moves {
    position: relative;
}

.vc_row.row-waves-moves:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    height: 578px;
    background: url(/wp-content/uploads/2022/07/wave-pattern-whello.svg);
    -webkit-animation: waveBackground 100s linear infinite;
    -moz-animation: waveBackground 100s linear infinite;
    -o-animation: waveBackground 100s linear infinite;
    animation: waveBackground 100s linear infinite;
}

@-webkit-keyframes waveBackground {
    from {
        background-position: 0 0;
    }

    to {
        background-position: -10000px 0;
    }
}

@-moz-keyframes waveBackground {
    from {
        background-position: 0 0;
    }

    to {
        background-position: -10000px 0;
    }
}

@-o-keyframes waveBackground {
    from {
        background-position: 0 0;
    }

    to {
        background-position: -10000px 0;
    }
}

@keyframes waveBackground {
    from {
        background-position: 0 0;
    }

    to {
        background-position: -10000px 0;
    }
}



/* BANNER AUTHOR */
.banner-author {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-top: 80px;
    -webkit-border-radius: var(--rounded-xl);
    -moz-border-radius: var(--rounded-xl);
    border-radius: var(--rounded-xl);
    background-color: var(--blue);
}

.banner-author .banner-meta-author {
    margin-top: 20px;
    text-align: center;
    color: var(--white);
}

.banner-author .content-banner-author .metapost-tag {
    display: inline-block;
    padding: 10px 17px;
    -webkit-border-radius: var(--rounded-full);
    -moz-border-radius: var(--rounded-full);
    border-radius: var(--rounded-full);
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--black);
    background-color:
        var(--white);
    margin-bottom: 24px;
}

.banner-author .content-banner-author h2 {
    margin-top: 0px;
}

.banner-author .content-banner-author {
    color: var(--white);
}

.banner-author .banner-cta-author {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: var(--padding-button);
    border: 2px solid var(--orange);
    -webkit-border-radius: var(--rounded-full);
    -moz-border-radius: var(--rounded-full);
    border-radius: var(--rounded-full);
    color: var(--white);
    font-size: var(--text-lg);
    font-weight: 900;
    line-height: 1.25;
    background-color: var(--orange);
}

.banner-author .banner-cta-author:hover {
    border-color: var(--blue-300);
    background-color: var(--blue-300);
}

.banner-author .banner-cta-author {
    margin-top: 24px;
}

.banner-author .banner-cta-author:after {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-left: 10px;
    background: url(/wp-content/themes/whello/assets/icons/whello-icon-coffee-white.svg) center/contain no-repeat;
    -webkit-transition: var(--animate);
    -o-transition: var(--animate);
    -moz-transition: var(--animate);
    transition: var(--animate);
}

.banner-author .banner-cta-author:hover:after {
    -webkit-transform: translateX(3px);
    -moz-transform: translateX(3px);
    -ms-transform: translateX(3px);
    -o-transform: translateX(3px);
    transform: translateX(3px);
}

.single-post .site-article--wrapper .banner-author h2 {
    margin-top: 0;
    margin-bottom: 24px;
    font-size: var(--text-small-h2);
}

.banner-meta-author a,
.banner-meta-author a:hover {
    color: var(--white);
}

img#gform_ajax_spinner_3,
img#gform_ajax_spinner_1,
img#gform_ajax_spinner_16,
img#gform_ajax_spinner_10,
img#gform_ajax_spinner_5,
img#gform_ajax_spinner_7,
img#gform_ajax_spinner_2,
img#gform_ajax_spinner_6,
img#gform_ajax_spinner_16,
img#gform_ajax_spinner_14 {
    width: 15px;
    height: 15px;
    right: 25px;
    top: 1px;
}


/* adding styling infolist-icon infolist-cat */
.infolist-icon.infolist-cat a+a {
    padding-left: 6px;
    position: relative;
}

.infolist-icon.infolist-cat a+a::before {
    content: ', ';
    position: absolute;
    left: 0;
    top: 0;
}



/* SHAREPOST */
.share-post {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.share-post .share-item {
    width: auto;
    margin: 0;
}

.share-post .share-item:not(:last-child) {
    margin-right: 10px;
}

.share-post .share-item img {
    width: 30px;
    height: 30px;
    -o-object-fit: contain;
    object-fit: contain;
}

.share-post .share-item button {
    padding: 0;
}

.result-clipboard {
    border: 1px solid #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 15px;
}

.text-clipboard {
    position: absolute;
    opacity: 0;
}

.result-clipboard {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.result-clipboard:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 15px;
    background: url(/wp-content/uploads/2023/05/icon-copy.png);
}

.result-clipboard {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 10;
    width: auto;
    padding: 16px 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: none;
    -webkit-box-shadow: var(--shadow);
    -moz-box-shadow: var(--shadow);
    box-shadow: var(--shadow);
    margin: 0;
    opacity: 0;
    visibility: hidden;
    font-size: var(--text-base);
    font-weight: 600;
    background-color: var(--white);
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    -o-transform: translateY(20%);
    transform: translateY(20%);
    -webkit-transition: var(--duration);
    -o-transition: var(--duration);
    -moz-transition: var(--duration);
    transition: var(--duration);
    pointer-events: none;
}

.result-clipboard.active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
}

.wrapper-result {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.desc-result {
    font-size: 14px;
    opacity: 0.8;
    margin-top: 10px;
}

.col-flex--wrapper.wpb_column .share-post {
    margin-left: 24px;
}

.vc_row.row-sharepost .share-post {
    margin-left: 14px;
}

.vc_row.row-sharepost {
    margin-bottom: 20px;
    font-size: var(--text-xs);
}

/* custom newsletter --rodhian */
.row-content-sidebar-newsletter .row-content-newsletter>.wpb_column>.vc_column-inner>.wpb_wrapper {
    padding: 30px;
    background-color: var(--blue-100);
    -webkit-border-radius: var(--rounded-lg);
       -moz-border-radius: var(--rounded-lg);
            border-radius: var(--rounded-lg);
    -webkit-box-shadow: var(--shadow);
       -moz-box-shadow: var(--shadow);
            box-shadow: var(--shadow);
}

.row-blog-sidebar .heading-newsletter {
	color: var(--white);
	max-width: 278px;
}

.row-content-newsletter img.gform_ajax_spinner {
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 20px;
    right: 35px;
}

.single-post .row-content-newsletter img.gform_ajax_spinner {
    bottom: 50px;
    right: 65px;
}

.row-content-newsletter div.gfield_checkbox>div.gchoice {
    width: 50%;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.row-content-newsletter div.gfield_checkbox>div.gchoice>input {
    -webkit-flex-basis: 22px;
        -ms-flex-preferred-size: 22px;
            flex-basis: 22px;
}

.row-content-newsletter div.gfield_checkbox>div.gchoice>label {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.row-blog-sidebar .gfield.gfield--type-checkbox {
    color: var(--white);
}

/* -- End General Style -- */

/*STYLE SEO TOOLS PAGE*/
.section-title-seo-tools .vc_col-sm-8 .vc_column-inner {
    max-width: 750px;
    margin: auto;
}

.section-form-seo-tools .vc_col-sm-6.vc_col-has-fill>.vc_column-inner {
    -webkit-border-radius: 25px;
       -moz-border-radius: 25px;
            border-radius: 25px;
}

.section-form-seo-tools .vc_col-sm-6.vc_col-has-fill p, 
.section-form-seo-tools .vc_col-sm-6.vc_col-has-fill h4, 
.section-form-seo-tools .vc_col-sm-6.vc_col-has-fill a {
    color: var(--white);
}

.section-author img {
    width: 110px;
}

.section-form-seo-tools .vc_col-sm-6:not(.vc_col-has-fill)>.vc_column-inner {
    border: 1px solid #E2E2E2;
    -webkit-border-radius: 25px;
       -moz-border-radius: 25px;
            border-radius: 25px;
}


.section-form-seo-tools a.cta-whbutton img {
    background-color: var(--white);
    padding: 7px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}

.section-author p~p {
    margin-top: 0;
}

.title-form-seo h4 {
    font-size: var(--text-small-h2);
}

.section-form-seo-tools .gform_wrapper .gform_footer {
    margin-top: 0px;
}

.section-jasa-seo a.cta-whbutton img {
    background-color: var(--orange);
    padding: 10px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}

.section-logo-client h4 {
    font-size: 32px;
    color: var(--blue);
    font-weight: 400;
    margin-bottom: 10px;
}

.section-logo-client  h3 {
    font-size: 44px;
    margin-bottom: 35px;
}

.section-logo-client .vc_column_container>.vc_column-inner {
    padding: 0;
}

.section-logo-client  p {
    max-width: 730px;
    margin: auto;
}

/*.section-jasa-seo .vc_col-sm-4 {
    margin-top: 50px;
}*/

.gform_required_legend {
    display: none;
}

.gform_ajax_spinner {
    display: none;
}
/*END STYLE SEO TOOLS PAGE*/

/*EN PAGE STYLE*/
.page-template-template-EN-page .site-header .navbar-header>.container {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

ul#lang-menu {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}

.site-header .site-button-call {
    margin-right: 30px;
}

/*.page-template-template-EN-page .site .hamburger-menu {
    display: none;
}*/

#lang-menu .menu-item-has-children>.icon-submenu {
    display: block;
}

.list-button-service .cta-whbutton .icon-cta {
    width: 12px;
    min-width: 12px;
    height: 20px;
    min-height: 20px;
    margin-left: 5px;
}

.list-button-service .wpb_wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.list-button-service .whbutton-wrapper {
    margin-bottom: 20px;
}

.section-download-ebook .gform_page_footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.page-id-42405 .pattern-waves-top-blue:before,
.our-clients-seo-lp:after {
    background-color: #f1f5fe;
}

#story-clients .total-seo-wrapper p {
    color: var(--color-title-total);
}

.section-download-ebook .gform_wrapper .gform_next_button {
    width: auto;
}

/* ------------------------------------------
            New Template Form Google Ads
-------------------------------------------*/

/*.radio-hide .ginput_container.ginput_container_radio {
    display: none;
}*/



body .long-title-field legend.gfield_label.gform-field-label {
    padding-right: 95px;
}

.list-special-weight > .general-package ul li a {
    font-weight: 500;
}

.new-version-card .content-package h2:after {
    content: '';
    background: url(/wp-content/uploads/2023/08/skb-icon.svg) center/cover no-repeat;
    width: 13px;
    height: 13px;
    margin-top: -15px;
}

.special-weight strong {
    font-weight: 700;
    margin-top: 20px;
}

.special-blue-section h2,
.special-blue-section p,
.special-blue-section ol li {
    color: #fff;
}

.special-blue-section ol {
    margin-top: 15px;
}

.special-blue-section h2 {
    font-size: 60px;
}

.page-id-20233 .tb-supertitle.special-strong .wpb_wrapper p:last-child{
    margin-top:0;
}

.special-faqs .vc_tta-accordion .vc_active .vc_tta-panel-title>a {
    padding-bottom: 0px;
}

.special-faqs .vc_tta-accordion .vc_tta-panel-title i {
    background-color: transparent;
}

.special-faqs .vc_active .vc_tta-panel-body {
    padding-left: 75px;
}

.special-faqs h4.vc_tta-panel-title a:before {
    background-color: #fff;
    width: 37px;
    height: 37px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    margin-right: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.special-faqs .vc_active h4.vc_tta-panel-title a:before {
    color: #167EE6;
}

.special-faqs .vc_tta-panels .vc_tta-panel:nth-child(1) h4.vc_tta-panel-title a:before {
    content: '1';
}

.special-faqs .vc_tta-panels .vc_tta-panel:nth-child(2) h4.vc_tta-panel-title a:before {
    content: '2';
}

.special-faqs .vc_tta-panels .vc_tta-panel:nth-child(3) h4.vc_tta-panel-title a:before {
    content: '3';
}

.special-faqs .vc_tta-panels .vc_tta-panel:nth-child(4) h4.vc_tta-panel-title a:before {
    content: '4';
}

.special-faqs .vc_tta-panels .vc_tta-panel:nth-child(5) h4.vc_tta-panel-title a:before {
    content: '5';
}

.special-faqs .vc_tta-panels .vc_tta-panel:nth-child(6) h4.vc_tta-panel-title a:before {
    content: '6';
}

.special-faqs .vc_tta-accordion .vc_active .vc_tta-panel-title {

}

.special-faqs .vc_tta-accordion .vc_active .vc_tta-panel-title i:before, 
.special-faqs .vc_tta-accordion .vc_active .vc_tta-panel-title i:after,
.special-faqs .vc_tta-accordion .vc_tta-panel-title i:after,
.special-faqs .vc_tta-accordion .vc_tta-panel-title i:before {
    display: none;
}

.special-faqs .vc_tta-accordion .vc_active .vc_tta-panel-title i{
    background: url(/wp-content/uploads/2023/08/whello-chevron-white-down.svg) center/contain no-repeat;
}

.special-faqs .vc_tta-accordion .vc_tta-panel-title i{
    background: url(/wp-content/uploads/2023/08/whello-chevron-white-right-1.svg) center/contain no-repeat;
    width: 10px;
    height: 10px;
}

.special-faqs .listing-accordion .toggle-onactive .header-accordion .icon-collapse-accordion, .vc_tta-accordion .vc_active .vc_tta-panel-title i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.package-card .content-package h2 strong:first-child {
    margin-left: 0;
    margin-right: 12px;
}


/* -- Ads Generator Style -- */

@media all and (min-width: 901px) { 
    .special-width p {
        max-width: 722px;
        margin: 0 auto;
    }

    .column-form.result-loaded > .vc_column-inner > .wpb_wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
           -moz-box-orient: horizontal;
           -moz-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
           -moz-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

    .section-result.section-preview.sample-ad5,
    .section-result.result-display {
        width: 50%;
    }

    .section-result.section-preview.sample-ad5 {
        padding-left: 30px;
    }
}

@media all and (min-width: 901px) and (max-width: 1299px) { 
    .vc_row.section-form-seo-tools.generate-advert-tool .column-form.wpb_column.result-loaded {
        padding-left: 15px;
    }
}



.vc_row.wpb_row.vc_row-fluid.section-jasa-ads {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.gform_footer.top_label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.generate-advert-tool .gform_ajax_spinner{
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 40px;
    height: 40px;
    margin-left: 30px;
}

.section-result.result-display > div:not(:last-child) {
    margin-bottom: 24px;
}

.vc_row.section-form-seo-tools.generate-advert-tool > .result-loaded > .vc_column-inner {
    width: 100%;
    margin-right: 0;
    padding: 0;
    border: none;
}

.result-block.block-headlines h3 {
    font-size: 22px;
    font-weight: 700;
}

.section-result.section-preview.sample-ad5 h2 {
    font-size: 30px;
    font-weight: 900;
}

.section-result.result-display {
    -webkit-border-radius: 20px;
       -moz-border-radius: 20px;
            border-radius: 20px;
    border: 1px solid #E2E2E2;
    background: #FFF;
    padding: 40px;
}


.wpb_text_column.table-thr table {
    width: 100%;
}

.section-sample .short-headlines {
    line-height: normal;
    display: inline-block;
}

.section-sample .short-headlines span:first-child {
    padding-left: 0;
}

.short-headlines span {
    padding: 0 5px;
}

.short-headlines {
    color: #808080;
}

.section-sample {
    -webkit-border-radius: 20px;
       -moz-border-radius: 20px;
            border-radius: 20px;
    border: 1px solid #E2E2E2;
    background: #FFF;
    padding: 30px;
}

.section-result.section-preview.sample-ad5 .section-sample:not(:last-child) {
    margin-bottom: 30px;
}

.generate-advert-tool .wpb_content_element.title-form-seo {
    width: 100%;
}

.section-result.section-preview.sample-ad5,
.section-result.result-display {
    margin-top: 40px;
}

.section-sample .breadcrumbs:before {
    content: 'Ad';
    color: #808080;
    font-weight: 800;
    font-size: 10px;
    display: inline-block;
    margin-right: 5px;
}

.short-headlines {
    color: #0D80D7;
    font-size: 16px;
    font-weight: 700;
    margin-top: 5px;
}

.description,
.long-headline {
    font-size: 14px;
}

.short-headlines {
    font-size: 12px;
}

.section-sample .short-headlines span {
    font-size: 16px;
}

.site-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin-top: 12px;
}

.site-link > div {
    width: 50%;
    margin-bottom: 12px;
}

.link-item .title {
    color: #0D80D7;
    font-size: 16px;
    font-weight: 700;
    display: block;
}

.link-item .description {
    font-size: 14px;
    font-weight: 400;
    display: block;
    line-height: normal;
}

.section-sample .breadcrumbs {
    font-size: 10px;
    color: #808080;
}

/*End of ADS generator*/

/*Start NEW LANDING PAGE JASA IKLAN GOOGLE*/

.col-wa-background .vc_column-inner>.wpb_wrapper {
    background-color: #F1F5FE;
    padding: 25px;
    -webkit-border-radius: 16px;
       -moz-border-radius: 16px;
            border-radius: 16px;
}

.row-konversi-ads .col-content-icontext * {
    font-size: 20px;
    margin-bottom: 0;
}

.row-konversi-ads .icon-text-wrapper .col-icontext {
    width: 30px;
    height: 30px;
}

.row-konversi-ads .icon-text-wrapper .col-content-icontext {
    width: -webkit-calc(100% - 30px);
    width: -moz-calc(100% - 30px);
    width: calc(100% - 30px);
}

.row-konversi-ads .icon-text-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.wc-client-item {
    width: 33.3%;
    position: relative;
    padding-right: 15px;
}
.wc-client-item:not(:first-child){
    padding-left: 15px;
}

.wc-col-image {
    width: 40%;
    min-width: 250px;
}

.wc-col-image img {
    -webkit-border-radius: 20px;
       -moz-border-radius: 20px;
            border-radius: 20px;
}

.wc-col-content {
    -webkit-border-radius: 20px;
       -moz-border-radius: 20px;
            border-radius: 20px;
    background: #FFF;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
       -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
            box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
    position: relative;
    top: -100px;
    margin-right: 0;
    margin-left: auto;
}

.content-conversion {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.item-conversion p {
    font-size: 12px;
}

.item-conversion p strong {
    color: #FF4D09;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
}

.item-conversion p+p {
    margin-top: 0;
}

.wc-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
}

.vc_row.left-container {
    padding-right: 0!important;
}

.number_paging {
    color: #0D80D6;
    font-size: 20px;
    font-weight: 800;
    list-style: none;
    padding-left: 0;
    left: -webkit-calc(50% - 21px);
    left: -moz-calc(50% - 21px);
    left: -webkit-calc(50% - 21x);
    left: -moz-calc(50% - 21x);
    left: calc(50% - 21x);
    bottom: 0;
    position: absolute;
}

.number_paging li.slick-active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
}

.number_paging li {
    display: none;
}

.slick-slider .slick-arrow.slick-blue-prev {
    background-image: url(/wp-content/uploads/2023/12/icon-arrow-slider-left.svg);
    left: -webkit-calc(50% - 88px);
    left: -moz-calc(50% - 88px);
    left: calc(50% - 88px);
}

.slick-slider .slick-arrow.slick-blue-next {
    background-image: url(/wp-content/uploads/2023/12/icon-arrow-slider-right.svg);
    right: -webkit-calc(50% - 88px);
    right: -moz-calc(50% - 88px);
    right: calc(50% - 88px);
}

.slick-slider .slick-arrow.slick-blue-prev,
.slick-slider .slick-arrow.slick-blue-next {
    bottom: 0;
    top: auto;
    height: 30px;
}

.new-package-card .package-card .content-header-package .subheading-package {
    --text-xl: 24px;
}

.new-package-card .content-package h5 {
    color: #FF4D09;
    margin-top: 20px;
    margin-bottom: 0;
}

.new-package-card .package-card .content-package h2 {
    color: #170F49;
    font-weight: 700;
    --text-3xl: 54px;
}

.space-subheading.package-card .content-package h2 strong:first-child {
    margin-left: 10px;
    margin-right: 0;
}

.new-package-card .package-card .footer-package h5 img {
    width: 18px;
    height: 18px;
    top: -2px;
}

.icon-top-center.icon-text-wrapper .col-icontext {
    width: 60px;
    height: 60px;
    bottom: -25px;
    position: relative;
    z-index: 1;
}

.background-soft-blue.icon-text-wrapper .col-content-icontext {
    width: 100%;
    background-color: #F1F5FE;
    padding: 40px 20px 20px;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    text-align: center;
    position: relative;
    z-index: -1;
}

.background-soft-blue.icon-text-wrapper .col-content-icontext h5 {
    font-weight: 900;
}

.icon-text-wrapper.icon-top-center:hover .col-icontext {
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
}

.wpb_text_column.tb-supertitle.supertitle-normal h2:first-of-type {
    font-weight: 500;
}

.strong-with-arrow p strong:after {
    content: "";
    background: url(/wp-content/uploads/2023/12/strong-arrow.svg) bottom/contain no-repeat;
    width: 18px;
    height: 18px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 3px;
}

.strong-700 strong{
    font-weight: 700;
}
/*End NEW LANDING PAGE JASA IKLAN GOOGLE*/

/*Start Whatsapp Landing Page*/
.blue-subheading h2 {
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 0;
    color: var(--blue);
}

body .wpb_text_column.tb-supertitle.text-highlight h2 strong {
    color: var(--blue);
    width: auto;
    display: inline-block;
    font-size: 30px;
    font-weight: 700;
}

.wpb_text_column.wpb_content_element.tb-supertitle.text-hightlight p strong {
    font-weight: 700;
}

.wpb_text_column.wpb_content_element.tb-supertitle.text-special-weight h2 {
    font-weight: 500;
}


/*End Whatsapp Landing Page*/


#career-path .listing-karir .listitem-wrapper:hover .content-footer {
    background-color: #0D80D7;
}



#career-path .listing-karir .btn-readmore {
    color: #fff;
}

#career-path .listitem-wrapper {
    -webkit-box-shadow: 4px 3px 16px 0 rgba(0,0,0,0.1);
       -moz-box-shadow: 4px 3px 16px 0 rgba(0,0,0,0.1);
            box-shadow: 4px 3px 16px 0 rgba(0,0,0,0.1);
    height: 100%;
}

#whhelloers-say .col-content-icontext {
    z-index: auto;
    background-color: var(--white);
    padding: 40px 30px 30px;
}

#whhelloers-say .col-content-icontext p {
    font-weight: 600;
    text-align: left;
}

#whhelloers-say .col-content-icontext p:nth-child(3) {
    color: #FF4D09;
    font-style: italic;
    margin-bottom: 15px;
}

#whhelloers-say .icon-top-center.icon-text-wrapper .col-icontext {
    width: 90px;
    height: 90px;
}

#whhelloers-say .col-content-icontext h3 {
    font-size: 18px;
    margin-bottom: 0;
    text-align: left;
}

.video-career-path .plyr--video{
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
}

.icon-text-wrapper.icon-size--small.perks-item .col-content-icontext {
    padding-left: 15px;
}

.perks-item .col-content-icontext h4 {
    font-size: 20px;
    margin-bottom: 10px;
}

.icon-text-wrapper.perks-item:hover .col-icontext {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}

.perks-listing .perks-item {
    position: relative;
    margin-bottom: 20px;
}

.perks-item:after {
    content: '';
    position: absolute;
    left: 3%;
    top: 35px;
    bottom: 0;
    display: inline-block;
    width: 1px;
    height: -webkit-calc(100% - 40px);
    height: -moz-calc(100% - 40px);
    height: calc(100% - 40px);
    background-color: #000000;
    opacity: 10%;
}

.whello-review #accurate-data > .vc_column-inner {
    position: relative;
}

.whello-review .slick-slider .slick-arrow {
        top: -135px;
}

.whello-review .slick-slider .slick-prev.slick-arrow {
    right: 60px;
    left: auto;
}

.whello-review .slick-slider .slick-prev.slick-arrow {
    background-image: url(/wp-content/uploads/2024/03/Group-40228.png);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.listing-karir.listing-career .listing-item {
    padding: 15px;
}

.listing-karir.slick-slider.listing-career .slick-track {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
       -moz-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.listing-karir.slick-slider .slick-next.slick-arrow {
    right: 15px;
}

.listing-karir.listing-career .listing-item:not(:last-child) {
    margin-bottom: 0px;
}

.listing-karir.listing-career .listitem-wrapper:hover .content-footer{
    opacity: 0;
    visibility: hidden;
}



.listing-karir.listing-career .listitem-wrapper:hover {
    padding-bottom: 0px;
}

#career-path .listing-karir.listing-career .listitem-wrapper:hover {
    padding-bottom: 33px;
}

.listing-karir.listing-career .listitem-wrapper .content-footer {
    background-color: #0D80D7;
}

.listing-karir.listing-career .btn-readmore:after {
    background: url(/wp-content/uploads/2024/03/Group-12.png) center / contain no-repeat;
}

#career-path .listing-karir, #career-path .slick-list, #career-path .listitem-wrapper {
    overflow: visible;
}

.listing-karir.listing-career .listing-item .content-footer {
    bottom: auto;
    top: -webkit-calc(100% - 6px);
    top: -moz-calc(100% - 6px);
    top: calc(100% - 6px);
    -webkit-border-bottom-left-radius: 15px;
       -moz-border-radius-bottomleft: 15px;
            border-bottom-left-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
       -moz-border-radius-bottomright: 15px;
            border-bottom-right-radius: 15px;
}

#anchor-pilihan-konsultasi {
    display: none;
}

#special-alignment .vc_row.left-container {
    padding-left: 0!important;
}

#special-alignment .slick-slider .slick-track {
    padding-left: -webkit-calc((100% - var(--container)) / 1);
    padding-left: -moz-calc((100% - var(--container)) / 1);
    padding-left: calc((100% - var(--container)) / 1);
    
}

#special-alignment .slick-slider .slick-list.draggable {
    padding-right: -webkit-calc((100% - var(--container)) / 2);
    padding-right: -moz-calc((100% - var(--container)) / 2);
    padding-right: calc((100% - var(--container)) / 2);
}

/*wa conversion pages*/
#popupTidy {
    display: none; 
    position: fixed;
    top: 70px;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    overflow-y: scroll;
    background-color: #ffffff;
}

#popupTidy.active {
    display: block;
}

.row-konversi-ads .cta-whbutton .label-cta {
    --text-md: 14px;
    margin-top: 20px;
}

.section-ingin-sukses h4 {
    font-size: var(--text-md);
    color: #3399FF;
    margin-bottom: 0;
    font-weight: 600;
}

.section-ingin-sukses h3 {
    font-size: var(--text-xl);
    margin-bottom: 0;
}

.section-ingin-sukses .cta-whbutton .label-cta{
    font-size: 14px;
}

.section-ingin-sukses .cta-whbutton .icon-cta {
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
}

.section-ingin-sukses .cta-whbutton {
    margin-top: 20px;
}

.section-ingin-sukses .package-card .general-package {
    background-color: #F1F5FE;
    border-color: #F1F5FE;
}

.section-ingin-sukses .package-card .col-main-btn-package {
	margin-top: 15px;
}

.section-ingin-sukses .package-card .figure-package {
    background-color: #fff;
    border: 1px solid #E2E2E2;
}

.section-ingin-sukses .package-card .general-package .btn-main-package {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    background-color: transparent;
    border: none;
    color: #FF4D09;
    padding: 0;
    font-size: 14px;
}

.section-ingin-sukses .package-card .general-package .btn-main-package:after {
    content: '';
    background-image: url('/wp-content/themes/whello/assets/icons/whello-arrowbow-red-right.svg');
    width: 20px;
    height: 20px;
    display: inline-block;
    -webkit-background-size: contain;
       -moz-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
    background-repeat: no-repeat;
    margin-left: 10px;
}



.section-paket-jasa .figure-package {
    display: none;
}

.section-paket-jasa .package-card .header-package .content-header-package {
    width: 100%;
    padding-left: 0;
}

.section-paket-jasa .package-card .content-package h2 {
    font-size: 28px;
}

.wpb_content_element.content-text-box {
    border: 1px solid #167EE6;
    background-color: rgb(22 126 230 / 20%);
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    padding: 15px 20px;
    margin-top: 20px;
}

.content-text-box h5 {
    font-size: 18px;
    color: #FF4D09;
    font-weight: 900;
    margin-bottom: 0;
}

.content-text-box h5:after {
    content: '';
    background-image: url(/wp-content/uploads/2024/03/fi_14676152.svg);
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 10px;
}

.content-text-box p {
    margin-top: 5px;
}

.section-keunggulan-ads h5 {
    margin-bottom: 5px;
}

.waves-soft-blue ~ .waves-dark-blue .pattern-waves-top-softblue:before {
    background-color: #F1F5FE;
}

.whbutton-fill--softblue .cta-whbutton {
    background-color: var(--blue-100);
    border-color: var(--blue-100);
}

.whbutton-fill--softblue .cta-whbutton:hover {
    background-color: var(--blue);
    border-color: var(--blue);
}

.button--active .whbutton-fill--softblue .cta-whbutton {
    background-color: var(--blue);
    border-color: var(--blue);
}

.button--active .whbutton-colorhvr--white .cta-whbutton {
    color: var(--white);
}

.whbutton-fill--softblue .cta-whbutton:hover img{
    -webkit-filter: invert(1);
            filter: invert(1);
}

.button--active .whbutton-fill--softblue .cta-whbutton img{
    -webkit-filter: invert(1);
            filter: invert(1);
}

.whbutton-fill--softblue .cta-whbutton img{
    -webkit-filter: invert(0);
            filter: invert(0);
}

.tab-content-wrapper .item-tab-image {
    max-height: 600px;
    -o-object-fit: contain;
       object-fit: contain;
}

.content-groups, .row-tab-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.tab-button .wh-button {
    margin-bottom: 20px;
}

.tab-button .cta-whbutton {
    width: 100%;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
       -moz-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    padding-top: 16px;
    padding-bottom: 16px;
}

.tab-button .cta-whbutton .label-cta {
    font-size: 20px;
}

.row-tab-content:not(.tab--active){
    display: none;
}

.wh-button .cta-whbutton .icon-cta {
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
}

.row-tab-content h3 {
    font-size: 36px;
}

ul.list-tab-content {
    list-style: none;
    padding-left: 0;
}

.page-id-47661 .row-tab-content .tab-content,
.page-id-47640 .row-tab-content .tab-content,
.page-id-47555 .row-tab-content .tab-content {
    padding-left: 0;
}

ul.list-tab-content {
    margin-top: 15px;
}

ul.list-tab-content li {
    margin-bottom: 15px;
}

.page-id-47555 div#tab-3 .cta-whbutton span.label-cta {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.page-id-47555 div#tab-4 .cta-whbutton span.label-cta:after {
    content: 'Coming soon';
    font-size: 11px;
    color: #FF4D09;
    margin-left: 5px;
}

/* LP FNB */

#story-accordion .vc_tta-accordion .vc_tta-panel-title i:after,
#story-accordion .vc_tta-accordion .vc_tta-panel-title i:before {
    display: none;
}

#story-accordion i.vc_tta-controls-icon{
    background-color: transparent;
}

#story-accordion .vc_tta-panel-title>a {
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
}

#story-accordion span.vc_tta-title-text {
    padding-left: 15px;
    color: var(--white);
}

#story-accordion .vc_tta-panel.vc_active i.vc_tta-controls-icon.vc_tta-controls-icon-plus {
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
}

#story-accordion .cs-goals .vc_tta-panel-title i.vc_tta-icon.fas.fa-adjust {
    background: url(/wp-content/uploads/2024/07/goals-icon.svg) center/contain no-repeat;
}

#story-accordion #whello-strategy .vc_tta-panel-title i.vc_tta-icon.fas.fa-adjust {
    background: url(/wp-content/uploads/2024/07/strategy.svg) center/contain no-repeat;
}

#story-accordion #results .vc_tta-panel-title i.vc_tta-icon.fas.fa-adjust {
    background: url(/wp-content/uploads/2024/07/results.svg) center/contain no-repeat;
}

#story-accordion .vc_tta-accordion .vc_tta-panel-title i {
   background: url(/wp-content/uploads/2024/07/ac-bottom.svg) center/contain no-repeat;
   -webkit-transform: none;
      -moz-transform: none;
       -ms-transform: none;
        -o-transform: none;
           transform: none;
   width: 20px;
   height: 20px;
   display: inline-block;
   -webkit-border-radius: 0;
      -moz-border-radius: 0;
           border-radius: 0;
   -webkit-flex-basis: 20px;
       -ms-flex-preferred-size: 20px;
           flex-basis: 20px;
}

#story-accordion .vc_tta-panel:not(:last-child) {
    border-bottom: 1px solid #ffffff;
    margin-bottom: 0;
}

#story-fnb h3,
#story-fnb h2,
#story-fnb p {
    color: var(--white);
}

.slide-counter {
    text-align: center;
    color: #ffffff;
    font-size: var(--text-xl);
    font-weight: 900;
    line-height: 1.25;
}

#story-fnb button.slick-next.slick-arrow {
    left: -webkit-calc(50% - -70px);
    left: -moz-calc(50% - -70px);
    left: calc(50% - -70px);
    top: unset;
    bottom: -75px;
    background-image: url(/wp-content/uploads/2023/01/whello-right-arrow-review-slider.svg);
}

#story-fnb .slick-prev.slick-arrow {
    left: -webkit-calc(50% - 100px);
    left: -moz-calc(50% - 100px);
    left: calc(50% - 100px);
    top: unset;
    bottom: -75px;
    background-image: url(/wp-content/uploads/2023/01/whello-left-arrow-review-slider.svg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

section#story-fnb {
    overflow: visible;
}

.banner-fnb h2{
    color: rgba(13, 128, 214, 1);
}

.potency-row .wpb_column:last-child > .vc_column-inner {
    padding-left: 5px;
}

.potency-row h5 {
    font-weight: 800;
    margin-bottom: 0;
}

.potency-row p {
    margin-top: 5px;
}

.potency-row,
.vc_row.strategy-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.potency-row:not(:last-child) {
    margin-bottom: 20px;
}

.vc_row.strategy-row:not(:last-child) {
    margin-bottom: 25px;
}

.vc_row.strategy-row > .wpb_column:first-child > .vc_column-inner {
    padding-right: 0;
}

.vc_row.strategy-row > .wpb_column:last-child > .vc_column-inner {
    padding-left: 0;
}

.wpb_single_image.fnb-img-hero {
    position: absolute;
    top: 30px;
    z-index: -1;
}

.wpb_text_column.tb-supertitle.tb-special-heading .wpb_wrapper > h2 {
    font-weight: 500;
}


#hide-form {
    display: none;
}

.special-budget-text .content-package.list-bullet-greencheck h3 {
    margin-bottom: 0;
    line-height: 1;
}

.more-budget {
    margin-bottom: 15px;
}

/* INDUSTRY OVERVIEW */
.industry-overview .logo-groups > .logo-group-item {
    position: relative;
    margin-bottom: 0;
}

.industry-overview .caption-logo-group {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
    text-align: center;
    z-index: 9;
}

.industry-overview .caption-logo-group h3 {
    font-size: 20px;
    color: var(--white);
}

.industry-overview .logo-group-item figure,
.list-checkmark li {
    position: relative;
}

.industry-overview .logo-group-item figure:before {
    content: '';
    position: absolute;
    -webkit-border-radius: 20px;
       -moz-border-radius: 20px;
            border-radius: 20px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #0C80D7B2;
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: 9;
    pointer-events: none;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    -moz-transition: .5s ease;
    transition: .5s ease;
}

.industry-overview .logo-group-item:hover figure:before{
    height: 0;
}

.industry-overview .logo-groups .logo-group-item {
    cursor: pointer;
}

.industry-overview .logo-groups .logo-group-item > figure,
.industry-overview .logo-groups .logo-group-item > figure img,
.industry-overview .logo-groups .logo-group-item > figure a {
    width: 100%;
    -webkit-border-radius: 20px;
       -moz-border-radius: 20px;
            border-radius: 20px;
}

.devider-opacity {
    opacity: 0.3;
}

.list-checkmark ul {
    list-style: none;
}

.list-checkmark ul li:not(:last-child) {
    margin-bottom: 10px;
}

.list-checkmark li{
    padding-left: 45px;
}

.list-checkmark li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 26px;
    height: 26px;
    background: center / contain no-repeat rgba(0, 0, 0, 0);
    background-image: url(/wp-content/uploads/2024/08/fi_25643.png);
}

.number-list h2 {
    font-size: 20px;
}

.bg-combine.pattern-waves-top-softblue:before,
.pattern-waves-bottom-softblue.bg-combine-bottom:after{
    background-color: #f1f5fe;
}

.client-growth-heading .wpb_text_column.tb-special-heading h2,
.vc_row .no-margin-heading.wpb_text_column.tb-supertitle h2 {
    margin-bottom: 10px;
}

.vc_row.wpb_row.vc_row-fluid.client-growth-heading .wpb_text_column.wpb_content_element.tb-supertitle.title-l.tb-special-heading p:nth-child(2),
.package-card.type-package-popular.popular-price h2,
.vc_row .no-margin-heading.wpb_text_column.tb-supertitle p:nth-child(2) {
    margin-top: 0;
}

span.lb-price {
    color: #FF4D09;
    font-size: 14px;
    margin-top: 20px;
    display: inline-block;
}

span.nb-label {
    color: #FF4D09;
}

.package-card.type-package-popular.popular-price span.lb-price {
    color: #ffffff;
}

.row-package-card span.normal-weight {
    font-weight: normal;
    font-size: 18px;
}

.package-card .content-package h2 {
    font-size: 28px;
    margin-bottom: 20px;
}

.cheat-sheet h3 {
    font-size: 20px;
}

body .strategy-row.cheat-sheet-section h5 {
    font-size: 16px;
}

body .strategy-row.cheat-sheet-section ul li,
body .strategy-row.business-property ul li,
body .strategy-row.healthcare-awareness ul li {
    display: inline-block;
    padding-left: 40px;
}

body .strategy-row.cheat-sheet-section ul li:before,
body .strategy-row.business-property ul li:before,
body .strategy-row.healthcare-awareness ul li:before  {
    content: '';
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    display: inline-block;
    margin-right: 12px;
    margin-top: 4px;
    position: absolute;
    left: 0;
}

body .strategy-row.cheat-sheet-section ul li:first-child:before {
    background: url(/wp-content/uploads/2024/09/Group-40645.svg) center / cover no-repeat;
}

body .strategy-row.cheat-sheet-section ul li:nth-child(2):before {
    background: url(/wp-content/uploads/2024/09/Group-40645-1.svg) center / cover no-repeat;
}

body .strategy-row.cheat-sheet-section ul li:nth-child(3):before {
    background: url(/wp-content/uploads/2024/09/Group-40645-2.svg) center / cover no-repeat;
}

body .strategy-row.business-property ul li:before {
    background: url(/wp-content/uploads/2024/09/dots-triangle.svg) center / cover no-repeat;
}

body .strategy-row.healthcare-awareness ul li:before {
    background: url(/wp-content/uploads/2024/10/fi_12607908.svg) center / cover no-repeat;
}

body .strategy-row.business-property ul,
body .strategy-row.healthcare-awareness ul {
    margin-top: 20px;
}

.card-service-home .package-card {
    max-width: 100%;
}

.card-service-home{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
       -moz-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    height: 100%;
}

.vc_row.card-service-home {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
       -moz-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    height: 100%;
}

.vc_row.card-service-home > .wpb_column {
    min-height: 100%;
}
.vc_row.card-service-home > .wpb_column > .vc_column-inner,
.vc_row.card-service-home > .wpb_column > .vc_column-inner>.wpb_wrapper,
.vc_row.card-service-home > .wpb_column > .vc_column-inner>.wpb_wrapper .package-card,
.vc_row.card-service-home.section-ingin-sukses .package-card .general-package {
    height: 100%;
}
.vc_row.card-service-home > .wpb_column> .vc_column-inner:before,
.vc_row.card-service-home > .wpb_column> .vc_column-inner:after {
    display: none;
}

.vc_row.card-service-home > .wpb_column > .vc_column-inner {
    padding-bottom: 30px;
}

/* WEBSITE DESA */



.special-accordion.vc_tta-accordion .vc_tta-panel-title i {
    width: 23px;
    height: 23px;
    -webkit-flex-basis: 23px;
        -ms-flex-preferred-size: 23px;
        flex-basis: 23px;
}

.special-accordion.vc_tta-accordion .vc_tta-panel-title i:before, .special-accordion.vc_tta-accordion .vc_tta-panel-title i:after{
    width: 11px;
    height: 2px;
 }

.special-accordion.vc_tta-accordion .vc_tta-panel-title>a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
       -moz-box-orient: horizontal;
       -moz-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    background-color: #F1F5FE;
    padding: 10px 20px;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}

.special-accordion.vc_tta-accordion .vc_tta-panel-title>a span {
    text-align: center;
    color: #1F1F1F;
    font-weight: 700;
    font-size: 18px;
}

.special-accordion.vc_tta-accordion .vc_tta-panel-title i:before {
    -webkit-transform: rotate(90deg) translate3d(0, -5.5px, 0);
        -moz-transform: rotate(90deg) translate3d(0, -5.5px, 0);
        transform: rotate(90deg) translate3d(0, -5.5px, 0);
}

.special-accordion.vc_tta-accordion .vc_tta-panel-title i:after {
    -webkit-transform: translate3d(-5.5px, 0px, 0);
        -moz-transform: translate3d(-5.5px, 0px, 0);
        transform: translate3d(-5.5px, 0px, 0);
    }

.special-accordion.vc_tta-accordion .vc_active .vc_tta-panel-title i:before {
    display: none;
}
 
.special-accordion.vc_tta-accordion .vc_active .vc_tta-panel-title i:after {
    -webkit-transform: translate3d(0.5px, 0px, 0);
        -moz-transform: translate3d(0.5px, 0px, 0);
        transform: translate3d(0.5px, 0px, 0);
}

.vc_row.row-price-item p,
#story-clients .special-accordion.vc_tta-accordion .vc_tta-panel .vc_tta-panel-body p {
    font-size: 12px;
}

#story-clients .special-accordion.vc_tta-accordion .vc_tta-panel .vc_tta-panel-body p {
    color: #1F1F1F;
}

.vc_row.wpb_row.price-list-section {
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
}

.special-accordion.vc_tta-accordion .vc_tta-panel .vc_tta-panel-body {
    background-color: #fff;
    padding: 0px;
}

.special-accordion.vc_tta-accordion .vc_tta-panel.vc_active{
    margin-bottom: 0;
}


.special-accordion.vc_tta-accordion .vc_tta-panel-body > div:not(:last-child) {
    border-bottom: 1px solid #CFE6F7;
}

.packet-box span.subs-packet{
    font-size: 18px;
    font-weight: 500;
    color: #0D80D6;
}

span.subs-price {
    color: #FF4D09;
    font-size: 14px;
    font-weight: 700;
}

.packet-box h3 {
    color: #1F1F1F;
    font-size: 25px;
}

.packet-box h5 {
    font-size: 35px;
    font-weight: 800;
    margin-bottom: 0;
    line-height: 1;
}

.packet-details .wpb_wrapper p:last-child {
    margin-top: 10px;
}

.cta-packet .cta-whbutton.cta-whbutton--anchor span.label-cta,
.cta-compare-packet .cta-whbutton.cta-whbutton--anchor span.label-cta{
    font-weight: 700;
    font-size: 16px
}

.cta-packet .cta-whbutton.cta-whbutton--anchor img {
    width: 9px;
    min-width: 9px;
    height: 15px;
    min-height: 15px;
}
.cta-compare-packet .cta-whbutton.cta-whbutton--anchor img {
    width: 20px;
    min-width: 20px;
    height: 17px;
    min-height: 17px;
}

.vc_general.special-accordion {
    margin-top: 0px;
}

.packet-box > .vc_column-inner {
    padding-bottom: 20px;
}

.row-price-item > .wpb_column {
    padding: 8px 0;
}

.row-price-item > .wpb_column:first-child > .vc_column-inner {
    padding-left: 35px;
}

.special-accordion.vc_tta-accordion .vc_tta-panel-body {
    overflow: hidden;
}

.vc_row.wpb_row.vc_inner.vc_row-fluid.row-price-item:before,
.vc_row.wpb_row.vc_inner.vc_row-fluid.row-price-item:after,
.row-price-item > .wpb_column > .vc_column-inner:before,
.row-price-item > .wpb_column > .vc_column-inner:after {
    display: none;
}

.vc_row.row-price-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.row-price-item .wpb_single_image .vc_figure {
    vertical-align: middle;
    height: 15px;
}

.vc_row.row-funnel-content h5,
.funnel-marketing h5 {
    margin-bottom: 5px;
    color: var(--white);
}

.vc_row.row-funnel-content p,
.funnel-marketing p {
    margin-top: 0;
}

/* -------------------------
    row funnel item
---------------------------*/
.vc_row.row-pattern-stetoskop {
    position: relative;
}

.vc_row.row-funnel-content {
    --padding-inner: 20px 20px 20px 44px;
}

.vc_row.row-funnel-content h5 {
    font-weight: 900;
}

.vc_row.row-funnel-content + .vc_row.row-funnel-content {
    margin-top: 20px;
}

.col-content-funnel.wpb_column>.vc_column-inner>.wpb_wrapper {
    position: relative;
    padding: var(--padding-inner);
    -webkit-filter: drop-shadow(0px 0px 15px 0px rgba(0,0,0,0.25));
            filter: drop-shadow(0px 0px 15px 0px rgba(0,0,0,0.25));
    border: 10px solid var(--white);
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
}

.vc_row.row-funnel-content:nth-child(odd)>.col-content-funnel.wpb_column>.vc_column-inner>.wpb_wrapper {
    background-color: var(--orange);
}

.text-white-section .potency-row h5{
    color: var(--white);
}

.bottom-blank-waves:after {
    background-color: #F1F5FE;
}

#agriculture-diagram {
    padding-top: 0;
    padding-bottom: 45px;
}

.green-box-agriculture,
.darkgreen-box-agriculture {
    -webkit-border-top-right-radius: 40px;
       -moz-border-radius-topright: 40px;
            border-top-right-radius: 40px;
    -webkit-border-bottom-left-radius: 40px;
       -moz-border-radius-bottomleft: 40px;
            border-bottom-left-radius: 40px;
}

.darkgreen-left-box {
    padding: 44px 31px 40px 40px;
    -webkit-border-top-left-radius: 40px;
       -moz-border-radius-topleft: 40px;
            border-top-left-radius: 40px;
    -webkit-border-bottom-right-radius: 40px;
       -moz-border-radius-bottomright: 40px;
            border-bottom-right-radius: 40px;
}

.green-left-box {
    padding: 44px 31px 40px 40px;
    -webkit-border-top-left-radius: 40px;
       -moz-border-radius-topleft: 40px;
            border-top-left-radius: 40px;
    -webkit-border-bottom-right-radius: 40px;
       -moz-border-radius-bottomright: 40px;
            border-bottom-right-radius: 40px;
}

.green-box-agriculture h4,
.darkgreen-box-agriculture h4,
.darkgreen-left-box h4 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 0;
}

.green-box-agriculture p,
.darkgreen-box-agriculture p,
.darkgreen-left-box p {
    max-width: 257px;
    margin-top: 4px;
    color: #fff;
}
.darkgreen-left-box p {
    max-width: 257px;
    margin-top: 4px;
    color: #fff;
    margin-left: 0;
}

.green-box-agriculture,
.green-left-box {
    background-color: #9FC914;
}

.darkgreen-box-agriculture,
.darkgreen-left-box {
    background-color: #179989;
}

.col-right-algriculture .box-content-diagram img,
.col-left-algriculture .box-content-diagram img{
    position: absolute;
    bottom: -35px;
}

#strategi-agriculture {
    margin-top: -65px;
    z-index: 9;
}


#strategi-agriculture.pattern-waves-bottom-softblue:after {
    background-image: url(/wp-content/uploads/2024/11/waves-pattern-bottom-white.svg);
    background-color: transparent;
    height: 65px;
}

.semi-circle img {
    position: absolute;
    z-index: 9;
    left: 50%;
    width: auto;
    -webkit-transform: translate(-50%);
       -moz-transform: translate(-50%);
        -ms-transform: translate(-50%);
         -o-transform: translate(-50%);
            transform: translate(-50%);
    bottom: -30px;
}

.card-retail {
    position: relative;
}

.card-retail>.vc_column-inner>.wpb_wrapper {
    background-color: #ffffff;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    padding: 50px 35px 35px;
}

.card-retail h4 {
    font-size: 20px;
}
#story-clients .card-retail p,
#story-clients .card-retail h4 {
    color: #1F1F1F;
}

.card-retail img {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.card-retail>.vc_column-inner,
.card-retail>.vc_column-inner>.wpb_wrapper  {
    height: 100%;
}

.card-retail.retail-offline>.vc_column-inner:before,
.card-retail.retail-online>.vc_column-inner:before {
    content: '';
    
    width: 150px;
    height: 150px;
    display: inline-block;
    position: absolute;
    bottom: 0;
}

.card-retail.retail-offline>.vc_column-inner:before {
    background: url(/wp-content/uploads/2024/11/pattern-retail.svg) center / cover no-repeat;
}

.card-retail.retail-online>.vc_column-inner:before {
    background: url(/wp-content/uploads/2024/11/pattern-globe.svg) center / cover no-repeat;
}

.order-tab .tab-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
}

.order-tab .tab-button #tab-1,
.order-tab .tab-button #tab-2,
.order-tab .tab-button #tab-3,
.order-tab .tab-button #tab-4 {
    width: 100%;
}

.btn-tab-readmore {
    --blue: #167ee6;
    background-color: var(--blue);
    border-color: var(--blue);
    color: var(--white);
    padding: var(--padding-button);
    border: 2px solid var(--transparent);
    -webkit-border-radius: var(--rounded-full);
    -moz-border-radius: var(--rounded-full);
    border-radius: var(--rounded-full);
    osition: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: left;
    -webkit-transition: var(--animate);
    -o-transition: var(--animate);
    -moz-transition: var(--animate);
    transition: var(--animate);
    font-weight: 700;
}

.btn-tab-readmore:after {
    content: '';
    background: url(/wp-content/themes/whello/assets/icons/arrow-white-small.svg) center / contain no-repeat;
    width: 15px;
    height: 15px;
    display: inline-block;
    -webkit-transition: var(--animate);
    -o-transition: var(--animate);
    -moz-transition: var(--animate);
    transition: var(--animate);
}

.btn-tab-readmore:hover {
    background-color: var(--orange);
}
.btn-tab-readmore:hover:after {
    -webkit-transform: translateX(3px);
    -moz-transform: translateX(3px);
    -ms-transform: translateX(3px);
    -o-transform: translateX(3px);
    transform: translateX(3px);
}

.single-post #themify-popup-50652 .welcome-popup {
    padding: 45px;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
}

.single-post .mfp-content {
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
}

.mfp-bg.mfp-ready,
.mfp-wrap.mfp-close-btn-in.mfp-auto-cursor.mfp-ready {
    position: fixed!important;
}

.mfp-wrap.mfp-close-btn-in.mfp-auto-cursor.mfp-ready {
    top: 0!important;
}

/* author: elda */

.heading-section h4 {
    color: #0D80D7;
    --text-small-h4:30px;
    font-size: var(--text-small-h4);
    font-weight: 300;
}

.heading-section h3 {
    --text-small-h3: 32px;
    color: #0D80D7;
    font-size: var(--text-small-h3);
    font-weight: 500;
    margin-bottom: 13px;
}

.heading-section p{
    color: #1F1F1F;
    font-size: var(--text-base);
    font-weight: 400;
    margin-top: 0px;
    width: 100%;
    max-width: 898px;
    margin: auto;
}

.background-soft-blue-crm.icon-text-wrapper .col-content-icontext {
    width: 100%;
    height: 167px; /* elda */
    background-color: #F1F5FE;
    padding: 40px 20px 20px;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    text-align: center;
    position: relative;
    z-index: -1;
}

.background-soft-blue-crm.icon-text-wrapper .col-content-icontext h4{
    font-size: var(--text-lg);
    margin-bottom: 5px;
}

.crm-li ul,
.crm-li-checklist ul{
    padding: 0;
    list-style-type: none;
}

.crm-li-checklist  ul li{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 0px;
    margin-bottom: 15px;
}

.crm-li ul li{
    margin-bottom: 15px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.crm-li ul li strong{
    display: contents;
}

.crm-li ul li:before{
    content: '';
    display: inline-block;
    width: 48px;
    height: 48px;
    margin-right: 10px;
    background: transparent center/contain no-repeat;
    
}


.crm-li ul li.crm-li-one:before{
    background-image: url(/wp-content/uploads/2025/03/fi_2773168.png);
}
.crm-li ul li.crm-li-two:before{
    background-image: url(/wp-content/uploads/2025/03/fi_3473469.png);
}
.crm-li ul li.crm-li-three:before{
    background-image: url(/wp-content/uploads/2025/03/fi_9756861.png);
}
.crm-li ul li.crm-li-four:before{
    background-image: url(/wp-content/uploads/2025/03/fi_2224411.png);
}
.crm-li ul li.crm-li-five:before{
    background-image: url(/wp-content/uploads/2025/03/fi_3719634.png);
}

.crm-li-checklist ul li:before{
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    background: transparent center/contain no-repeat;
    background-image: url(/wp-content/uploads/2025/03/Group-40341.svg);
}

.crm-title h4{
    font-size: var(--text-lg);
    margin-bottom: 10px;
    margin-top: 15px;
}

.crm-title p{
    margin: 0px;
}

.crm-card>.vc_column-inner>.wpb_wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 20px;
   
}

.crm-card .wpb_single_image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-flex-basis: 229px;
        -ms-flex-preferred-size: 229px;
            flex-basis: 229px;
    height: 229px;
    width: 100%;
	-webkit-box-shadow: var(--shadow);
	   -moz-box-shadow: var(--shadow);
	        box-shadow: var(--shadow);
    -webkit-border-radius: 20px;
       -moz-border-radius: 20px;
            border-radius: 20px;
}

.crm-card .wpb_single_image .vc_figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.crm-card .wpb_text_column{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-left: 25px;
}

.crm-card .wpb_text_column h4 {
    font-size: var(--text-lg);
    margin-bottom: 10px;
}

.crm-card .wpb_text_column p{
    margin: 0px;
}

.crm-circle-image img{
    width: 535px;
    height: auto;
}

/* WA ROTATOR CARD  */

.download-wa-plugin .package-card .subheading-package{
    --text-xl: 20px;
    color: #FF4D09;
    font-weight: 600;
}

.download-wa-plugin .package-card .header-package,
.download-wa-plugin [class*="list-bullet"] li:not(:last-child) {
    margin-bottom: 0px;
}

.download-wa-plugin .content-package h3{
    margin-bottom: 25px;
}

.col-desc-section.wpb_column {
    margin-top: auto;
    margin-bottom: auto;
}

.vc_row.row-advantages-ads > .wpb_column > .vc_column-inner {
    padding-right: 10px;
}

.row-advantages-ads h4 {
    font-size: 20px;
    line-height: normal;
    margin-bottom:10px;
    color: var(--black-2);
}

.row-advantages-ads p {
    margin-top: 0;
    color: var(--black-2);
}

.col-google-ads > .vc_column-inner {
    padding-left: 50px;
}

.col-desc-seo > .vc_column-inner {
    padding-right: 5px;
}

.col-desc-seo .wpb_single_image img{
    padding-right: 45px;
}

.col-desc-seo P{
    font-size: var(--text-lg);
}

.heading-base h4 {
    font-size: var(--text-base);
    line-height: 1.5;
    margin-bottom: 5px;
}

.col-advantages-seo p {
    margin-top: 0px;

}

.col-advantages-seo > .vc_column-inner > .wpb_wrapper > .vc_row > .wpb_column > .vc_column-inner {
    padding-bottom: 40px;
}

.listing.listing-review .slick-track{
    margin-left: auto;
    margin-right: auto;
}


/* -- Single Glossary Style -- */

body.single-glossary .site-breadcrumbs {
    margin-bottom: -41px;
    position: relative;
    z-index: 1;
    color: white;
}

body.single-glossary .site-breadcrumbs span>span, 
.site-breadcrumbs span.current-item {
    color: white;
}


.banner-glossary .content-header-single {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.banner-glossary .content-header-single h1 {
    margin-bottom: 0;
}
.banner-glossary .content-header-single p {
    margin-top: 20px;
    max-width: 570px;
}

.col-glossary-content h4 {
    padding-bottom: 15px;
    margin: 0;
}

.col-glossary-content h4~h4 {
    padding-top: 10px;
    margin: 0;
}

.col-glossary-content p {
    margin-bottom: 20px;
    margin-top: 0;
}

.listing.listing-glossary {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 80px;
}

.glossary-group h3 {
    position: relative;
    color: var(--white);
    padding-bottom: 14px;
    margin: 0;
    
}
.glossary-group h3:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    height: 63px;
}

.glossary-group.glossary-group-a h3:before {
    background: url(/wp-content/uploads/2025/07/A-1.svg) center/contain no-repeat;
}
.glossary-group.glossary-group-b h3:before {
    background: url(/wp-content/uploads/2025/07/B.svg) center/contain no-repeat;
}
.glossary-group.glossary-group-c h3:before {
    background: url(/wp-content/uploads/2025/07/C.svg) center/contain no-repeat;
}
.glossary-group.glossary-group-d h3:before {
    background: url(/wp-content/uploads/2025/07/D.svg) center/contain no-repeat;
}
.glossary-group.glossary-group-e h3:before {
    background: url(/wp-content/uploads/2025/07/E.svg) center/contain no-repeat;
}
.glossary-group.glossary-group-f h3:before {
    background: url(/wp-content/uploads/2025/07/F.svg) center/contain no-repeat;
}
.glossary-group.glossary-group-g h3:before {
    background: url(/wp-content/uploads/2025/07/G.svg) center/contain no-repeat;
}
.glossary-group.glossary-group-h h3:before {
    background: url(/wp-content/uploads/2025/07/H.svg) center/contain no-repeat;
}
.glossary-group.glossary-group-i h3:before {
    background: url(/wp-content/uploads/2025/07/I.svg) center/contain no-repeat;
}
.glossary-group.glossary-group-j h3:before {
    background: url(/wp-content/uploads/2025/07/J.svg) center/contain no-repeat;
}
.glossary-group.glossary-group-k h3:before {
    background: url(/wp-content/uploads/2025/07/K.svg) center/contain no-repeat;
}
.glossary-group.glossary-group-l h3:before {
    background: url(/wp-content/uploads/2025/07/L.svg) center/contain no-repeat;
}
.glossary-group.glossary-group-m h3:before {
    background: url(/wp-content/uploads/2025/07/M.svg) center/contain no-repeat;
}
.glossary-group.glossary-group-n h3:before {
    background: url(/wp-content/uploads/2025/07/N.svg) center/contain no-repeat;
}
.glossary-group.glossary-group-o h3:before {
    background: url(/wp-content/uploads/2025/07/O.svg) center/contain no-repeat;
}
.glossary-group.glossary-group-p h3:before {
    background: url(/wp-content/uploads/2025/07/P.svg) center/contain no-repeat;
}
.glossary-group.glossary-group-q h3:before {
    background: url(/wp-content/uploads/2025/07/Q.svg) center/contain no-repeat;
}
.glossary-group.glossary-group-r h3:before {
    background: url(/wp-content/uploads/2025/07/R.svg) center/contain no-repeat;
}
.glossary-group.glossary-group-s h3:before {
    background: url(/wp-content/uploads/2025/07/S.svg) center/contain no-repeat;
}
.glossary-group.glossary-group-t h3:before {
    background: url(/wp-content/uploads/2025/07/T.svg) center/contain no-repeat;
}
.glossary-group.glossary-group-u h3:before {
    background: url(/wp-content/uploads/2025/07/U.svg) center/contain no-repeat;
}
.glossary-group.glossary-group-v h3:before {
    background: url(/wp-content/uploads/2025/07/V.svg) center/contain no-repeat;
}
.glossary-group.glossary-group-w h3:before {
    background: url(/wp-content/uploads/2025/07/W.svg) center/contain no-repeat;
}
.glossary-group.glossary-group-x h3:before {
    background: url(/wp-content/uploads/2025/07/X.svg) center/contain no-repeat;
}
.glossary-group.glossary-group-y h3:before {
    background: url(/wp-content/uploads/2025/07/Y.svg) center/contain no-repeat;
}
.glossary-group.glossary-group-z h3:before {
    background: url(/wp-content/uploads/2025/07/Z.svg) center/contain no-repeat;
}

.glossary-group ul a {
    color: var(--black);
    font-size: 20px;
}

.glossary-group ul a:hover {
    color: var(--orange);
}

.glossary-group li+li {
    margin-top: 15px;
}

.glossary-abjad h4,
.glossary-content-list h4 {
    font-size: var(--text-lg);
}

.glossary-abjad .taxonomy-link-item .btn-taxonomy {
    -webkit-border-radius: var(--rounded-md);
       -moz-border-radius: var(--rounded-md);
            border-radius: var(--rounded-md);
    padding: 22px;
    width: 20px;
    height: 20px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.glossary-abjad .taxonomy-link .taxonomy-link-item:not(:last-child) {
    margin: 0 30px 20px 0;
}

.whsearch-form input:not(textarea):not(select):not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type=range]):not([type=number]) {
    background: var(--white);
    position: relative;
    padding-right: 25px;
}

.whsearch-form {
    position: relative;
}

.whsearch-form button{
   position: absolute;
   top: 30%;
   right: 15px;
   width: 30px;
   height: 30px;
   background: url(/wp-content/uploads/2025/07/Frame-1.svg) center / contain no-repeat;
}


.site-main.glossary .site-article  {
    padding: 70px 200px 0px 200px;
}

.glossary-columns {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	gap: 40px;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	margin-top: 30px;
}

.glossary-columns .glossary-list {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 45%;
	   -moz-box-flex: 1;
	    -ms-flex: 1 1 45%;
	        flex: 1 1 45%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.glossary-columns .glossary-item {
	margin-bottom: 10px;
}

.icon-text-wrapper.cs-rotator.icon-size--medium .col-icontext {
    width: 36px;
    height: 36px;

}

.icon-text-wrapper.cs-rotator {
    margin: 0;
    width: 100%;
}

.icon-text-wrapper.cs-rotator >.col-content-icontext > .title-l{
	margin-bottom: 0px;
    font-weight: 300;
    color: var(--white);
	font-family: var(--fontfamily-sans);
}