/* --------------------------
        STYLING GENERAL
----------------------------*/
.bg-gray-gradient {
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(var(--white-snow)), to(rgba(248,248,249, 0.1)));
    background: -webkit-linear-gradient(top, var(--white-snow) 0%, rgba(248,248,249, 0.1) 100%);
    background: -moz-linear-gradient(top, var(--white-snow) 0%, rgba(248,248,249, 0.1) 100%);
    background: -o-linear-gradient(top, var(--white-snow) 0%, rgba(248,248,249, 0.1) 100%);
    background: linear-gradient(180deg, var(--white-snow) 0%, rgba(248,248,249, 0.1) 100%);
}

.bg-gray-gradient:after {
    position: absolute;
    content: '';
    display: inline-block;
    bottom: 0;
    right: 0;
    max-width: 596px;
    width: 44.2vw;
    height: 551px;
    pointer-events: none;
    z-index: -1;
    background: url(/wp-content/themes/whello/assets/images/pattern-bg-gray.svg) bottom right/contain no-repeat;
}

.vc_row.content-width-full {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.vc_row.content-width-full > .wpb_column {
    width: -webkit-calc(100% - 48px) !important;
    width: -moz-calc(100% - 48px) !important;
    width: calc(100% - 48px) !important;
    max-width: 1752px !important;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    -webkit-border-radius: var(--rounded-lg-custom);
       -moz-border-radius: var(--rounded-lg-custom);
            border-radius: var(--rounded-lg-custom);
    max-height: 756px;
    min-height: 200px;
}

.vc_row.content-width-full > .wpb_column * {
    height: 100%;
    width: 100%;
}

.whbutton-wrapper.btn-wa-admin {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
}

.whbutton-wrapper.btn-wa-admin .icon-cta {
    min-width: 18px;
    min-height: 18px;
    width: 18px;
    height: 18px;
}

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

.wh-subtitle p {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-family: var(--fontfamily-industry);
	font-weight: 700;
}

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

.wh-subtitle:not(.text-white) p {
	background: -webkit-gradient(linear, left top, right top, from(var(--red-dark)), color-stop(150%, var(--yellow)));
	background: -webkit-linear-gradient(left, var(--red-dark) 0%, var(--yellow) 150%);
	background: -moz-linear-gradient(left, var(--red-dark) 0%, var(--yellow) 150%);
	background: -o-linear-gradient(left, var(--red-dark) 0%, var(--yellow) 150%);
	background: linear-gradient(90deg, var(--red-dark) 0%, var(--yellow) 150%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

*+h2,
*+h3,
*+h4,
*+h5,
*+h6 {
    margin-top: 40px;
}

.site-main {
    position: relative;
}

.site-main:before {
    display: inline-block;
    content: '';
    position: absolute;
    width: 23.47vw;
    max-width: 230px;
    height: 784px;
    background: top left/contain no-repeat;
    pointer-events: none;
}

.site.site-has-banner .site-main:before {
    --position-patten-top: 120px;
    top: var(--position-patten-top);
    left: var(--padding-pattern);
    background-image: url(/wp-content/themes/whello/assets/images/pattern-site-page.svg);
}

.site:not(.site-has-banner) .site-main:before {
     --position-patten-top: 0px;
    top: var(--position-patten-top);
    right: var(--padding-pattern);
    background-image: url(/wp-content/themes/whello/assets/images/pattern-site-right-page.svg);   
}

.back-to-top {
    --duration: .5s;
    --position-right-top: -72px;
    --size-icon-arrow: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    z-index: 10;
    bottom: 20%;
    right: var(--position-right-top);
    opacity: 0.5;
    -webkit-transform: rotate(-90deg) scale(-1);
       -moz-transform: rotate(-90deg) scale(-1);
        -ms-transform: rotate(-90deg) scale(-1);
         -o-transform: rotate(-90deg) scale(-1);
            transform: rotate(-90deg) scale(-1);
    -webkit-transition: var(--duration);
    -o-transition: var(--duration);
    -moz-transition: var(--duration);
    transition: var(--duration);
}

.back-to-top:hover {
    opacity: 1;
}

html:not(.sticky-site) .back-to-top {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.back-to-top >  span {
    position: relative;
    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-weight: 700;
    text-transform: uppercase;
    font-family: var(--fontfamily-industry);
    color: var(--gray-800);
    -webkit-transition: var(--duration);
    -o-transition: var(--duration);
    -moz-transition: var(--duration);
    transition: var(--duration);
    letter-spacing: 1px;
}

.back-to-top >  span:before {
    content: '';
    display: inline-block;
    width: var(--size-icon-arrow);
    height: var(--size-icon-arrow);
    margin-right: 8px;
    -webkit-transform: rotate(-90deg);
       -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
         -o-transform: rotate(-90deg);
            transform: rotate(-90deg);
    -webkit-transition: var(--duration);
    -o-transition: var(--duration);
    -moz-transition: var(--duration);
    transition: var(--duration);
    background: url(/wp-content/themes/whello/assets/images/arrow-gray-top.svg) center/contain no-repeat;
}

.back-to-top:hover >  span:before {
    -webkit-transform: rotate(-90deg) translateY(-5px);
       -moz-transform: rotate(-90deg) translateY(-5px);
        -ms-transform: rotate(-90deg) translateY(-5px);
         -o-transform: rotate(-90deg) translateY(-5px);
            transform: rotate(-90deg) translateY(-5px);
}

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

/* --------------------------
        SITE FOOTER
----------------------------*/
.site-footer {
    --text-6xl: var(--text-5xl);
    --text-2xl: var(--text-lg);
    position: relative;
    overflow: hidden;
}

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

.site-footer .wpb_text_column:not(.list-contact-footer) li,
.site-footer .wpb_text_column:not(.list-contact-footer) li a {
    font-weight: 500;
}

.site-footer .wpb_text_column:not(.list-contact-footer) li {
    line-height: 140%;
}

.site-footer .wpb_text_column:not(.list-contact-footer) li+li {
    margin-top: 10px;
}

.site-footer .wpb_text_column.list-contact-footer li+li {
    margin-top: 15px;
}

.site-footer .section-content-footer {
    position: relative;
    overflow: hidden;
}

.site-footer .section-content-footer:before,
.site-footer .section-content-footer:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.site-footer:after {
    position: absolute;
    display: inline-block;
    content: '';
    top: 0;
    right: 0;
    width: var(--padding-container);
    height: 100%;
    -webkit-border-top-right-radius: 400px;
       -moz-border-radius-topright: 400px;
            border-top-right-radius: 400px;
    background-color: var(--transparent);
    -webkit-box-shadow: 202px 0 0 200px var(--white);
       -moz-box-shadow: 202px 0 0 200px var(--white);
            box-shadow: 202px 0 0 200px var(--white);
} 

.site-footer .section-content-footer:after {
    background-image: inherit;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
}

.site-footer .vc_row.row-nav--footer h3 {
    font-weight: 800;
}

.site-footer .vc_row.row-nav--footer h3 {
    line-height: 140%;
}

.site-footer .vc_row.row-nav--footer,
.site-footer .vc_row.row-bottom--footer {
    position: relative;
    z-index: 2;
}

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

.site-footer .wpb_single_image.brand-footer-logo {
    max-width: 305px;
}

/* --------------------------
        USP SERVICE
----------------------------*/
.vc_row.row-usp-service {
    --aspect-ratio-card: 100%;
    --padding-inner-card: 20px;
    margin-top: -15px;
    margin-bottom: -15px;
}

.vc_row.row-usp-service > .wpb_column {
    padding: 15px;
}

.vc_row.row-usp-service > .wpb_column > .vc_column-inner {
    position: relative;
    padding-top: var(--aspect-ratio-card);
    padding-left: 0;
    padding-right: 0; 
}

.vc_row.row-usp-service > .wpb_column > .vc_column-inner > .wpb_wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: var(--padding-inner-card);
    -webkit-transition: var(--duration);
    -o-transition: var(--duration);
    -moz-transition: var(--duration);
    transition: var(--duration);
    background-color: var(--white);
}

.vc_row.row-usp-service > .wpb_column > .vc_column-inner > .wpb_wrapper:hover {
    -webkit-box-shadow: var(--shadow-third);
       -moz-box-shadow: var(--shadow-third);
            box-shadow: var(--shadow-third);
}

.vc_row.row-usp-service > .wpb_column > .vc_column-inner > .wpb_wrapper:before {
    content: '';
    position: absolute;
    display: inline-block;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: -webkit-gradient(linear, right top, left top, from(var(--yellow)), color-stop(130%, var(--red)));
    background: -webkit-linear-gradient(right, var(--yellow) 0%, var(--red) 130%);
    background: -moz-linear-gradient(right, var(--yellow) 0%, var(--red) 130%);
    background: -o-linear-gradient(right, var(--yellow) 0%, var(--red) 130%);
    background: linear-gradient(-90deg, var(--yellow) 0%, var(--red) 130%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: var(--duration);
    -o-transition: var(--duration);
    -moz-transition: var(--duration);
    transition: var(--duration); 
}

.vc_row.row-usp-service > .wpb_column > .vc_column-inner > .wpb_wrapper:hover:before {
    opacity: 1;
    visibility: visible;
}

.vc_row.row-usp-service > .wpb_column > .vc_column-inner > .wpb_wrapper:hover .cta-whbutton .icon-cta--hover {
    opacity: 1;
}

.vc_row.row-usp-service > .wpb_column > .vc_column-inner > .wpb_wrapper:hover .cta-whbutton .icon-cta--default {
    opacity: 0;
}

.vc_row.row-usp-service > .wpb_column > .vc_column-inner > .wpb_wrapper:hover .cta-whbutton .label-cta {
    color: var(--red);
}

.vc_row.row-usp-service p strong {
    color: var(--blue-dark);
    font-size: var(--text-xl);
    font-weight: 900;
    margin-bottom: 5px;
}

.content-usp p + p {
    margin-top: 5px;
}

.wpb_single_image.icon-usp-service {
    width: 60px;
    height: 60px;
    margin-bottom: 20px;
}

.whbutton-wrapper.btn-usp-service {
    margin-top: 20px;
}

.vc_row.row-column-item {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    margin-bottom: -30px;
}

.vc_row.row-column-item > .wpb_column {
    margin-bottom: 30px;
}

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

.vc_row.row-column-item > .wpb_column > .vc_column-inner > .wpb_wrapper {
    display: flex;
    flex-direction: column;
}

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

/* --------------------------
        USP OUR COMPANY
----------------------------*/
.logo-label-wrapper.usp-our-companynone {
    --column-item: 2;
    --gap-outer: -15px -14px;
    --gap-inner: 15px 14px;
    --size-logo: 70px;
    --gap-text-image: 15px;
}

.logo-label-wrapper.usp-our-companynone .image-logo-group {
    max-width: var(--size-logo);
    max-height: var(--size-logo);
}

.logo-label-wrapper.usp-our-companynone .caption-logo-group {
    padding-left: var(--gap-text-image);
    font-size: var(--text-xl);
    color: var(--blue-dark);
    font-weight: 900;
    line-height: var(--lineheight-s);
    width: -webkit-calc(100% - var(--size-logo));
    width: -moz-calc(100% - var(--size-logo));
    width: calc(100% - var(--size-logo));
    max-width: 240px;
}

.logo-label-wrapper.usp-our-companynone .logo-groups {
    margin: var(--gap-outer);
}

.logo-label-wrapper.usp-our-companynone .logo-group-item {
    width: -webkit-calc(100% / var(--column-item));
    width: -moz-calc(100% / var(--column-item));
    width: calc(100% / var(--column-item));
    padding: var(--gap-inner);
}

/* --------------------------
        ROW-CARD-ITEM
----------------------------*/
.vc_row.row-item-card,
.vc_row.row-item-card > .wpb_column>.vc_column-inner,
.vc_row.row-item-card > .wpb_column>.vc_column-inner>.wpb_wrapper, 
.vc_row.row-item-card > .wpb_column.vc_col-sm-8 .vc_single_image-wrapper, 
.vc_row.row-item-card > .wpb_column.vc_col-sm-8 .wpb_single_image, 
.vc_row.row-item-card > .wpb_column.vc_col-sm-8 .wpb_single_image * {
    height: 100%;
}

.vc_row.row-item-card {
    --gap-row-item: 30px;
    --padding-inner: 30px;
    --bg-color-item: linear-gradient(224deg, var(--yellow) -120%, var(--red-dark) 100%);
    --color-item: var(--white);
    --max-content-item: 438px;
    --max-content-height: 290px;
    --icon-list: 24px;
    --gap-icon-item: 24px;
    --min-height-item: 370px;
    --text-2xl: var(--text-xl);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    min-height: var(--min-height-item);
}

.vc_row.row-item-card:hover > .wpb_column.vc_col-sm-8 img {
    -webkit-transform: scale(1.10);
       -moz-transform: scale(1.10);
        -ms-transform: scale(1.10);
         -o-transform: scale(1.10);
            transform: scale(1.10);
}

.vc_row.row-item-card h3 {
    margin-bottom: 10px;
}

.vc_row.row-item-card > .wpb_column>.vc_column-inner>.wpb_wrapper {
    -webkit-border-radius: var(--rounded-lg-custom);
       -moz-border-radius: var(--rounded-lg-custom);
            border-radius: var(--rounded-lg-custom);
}

.vc_row.row-item-card > .wpb_column.vc_col-sm-4>.vc_column-inner>.wpb_wrapper {
    background: var(--bg-color-item);
    color: var(--color-item);
}

.vc_row.row-item-card > .wpb_column.vc_col-sm-4>.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;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: var(--padding-inner);
}

.vc_row.row-item-card > .wpb_column.vc_col-sm-8>.vc_column-inner>.wpb_wrapper {
    position: relative;
    overflow: hidden;
}

.vc_row.row-item-card > .wpb_column.vc_col-sm-4>.vc_column-inner>.wpb_wrapper {
    background: var(--bg-color-item);
    position: relative;
    z-index: 1;
}

.vc_row.row-item-card > .wpb_column.vc_col-sm-8 .vc_single_image-wrapper {
    width: 100%;
}

.vc_row.row-item-card > .wpb_column.vc_col-sm-8 .vc_single_image-wrapper img {
    -webkit-transition: var(--duration);
    -o-transition: var(--duration);
    -moz-transition: var(--duration);
    transition: var(--duration);
}

.vc_row.row-item-card > .wpb_column:nth-child(1).vc_col-sm-4 h3 {
    color: var(--white);
}

.vc_row.row-item-card > .wpb_column:nth-child(1).vc_col-sm-8, 
.vc_row.row-item-card > .wpb_column:nth-child(2).vc_col-sm-4 {
    --bg-color-item: var(--white-snow-second);
    --color-item: var(--gray-400);
}

.vc_row.row-item-card + .vc_row.row-item-card {
    margin-top: var(--gap-row-item);
}

/* --------------------------
        LISTING
----------------------------*/
.listing .thumbnail-item  {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

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

.listing .image-wrapper img {
    -webkit-transition: var(--duration);
    -o-transition: var(--duration);
    -moz-transition: var(--duration);
    transition: var(--duration);
} 

.listing .image-wrapper,
.listing .image-wrapper img {
    width: 100%;
}

.listing .listitem-wrapper:hover .image-wrapper img {
    -webkit-transform: scale(1.04);
       -moz-transform: scale(1.04);
        -ms-transform: scale(1.04);
         -o-transform: scale(1.04);
            transform: scale(1.04);
}

.listing .listitem-wrapper {
    position: relative;
    height: 100%;
}

/* listing service */
.listing.listing-services {
    --aspect-ratio-thumbnail: -webkit-calc((208 / 370) * 100%);
    --aspect-ratio-thumbnail: -moz-calc((208 / 370) * 100%);
    --aspect-ratio-thumbnail: calc((208 / 370) * 100%);
    --gap-title: 5px;
}

.listing-services .thumbnail-item,
.listing-services .image-wrapper {
    position: relative;
    -webkit-border-radius: var(--rounded-md-custom);
       -moz-border-radius: var(--rounded-md-custom);
            border-radius: var(--rounded-md-custom);
    overflow: hidden;
    z-index: 2;
}

.listing-services .thumbnail-item:before,
.listing-services .thumbnail-item:after {
    content: '';
    display: inline-block;
    position: absolute;
    height: 100%;
}

.listing-services .thumbnail-item:before {
    bottom: 4px;
    left: -2px;
    background: var(--white);
    z-index: 1;
    width: -webkit-calc(100% + 4px);
    width: -moz-calc(100% + 4px);
    width: calc(100% + 4px);
    -webkit-border-radius: var(--rounded-md-custom);
       -moz-border-radius: var(--rounded-md-custom);
            border-radius: var(--rounded-md-custom);
}

.listing-services .thumbnail-item:after {
    left: 0;
    bottom: -10px;
    width: 100%;
    background: -webkit-gradient(linear, right top, left top, color-stop(-100%, var(--yellow)), to(var(--red-dark)));
    background: -webkit-linear-gradient(right, var(--yellow) -100%, var(--red-dark) 100%);
    background: -moz-linear-gradient(right, var(--yellow) -100%, var(--red-dark) 100%);
    background: -o-linear-gradient(right, var(--yellow) -100%, var(--red-dark) 100%);
    background: linear-gradient(-90deg, var(--yellow) -100%, var(--red-dark) 100%);
}

.listing-services .image-wrapper {
    width: 100%;
    padding-top: var(--aspect-ratio-thumbnail);
    margin-bottom: 10px;
}

.listing-services .image-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.listing-services .title-listing {
    margin-bottom: var(--gap-title);
}

.listing-services .content-item {
    margin-bottom: 15px;
}

.listing-services .excerpt-listing {
    min-height: 72px;
}

.listing-services .content-item-service,
.listing-services .chat-button {
    margin-top: auto;
}

.listing-services .content-item-service ul {
    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;
}

.listing-services .thumbnail-item,
.listing-services .content-item-service {
    margin-bottom: 20px;
}

.listing-services .chat-button,
.read-more:not(.gradient) {
    position: relative;
    padding: var(--padding-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: 1px solid var(--gray-800);
    color: var(--gray-800);
    -webkit-border-radius: var(--rounded-full);
       -moz-border-radius: var(--rounded-full);
            border-radius: var(--rounded-full);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 800;
    -webkit-transition: var(--duration);
    -o-transition: var(--duration);
    -moz-transition: var(--duration);
    transition: var(--duration);
}

.listing-services .chat-button:hover,
.read-more:not(.gradient):hover {
    background-color: var(--gray-800);
    color: var(--white);
}

.listing-services .chat-button:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3183 10.343C13.2832 10.3262 11.971 9.68 11.7378 9.59607C11.6426 9.56189 11.5406 9.52852 11.4321 9.52852C11.255 9.52852 11.1061 9.61682 10.9902 9.79028C10.8591 9.98512 10.4623 10.449 10.3396 10.5875C10.3236 10.6058 10.3018 10.6277 10.2887 10.6277C10.2769 10.6277 10.0738 10.5441 10.0124 10.5173C8.60469 9.90587 7.5362 8.43543 7.38969 8.18746C7.36876 8.15181 7.36789 8.13562 7.36771 8.13562C7.37285 8.11674 7.42019 8.06929 7.44462 8.0448C7.5161 7.97409 7.59353 7.88087 7.66845 7.7907C7.70393 7.74798 7.73946 7.7052 7.77435 7.66487C7.88305 7.53841 7.93144 7.44022 7.98754 7.3265L8.01694 7.26741C8.15393 6.99525 8.03693 6.76557 7.99911 6.69141C7.96808 6.62935 7.414 5.29209 7.35509 5.15159C7.21343 4.81257 7.02624 4.65472 6.76611 4.65472C6.74198 4.65472 6.76611 4.65472 6.66489 4.65899C6.54164 4.66419 5.87044 4.75256 5.57367 4.93963C5.25897 5.13804 4.72656 5.77049 4.72656 6.88275C4.72656 7.8838 5.36182 8.82897 5.63457 9.18845C5.64135 9.1975 5.6538 9.21591 5.67185 9.24233C6.71638 10.7678 8.01852 11.8983 9.33854 12.4256C10.6093 12.9332 11.2111 12.9919 11.5532 12.9919H11.5533C11.6971 12.9919 11.8121 12.9806 11.9136 12.9706L11.978 12.9645C12.4171 12.9255 13.3818 12.4256 13.6013 11.8158C13.7741 11.3355 13.8197 10.8107 13.7047 10.6202C13.6259 10.4907 13.4902 10.4255 13.3183 10.343Z' fill='%233B494F'/%3E%3Cpath d='M9.15977 0C4.2848 0 0.318727 3.93627 0.318727 8.77459C0.318727 10.3395 0.737519 11.8713 1.53086 13.2119L0.012376 17.6912C-0.0159097 17.7747 0.00512928 17.867 0.066902 17.9299C0.111493 17.9755 0.17198 18 0.233753 18C0.257421 18 0.281266 17.9964 0.304525 17.989L4.97517 16.5048C6.25329 17.1877 7.69785 17.5482 9.15982 17.5482C14.0343 17.5482 18 13.6124 18 8.77459C18 3.93627 14.0343 0 9.15977 0ZM9.15977 15.7204C7.78411 15.7204 6.4517 15.3232 5.30636 14.5716C5.26785 14.5463 5.22314 14.5334 5.17814 14.5334C5.15436 14.5334 5.13051 14.537 5.10731 14.5443L2.7676 15.2881L3.5229 13.0598C3.54733 12.9876 3.53512 12.9081 3.49012 12.8466C2.61793 11.6549 2.15689 10.2469 2.15689 8.77459C2.15689 4.94416 5.29836 1.82782 9.15971 1.82782C13.0206 1.82782 16.1617 4.94416 16.1617 8.77459C16.1618 12.6046 13.0207 15.7204 9.15977 15.7204Z' fill='%233B494F'/%3E%3C/svg%3E") center/contain no-repeat;
}

.listing-services .chat-button:hover:before {
    -webkit-filter: invert(1) brightness(100);
            filter: invert(1) brightness(100);
}

.content-item-service {
    padding-left: 14px;
}

.content-item-service li {
    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;
    position: relative;
    font-weight: 800;
    font-size: var(--text-md);
    color: var(--gray-800);
    line-height: 140%;
}

.content-item-service li+li {
    margin-top: 8px;
}

.content-item-service li::before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    min-width: 25px;
    min-height: 25px;
    margin-right: 10px;
    background: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.3624 9.77983L22.5396 9.41533C22.3391 8.75064 22.0733 8.10884 21.7459 7.49849L22.7769 5.95215C22.9706 5.66162 22.9323 5.2748 22.6854 5.02798L19.9232 2.26582C19.6764 2.01895 19.2896 1.98066 18.9991 2.17427L17.4526 3.20518C16.8423 2.87783 16.2005 2.61211 15.5358 2.41152L15.1713 0.588769C15.1029 0.246436 14.8022 0 14.4531 0H10.5469C10.1978 0 9.89712 0.246436 9.82866 0.588769L9.46416 2.41152C8.79941 2.61211 8.15762 2.87788 7.54731 3.20518L6.00088 2.17427C5.71045 1.98066 5.32358 2.01895 5.07671 2.26582L2.3146 5.02798C2.06768 5.27485 2.02939 5.66167 2.2231 5.95215L3.254 7.49849C2.92661 8.10884 2.66089 8.75064 2.4603 9.41533L0.637598 9.77983C0.295264 9.84829 0.0488281 10.1489 0.0488281 10.498V14.4043C0.0488281 14.7534 0.295264 15.0541 0.637646 15.1225L2.46035 15.487C2.66089 16.1517 2.92666 16.7935 3.25405 17.4038L2.22314 18.9502C2.02944 19.2407 2.06777 19.6275 2.31465 19.8744L5.07676 22.6365C5.32368 22.8834 5.71045 22.9217 6.00093 22.728L7.51567 21.7183V17.1204C6.3686 15.8994 5.66406 14.259 5.66406 12.4512C5.66406 8.67578 8.72461 5.61523 12.5 5.61523C16.2754 5.61523 19.3359 8.67578 19.3359 12.4512C19.3359 14.259 18.6314 15.8994 17.4843 17.1204V21.7183L18.9991 22.728C19.123 22.8106 19.2645 22.8511 19.4051 22.8511C19.5941 22.8511 19.7817 22.7781 19.9232 22.6365L22.6853 19.8744C22.9322 19.6275 22.9705 19.2407 22.7768 18.9502L21.7459 17.4039C22.0733 16.7935 22.339 16.1517 22.5396 15.4871L24.3623 15.1225C24.7047 15.0541 24.9512 14.7534 24.9512 14.4043V10.498C24.9512 10.1489 24.7047 9.84829 24.3624 9.77983Z' fill='%23B12635'/%3E%3Cpath d='M14.8203 8.43806C14.4517 8.22453 13.984 8.45109 13.9231 8.87267L13.4766 11.9629H11.5234L11.077 8.87267C11.016 8.45109 10.5484 8.22453 10.1798 8.43806C8.74966 9.26642 7.86133 10.8042 7.86133 12.4512C7.86133 14.236 8.86084 15.8325 10.4698 16.6178L10.5469 16.6555V24.2676C10.5469 24.6721 10.8748 25 11.2793 25H13.7207C14.1252 25 14.4531 24.6721 14.4531 24.2676V16.6555L14.5302 16.6178C16.1392 15.8325 17.1387 14.236 17.1387 12.4512C17.1387 10.8042 16.2503 9.26642 14.8203 8.43806Z' fill='%23F5DD0F'/%3E%3C/svg%3E") center/contain no-repeat;
}

.listing-services .link-absolute {
    position: absolute;
    width: 100%;
    height: -webkit-calc(100% - 50px);
    height: -moz-calc(100% - 50px);
    height: calc(100% - 50px);
    top: 0;
    left: 0;
    z-index: 2;
}

/* listing blog */
.listing-latest-blog > .listing-item:first-of-type .thumbnail-item, 
.listing-latest-blog > .listing-item:first-of-type .image-wrapper, 
.listing-latest-blog > .listing-item:first-of-type .image-wrapper * {
    height: 100%;
}

.listing-latest-blog > .wrapper {
    --listing-gap-bottom: 30px;
    margin-bottom: 0;
}

.listing-default .listitem-wrapper {
    -webkit-border-radius: var(--rounded-lg-custom);
       -moz-border-radius: var(--rounded-lg-custom);
            border-radius: var(--rounded-lg-custom);
    overflow: hidden;
}

.listing-default .listitem-wrapper:hover .title-listing {
    color: var(--red);
}

.listing-default .content-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-color: var(--white-snow-second);
}

.listing-default .title-listing,
.listing-default .excerpt-listing {
    -webkit-line-clamp: 2;
}

.listing-default .title-listing {
    margin-bottom: 10px;
}

.listing-default .excerpt-listing {
    margin-bottom: 20px;
}

.listing-default .post-date {
    font-family: var(--fontfamily-industry);
    font-weight: 700;
    color: var(--gray-400);
    display: block;
    margin-bottom: 10px;
}

.listing-default .reading-time {
    margin-top: auto;
}

.listing-default .content-item {
    padding: 20px;
}

.cta-meta {
    margin: -8px -16px 2px;
}

.cta-meta .btn-cta-meta.tag {
    --padding-button: 8px 16px;
    color: var(--red);
    text-transform: uppercase;
    font-weight: 900;
}

.btn-laod-more {
    -webkit-border-radius: var(--rounded-full);
       -moz-border-radius: var(--rounded-full);
            border-radius: var(--rounded-full);
    margin-top: 40px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    color: var(--white);
    font-weight: 800;
}

/* listing simple */
.listing.listing-simple {
    --padding-inner-listing: 20px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.listing.listing-simple .listitem-wrapper {
    background-color: var(--white);
    -webkit-border-radius: var(--rounded-md);
       -moz-border-radius: var(--rounded-md);
            border-radius: var(--rounded-md);
    padding: var(--padding-inner-listing);
    padding-bottom: 0;
}

.listing.listing-simple .listitem-wrapper:hover {
    -webkit-box-shadow: var(--shadow-sixth);
       -moz-box-shadow: var(--shadow-sixth);
            box-shadow: var(--shadow-sixth);
    margin-bottom: 0;
} 

.listing.listing-simple .title-listing {
    position: relative;
    text-align: center;
    margin-bottom: 20px;
    min-height: 57.6px;
    background-color: var(--white);
    z-index: 2;
    -webkit-line-clamp: 2;
}

.listing.listing-simple .wrapper-button {
    margin-top: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 20px;
    -webkit-transition: all var(--duration);
    -o-transition: all var(--duration);
    -moz-transition: all var(--duration);
    transition: all var(--duration);
}

.listing.listing-simple .thumbnail-item {
    margin-bottom: 20px;
    -webkit-border-radius: var(--rounded-md);
       -moz-border-radius: var(--rounded-md);
            border-radius: var(--rounded-md);
    overflow: hidden;
}

.listing.listing-simple .image-wrapper {
    position: relative;
    padding-top: 100%;
}

.listing.listing-simple .image-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.listing.listing-simple .image-wrapper img[src$=".png"] {
    -o-object-fit: contain;
       object-fit: contain;
}

.listing.listing-simple:not(.listing-slider) {
    margin-bottom: 20px;
}


/* listing list */
.listing.listing-list {
    --listing-column: 1;
    --listing-gap-bottom: 8px;
}

.heading-list-post {
    margin-bottom: 15px;
}

.listing.listing-list .title-listing {
    --text-xl: var(--text-md);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    font-weight: 800;
    position: relative;
}

.listing.listing-list .title-listing:before {
    content: '';
    width: 25px;
    height: 25px;
    display: inline-block;
    min-width: 25px;
    margin-right: 10px;
    background: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.3624 9.77983L22.5396 9.41533C22.3391 8.75064 22.0733 8.10884 21.7459 7.49849L22.7769 5.95215C22.9706 5.66162 22.9323 5.2748 22.6854 5.02798L19.9232 2.26582C19.6764 2.01895 19.2896 1.98066 18.9991 2.17427L17.4526 3.20518C16.8423 2.87783 16.2005 2.61211 15.5358 2.41152L15.1713 0.588769C15.1029 0.246436 14.8022 0 14.4531 0H10.5469C10.1978 0 9.89712 0.246436 9.82866 0.588769L9.46416 2.41152C8.79941 2.61211 8.15762 2.87788 7.54731 3.20518L6.00088 2.17427C5.71045 1.98066 5.32358 2.01895 5.07671 2.26582L2.3146 5.02798C2.06768 5.27485 2.02939 5.66167 2.2231 5.95215L3.254 7.49849C2.92661 8.10884 2.66089 8.75064 2.4603 9.41533L0.637598 9.77983C0.295264 9.84829 0.0488281 10.1489 0.0488281 10.498V14.4043C0.0488281 14.7534 0.295264 15.0541 0.637646 15.1225L2.46035 15.487C2.66089 16.1517 2.92666 16.7935 3.25405 17.4038L2.22314 18.9502C2.02944 19.2407 2.06777 19.6275 2.31465 19.8744L5.07676 22.6365C5.32368 22.8834 5.71045 22.9217 6.00093 22.728L7.51567 21.7183V17.1204C6.3686 15.8994 5.66406 14.259 5.66406 12.4512C5.66406 8.67578 8.72461 5.61523 12.5 5.61523C16.2754 5.61523 19.3359 8.67578 19.3359 12.4512C19.3359 14.259 18.6314 15.8994 17.4843 17.1204V21.7183L18.9991 22.728C19.123 22.8106 19.2645 22.8511 19.4051 22.8511C19.5941 22.8511 19.7817 22.7781 19.9232 22.6365L22.6853 19.8744C22.9322 19.6275 22.9705 19.2407 22.7768 18.9502L21.7459 17.4039C22.0733 16.7935 22.339 16.1517 22.5396 15.4871L24.3623 15.1225C24.7047 15.0541 24.9512 14.7534 24.9512 14.4043V10.498C24.9512 10.1489 24.7047 9.84829 24.3624 9.77983Z' fill='%23B12635'/%3E%3Cpath d='M14.8203 8.43806C14.4517 8.22453 13.984 8.45109 13.9231 8.87267L13.4766 11.9629H11.5234L11.077 8.87267C11.016 8.45109 10.5484 8.22453 10.1798 8.43806C8.74966 9.26642 7.86133 10.8042 7.86133 12.4512C7.86133 14.236 8.86084 15.8325 10.4698 16.6178L10.5469 16.6555V24.2676C10.5469 24.6721 10.8748 25 11.2793 25H13.7207C14.1252 25 14.4531 24.6721 14.4531 24.2676V16.6555L14.5302 16.6178C16.1392 15.8325 17.1387 14.236 17.1387 12.4512C17.1387 10.8042 16.2503 9.26642 14.8203 8.43806Z' fill='%23F5DD0F'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* listing search */
.listing.listing-search-result {
    --listing-column: 1;
    --listing-gap: 0;
}

.listing.listing-search-result .listing-item + .listing-item {
    padding-top: 32px;
    border-top: 1px dashed var(--gray-400);
}

.listing-search-result .title-listing {
	margin-bottom: 10px;
}

/* -----------------------------
        SINGLE
--------------------------------*/
.section-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin-left: -15px;
    margin-right: -15px;
    width: auto;
}

/* single post blog */
.single-post .section-article {
    --text-6xl: 32px;
    --text-2xl: 24px;
    --text-xl: 20px;
    --gap-feature-post: 80px;
    --gap-related: 160px;
    --height-thumbnail: 756px;
    --padding-inner-aside: 20px;
    margin-bottom: var(--gap-related);
}

.section-content >  main,
.section-content >  aside {
    padding-left: 15px;
    padding-right: 15px;
}

.single-post .feature-image-post {
    margin-top: var(--gap-feature-post);
    margin-bottom: var(--gap-feature-post);
}

.single-post .section-article-left h2,
.single-post .section-article-left h3,
.single-post .section-article-left h4,
.single-post .section-article-left h5,
.single-post .section-article-left h6 {
    margin-bottom: 10px;
}

.single-post .section-article-left li+li,
.single-product .section-product-right li+li,
.single-shop .section-product-right li+li {
    margin-top: 0;
}

.single-post .section-article-right-inner > .wpb-content-wrapper {
    padding: var(--padding-inner-aside);
    background-color: var(--white);
    -webkit-box-shadow: var(--shadow-forth);
       -moz-box-shadow: var(--shadow-forth);
            box-shadow: var(--shadow-forth);
    -webkit-border-radius: var(--rounded-lg-custom);
       -moz-border-radius: var(--rounded-lg-custom);
            border-radius: var(--rounded-lg-custom);
}

/* gallery product */
.slider-thumbnail-product {
    border: 1px solid var(--gray-200);
    margin-bottom: 20px;
}

.slider-thumbnail-product .thumbnail-product:before,
.slider-thumbnail-product .thumbnail-product:after {
    content: '';
    position: absolute;
    display: inline-block;
    z-index: 2;
    -webkit-transition: var(--duration);
    -o-transition: var(--duration);
    -moz-transition: var(--duration);
    transition: var(--duration);
}

.slider-thumbnail-product .thumbnail-product:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--transparent);
}

.slider-thumbnail-product .thumbnail-product:after {
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    background: url(/wp-content/themes/whello/assets/images/zoom-hover-gallery.svg) center/cover no-repeat;
}

.slider-thumbnail-product .thumbnail-product:hover:before {
    --transparent: rgba(0, 0, 0, 0.4);
}

.slider-thumbnail-product .thumbnail-product:hover:after {
    opacity: 1;
    visibility: visible;
}

.thumbnail-product {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 100%;
}

.thumbnail-product img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.thumbnail-product img[src$=".png"] {
    -o-object-fit: contain;
       object-fit: contain;
}

.slider-thumbnail-nav .thumbnail-product img {
    padding: 10px;
    -webkit-transition: var(--duration);
    -o-transition: var(--duration);
    -moz-transition: var(--duration);
    transition: var(--duration);
    background-color: var(--transparent);
}

.slider-thumbnail-nav .thumbnail-product {
    -webkit-border-radius: var(--rounded-md-custom);
       -moz-border-radius: var(--rounded-md-custom);
            border-radius: var(--rounded-md-custom);
    overflow: hidden;
    border: 1px solid var(--gray-200);
}

.slider-thumbnail-nav {
    list-style-type: none;
    padding-left: 0;
}

.slider-thumbnail-nav li {
    cursor: pointer;
}

.slider-thumbnail-nav li+li {
    margin-top: 0;
}

.slider-thumbnail-nav .slick-track {
    gap: 19px;
}

.single-product-small-thumbnail.is-active .thumbnail-product {
    border-color: var(--red);
}

.section--extra-content {
    margin-top: 80px;
}

.site-product-wrapper {
    margin-bottom: 20px;
}

.site-product-wrapper p strong {
    font-weight: 900;
}

.site-cta-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;
    gap: 13px;
}

.site-cta-wrapper .button-cta {
    display: inline-block;
}

.site-cta-wrapper .button-cta .label-cta {
    --padding-button: 8px 17.5px;
    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;
    position: relative;
    padding: var(--padding-button);
    -webkit-border-radius: var(--rounded-full);
       -moz-border-radius: var(--rounded-full);
            border-radius: var(--rounded-full);
    border: 1px solid var(--green);
    font-weight: 800;
    -webkit-transition: var(--duration);
    -o-transition: var(--duration);
    -moz-transition: var(--duration);
    transition: var(--duration);
}

.site-cta-wrapper .button-cta .label-cta:before {
    display: inline-block;
    content: '';
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    margin-right: 10px;
    background: var(--transparent) center/contain no-repeat;
    -webkit-transition: var(--duration);
    -o-transition: var(--duration);
    -moz-transition: var(--duration);
    transition: var(--duration);
}

.site-cta-wrapper .button-cta .label-cta:hover:before {
    -webkit-transform: translateX(-2px);
       -moz-transform: translateX(-2px);
        -ms-transform: translateX(-2px);
         -o-transform: translateX(-2px);
            transform: translateX(-2px);
}

.site-cta-wrapper .button-cta.btn-wa .label-cta{
    color: var(--green);
}

.whbutton-outline--outline-green .label-cta {
	--padding-button: 8px 17.5px;
    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;
    position: relative;
    padding: var(--padding-button);
    -webkit-border-radius: var(--rounded-full);
    -moz-border-radius: var(--rounded-full);
    border-radius: var(--rounded-full);
    border: 1px solid var(--green);
    font-weight: 800;
    -webkit-transition: var(--duration);
    -o-transition: var(--duration);
    -moz-transition: var(--duration);
    transition: var(--duration);
}
.whbutton-outline--outline-green .whbutton-color--green{
	color: var(--green);
}
	

.whbutton-fill--fill-green .cta-whbutton {
	--padding-button: 8px 17.5px;
    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;
    position: relative;
    padding: var(--padding-button);
    -webkit-border-radius: var(--rounded-full);
    -moz-border-radius: var(--rounded-full);
    border-radius: var(--rounded-full);
    border: 1px solid var(--green);
    font-weight: 800;
    -webkit-transition: var(--duration);
    -o-transition: var(--duration);
    -moz-transition: var(--duration);
    transition: var(--duration);
	background-color: var(--green);
}

.site-cta-wrapper .button-cta.btn-order .label-cta {
    color: var(--red-dark);
    border-color: var(--red-dark);
}

.site-cta-wrapper .button-cta.btn-tokopedia .label-cta,
.site-cta-wrapper .button-cta.btn-shopee .label-cta {
    color: var(--white);
}

.site-cta-wrapper .button-cta.btn-wa .label-cta:before {
    background-image: url(/wp-content/themes/whello/assets/icons/icon-wa-green.svg);
}

.site-cta-wrapper .button-cta.btn-order .label-cta:before {
    background-image: url(/wp-content/themes/whello/assets/images/icon-mail-red.svg);
}

.site-cta-wrapper .button-cta.btn-tokopedia .label-cta:before {
    background-image: url(/wp-content/themes/whello/assets/images/icon-tokopedia.svg);
}

.site-cta-wrapper .button-cta.btn-shopee .label-cta:before {
    background-image: url(/wp-content/themes/whello/assets/images/icon-shopee.svg);
}

.site-cta-wrapper .button-cta.btn-tokopedia .label-cta {
    background-color: var(--green-500);
    border-color: var(--green-500);
}

.site-cta-wrapper .button-cta.btn-tokopedia .label-cta:hover {
    --green-500: var(--green-600);
}

.site-cta-wrapper .button-cta.btn-order .label-cta:hover {
    color: var(--white);
    background-color: var(--red-dark);
}

.site-cta-wrapper .button-cta.btn-order .label-cta:hover:before {
    -webkit-filter: brightness(100);
            filter: brightness(100);
} 

.site-cta-wrapper .button-cta.btn-shopee .label-cta {
    background-color: var(--orange);
    border-color: var(--orange);
}

.site-cta-wrapper .button-cta.btn-shopee .label-cta:hover {
    --orange: var(--orange-dark);
}

.site-product-wrapper img {
     width: 100%;
    max-width: 280px;
    height: auto;
    margin-bottom: 20px;
}

.logo-topbar {
    text-align: right;
    padding-top: 20px;
    padding-bottom: 15px;
}

.footer-tagline h2 {
	--text-6xl: 35px;
}

.section-article-right-inner.sticky-aside .listing-item a.listitem-wrapper h3 {
    color: var(--gray-400);
}