/*!
Theme Name: Whello
Theme URI: http://underscores.me/
Author: Whello Developer
Author URI: https://whello.id
Description: Whello Theme standard
Version: 2.0.0
Tested up to: 8.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: whello
Tags: 

This theme, like WordPress, is icensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
*/



@font-face {
	font-family: 'Mulish';
	src: local('Mulish-SemiBold'),
		url('assets/fonts/Mulish-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Mulish';
	src: local('Mulish-Bold'),
		url('assets/fonts/Mulish-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Mulish';
	src: local('Mulish-Regular'),
		url('assets/fonts/Mulish-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Mulish';
	src: local('Mulish-Black'),
		url('assets/fonts/Mulish-Black.woff') format('woff');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Mulish';
	src: local('Mulish-Light'),
		url('assets/fonts/Mulish-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}


*,
*:before,
*:after {
	--container: 1170px;
	--height-header: 100px;

	--text-xs: 12px;
	--text-sm: 14px;
	--text-base: 16px;
	--text-md: 18px;
	--text-lg: 20px;
	--text-xl: 25px;
	--text-2xl: 40px;
	--text-3xl: 50px;
	--text-4xl: 60px;

	--text-small-h2: 30px;

	--suffix-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	--fontfamily-sans: 'Mulish', var(--suffix-family);

	--padding-container: -webkit-calc((100% - var(--container)) / 2);

	--padding-container: -moz-calc((100% - var(--container)) / 2);

	--padding-container: calc((100% - var(--container)) / 2);
	--padding-field: 22px 25px 21px;
	--padding-button: 13px 30px;
	--padding-button-small: 8px 25px;

	--rounded-xs: 2px;
	--rounded-sm: 5px;
	--rounded: 8px;
	--rounded-md: 10px;
	--rounded-lg: 15px;
	--rounded-xl: 24px;
	--rounded-xxl: 30px;
	--rounded-full: 999999px;

	--transparent: rgba(0, 0, 0, 0);
	--white: #fff;
	--black: #000;
	--black-2: #1F1F1F;
	--blue-100: #F1F5FE;
	--blue-300: #8fcff7;
	--blue: #0D80D7;
	--red: #ef4444;
	--yellow: #fbbf24;
	--green: #31D37E;
	--purple: #8b5cf6;
	--orange: #FF4D09;

	--gray-100: #FAFAFA;
	--gray-200: #ededed;
	--gray-300: #e5e7eb;
	--gray: #9ca3af;
	--gray-400: #B3B3B3;
	--gray-500: #828282;
	--gray-700: #4b5563;

	--checkbox-color: #D6D6D6;

	--shadow: 4px 3px 16px rgba(0, 0, 0, 0.1);
	--shadow-light: 0 0 13px 0 rgb(0 0 0 / 15%);

	--duration: .3s;
	--animate: 500ms ease;
	--transition: background-color var(--duration), border-color var(--duration), color var(--duration), fill var(--duration), stroke var(--duration), opacity var(--duration), visibility var(--duration), box-shadow var(--duration), -webkit-box-shadow var(--duration), transform var(--duration), -webkit-transform var(--duration), filter var(--duration), backdrop-filter var(--duration);
}


@media all and (max-width: 1299px) {

	*,
	*:before,
	*:after {
		--container: 100%;
		--padding-container: 20px;
		--height-header: 70px;

		--text-2xl: 25px;
		--text-3xl: 30px;
		--text-4xl: 35px;
		--text-small-h2: 20px;
	}
}

@media all and (max-width: 600px) {

	*,
	*:before,
	*:after {
		--padding-button-small: 5px 15px;
	}

}




* {
	margin: 0;
	padding: 0;
	outline: 0;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-webkit-backface-visibility: hidden;
	text-shadow: var(--transparent) 0 0 1px;
	vertical-align: baseline;
	background-clip: border-box;
	word-break: break-word;
}

*,
*::before,
*::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*:focus,
*:active,
*:visited,
*:hover {
	outline: 0;
}

*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

::-moz-selection {
	color: var(--white);
	text-shadow: none;
	background-color: var(--black);
}

::selection {
	color: var(--white);
	text-shadow: none;
	background-color: var(--black);
}



/* STYLE SCREEN READERS */
.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	word-wrap: normal !important;
	overflow: hidden;
}

.screen-reader-text:focus {
	top: 5px;
	left: 5px;
	z-index: 100000;
	display: block;
	width: auto;
	height: auto;
	padding: 15px 23px 14px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	font-size: 0.875rem;
	font-weight: 700;
	color: var(--black);
	line-height: normal;
	text-decoration: none;
	clip: auto !important;
	-webkit-clip-path: none;
	clip-path: none;
	background-color: var(--white);
}

body {
	margin: 0;
	font-family: var(--fontfamily-sans);
	color: var(--black);
	-moz-block-height: normal;
	line-height: 1.5;
	font-size: var(--text-base);
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: var(--transparent);
	word-break: break-word;
	background-color: var(--white);
}

html {
	overflow-x: hidden;
}

.container {
	width: -webkit-calc(100% - 32px);
	width: -moz-calc(100% - 32px);
	width: calc(100% - 32px);
	max-width: var(--container);
	margin: 0 auto;
}

html.prevent-default {
	overflow: hidden;
}

mark {
	padding: 2px 5px;
	color: inherit;
	background-color: var(--black);
}

article,
aside,
details,
figcaption,
figure,
label,
footer,
header,
hgroup,
menu,
nav,
section,
main {
	display: block;
	width: 100%;
}

p:empty {
	display: none;
}

*+p,
*+table,
*+ol,
*+ul {
	margin-top: 16px;
}

h2~h2,
h2~h3,
h3~h3 {
	margin-top: 30px;
}

h3~h4,
h4~h4 {
	margin-top: 20px;
}

ol,
ul {
	padding-left: 24px;
	margin: 0;
}

ul ul,
ul ol,
ol ol,
ol ul {
	margin-top: 10px;
}

li {
	width: 100%;
}

li+li {
	margin-top: 5px;
}

ul {
	list-style: outside disc;
}

ol {
	list-style: outside decimal;
}

a {
	text-decoration: none;
	color: inherit;
	cursor: pointer;
	cursor: hand;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	-moz-transition: var(--transition);
	transition: var(--transition);
}

a * {
	cursor: pointer;
	cursor: hand;
}


h1,
h2,
h3,
h4 {
	margin-bottom: 20px;
	font-weight: 900;
	line-height: 1.25;
}

h5,
h6 {
	margin-bottom: 10px;
	font-weight: 700;
	line-height: 1.25;
}

h1 {
	font-size: var(--text-4xl);
}

h2 {
	font-size: var(--text-3xl);
}

h3 {
	font-size: var(--text-2xl);
}

h4 {
	font-size: var(--text-xl);
}

h5 {
	font-size: var(--text-lg);
}

h6 {
	font-size: var(--text-md);
}

p a,
ul a,
ol a,
table a {
	color: var(--orange);
	font-weight: 700;
}

p a:hover,
ul a:hover,
ol a:hover,
table a:hover {
	color: var(--blue);
}

strong,
b {
	font-weight: 900;
}

img {
	position: relative;
	width: 100%;
	height: auto;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	overflow: hidden;
}

@media all and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
	img {
		-webkit-mask-image: -webkit-radial-gradient(var(--white), var(--black));
	}
}

img[src*="jpg"],
img[src*="jpeg"] {
	background-color: var(--blue);
}

::-webkit-input-placeholder {
	color: var(--gray-400);
	font-weight: 600;
	letter-spacing: -0.045em;
	opacity: 1;
}

::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
::-ms-input-placeholder,
::placeholder,
:-ms-input-placeholder,
::-ms-input-placeholder {
	color: var(--gray-400);
	font-weight: 600;
	letter-spacing: -0.045em;
	opacity: 1;
}

input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="month"],
input[type="range"] {
	-webkit-appearance: auto;
	-moz-appearance: auto;
	appearance: auto;
}

input[type="file"]::-ms-value,
input[type="file"]::-ms-browse {
	display: none;
}

button {
	background-color: var(--transparent);
}

input,
textarea,
select {
	width: 100%;
	padding: var(--padding-field);
	border: solid 1px var(--transparent);
	-webkit-border-radius: var(--rounded);
	-moz-border-radius: var(--rounded);
	border-radius: var(--rounded);
	-webkit-box-shadow: var(--shadow);
	-moz-box-shadow: var(--shadow);
	box-shadow: var(--shadow);
	font-family: var(--fontfamily-sans);
	font-size: var(--text-base);
	color: var(--black);
	font-weight: 600;
	letter-spacing: -0.045em;
	caret-color: var(--black);
	word-break: normal;
	background-color: var(--white);
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	-moz-transition: var(--transition);
	transition: var(--transition);
}

input:not(textarea):not(select):not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type=range]):not([type=number]) {
	padding-right: 65px;
	background: var(--white) url(/wp-content/uploads/2022/12/icon-circle-input-whello.svg) -webkit-calc(100% - 30px) center/30px no-repeat;
	background: var(--white) url(/wp-content/uploads/2022/12/icon-circle-input-whello.svg) -moz-calc(100% - 30px) center/30px no-repeat;
	background: var(--white) url(/wp-content/uploads/2022/12/icon-circle-input-whello.svg) calc(100% - 30px) center/30px no-repeat;
}

select {
	display: block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	padding-right: 36px;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	word-wrap: normal;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	background: var(--white) url(/wp-content/themes/whello/assets/icons/whello-icon-arrowchevron-bottom-blue.svg) -webkit-calc(100% - 30px) center/25px no-repeat;
	background: var(--white) url(/wp-content/themes/whello/assets/icons/whello-icon-arrowchevron-bottom-blue.svg) -moz-calc(100% - 30px) center/25px no-repeat;
	background: var(--white) url(/wp-content/themes/whello/assets/icons/whello-icon-arrowchevron-bottom-blue.svg) calc(100% - 30px) center/25px no-repeat;
	overflow: hidden;
}

select::-ms-expand {
	display: none;
}

select option {
	color: var(--black);
	background-color: var(--white);
}

select option[disabled] {
	display: none;
}

textarea {
	height: 110px;
	resize: none;
	overflow: auto;
}

textarea::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background-color: var(--black);
}

textarea::-webkit-scrollbar {
	width: 7px;
	background-color: var(--black);
}

textarea::-webkit-scrollbar-thumb {
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: var(--black);
}

input:active,
input:focus,
input:hover,
textarea:active,
textarea:focus,
textarea:hover,
select:active,
select:focus,
select:hover {
	border-color: var(--blue);
	outline: none;
}

input[type="search"]::-ms-clear {
	display: none;
	width: 0;
	height: 0;
}

input[type="search"]::-ms-reveal {
	display: none;
	width: 0;
	height: 0;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-clear-button {
	cursor: pointer;
	opacity: 0;
}

input[type="range"] {
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab;
}

input[type="range"]:active {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: grabbing;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	outline-offset: -2px;
	-webkit-appearance: none;
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	font: inherit;
	-webkit-appearance: button;
}

input[type="date"] {
	background: url(assets/images/icon-calendar-grey.svg) -webkit-calc(100% - 24px) center/24px 26px no-repeat;
	background: url(assets/images/icon-calendar-grey.svg) -moz-calc(100% - 24px) center/24px 26px no-repeat;
	background: url(assets/images/icon-calendar-grey.svg) calc(100% - 24px) center/24px 26px no-repeat;
}

input[type="radio"],
input[type="checkbox"] {
	display: inline-block;
	width: 22px;
	min-width: 22px;
	height: 22px;
	min-height: 22px;
	padding: 0;
	border: 1px solid var(--checkbox-color);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	line-height: normal;
	background: var(--white) center/14px 10px no-repeat;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	-moz-transition: var(--transition);
	transition: var(--transition);
}

input[type="checkbox"] {
	-webkit-border-radius: var(--rounded-sm);
	-moz-border-radius: var(--rounded-sm);
	border-radius: var(--rounded-sm);
}

input[type="checkbox"]:checked {
	background-image: url(/wp-content/uploads/2022/12/whello-checkmark-green.svg);
}

input[type="checkbox"]:hover {
	border-color: var(--blue);
}

input[type="checkbox"]:checked {
	border-color: var(--green);
}

input[type="radio"] {
	-webkit-border-radius: var(--rounded-full);
	-moz-border-radius: var(--rounded-full);
	border-radius: var(--rounded-full);
	-webkit-transition: border-color var(--transition);
	-o-transition: border-color var(--transition);
	-moz-transition: border-color var(--transition);
	transition: border-color var(--transition);
}

input[type="radio"]:checked {
	border-width: 6px;
	border-color: var(--black);
}

button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	border: 0;
	padding: var(--padding-button);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	font-family: var(--fontfamily-sans);
	font-size: var(--text-base);
	-webkit-appearance: button;
	overflow: visible;
}

button:not(:disabled),
input[type="submit"]:not(:disabled),
input[type="reset"]:not(:disabled),
input[type="button"]:not(:disabled),
select {
	cursor: pointer;
}

button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
	padding: 0;
	border-style: none;
}

input[type="color"] {
	-webkit-appearance: initial;
	-moz-appearance: initial;
	appearance: initial;
}

button,
select {
	text-transform: none;
}

fieldset {
	min-width: 0;
	border: 0;
}

progress {
	vertical-align: baseline;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 14px;
}

th {
	color: var(--white);
	background-color:
		var(--blue);
}

table ul {
	padding: 0;
	list-style: none;
}


table tr:nth-child(even) {
	background-color: var(--blue-100);
}

th,
td {
	padding: 8px 12px;
	border: 1px solid var(--gray-200);
	vertical-align: middle;
}

audio,
video {
	display: -moz-inline-stack;
	display: inline-block;
	display: inline;
	zoom: 1;
	vertical-align: top;
}

hr {
	height: 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	overflow: visible;
}

address {
	margin-bottom: 1rem;
	font-style: normal;
	line-height: inherit;
}

dd {
	margin-left: 0;
}

pre,
code,
kbd,
samp {
	font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
}

pre {
	margin-top: 0;
	margin-bottom: 1rem;
	overflow: auto;
}

.single-post pre {
	display: block;
	overflow-y: scroll;
	font-weight: 400;
	text-align: left;
	line-height: 1.6em;
	white-space: pre;
	padding: 1em 2%;
	margin-top: 1em;
	margin-bottom: 1em;
	border: solid 2px #ccc;
	border-radius: 0.25em;
	background-color: #202020;
	color: rgba(155, 220, 100, 1);
}

svg {
	overflow: hidden;
	vertical-align: middle;
}

[hidden] {
	display: none !important;
}

abbr[title] {
	border-bottom: 0;
	text-decoration: none;
	-webkit-text-decoration-skip-ink: none;
	text-decoration-skip-ink: none;
}



/* WORDPRESS RESET & PLUGIN STANDARD WHELLO */
.wpb_wrapper .wpb_content_element {
	margin-bottom: 0;
}

body>.site {
	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;
	width: 100%;
	min-height: 100vh;
}

body>.site>.site-main {
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 auto;
	-moz-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
}

.vc_row>.wpb_column.vc_column_container>.vc_column-inner,
.wpb_row.vc_row.vc_row-has-fill>.wpb_column.vc_column_container>.vc_column-inner,
.wpb_row.vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner {
	padding-top: 0;
}

.prevent-scroll {
	overflow: hidden;
}

.vc_row.vc_row-has-fill {
	background: center/cover no-repeat;
}

.post-views {
	display: none !important;
}



/* PAGINATION STYLE */
.pagination,
.tw-pagination,
.woocommerce-pagination .page-numbers {
	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;
	-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;
	width: 100%;
	margin-top: 40px;
}

.woocommerce-pagination .page-numbers li,
.tw-pagination li {
	width: auto;
	margin-left: 0;
	margin-bottom: 10px;
	list-style: none;
}

.tw-pagination .next,
.tw-pagination .prev {
	display: none;
}

.pagination .page-numbers.current,
.tw-pagination .page.current,
.woocommerce-pagination .page-numbers .page-numbers.current {
	color: var(--white);
	font-weight: 900;
	background-color: var(--blue);
}

.pagination .page-numbers,
.tw-pagination .page,
.woocommerce-pagination .page-numbers .page-numbers {
	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: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-size: var(--text-base);
	color:
		var(--black);
	background-color:
		var(--transparent);
	-webkit-transition: .3s;
	-o-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;
}

.pagination .page-numbers:not(:last-child),
.tw-pagination .page:not(:last-child),
.woocommerce-pagination .page-numbers li:not(:last-child) {
	margin-right: 10px;
}

.pagination .page-numbers.next,
.pagination .page-numbers.prev,
.woocommerce-pagination .page-numbers .next,
.woocommerce-pagination .page-numbers .prev {
	width: 30px;
	padding-bottom: 6px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	font-size: 30px;
	line-height: 1;
	color: var(--orange);
}

.pagination .page-numbers.next:hover,
.pagination .page-numbers.prev:hover,
.woocommerce-pagination .page-numbers .next:hover,
.woocommerce-pagination .page-numbers .prev:hover {
	color: var(--blue);
	background-color: var(--transparent);
}



/* LISTING STYLE */
.listing,
.listing .thumbnail-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;
	overflow: hidden;
}

.listing .listing-item,
.listing .wpb_column {
	position: relative;
}

.listing .listing-item {
	cursor: pointer;
}

.listing .wpb_column {
	float: none;
}

.listitem-wrapper {
	position: relative;
}

.listitem-wrapper .link-absolute {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.listitem-wrapper .content-item .meta-infolist,
.listitem-wrapper .content-item a,
.listitem-wrapper .btn-readmore {
	position: relative;
	z-index: 1;
}

.btn-readmore {
	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-md);
	font-weight: 900;
}

.btn-readmore: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);
}

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

.btn-readmore.btn-readmore-outline {
	border: 2px solid var(--white);
	padding: var(--padding-button);
	-webkit-border-radius: var(--rounded-full);
	-moz-border-radius: var(--rounded-full);
	border-radius: var(--rounded-full);
}

.listing li {
	list-style: none;
	margin-left: 0;
}

.listing .text-no-result {
	display: block;
	width: 100%;
	padding: 0 var(--padding-container);
}

.vc_row.listing,
.vc_row.listing .vc_inner {
	margin: 0;
}

.vc_row.listing:before,
.vc_row.listing:after,
.vc_row.listing .vc_column-inner:before,
.vc_row.listing .vc_column-inner:after,
.vc_row.listing .vc_inner:before,
.vc_row.listing .vc_inner:after {
	display: none;
}

.vc_row.listing .wpb_column {
	float: none;
}

.vc_row.listing .wpb_column>.vc_column-inner {
	padding: 0;
}


@media all and (min-width:0\0) and (min-resolution:+72dpi) {
	.listing {
		width: -webkit-calc(100% + 1px);
		width: -moz-calc(100% + 1px);
		width: calc(100% + 1px);
	}
}


.vc_row.listing {
	width: 100%;
	margin: 0;
}

.vc_row.listing .vc_column-inner {
	padding: 0;
}

.site .listing[class*="lists-"] .listing-item:last-child,
.site .listing[class*="lists-"] .wpb_column:last-child {
	margin-right: 0;
}

.listing .title-listing,
.listing .content-item p,
.listing .wpb_text_column * {
	display: block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
}



/* RESET BUTTON / CTA */
.whbutton-wrapper {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.whbutton-wrapper:not(.whbutton-align--inline) {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}

.whbutton-wrapper.whbutton-align--left {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.whbutton-wrapper.whbutton-align--center {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.whbutton-wrapper.whbutton-align--right {
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

[class*="whbutton-fill"] .cta-whbutton,
[class*="whbutton-outline"] .cta-whbutton {
	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);
}

.cta-whbutton {
	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-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);
}

.cta-whbutton .label-cta {
	color: inherit;
	font-size: var(--text-md);
	font-weight: 900;
	line-height: 1.28;
}

.cta-whbutton .icon-cta,
.whbutton-icon .cta-whbutton::after {
	display: inline-block;
	width: 30px;
	min-width: 30px;
	height: 30px;
	min-height: 30px;
	-webkit-transition: var(--animate);
	-o-transition: var(--animate);
	-moz-transition: var(--animate);
	transition: var(--animate);
}

.cta-whbutton .icon-cta {
	-o-object-fit: contain;
	object-fit: contain;
}

.whbutton-icon:not() .cta-whbutton::after {
	background: center/contain no-repeat;
}

/* DEFAULT SIZE ICON CIRCLE */
.whbutton-wrapper[class*="-circle"] .cta-whbutton .icon-cta {
	width: 40px;
	min-width: 40px;
	height: 40px;
	min-height: 40px;
}

.cta-whbutton .icon-cta--hover {
	position: absolute;
	top: 50%;
	z-index: 2;
	opacity: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

[class*="whbutton-animate-"] .cta-whbutton .icon-cta--hover {
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.whbutton-icon-left .cta-whbutton .icon-cta--hover {
	left: 0;
}

[class*="whbutton-fill"].whbutton-icon-left .cta-whbutton .icon-cta--hover,
[class*="whbutton-outline"].whbutton-icon-left .cta-whbutton .icon-cta--hover {
	left: 30px;
}

.whbutton-icon-right .cta-whbutton .icon-cta--hover {
	right: 0;
}

[class*="whbutton-fill"].whbutton-icon-right .cta-whbutton .icon-cta--hover,
[class*="whbutton-outline"].whbutton-icon-right .cta-whbutton .icon-cta--hover {
	right: 30px;
}

.cta-whbutton:hover .icon-cta--hover {
	opacity: 1;
}

.cta-whbutton .icon-cta--hover,
.cta-whbutton:hover .icon-cta--hover~.icon-cta--default {
	opacity: 0;
}

.whbutton-icon-left .cta-whbutton .icon-cta,
.whbutton-icon-right .cta-whbutton .label-cta,
.whbutton-icon-left .cta-whbutton::after {
	-webkit-box-ordinal-group: 0;
	-webkit-order: -1;
	-moz-box-ordinal-group: 0;
	-ms-flex-order: -1;
	order: -1;
	margin-right: 10px;
}

.whbutton-animate-left .cta-whbutton:hover .icon-cta,
.whbutton-animate-left .cta-whbutton:hover::after {
	-webkit-transform: translateX(-3px);
	-moz-transform: translateX(-3px);
	-ms-transform: translateX(-3px);
	-o-transform: translateX(-3px);
	transform: translateX(-3px);
}

.whbutton-animate-right .cta-whbutton:hover .icon-cta,
.whbutton-animate-right .cta-whbutton:hover::after {
	-webkit-transform: translateX(3px);
	-moz-transform: translateX(3px);
	-ms-transform: translateX(3px);
	-o-transform: translateX(3px);
	transform: translateX(3px);
}

.whbutton-animate-top .cta-whbutton:hover .icon-cta,
.whbutton-animate-top .cta-whbutton:hover::after {
	-webkit-transform: translateY(-3px);
	-moz-transform: translateY(-3px);
	-ms-transform: translateY(-3px);
	-o-transform: translateY(-3px);
	transform: translateY(-3px);
}

.whbutton-animate-bottom .cta-whbutton:hover .icon-cta,
.whbutton-animate-bottom .cta-whbutton:hover::after {
	-webkit-transform: translateY(3px);
	-moz-transform: translateY(3px);
	-ms-transform: translateY(3px);
	-o-transform: translateY(3px);
	transform: translateY(3px);
}

.whbutton-animate-left .cta-whbutton:hover .icon-cta--hover {
	-webkit-transform: translate(-3px, -50%);
	-moz-transform: translate(-3px, -50%);
	-ms-transform: translate(-3px, -50%);
	-o-transform: translate(-3px, -50%);
	transform: translate(-3px, -50%);
}

.whbutton-animate-right .cta-whbutton:hover .icon-cta--hover {
	-webkit-transform: translate(3px, -50%);
	-moz-transform: translate(3px, -50%);
	-ms-transform: translate(3px, -50%);
	-o-transform: translate(3px, -50%);
	transform: translate(3px, -50%);
}

.whbutton-animate-top .cta-whbutton:hover .icon-cta--hover {
	-webkit-transform: translateY(-webkit-calc(-50% - 3px));
	-moz-transform: translateY(-moz-calc(-50% - 3px));
	-ms-transform: translateY(calc(-50% - 3px));
	-o-transform: translateY(calc(-50% - 3px));
	transform: translateY(calc(-50% - 3px));
}

.whbutton-animate-bottom .cta-whbutton:hover .icon-cta--hover {
	-webkit-transform: translateY(-webkit-calc(-50% + 3px));
	-moz-transform: translateY(-moz-calc(-50% + 3px));
	-ms-transform: translateY(calc(-50% + 3px));
	-o-transform: translateY(calc(-50% + 3px));
	transform: translateY(calc(-50% + 3px));
}

.whbutton-color--black .cta-whbutton {
	color: var(--black);
}

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

.whbutton-color--orange .cta-whbutton {
	color: var(--orange);
}

.whbutton-colorhvr--black .cta-whbutton:hover {
	color: var(--black);
}

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

.whbutton-colorhvr--orange .cta-whbutton:hover {
	color: var(--orange);
}

.whbutton-fill--black .cta-whbutton {
	background-color: var(--black);
	border-color: var(--black);
}

.whbutton-fill--white .cta-whbutton {
	background-color: var(--white);
	border-color: var(--white);
}

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

.whbutton-fill--blue .cta-whbutton {
	--blue: #167ee6;
	background-color: var(--blue);
	border-color: var(--blue);
}

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

.whbutton-outline--black .cta-whbutton {
	border-color: var(--black);
}

.whbutton-outline--white .cta-whbutton {
	border-color: var(--white);
}

.whbutton-outline--orange .cta-whbutton {
	border-color: var(--orange);
}

.whbutton-wrapper.whbutton-small .cta-whbutton .icon-cta,
.whbutton-wrapper.whbutton-small .cta-whbutton .cta-whbutton::after {
	width: 20px;
	min-width: 20px;
	height: 20px;
	min-height: 20px;
}

.whbutton-wrapper.whbutton-small .cta-whbutton .label-cta {
	font-weight: 700;
}

.whbutton-wrapper button {
	padding: 0;
}

.cta-whbutton .label-cta span[style*=font-weight] {
	font-weight: 900 !important;
}




/* SCROLLBAR */
::-moz-selection {
	background: var(--orange);
	color: var(--white);
	text-shadow: none;
}

::selection {
	background: var(--orange);
	color: var(--white);
	text-shadow: none;
}


/* WH LOGO LABEL */
.logo-groups {
	width: 100%;
	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-bottom: -20px;
}

.logo-groups .logo-group-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;
	-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-bottom: 20px;
}

.logo-groups .image-logo-group {
	width: auto;
}

.logo-groups .image-logo-group,
.logo-groups .image-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}



/* BREADCRUMBS STYLE */
.site-breadcrumbs {
	margin-top: 20px;
	font-size: var(--text-sm);
}

.site-breadcrumbs a,
.site-breadcrumbs {
	font-weight: normal;
}

.site-breadcrumbs span>span,
.site-breadcrumbs span.current-item {
	color: var(--orange);
	font-weight: 700;
}

.site-breadcrumbs .breadcrumb-wrapper>span:not(:nth-last-of-type(1)):not(:nth-last-of-type(2)) span {
	font-size: 0;
}

.site-breadcrumbs .breadcrumb-wrapper>span:not(:nth-last-of-type(1)):not(:nth-last-of-type(2)) span:after {
	content: '...';
	font-size: var(--text-sm);
}

.site-breadcrumbs i {
	display: inline-block;
	margin: 0 5px;
}

.site-breadcrumbs .breadcrumb-wrapper>i:not(:nth-last-of-type(1)):not(:nth-last-of-type(2)),
.site-breadcrumbs .breadcrumb-wrapper>span:not(:nth-last-of-type(1)):not(:nth-last-of-type(2)):not(:nth-last-of-type(3)) {
	display: none;
}



/* RESET STYLE PLYR JS */
.plyr-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

.plyr,
.plyr-wrapper {
	position: relative;
	width: 100%;
	height: 480px;
	-webkit-mask-image: -webkit-radial-gradient(white, black);
	overflow: hidden;
	cursor: pointer;
}

.plyr .plyr__video-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	aspect-ratio: auto !important;
}

.plyr .plyr__video-wrapper .plyr__video-embed__container.plyr__video-embed__container {
	width: 100%;
	height: 100%;
	padding-bottom: 0;
	-webkit-transform: none !important;
	-moz-transform: none !important;
	-ms-transform: none !important;
	-o-transform: none !important;
	transform: none !important;
}

.plyr.plyr__poster-enabled.plyr--paused .plyr__poster,
.plyr.plyr__poster-enabled.plyr--playing .plyr__poster {
	opacity: 0;
}

.plyr.plyr__poster-enabled .plyr__poster,
.plyr.plyr__poster-enabled.plyr--paused.plyr--stopped .plyr__poster {
	opacity: 1;
}

.plyr.plyr--video .plyr__controls {
	opacity: 0;
}

.plyr.plyr--video.plyr--playing .plyr__controls {
	opacity: 1;
}

.plyr.plyr--video>.plyr__control {
	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: 68px;
	height: 68px;
	border: 4px solid var(--white);
	padding: 0;
	background-color: rgba(0, 0, 0, 0);
	overflow: hidden;
}

.plyr.plyr--video:hover>.plyr__control {
	background-color: var(--white);
}

.plyr.plyr--video>.plyr__control>svg {
	width: 20px;
	height: 20px;
	fill: var(--white);
	margin: auto;
}

.plyr.plyr--video:hover>.plyr__control>svg {
	fill: var(--orange);
}

.plyr.plyr--video input[type=range] {
	color: var(--orange);
}

.plyr video {
	-o-object-fit: cover;
	object-fit: cover;
}

.plyr .plyr__poster:after {
	content: '';
	display: inline-block;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .4);
	opacity: 0;
	visibility: hidden;
}

.plyr.plyr__poster-enabled .plyr__poster:after,
.plyr.plyr__poster-enabled.plyr--paused.plyr--stopped .plyr__poster:after {
	opacity: 1;
	visibility: visible;
}

.plyr .plyr__poster {
	position: relative;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}






/* SLICK RESET */
.slick-slider {
	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;
}

.slick-slider .slick-slide {
	float: none;
}

.slick-slider .slick-track {
	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;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin: 0;
}

.slick-slider .slick-track:before,
.slick-slider .slick-track:after {
	display: none;
}

.slick-slider .slick-dots {
	width: 100%;
	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;
	-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: 60px;
	padding: 0;
}

.slick-slider .slick-dots li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: auto;
	margin-bottom: 0;
}

.slick-slider .slick-dots li:not(:last-child) {
	margin-right: 12px;
}

.slick-slider .slick-dots button {
	width: 17px;
	height: 17px;
	padding: 0px;
	-webkit-border-radius: var(--rounded-full);
	-moz-border-radius: var(--rounded-full);
	border-radius: var(--rounded-full);
	font-size: 0;
	background-color: var(--white);
	-webkit-transition: var(--animate);
	-o-transition: var(--animate);
	-moz-transition: var(--animate);
	transition: var(--animate);
}

.slick-slider .slick-dots button:after {
	content: '';
	display: inline-block;
	width: 7px;
	height: 7px;
	background-color: var(--blue);
	-webkit-border-radius: var(--rounded-full);
	-moz-border-radius: var(--rounded-full);
	border-radius: var(--rounded-full);
}

.slick-dots .slick-active button,
.slick-slider .slick-dots button:hover {
	background-color: var(--blue-100);
}

.slick-slider .slick-arrow {
	position: absolute;
	top: -webkit-calc(50% - 20px);
	top: -moz-calc(50% - 20px);
	top: calc(50% - 20px);
	z-index: 1;
	width: 40px;
	height: 40px;
	padding: 0px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	font-size: 0;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	-moz-transition: var(--transition);
	transition: var(--transition);
	background: var(--transparent) center/contain no-repeat;
}

.slick-slider .slick-prev.slick-arrow {
	background-image: url(/wp-content/themes/whello/assets/icons/whello-icon-circle-chevron-orange.svg);
}

.slick-slider .slick-prev.slick-arrow {
	left: 0;
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

.slick-slider .slick-next.slick-arrow {
	right: 0;
}

.slick-slider .slick-next.slick-arrow {
	background-image: url(/wp-content/themes/whello/assets/icons/whello-icon-circle-chevron-orange.svg);
}

.slick-slider .slick-arrow.slick-disabled {
	opacity: 0.2;
}

.slick-slider .slick-dots li {
	margin: 0;
}


/* LIST BULLET */
[class*="list-bullet"] ul,
[class*="list-bullet"] ol {
	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;
	padding-left: 0;
	margin-top: 20px;
	margin-bottom: 20px;
}

[class*="list-bullet"] li {
	position: relative;
	padding-left: 45px;
	list-style: none;
}

[class*="list-bullet"] li+li {
	margin-top: 0px;
}

[class*="list-bullet"] li:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	background: center/contain no-repeat rgba(0, 0, 0, 0);
}

[class*="list-bullet"] li:not(:last-child) {
	margin-bottom: 15px;
}

.list-bullet-number ol li {
	counter-increment: step-counter;
}

.list-bullet-number ol li:before {
	content: counter(step-counter);
	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;
	color: var(--white);
	font-weight: 900;
	-webkit-border-radius: var(--rounded-full);
	-moz-border-radius: var(--rounded-full);
	border-radius: var(--rounded-full);
	background-color: var(--blue);
}

.list-bullet-greencheck li:before {
	background-image: url(/wp-content/uploads/2022/12/icon-circlecheck-green.svg);
}

.list-bullet-greencheck-light li:before {
	background-image: url(/wp-content/uploads/2023/01/icon-circlecheck-green-light.png);
}




/* VC TTA ACCORDION */
.vc_tta-accordion {
	margin: 30px 0;
}

.listing-accordion .header-accordion,
.vc_tta-accordion .vc_tta-panel-title>a {
	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;
	padding: 30px;
	background-color: #EFF3FE;
	-webkit-border-radius: var(--rounded-sm);
	-moz-border-radius: var(--rounded-sm);
	border-radius: var(--rounded-sm);
}

.listing-accordion .toggle-onactive .header-accordion,
.vc_tta-accordion .vc_active .vc_tta-panel-title>a {
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	border-bottom-right-radius: 0px;
	color: var(--white);
	background-color: var(--blue);
	-webkit-transition: none;
	-o-transition: none;
	-moz-transition: none;
	transition: none;
}

.listing-accordion .header-accordion .title-listing,
.vc_tta-accordion .vc_tta-panel-title .vc_tta-title-text {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-right: 10px;
}

.listing-accordion .header-accordion .icon-collapse-accordion,
.vc_tta-accordion .vc_tta-panel-title i {
	-webkit-border-radius: var(--rounded-full);
	-moz-border-radius: var(--rounded-full);
	border-radius: var(--rounded-full);
	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;
	background-color: var(--white);
	-webkit-transition: var(--animate);
	-o-transition: var(--animate);
	-moz-transition: var(--animate);
	transition: var(--animate);
}

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

.listing-accordion .header-accordion .icon-collapse-accordion:before,
.listing-accordion .header-accordion .icon-collapse-accordion:after,
.vc_tta-accordion .vc_tta-panel-title i:before,
.vc_tta-accordion .vc_tta-panel-title i:after {
	content: '';
	display: inline-block;
	-webkit-border-radius: var(--rounded-xl);
	-moz-border-radius: var(--rounded-xl);
	border-radius: var(--rounded-xl);
	background-color: var(--green);
	-webkit-transition: var(--animate);
	-o-transition: var(--animate);
	-moz-transition: var(--animate);
	transition: var(--animate);
}

.listing-accordion .toggle-onactive .header-accordion .icon-collapse-accordion:before,
.listing-accordion .toggle-onactive .header-accordion .icon-collapse-accordion:after,
.vc_tta-accordion .vc_active .vc_tta-panel-title i:before,
.vc_tta-accordion .vc_active .vc_tta-panel-title i:after {
	background-color: var(--orange);
}

.listing-accordion .header-accordion .title-listing,
.vc_tta-accordion .vc_tta-panel-title {
	font-size: var(--text-base);
	margin-bottom: 0;
}

.listing-accordion .listing-item:not(.toggle-onactive) .content-accordion,
.vc_tta-accordion .vc_tta-panel:not(.vc_active) .vc_tta-panel-body {
	display: none;
}

.listing-accordion .listing-item .content-accordion,
.vc_tta-accordion .vc_tta-panel .vc_tta-panel-body {
	padding: 0 30px 30px;
	-webkit-border-bottom-right-radius: var(--rounded-sm);
	-moz-border-radius-bottomright: var(--rounded-sm);
	border-bottom-right-radius: var(--rounded-sm);
	-webkit-border-bottom-left-radius: var(--rounded-sm);
	-moz-border-radius-bottomleft: var(--rounded-sm);
	border-bottom-left-radius: var(--rounded-sm);
	color: var(--white);
	background-color: var(--blue);
}

.listing-accordion .listing-item:not(:last-child),
.vc_tta-accordion .vc_tta-panel:not(:last-child) {
	margin-bottom: 10px;
}

.vc_tta-accordion .vc_tta-panel .vc_tta-panel-body a {
	color: var(--white);
}

.listing-accordion .listing-item {
	cursor: pointer;
	;
}

.listing-accordion.listing-faq-schema {
	margin-top: 80px;
}




/* -- Gravity Form Reset -- */
.gform_wrapper ul,
.gform_wrapper ol {
	list-style: none;
	padding-left: 0;
}

.gform_fields {
	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;
	-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;
}

.gform_fields .gfield {
	width: 100%;
	margin-top: 0;
	margin-bottom: 15px;
}

.gfield_checkbox {
	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;
}

.gfield_radio li,
.gfield_checkbox li {
	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;
	-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;
}

.gfield_radio label,
.gfield_checkbox label {
	display: inline-block;
	width: auto;
	margin-left: 8px;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: -0.045em;
	cursor: pointer;
}

.gfield_checkbox .gchoice,
.gfield_radio .gchoice {
	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: 0px;
}

.gfield_checkbox .gchoice:not(:last-child),
.gfield_radio .gchoice:not(:last-child) {
	margin-bottom: 10px;
}

.gfield.hidden_label .gfield_label,
.gfield .gfield_description.validation_message {
	display: none;
}

.gfield input.LV_invalid_field,
.gfield select.LV_invalid_field,
.gfield textarea.LV_invalid_field,
.gfield.gfield_error input[aria-invalid="true"] {
	border-color: var(--red);
}

.gfield input:not(textarea):not(select):not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type=range]):not([type=number]).LV_invalid_field {
	background-image: url(/wp-content/uploads/2022/12/whello-close-bg-red.svg);
}

.gfield input.LV_valid_field,
.gfield select.LV_valid_field,
.gfield textarea.LV_valid_field {
	border-color: var(--green);
}

.gfield input:not(textarea):not(select):not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type=range]):not([type=number]).LV_valid_field {
	background-image: url(/wp-content/uploads/2022/12/whello-checkmark-bg-green.svg);
}

.gform_wrapper .gform_footer {
	margin-top: 30px;
}

.gform_wrapper .gform_next_button,
.gform_wrapper .gform_button {
	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-md);
	font-weight: 900;
	text-align: left;
	background-color: var(--orange);
	-webkit-transition: var(--animate);
	-o-transition: var(--animate);
	-moz-transition: var(--animate);
	transition: var(--animate);
}

.gform_wrapper .gform_next_button {
	width: 100%;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.gform_wrapper .gform_previous_button {
	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: 0;
	font-size: var(--text-base);
	font-weight: 900;
	text-align: left;
}

.gform_wrapper .gform_page_footer button {
	margin-top: 15px;
}

.gform_wrapper .gform_previous_button:before {
	content: '';
	display: inline-block;
	width: 15px;
	height: 25px;
	background: url(/wp-content/themes/whello/assets/icons/arrow-chevronblack-left.svg) center/contain no-repeat;
	margin-right: 10px;
}

.gform_wrapper .gform_next_button:hover,
.gform_wrapper .gform_button:hover {
	border-color: var(--blue-300);
	background-color: var(--blue-300);
}

.gform_wrapper .gform_next_button:after,
.gform_wrapper .gform_button: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);
}

.gform_wrapper .gform_next_button:after {
	width: 15px;
	height: 25px;
	background-image: url(/wp-content/themes/whello/assets/icons/whello-chevron-white-right.svg);
}

.gform_wrapper .gform_next_button:hover:after,
.gform_wrapper .gform_button:hover:after {
	-webkit-transform: translateX(3px);
	-moz-transform: translateX(3px);
	-ms-transform: translateX(3px);
	-o-transform: translateX(3px);
	transform: translateX(3px);
}

.gform_wrapper .validation_error {
	display: none;
}

.gform_fields .gfield.gfield--width-half {
	max-width: -webkit-calc(50% - 7px);
	max-width: -moz-calc(50% - 7px);
	max-width: calc(50% - 7px);
}

.gform_fields .gfield.gfield--width-third {
	max-width: -webkit-calc(33.33% - 7px);
	max-width: -moz-calc(33.33% - 7px);
	max-width: calc(33.33% - 7px);
}

.gfield_required_text {
	font-size: 0;
}

.gform_wrapper .gfield_required_text:after {
	content: '*';
	margin-left: 4px;
	font-size: 16px;
	line-height: 1.44;
	color: var(--red);
	display: none;
}

.gfield>.gfield_label {
	font-size: var(--text-md);
	font-weight: 600;
	letter-spacing: -0.045em;
	margin-bottom: 10px;
}

.gfield.checkbox-special .ginput_container_checkbox {
	padding: 50px 30px 30px;
	-webkit-border-radius: var(--rounded);
	-moz-border-radius: var(--rounded);
	border-radius: var(--rounded);
	margin-top: -10px;
	background-color: var(--blue-100);
}

.gfield.radio-special>.gfield_label,
.gfield.checkbox-special>.gfield_label {
	position: relative;
	z-index: 1;
	width: 100%;
	padding: 20px 30px;
	-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);
	margin-bottom: 0;
	background-color: var(--white);
}

.gfield.radio-special>.gfield_label:after,
.gfield.checkbox-special>.gfield_label:after {
	content: '';
	position: absolute;
	right: 30px;
	top: 50%;
	display: inline-block;
	width: 54px;
	height: 12px;
	background: url(/wp-content/uploads/2022/12/whello-gif-dot-blue-white.gif) center/contain no-repeat;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.gfield.checkbox-special .gfield_checkbox .gchoice {
	width: auto;
}

.gfield.checkbox-special .gfield_checkbox .gchoice:not(:last-child) {
	margin-right: 13px;
}

.gfield.checkbox-shadow {
	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;
	padding: 25px 30px 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);
	margin-bottom: 0;
	background-color: var(--white);
}

.gfield.checkbox-shadow>.gfield_label {
	float: left;
	width: 100%;
}

.gfield.checkbox-shadow .ginput_container_checkbox {
	width: 100%;
}

.gfield.checkbox-shadow .gchoice {
	width: 33.333%;
	padding-right: 10px;
}

.gform_validation_errors {
	display: none;
}

.gform_fields .gfield.gfield_html {
	font-size: var(--text-sm);
}

.gform_wrapper .ginput_container_fileupload {
	position: relative;
	display: block;
	width: 100%;
	height: 63px;
	padding: var(--padding-field);
	border: solid 1px var(--transparent);
	-webkit-border-radius: var(--rounded);
	-moz-border-radius: var(--rounded);
	border-radius: var(--rounded);
	-webkit-box-shadow: var(--shadow);
	-moz-box-shadow: var(--shadow);
	box-shadow: var(--shadow);
	font-family: var(--fontfamily-sans);
	font-size: var(--text-base);
	color: var(--black);
	font-weight: 600;
	letter-spacing: -0.045em;
	caret-color: var(--black);
	word-break: normal;
	background: var(--white) url(/wp-content/uploads/2022/12/icon-circle-input-whello.svg) -webkit-calc(100% - 30px) center/30px no-repeat;
	background: var(--white) url(/wp-content/uploads/2022/12/icon-circle-input-whello.svg) -moz-calc(100% - 30px) center/30px no-repeat;
	background: var(--white) url(/wp-content/uploads/2022/12/icon-circle-input-whello.svg) calc(100% - 30px) center/30px no-repeat;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	-moz-transition: var(--transition);
	transition: var(--transition);
}

.gform_wrapper .ginput_container_fileupload.active {
	background-image: url(/wp-content/uploads/2022/12/whello-checkmark-bg-green.svg);
}

.gform_wrapper .ginput_container_fileupload:hover {
	border-color: var(--blue);
}

.gform_wrapper .ginput_container_fileupload input[type=file] {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	z-index: 2;
	cursor: pointer;
}

.gform_wrapper .ginput_container_fileupload .value-file {
	position: absolute;
	top: 50%;
	display: block;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	color: var(--black);
	width: -webkit-calc(100% - 86px);
	width: -moz-calc(100% - 86px);
	width: calc(100% - 86px);
	line-height: 1.25;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	-moz-transition: var(--transition);
	transition: var(--transition);
	display: block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
}

.gform_wrapper .ginput_container_fileupload:not(.active) .value-file {
	font-size: 0;
}

.gform_wrapper .ginput_container_fileupload:not(.active) .value-file:before {
	content: '';
	font-size: var(--text-base);
	color: var(--gray-400);
	font-weight: 600;
	letter-spacing: -0.045em;
}

.gform_wrapper .placeholder-upload-cv .ginput_container_fileupload:not(.active) .value-file:before {
	content: 'upload CV';
}

.gform_wrapper .placeholder-upload-motivasi .ginput_container_fileupload:not(.active) .value-file:before {
	content: 'upload motivasi';
}

.gform_wrapper .ginput_container_fileupload .gform_fileupload_rules {
	display: none;
}

.ginput_complex .clear-multi {
	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;
	-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;
}

.ginput_complex .clear-multi .ginput_container_time {
	width: -webkit-calc(33.333% - 10px);
	width: -moz-calc(33.333% - 10px);
	width: calc(33.333% - 10px);
}

.ginput_complex .clear-multi .ginput_container_time select {
	-webkit-background-size: 14px 14px;
	-moz-background-size: 14px;
	-o-background-size: 14px;
	background-size: 14px;
}

.ginput_complex .clear-multi .ginput_container_time label {
	display: none;
}

.ginput_complex .clear-multi .gfield_time_hour {
	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;
}

.ginput_complex .clear-multi .gfield_time_hour i {
	display: inline-block;
	margin-left: 10px;
	font-style: normal;
}

.gform_wrapper.form-steps_wrapper .gf_progressbar_wrapper {
	display: none;
}

.gform_wrapper.form-steps_wrapper .gform_button {
	width: 100%;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.gform_wrapper.form-steps_wrapper textarea {
	height: 200px;
}

.gform_page_footer .gform_ajax_spinner {
	position: absolute;
	right: 15px;
	bottom: 15px;
	display: inline-block;
	width: 30px;
	height: 30px;
}

.gform_page_footer {
	position: relative;
}

.gfield.radio-special .gfield_radio {
	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;
}

.gfield.radio-special .gfield_radio {
	margin-top: 10px;
}

.gfield.radio-special .gfield_radio .gchoice label {
	width: 100%;
	padding: var(--padding-field);
	border: solid 1px var(--transparent);
	-webkit-border-radius: var(--rounded);
	-moz-border-radius: var(--rounded);
	border-radius: var(--rounded);
	-webkit-box-shadow: var(--shadow);
	-moz-box-shadow: var(--shadow);
	box-shadow: var(--shadow);
	font-family: var(--fontfamily-sans);
	font-size: var(--text-base);
	color: var(--black);
	font-weight: 600;
	letter-spacing: -0.045em;
	caret-color: var(--black);
	word-break: normal;
	background-color: var(--white);
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	-moz-transition: var(--transition);
	transition: var(--transition);
}

.gfield.radio-special .gfield_radio .gchoice label {
	background: var(--white) url(/wp-content/uploads/2022/12/icon-circle-input-whello.svg) -webkit-calc(100% - 30px) center/30px no-repeat;
	background: var(--white) url(/wp-content/uploads/2022/12/icon-circle-input-whello.svg) -moz-calc(100% - 30px) center/30px no-repeat;
	background: var(--white) url(/wp-content/uploads/2022/12/icon-circle-input-whello.svg) calc(100% - 30px) center/30px no-repeat;
}

.gfield.radio-special .gfield_radio .gchoice input[type="radio"]:hover+label,
.gfield.radio-special .gfield_radio .gchoice input[type="radio"]:checked+label {
	background-color: var(--green);
	background-image: url(/wp-content/uploads/2022/12/whello-checkmark-bg-green.svg);
	color: var(--white);
}

.gfield.radio-special .gfield_radio .gchoice {
	position: relative;
}

.gfield.radio-special .gfield_radio .gchoice input[type="radio"] {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.gfield.radio-special .gfield_radio .gchoice label {
	margin-left: 0;
}

.gform_wrapper.form-steps_wrapper .gform_fields {
	position: relative;
}

.gform_wrapper.form-steps_wrapper .gfield.field-cta-wizard .btn-cta-wizard {
	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;
	color: var(--black);
	font-size: var(--text-md);
	font-weight: 900;
	text-align: left;
}

.gform_wrapper.form-steps_wrapper .gfield.field-cta-wizard .btn-cta-wizard:after {
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(/wp-content/themes/whello/assets/icons/whello-icon-coffe-orange.svg);
	margin-left: 10px;
	-webkit-transition: var(--animate);
	-o-transition: var(--animate);
	-moz-transition: var(--animate);
	transition: var(--animate);
}

.gform_wrapper.form-steps_wrapper .gfield.field-cta-wizard .btn-cta-wizard:hover:after {
	-webkit-transform: translateX(3px);
	-moz-transform: translateX(3px);
	-ms-transform: translateX(3px);
	-o-transform: translateX(3px);
	transform: translateX(3px);
}

.heading-steps {
	position: relative;
	padding-left: 80px;
}

.heading-steps:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 62px;
	height: 62px;
	background: url(/wp-content/uploads/2022/12/whello-icon-calendar.svg) center/contain no-repeat;
}

.heading-steps .label-steps {
	font-size: var(--text-md);
	font-weight: 700;
	color: var(--blue);
}

.heading-steps h4 {
	width: 100%;
	max-width: 330px;
	margin-bottom: 0px;
}

.heading-steps h2:first-of-type {
	margin-bottom: 0;
	font-size: var(--text-small-h2);
	font-weight: 300;
	color: var(--blue);
}

.heading-steps h2:first-of-type strong {
	display: block;
	font-size: var(--text-3xl);
	font-weight: 900;
	color: var(--black);
}

.heading-steps.heading-steps-jasa-seo {
	padding-left: 0;
	padding-right: 30px;
}

.heading-steps.heading-steps-jasa-seo:before {
	display: none;
}

.heading-steps.heading-steps-jasa-seo .label-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;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	-webkit-box-shadow: var(--shadow-light);
	-moz-box-shadow: var(--shadow-light);
	box-shadow: var(--shadow-light);
	-webkit-border-radius: var(--rounded-full);
	-moz-border-radius: var(--rounded-full);
	border-radius: var(--rounded-full);
	color: var(--black);
	font-size: 8px;
}

.heading-steps.heading-steps-jasa-seo .label-steps {
	position: absolute;
	right: 0;
	top: 0;
}




/* VC PROGRESS BAR */
.vc_progress_bar.progress-specialist .vc_single_bar .vc_bar {
	position: static;
	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: 11px;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
	background-color: var(--blue);
}

.vc_progress_bar.progress-specialist .vc_single_bar {
	background-color: var(--transparent);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.vc_progress_bar.progress-specialist .vc_single_bar .vc_bar:before {
	content: '';
	position: absolute;
	top: -webkit-calc(100% - 9px);
	top: -moz-calc(100% - 9px);
	top: calc(100% - 9px);
	left: 0;
	z-index: -1;
	width: 100%;
	height: 7px;
	background-color: var(--blue-100);
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.vc_progress_bar.progress-specialist .vc_single_bar .vc_label {
	position: static;
	padding: 0;
	font-size: var(--text-base);
	font-weight: 700;
	margin-bottom: 15px;
}

.vc_progress_bar.progress-specialist .vc_single_bar:not(:last-child) {
	margin-bottom: 20px;
}

.vc_progress_bar.progress-specialist .vc_single_bar .vc_bar:after {
	content: attr(data-value)'%';
	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: 35px;
	height: 23px;
	margin-left: auto;
	padding-bottom: 5px;
	font-size: 10px;
	line-height: 1;
	font-weight: 700;
	color: var(--white);
	background: url(/wp-content/uploads/2022/12/whello-icon-process-specialist.svg) center/contain no-repeat;
	-webkit-transform: translate(0px, -22px);
	-moz-transform: translate(0px, -22px);
	-ms-transform: translate(0px, -22px);
	-o-transform: translate(0px, -22px);
	transform: translate(0px, -22px);
}



/* VC PIE CHART */
.vc_pie_chart .vc_pie_wrapper {
	display: none;
}

.vc_pie_chart:before {
	content: attr(data-pie-value);
	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;
	min-width: 60px;
	min-height: 60px;
	width: 60px;
	height: 60px;
	-webkit-border-radius: var(--rounded-full);
	-moz-border-radius: var(--rounded-full);
	border-radius: var(--rounded-full);
	color: var(--white);
	font-weight: 900;
	line-height: 1;
	margin-right: 15px;
	font-size: 14px;
	background-color: var(--blue);
}

.vc_pie_chart {
	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;
}

.vc_pie_chart .wpb_pie_chart_heading {
	font-size: 16px;
	text-align: left;
	margin-bottom: 0;
}



/* FORM SEARCH BLOG */
.form-search-blog .search-blog-wrapper {
	position: relative;
}

.form-search-blog .search-blog-submit {
	position: absolute;
	right: 0;
	top: 0;
	width: 80px;
	height: 100%;
	padding: 0;
	font-size: 0;
	background: var(--white) url(/wp-content/uploads/2023/01/whello-icon-search-black.svg) center/ 30px no-repeat;
}

.form-search-blog input.input-search-blog {
	background-image: none !important;
}

.form-search-blog input.input-search-blog:hover {
	border-color: var(--white);
}

/* custom in newsletter --rodhian*/
.row-content-newsletter .gform_wrapper .gform_button:after {
	background-image: url(/wp-content/uploads/2023/06/subscribe-white-whello-id.svg);
}

.row-content-newsletter .gform_wrapper .gform_button {
	width: 100%;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.row-content-newsletter .gform_wrapper .gform_footer {
	margin-top: 0px;
}

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



/* EMOJI */
img.wp-smiley,
img.emoji {
	display: inline !important;
	border: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 0.07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}



/* SB INSTAGRAM */
#sb_instagram #sbi_images,
#sb_instagram #sbi_images .sbi_item {
	float: none;
}

#sb_instagram #sbi_images {
	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;
	width: auto;
	margin-left: -10px;
	margin-right: -10px;
}

#sb_instagram #sbi_images .sbi_item {
	width: 20% !important;
	padding: 0 10px !important;
}

#sb_instagram #sbi_images .sbi_item .sbi_photo_wrap {
	position: relative;
	padding-top: 100%;
	overflow: hidden;
}

#sb_instagram #sbi_images .sbi_item .sbi_photo_wrap .sbi_photo {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100% !important;
}



/* ROW CTA COLUMN */
.vc_row.row-cta-column {
	margin-left: -10px;
	margin-right: -10px;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

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

.vc_row.row-cta-column .whbutton-wrapper,
.vc_row.row-cta-column .whbutton-wrapper .cta-whbutton {
	width: 100%;
}







/* TEMPLATE - NO FOOTER */
body.error404 .site,
body.page-template-template-no-footer .site {
	overflow: hidden;
	min-height: auto;
}

body.error404 .site>.site-breadcrumbs,
body.error404 .site>.site-footer,
body.page-template-template-no-footer .site>.site-breadcrumbs,
body.page-template-template-no-footer .site>.site-footer {
	display: none;
}



/* TEMPLATE - NO BREADCRUMB */
body.page-template-template-no-breadcrumb .site-breadcrumbs {
	display: none;
}







/* SECTION/ROW VIDEO FULL SCREEN */
.vc_section.section-video-full-screen {
	position: relative;
}

.vc_row.row-video-full-screen>.wpb_column.vc_col-sm-12 {
	position: relative;
	width: 100%;
	max-width: var(--container);
	margin: 0 auto;
	float: none;
	-webkit-transition: max-width var(--animate);
	-o-transition: max-width var(--animate);
	-moz-transition: max-width var(--animate);
	transition: max-width var(--animate);
}

.vc_row.row-video-full-screen.video-full--active>.wpb_column.vc_col-sm-12 {
	max-width: 100%;
}

.vc_row.row-video-full-screen>.wpb_column.vc_col-sm-12>.vc_column-inner {
	padding-left: 0;
	padding-right: 0;
}

.vc_row.row-video-full-screen .plyr,
.vc_row.row-video-full-screen .plyr-wrapper {
	max-width: 890px;
	margin: auto;
}

.vc_row.row-video-full-screen .button-video-full-screen {
	position: absolute;
	bottom: 30px;
	right: 30px;
	z-index: 2;
	width: 30px;
	height: 30px;
	background: url(/wp-content/uploads/2022/12/icon-video-full-screen.svg) center/contain no-repeat;
	cursor: pointer;
}

.vc_row.row-video-full-screen.video-full--active .button-video-full-screen {
	bottom: 80px;
	right: var(--padding-container);
	width: 40px;
	height: 40px;
	background-image: url(/wp-content/uploads/2022/12/icon-video-minimize.svg);
}

.vc_row.row-video-full-screen.video-full--active {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}







/* WH BANNER STEPS */
.banner-steps-wrapper {
	position: relative;
}

.banner-steps-wrapper>.title-heading {
	position: absolute;
	left: var(--padding-container);
	z-index: 1;
	width: 100%;
	color: var(--white);
}

.banner-steps-wrapper .content-banner-wrapper {
	position: relative;
	padding: 33px 45px 33px 33px;
	-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);
	background-color: var(--white);
	overflow: hidden;
	-webkit-transition: var(--animate);
	-o-transition: var(--animate);
	-moz-transition: var(--animate);
	transition: var(--animate);
}

.banner-steps-wrapper .content-banner-wrapper .link-absolute {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.banner-steps-wrapper .content-banner-steps:before {
	content: '';
	position: absolute;
	top: 30px;
	left: -63px;
	z-index: 1;
	display: inline-block;
	width: 26px;
	height: 26px;
	border: 5px solid var(--white);
	-webkit-border-radius: var(--rounded-full);
	-moz-border-radius: var(--rounded-full);
	border-radius: var(--rounded-full);
	background-color: var(--blue-300);
	-webkit-transition: background-color var(--animate);
	-o-transition: background-color var(--animate);
	-moz-transition: background-color var(--animate);
	transition: background-color var(--animate);
}

.banner-steps-wrapper .step-active .content-banner-steps:before {
	left: -68px;
	width: 36px;
	height: 36px;
	border-width: 8px;
	background-color: var(--blue);
}

.banner-steps-wrapper .content-banner-steps:after {
	content: '';
	position: absolute;
	left: -53px;
	top: 49px;
	display: inline-block;
	width: 5px;
	height: 100%;
	background-color: var(--white);
}

.banner-steps-wrapper .banner-steps-item:last-child .content-banner-steps:after {
	display: none;
}

.banner-steps-wrapper .content-banner-wrapper .content-footer {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--blue-100);
	-webkit-transition: var(--animate);
	-o-transition: var(--animate);
	-moz-transition: var(--animate);
	transition: var(--animate);
}




/* PATTERN WAVES WHELLO */
[class*="pattern-waves-"] {
	position: relative;
}

[class*="pattern-waves-"]:before,
[class*="pattern-waves-"]:after {
	content: '';
	display: inline-block !important;
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	background-color: var(--white);
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	background-repeat: repeat-x;
}

.pattern-waves-top-blue:before {
	top: 0;
	background-image: url(/wp-content/uploads/2023/01/waves-pattern-top-blue.svg);
	background-position: bottom center;
}
.pattern-waves-top-blue-soft:before {
	top: 0;
	background-image: url(/wp-content/uploads/2023/01/waves-pattern-top-blue.svg);
	background-position: bottom center;
	background-color: var(--blue-100);
	height: 65px;
}

.pattern-waves-bottom-blue:after {
	bottom: 0;
	background-image: url(/wp-content/uploads/2023/01/waves-pattern-bottom-blue.svg);
	background-position: top center;
}

.pattern-waves-top-softblue:before {
	top: 0;
	background-image: url(/wp-content/uploads/2023/01/waves-pattern-top-softblue.svg);
	background-position: bottom center;
}

.page-id-44562 .pattern-waves-top-softblue:before {
	top: 0;
	background-image: url(/wp-content/uploads/2023/01/waves-pattern-top-blue.svg);
	background-position: bottom center;
}

.page-id-44562 .pattern-waves-bottom-softblue:after {
	bottom: 0;
	background-image: url(/wp-content/uploads/2023/01/waves-pattern-bottom-blue.svg);
	background-position: top center;
}

.page-id-20233 .pattern-waves-top-softblue:before,
.waves-dark-blue .pattern-waves-top-softblue:before,
#story-clients:before{
	top: 0;
	background-image: url(/wp-content/uploads/2023/08/waves-top.svg);
	background-position: bottom center;
}

.page-id-20233 .pattern-waves-bottom-softblue:after,
.waves-dark-blue .pattern-waves-bottom-softblue:after,
#count-story-slider:after,
.pattern-waves-bottom-darkblue:after {
	bottom: 0;
	background-image: url(/wp-content/uploads/2023/08/waves-bottom.svg);
	background-position: top center;
}

.pattern-waves-bottom-softblue:after {
	bottom: 0;
	background-image: url(/wp-content/uploads/2023/01/waves-pattern-bottom-softblue.svg);
	background-position: top center;
}

section.vc_section[class*="pattern-waves-"] {
	margin-left: 0px;
	margin-right: 0px;
}


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

body #story-clients {
	padding-bottom: 50px;
}



/* PACKAGE CARD */
.package-card:hover {
	-webkit-box-shadow: var(--shadow);
	-moz-box-shadow: var(--shadow);
	box-shadow: var(--shadow);
	-webkit-border-radius: var(--rounded-lg);
	-moz-border-radius: var(--rounded-lg);
	border-radius: var(--rounded-lg);
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	transform: translateY(-10px);
}

.package-card {
	width: 100%;
	max-width: 370px;
	margin: 0 auto;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
	cursor: pointer;
	-webkit-transition: var(--animate);
	-o-transition: var(--animate);
	-moz-transition: var(--animate);
	transition: var(--animate);
}

.package-card .figure-package {
	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: 80px;
	height: 80px;
	-webkit-border-radius: var(--rounded);
	-moz-border-radius: var(--rounded);
	border-radius: var(--rounded);
	background-color: var(--blue-100);
}

.package-card .figure-package img {
	width: 55px;
	height: 55px;
	-o-object-fit: contain;
	object-fit: contain;
}

.package-card .header-package {
	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-bottom: 15px;
}

.package-card .header-package .content-header-package {
	width: -webkit-calc(100% - 80px);
	width: -moz-calc(100% - 80px);
	width: calc(100% - 80px);
	padding-left: 20px;
}

.package-card .content-header-package .heading-package {
	margin-bottom: 0;
	font-size: var(--text-md);
	font-weight: 400;
	color: var(--blue);
}

.package-card .content-header-package .subheading-package {
	font-size: var(--text-xl);
	margin-bottom: 0;
}

.package-card .footer-package,
.package-card .general-package {
	border: 1px solid var(--gray-200);
	-webkit-border-radius: var(--rounded-lg);
	-moz-border-radius: var(--rounded-lg);
	border-radius: var(--rounded-lg);
	background-color: var(--white);
}

.package-card .content-package h2 strong {
	font-size: var(--text-lg);
	margin-left: 12px;
}

.package-card .content-package h2 {
	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: 0;
}

.package-card .general-package li a {
	color: var(--black);
}

.package-card .content-package *+p {
	margin-top: 5px;
}

.package-card .footer-package {
	padding: 63px 20px 30px;
	margin-top: -40px;
	font-size: var(--text-sm);
}

.package-card .general-package {
	position: relative;
	z-index: 1;
}

.package-card .footer-package h5 {
	position: relative;
	padding-left: 35px;
	font-size: var(--text-base);
}

.package-card .footer-package h5 img {
	content: '';
	position: absolute;
	left: 0;
	top: -4px;
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(/wp-content/uploads/2022/07/diamond-whello.svg) center/contain no-repeat;
}

.package-card .badge-package-popular {
	position: absolute;
	top: 0;
	right: 0;
	margin: 10px;
	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: 100px;
	height: 40px;
	padding: 10px 12px;
	-webkit-border-radius: var(--rounded);
	-moz-border-radius: var(--rounded);
	border-radius: var(--rounded);
	font-size: var(--text-sm);
	line-height: 1.25;
	text-transform: capitalize;
	background-color: rgba(0, 0, 0, 0.4);
}

.package-card.type-package-popular .content-header-package .heading-package {
	color: var(--white);
}

.package-card.type-package-popular .general-package {
	color: var(--white);
	background-color: var(--blue);
}

.package-card.type-package-popular .general-package li a {
	color: var(--white);
}

.package-card.type-package-popular .general-package li a:hover {
	color: var(--orange);
}

.package-card .col-main-btn-package {
	display: block;
	margin-top: 30px;
	text-align: center;
}

.package-card .general-package .btn-main-package {
	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(--blue);
	-webkit-border-radius: var(--rounded-full);
	-moz-border-radius: var(--rounded-full);
	border-radius: var(--rounded-full);
	color: var(--white);
	font-size: var(--text-base);
	font-weight: 900;
	text-align: left;
	background-color: var(--blue);
	-webkit-transition: var(--animate);
	-o-transition: var(--animate);
	-moz-transition: var(--animate);
	transition: var(--animate);
}

.package-card.type-package-popular .figure-package {
	background-color: var(--white);
}

.package-card.type-package-popular .general-package .btn-main-package:hover {
	color: var(--white);
}

.package-card:hover .general-package .btn-main-package,
.package-card.type-package-popular .general-package .btn-main-package {
	border-color: var(--orange);
	color: var(--white);
	background-color: var(--orange);
}

.package-card.type-package-popular .general-package .btn-main-package:after {
	content: '';
	display: inline-block;
	width: 20px;
	height: 17px;
	background: url(/wp-content/themes/whello/assets/icons/whello-arrowbow-white-right.svg) center/contain no-repeat;
	margin-left: 10px;
	-webkit-transition: var(--animate);
	-o-transition: var(--animate);
	-moz-transition: var(--animate);
	transition: var(--animate);
}

.package-card.type-package-popular .general-package .btn-main-package:hover:after {
	-webkit-transform: translateX(3px);
	-moz-transform: translateX(3px);
	-ms-transform: translateX(3px);
	-o-transform: translateX(3px);
	transform: translateX(3px);
}

.package-card.type-package-popular .content-package h2 {
	margin-top: 24px;
}






/* WH GALLERY */
.wg-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;
	margin-left: -15px;
	margin-right: -15px;
}

.wg-wrapper.wg-position-top {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.wg-wrapper.wg-position-bottom {
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-moz-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.wg-wrapper.wg-position-middle {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.wg-wrapper .wg-item {
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 30px;
}

.wg-wrapper.wg-col-10 .wg-item {
	width: 10%;
}

.wg-wrapper.wg-col-9 .wg-item {
	width: 11.111%;
}

.wg-wrapper.wg-col-8 .wg-item {
	width: 12.5%;
}

.wg-wrapper.wg-col-7 .wg-item {
	width: 14.285%;
}

.wg-wrapper.wg-col-6 .wg-item {
	width: 16.667%;
}

.wg-wrapper.wg-col-5 .wg-item {
	width: 20%;
}

.wg-wrapper.wg-col-4 .wg-item {
	width: 25%;
}

.wg-wrapper.wg-col-3 .wg-item {
	width: 33.333%;
}

.wg-wrapper.wg-col-2 .wg-item {
	width: 50%;
}

.wg-wrapper.wg-col-1 .wg-item {
	width: 100%;
}

.wg-wrapper .wg-item--wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}

.wg-wrapper.wg-type-slider:not(.slick-initialized) {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	white-space: nowrap;
	overflow-y: hidden;
	overflow-x: scroll;
}


.wg-wrapper.slick-slider {
	margin-left: 0;
	margin-right: 0;
}

.wg-wrapper.slick-slider.wg-col-1 .wg-item {
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 0;
}


/* WH GALLERY RESPONSIVE */
@media all and (min-width: 601px) and (max-width: 1299px) {
	.wg-wrapper.wg-col-tablet-10 .wg-item {
		width: 10%;
	}

	.wg-wrapper.wg-col-tablet-9 .wg-item {
		width: 11.111%;
	}

	.wg-wrapper.wg-col-tablet-8 .wg-item {
		width: 12.5%;
	}

	.wg-wrapper.wg-col-tablet-7 .wg-item {
		width: 14.285%;
	}

	.wg-wrapper.wg-col-tablet-6 .wg-item {
		width: 16.667%;
	}

	.wg-wrapper.wg-col-tablet-5 .wg-item {
		width: 20%;
	}

	.wg-wrapper.wg-col-tablet-4 .wg-item {
		width: 25%;
	}

	.wg-wrapper.wg-col-tablet-3 .wg-item {
		width: 33.333%;
	}

	.wg-wrapper.wg-col-tablet-2 .wg-item {
		width: 50%;
	}

	.wg-wrapper.wg-col-tablet-1 .wg-item {
		width: 100%;
	}
}


@media all and (max-width: 600px) {
	.wg-wrapper.wg-col-mobile-10 .wg-item {
		width: 10%;
	}

	.wg-wrapper.wg-col-mobile-9 .wg-item {
		width: 11.111%;
	}

	.wg-wrapper.wg-col-mobile-8 .wg-item {
		width: 12.5%;
	}

	.wg-wrapper.wg-col-mobile-7 .wg-item {
		width: 14.285%;
	}

	.wg-wrapper.wg-col-mobile-6 .wg-item {
		width: 16.667%;
	}

	.wg-wrapper.wg-col-mobile-5 .wg-item {
		width: 20%;
	}

	.wg-wrapper.wg-col-mobile-4 .wg-item {
		width: 25%;
	}

	.wg-wrapper.wg-col-mobile-3 .wg-item {
		width: 33.333%;
	}

	.wg-wrapper.wg-col-mobile-2 .wg-item {
		width: 50%;
	}

	.wg-wrapper.wg-col-mobile-1 .wg-item {
		width: 100%;
	}
}





/* Cookie Notice Style */
#cookie-notice {
	background: rgb(51 51 51 / 80%) !important;
}

#cookie-notice #cn-notice-buttons .cn-button {
	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;
	border: 2px solid var(--orange);
	-webkit-border-radius: var(--rounded-full);
	-moz-border-radius: var(--rounded-full);
	border-radius: var(--rounded-full);
	padding: 10px 20px;
	font-family: var(--fontfamily-sans);
	font-size: var(--text-base);
	font-weight: 700;
	line-height: 1.44;
	background-color: var(--orange) !important;
}





/* DATEPICKER STYLE */
.ui-widget,
.ui-widget * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.ui-widget.ui-datepicker {
	z-index: 10 !important;
	width: var(--widthdatepicker);
	padding: 20px;
	-webkit-border-radius: var(--rounded-sm);
	-moz-border-radius: var(--rounded-sm);
	border-radius: var(--rounded-sm);
	-webkit-box-shadow: var(--shadow-light);
	-moz-box-shadow: var(--shadow-light);
	box-shadow: var(--shadow-light);
	font-family: var(--fontfamily-sans);
	-webkit-transform: translateY(4px);
	-moz-transform: translateY(4px);
	-ms-transform: translateY(4px);
	-o-transform: translateY(4px);
	transform: translateY(4px);
	background-color: var(--white);
}

.ui-widget.ui-datepicker:not([style]) {
	display: none;
}

.ui-widget.ui-datepicker .ui-datepicker-calendar {
	margin-top: 10px;
	width: 100%;
	font-size: 14px;
}

.ui-widget.ui-widget.ui-datepicker select {
	width: -webkit-calc(50% - 5px);
	width: -moz-calc(50% - 5px);
	width: calc(50% - 5px);
	padding: 4px 10px;
	margin: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: none;
	font-family: var(--fontfamily-sans);
	background-color: var(--white);
	background-position-x: -webkit-calc(100% - 10px);
	background-position-x: -moz-calc(100% - 10px);
	background-position-x: calc(100% - 10px);
}

.ui-widget.ui-datepicker a.ui-datepicker-prev,
.ui-widget.ui-datepicker a.ui-datepicker-next {
	position: static;
	padding: 6px 8px 6px;
	width: auto;
	height: auto;
	margin-bottom: 10px;
	-webkit-border-radius: var(--shadow-light);
	-moz-border-radius: var(--shadow-light);
	border-radius: var(--shadow-light);
	font-size: 12px;
	font-weight: 400;
	color: var(--white);
	line-height: 1;
	background-color: var(--gray);
}

.ui-widget.ui-datepicker .ui-datepicker-header {
	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;
	-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;
	padding: 0;
	background: none;
	border: none;
}

.ui-widget.ui-datepicker .ui-datepicker-header:before,
.ui-widget.ui-datepicker .ui-datepicker-header:after {
	display: none;
}

.ui-widget.ui-datepicker th {
	padding: 0;
}

.ui-widget.ui-datepicker td,
.ui-widget.ui-datepicker th {
	padding: 0;
}

.ui-widget.ui-datepicker .ui-datepicker-title {
	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;
	-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;
	width: 100%;
	height: 30px;
	padding: 0;
}

.ui-widget.ui-widget.ui-datepicker .ui-datepicker-title.ui-datepicker-title select {
	width: auto;
	padding: 4px 30px 4px 8px;
	margin: 0;
	-moz-text-align-last: auto;
	text-align-last: auto;
	border: 1px solid var(--black);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-background-size: 12px 12px;
	-moz-background-size: 12px;
	-o-background-size: 12px;
	background-size: 12px;
}

.ui-widget.ui-datepicker a.ui-datepicker-prev.ui-state-hover,
.ui-widget.ui-datepicker a.ui-datepicker-next.ui-state-hover,
.ui-widget.ui-datepicker a.ui-datepicker-prev:hover,
.ui-widget.ui-datepicker a.ui-datepicker-next:hover {
	background-color: var(--orange);
	border: none;
}

.ui-widget.ui-datepicker .ui-datepicker-calendar th span,
.ui-widget.ui-datepicker .ui-datepicker-calendar td span,
.ui-widget.ui-datepicker .ui-datepicker-calendar td a {
	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;
	min-width: 100%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: none;
	background: none;
	color: inherit;
	text-align: center;
	padding: 0;
	min-width: auto;
	margin: auto;
}

.ui-widget.ui-datepicker .ui-datepicker-calendar td a {
	color: var(--orange);
	font-weight: 700;
}

.ui-widget.ui-datepicker .ui-datepicker-calendar td a:hover,
.ui-widget.ui-datepicker .ui-datepicker-calendar td a.ui-state-active {
	color: var(--red);
}

.ui-widget.ui-datepicker a.ui-datepicker-prev .ui-icon,
.ui-widget.ui-datepicker a.ui-datepicker-next .ui-icon {
	position: static;
	margin: 0;
	text-indent: 0;
	width: auto;
	height: auto;
	background: none;
}


@media all and (min-width: 376px) {

	.ui-widget.ui-datepicker .ui-datepicker-calendar th span,
	.ui-widget.ui-datepicker .ui-datepicker-calendar td span,
	.ui-widget.ui-datepicker .ui-datepicker-calendar td a {
		width: 40px;
		height: 40px;
	}
}

@media all and (max-width: 375px) {

	.ui-widget.ui-datepicker .ui-datepicker-calendar th span,
	.ui-widget.ui-datepicker .ui-datepicker-calendar td span,
	.ui-widget.ui-datepicker .ui-datepicker-calendar td a {
		width: 32px;
		height: 32px;
	}
}




/* ICON & TEXT */
.icon-text-wrapper {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-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;
}

.icon-text-wrapper:not(:last-child) {
	margin: 0 14px 14px 0;
}

.icon-text-wrapper .col-icontext {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}

.icon-text-wrapper .col-icontext img {
	-o-object-fit: contain;
	object-fit: contain;
}

.icon-text-wrapper .col-icontext {
	-webkit-transition: var(--animate);
	-o-transition: var(--animate);
	-moz-transition: var(--animate);
	transition: var(--animate);
}

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

.icon-text-wrapper.icon-size--small .col-icontext {
	width: 24px;
	height: 24px;
}

.icon-text-wrapper.icon-size--small .col-content-icontext {
	width: -webkit-calc(100% - 24px);
	width: -moz-calc(100% - 24px);
	width: calc(100% - 24px);
}

.icon-text-wrapper.icon-size--medium .col-icontext {
	width: 50px;
	height: 50px;
}

.icon-text-wrapper.icon-size--medium .col-content-icontext {
	width: -webkit-calc(100% - 50px);
	width: -moz-calc(100% - 50px);
	width: calc(100% - 50px);
}

.icon-text-wrapper.icon-size--large .col-icontext {
	width: 80px;
	height: 80px;
}

.icon-text-wrapper.icon-size--large .col-content-icontext {
	width: -webkit-calc(100% - 80px);
	width: -moz-calc(100% - 80px);
	width: calc(100% - 80px);
}

.icon-text-wrapper .col-content-icontext {
	padding-left: 16px;
}

.icon-text-wrapper.icon-position--right .col-content-icontext {
	-webkit-box-ordinal-group: 0;
	-webkit-order: -1;
	-moz-box-ordinal-group: 0;
	-ms-flex-order: -1;
	order: -1;
	padding-left: 0;
	padding-right: 16px;
}

.icon-text-wrapper .col-content-icontext p {
	margin: 0;
}

.icon-text-wrapper.alignment--left,
.icon-text-wrapper.alignment--center,
.icon-text-wrapper.alignment--right {
	width: 100%;
}

.icon-text-wrapper.alignment--center {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.icon-text-wrapper.alignment--right {
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.icon-text-wrapper.alignment--left {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

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

.icon-text-wrapper.icon-size--small {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}








/* BEFORE LOAD SLICK */
.listing-review-v2:not(.slick-initialized),
.listing-review:not(.slick-initialized),
.wg-wrapper:not(.slick-initialized) {
	overflow: hidden;
	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 nowrap;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
}

.listing-review-v2:not(.slick-initialized) .listing-item,
.listing-review:not(.slick-initialized) .listing-item,
.wg-wrapper:not(.slick-initialized) .wg-item {
	opacity: 0.5;
}

.wg-wrapper.wg-col-10:not(.slick-initialized) .wg-item {
	min-width: 10%;
}

.wg-wrapper.wg-col-9:not(.slick-initialized) .wg-item {
	min-width: 11.111%;
}

.wg-wrapper.wg-col-8:not(.slick-initialized) .wg-item {
	min-width: 12.5%;
}

.wg-wrapper.wg-col-7:not(.slick-initialized) .wg-item {
	min-width: 14.285%;
}

.wg-wrapper.wg-col-6:not(.slick-initialized) .wg-item {
	min-width: 16.667%;
}

.wg-wrapper.wg-col-5:not(.slick-initialized) .wg-item {
	min-width: 20%;
}

.wg-wrapper.wg-col-4:not(.slick-initialized) .wg-item {
	min-width: 25%;
}

.listing-review:not(.slick-initialized) .listing-item,
.wg-wrapper.wg-col-3:not(.slick-initialized) .wg-item {
	min-width: 33.333%;
}

.wg-wrapper.wg-col-2:not(.slick-initialized) .wg-item {
	min-width: 50%;
}

.listing-review-v2:not(.slick-initialized) .listing-item,
.wg-wrapper.wg-col-1:not(.slick-initialized) .wg-item {
	min-width: 100%;
}

.listing-review-v2:not(.slick-initialized)::-webkit-scrollbar-button,
.listing-review-v2:not(.slick-initialized)::-webkit-scrollbar,
.listing-review:not(.slick-initialized)::-webkit-scrollbar-button,
.listing-review:not(.slick-initialized)::-webkit-scrollbar,
.wg-wrapper:not(.slick-initialized)::-webkit-scrollbar-button,
.wg-wrapper:not(.slick-initialized)::-webkit-scrollbar {
	width: 1px;
	height: 1px;
}


/* RESPONSIVE BEFORE LOAD SLICK */
@media all and (min-width: 901px) and (max-width: 1299px) {
	.listing-review:not(.slick-initialized) .listing-item {
		min-width: 33.333%;
	}
}

@media all and (min-width: 601px) and (max-width: 1299px) {
	.wg-wrapper.wg-col-tablet-10:not(.slick-initialized) .wg-item {
		min-width: 10%;
	}

	.wg-wrapper.wg-col-tablet-9:not(.slick-initialized) .wg-item {
		min-width: 11.111%;
	}

	.wg-wrapper.wg-col-tablet-8:not(.slick-initialized) .wg-item {
		min-width: 12.5%;
	}

	.wg-wrapper.wg-col-tablet-7:not(.slick-initialized) .wg-item {
		min-width: 14.285%;
	}

	.wg-wrapper.wg-col-tablet-6:not(.slick-initialized) .wg-item {
		min-width: 16.667%;
	}

	.wg-wrapper.wg-col-tablet-5:not(.slick-initialized) .wg-item {
		min-width: 20%;
	}

	.wg-wrapper.wg-col-tablet-4:not(.slick-initialized) .wg-item {
		min-width: 25%;
	}

	.wg-wrapper.wg-col-tablet-3:not(.slick-initialized) .wg-item {
		min-width: 33.333%;
	}

	.wg-wrapper.wg-col-tablet-2:not(.slick-initialized) .wg-item {
		min-width: 50%;
	}

	.wg-wrapper.wg-col-tablet-1:not(.slick-initialized) .wg-item {
		min-width: 100%;
	}
}


@media all and (min-width: 601px) and (max-width: 900px) {
	.listing-review:not(.slick-initialized) .listing-item {
		min-width: 50%;
	}
}


@media all and (max-width: 600px) {
	.wg-wrapper.wg-col-mobile-10:not(.slick-initialized) .wg-item {
		min-width: 10%;
	}

	.wg-wrapper.wg-col-mobile-9:not(.slick-initialized) .wg-item {
		min-width: 11.111%;
	}

	.wg-wrapper.wg-col-mobile-8:not(.slick-initialized) .wg-item {
		min-width: 12.5%;
	}

	.wg-wrapper.wg-col-mobile-7:not(.slick-initialized) .wg-item {
		min-width: 14.285%;
	}

	.wg-wrapper.wg-col-mobile-6:not(.slick-initialized) .wg-item {
		min-width: 16.667%;
	}

	.wg-wrapper.wg-col-mobile-5:not(.slick-initialized) .wg-item {
		min-width: 20%;
	}

	.wg-wrapper.wg-col-mobile-4:not(.slick-initialized) .wg-item {
		min-width: 25%;
	}

	.wg-wrapper.wg-col-mobile-3:not(.slick-initialized) .wg-item {
		min-width: 33.333%;
	}

	.wg-wrapper.wg-col-mobile-2:not(.slick-initialized) .wg-item {
		min-width: 50%;
	}

	.listing-review:not(.slick-initialized) .listing-item,
	.wg-wrapper.wg-col-mobile-1:not(.slick-initialized) .wg-item {
		min-width: 100%;
	}
}

/* styling card slider ------------------------------------------------------------- */
.col-card---slider.wpb_column > .vc_column-inner > .wpb_wrapper {
	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;
	margin: -15px;
}


.vc_row.row-card--slider-item {
	padding: 15px;
}

.vc_row.row-card--slider-item > .wpb_column> .vc_column-inner > .wpb_wrapper {
	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;
	background-color: var(--white);
	padding: 20px;
	-webkit-border-radius: var(--rounded-lg);
	   -moz-border-radius: var(--rounded-lg);
	        border-radius: var(--rounded-lg);
}

.row-card--slider-item > .wpb_column,
.row-card--slider-item > .wpb_column > .vc_column-inner,
.row-card--slider-item > .wpb_column > .vc_column-inner > .wpb_wrapper {
	height: 100%;
}

.vc_row.row-card--slider-item h3 {
	--text-2xl: 35px;
	margin-bottom: 25px;
}

.vc_row.row-card--slider-item .whbutton-wrapper {
	margin-top: auto;
}

.vc_row.row-card--slider-item .cta-whbutton {
	padding-left: 25px;
    padding-right: 25px;
    min-width: 196px;
}

.vc_row.row-card--slider-item .cta-whbutton .icon-cta {
	min-width: 10px;
	width: 10px;
	min-height: 13px;
	height: 13px;
	margin-top: 3px;
}

.vc_row.row-card--slider-item .cta-whbutton .label-cta {
	font-size: var(--text-base);
	font-weight: 700;
}

.vc_row.row-card--slider-item ul {
	padding-left: 0;
	list-style-type: none;
}

.vc_row.row-card--slider-item li+li {
	margin-top: 15px;
}


ul.list-tab-content li,
.vc_row.row-card--slider-item li {
	position: relative;
	padding-left: 40px;
	line-height: 1.75;
}


ul.list-tab-content li:before,
.vc_row.row-card--slider-item li:before {
	position: absolute;
	content: '';
	width: 30px;
	height: 30px;
	top: -1px;
	left: 0;
	background: #f2f2fe url(/wp-content/themes/whello/assets/icons/whello-icon-checklist-green.svg) center/14px no-repeat;
	-webkit-border-radius: var(--rounded-full);
	   -moz-border-radius: var(--rounded-full);
	        border-radius: var(--rounded-full);
}

.col-card---slider.wpb_column .slick-slider .slick-track, 
.col-card---slider.wpb_column .slick-slider .slick-slide {
    height: 100%;
}

.col-card---slider.wpb_column .slick-slider .slick-slide {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media all and (min-width: 901px) {
	.col-card---slider.wpb_column > .vc_column-inner {
		padding-left: 0;
		padding-right: 0;
	}
}

@media all and (max-width: 900px) {
	.col-card---slider.wpb_column {
		margin-top: 40px;
	}
}




/* roadmap -------------------------------------------*/
.vc_section.section-roadmap {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0;
}

body .vc_row.strategy-row {
	position: relative;
}



body .vc_row.strategy-row ul {
	padding-left: 0;
	list-style-type: none;
}

body .vc_row.strategy-row ul li {
	position: relative;
	display: flex;
	font-weight: 500;
}

body .vc_row.strategy-row ul li+li {
	margin-top: 10px;
}

body .vc_row.strategy-row ul li:before {
	content: '';
	width: 24px;
	height: 24px;
	min-width: 24px;
	min-height: 24px;
	display: inline-block;
	background: url(/wp-content/uploads/2024/08/icon-list-road.svg) center/cover no-repeat;
	margin-right: 12px;
	margin-top: 4px;
}

body .vc_row.strategy-row h5 {
	font-weight: 900;
}

.image-strategy-absolute {
	position: absolute;
	content: '';
	display: inline-block;
	top: 50%;
	transform: translateY(-50%);
	width: 103px;
	height: 103px;
}

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

body .vc_row.strategy-row > .wpb_column:first-child {
	width: 47px !important;
}

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

.img-number-road {
	position: relative;
	z-index: 2;
}


/* styling content slider -------------------------------------------*/
.wh-content-slider-wrapper {
	--gap-card: 40px;
	--gap-inner-card: 30px;
	--rounded-card: 20px;
	--width-image-card: 270px;
	--shadow-card: 0 0 20px 0 rgba(0,0,0,0.1);
	--color-title-total: #787878;
	margin: calc(var(--gap-card) * -1);
	max-width: 950px;
	margin-left: auto;
	margin-right: auto;
}





.wh-content-slider-wrapper .content-item-wrapper {
	align-items: stretch;
	border-radius: var(--rounded-card);
	overflow: hidden;
	box-shadow: var(--shadow-card);
	background-color: var(--white);
	margin: 16px 0;
}



.wh-content-slider-wrapper .image-content-wrapper img {
	height: 100%;
}



.wh-content-slider-wrapper .image-content {
	width: 100%;
	max-height: 163px;
}


.wh-content-slider-wrapper .total-seo-wrapper {
	justify-content: space-between;
	margin-top: 20px;
}

.wh-content-slider-wrapper .title-total {
	font-size: var(--text-xs);
	font-weight: 600;
	color: var(--color-title-total);
	text-align: center;
}

.wh-content-slider-wrapper .total-number {
	font-size: var(--text-xl);
	font-weight: 800;
}

.total-seo-wrapper {
	margin: -16px;
}


.item-total-wrapper {
	display: flex;
	align-items: center;
}

.item-total-wrapper .icon {
	display: inline-block;
	width: 17px;
	height: 17px;
	background: var(--transparent) center/cover no-repeat;
	margin-right: 5px;
}

.item-total-wrapper .icon.icon-clicks {
	background-image: url(/wp-content/uploads/2024/08/icon-clicks-orange.svg);
}

.item-total-wrapper .icon.icon-rank-keywoard {
	background-image: url(/wp-content/uploads/2024/08/icon-rank-green.svg);
}

.item-total-wrapper .icon.icon-total-chat {
	background-image: url(/wp-content/uploads/2024/08/icon-chat-blue.svg);
}

.overflow-slider {
	overflow: hidden;
}

.wh-content-slider-wrapper .slick-list {
	overflow: visible;
}

.content-item.slick-slide:not(.slick-current.slick-active) {
	opacity: .5;
}

.slick-pagination-custom {
	display: flex;
    align-items: center;
    justify-content: center;
	position: relative;
	z-index: 2;
}

.row-slider-content-seo {
	background-color: var(--blue);
	margin: 65px 0px;
}



@media all and (min-width: 901px) {
	.vc_section.section-roadmap {
		background-position: top left 15px !important;
	}

	.vc_section.section-roadmap {
		min-height: 3671px;
	}

	body .vc_row.strategy-row:not(.content-right) {
		padding-left: 15px;
	}

	body .vc_row.strategy-row:not(.content-right) .image-strategy-absolute {
		right: 45px;
	}

	body .vc_row.strategy-row.content-right .image-strategy-absolute {
		left: 45px;
	}
	
	body .vc_row.strategy-row > .wpb_column:first-child,
	body .vc_row.strategy-row > .wpb_column:first-child>.vc_column-inner>.wpb_wrapper {
		position: static;
	}

	body .vc_row.strategy-row > .wpb_column:last-child {
		width: calc(100% - 47px - 145px);
	}

	body .vc_row.strategy-row.content-right {
		justify-content: flex-end;
	} 
	
}

@media all and (max-width: 900px) {
	.vc_section.section-roadmap {
		background-image: url(/wp-content/uploads/2024/08/road-mobile.svg) !important;
	}

	.vc_section.section-roadmap .vc_row.strategy-row.road-1 {
		padding-top: 24px;
	}

	.vc_section.section-roadmap .wh-spacing--wrapper {
		height: 40px !important;
	}

	body .vc_row.strategy-row {
		padding: 0 20px;
	}

	body .vc_row.strategy-row > .wpb_column:last-child {
		width: calc(100% - 35px) !important;
	}

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

	.image-strategy-absolute {
		width: 77px;
		height: 77px;
	}

	body .vc_row.strategy-row .image-strategy-absolute {
		left: -39px;
		top: 57px;
	}
}


.text-white{
    color: var(--white);
}