/*!
README - STYLEGUIDE BRIEFLY

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

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

/* BODY */
/* 
.elementor .tarieven-item .e-n-accordion-item-title[aria-expanded="true"] {
} */

.elementor
  .tarieven-item
  .elementor-widget-n-accordion
  .e-n-accordion-item[open]
  > .e-n-accordion-item-title
  .e-n-accordion-item-title-icon
  .e-closed {
  display: block !important;
  transform: rotate(-180deg) !important;
}

.elementor
  .tarieven-item
  .elementor-widget-n-accordion
  .e-n-accordion-item[open]
  > .e-n-accordion-item-title
  .e-n-accordion-item-title-icon
  .e-opened {
  display: none !important;
}
.elementor
  .tarieven-item
  .elementor-widget-n-accordion
  .e-n-accordion-item
  .e-n-accordion-item-title-icon
  .e-closed {
  display: flex;
  transition: transform 0.35s ease;
}

.elementor .tarieven-item .price-tabs .e-n-tabs-heading {
  background-color: #e07a92;
  width: fit-content;
  margin: 0 auto;
  padding: 4px;
  border-radius: 8px;
}

.btn-fullwidth a {
  width: 100%;
}

.btn-icon .elementor-button-icon svg {
  width: 23px;
}

.btn-icon .elementor-button-content-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.btn-icon .elementor-button .elementor-button-icon {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}

.btn-icon .elementor-button:hover .elementor-button-icon {
  -webkit-transform: translateX(5px);
  -moz-transform: translateX(5px);
  -ms-transform: translateX(5px);
  -o-transform: translateX(5px);
  transform: translateX(5px);
}

.btn-icon .elementor-button .elementor-button-text {
  text-align: left;
  font-size: 15px;
}

.accordion-blue .e-n-accordion-item-title,
.accordion-white .e-n-accordion-item-title {
  -webkit-box-pack: justify !important;
  -webkit-justify-content: space-between !important;
  -moz-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.accordion-white {
  color: #3a0d1c;
}
.accordion-transparent details:not(:last-child) {
  border-bottom: 1px solid rgba(12, 11, 11, 0.15) !important;
}

.accordion-transparent .accordion-content {
  padding-bottom: 24px !important;
}

.accordion-blue .e-n-accordion details,
.accordion-blue .e-n-accordion .e-n-accordion-item-title,
.accordion-white .e-n-accordion details,
.accordion-white .e-n-accordion .e-n-accordion-item-title {
  border-radius: 24px;
}

.accordion-blue .e-n-accordion-item-title-icon span.e-opened > svg,
.accordion-white .e-n-accordion-item-title-icon span.e-opened > svg,
.accordion-transparent .e-n-accordion-item-title-icon span.e-opened > svg {
  fill: transparent !important;
}

.accordion-blue .e-n-accordion details:not(:last-child),
.accordion-white .e-n-accordion details:not(:last-child) {
  margin-bottom: 16px;
}

.accordion-blue .e-n-accordion .e-n-accordion-item-title[aria-expanded="true"],
.accordion-white
  .e-n-accordion
  .e-n-accordion-item-title[aria-expanded="true"] {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.accordion-blue .e-n-accordion-item .elementor-element,
.accordion-white .e-n-accordion-item .elementor-element {
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
}

#no-rounded .e-n-accordion-item .elementor-element {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.testimoni-item img {
  width: 116px;
  height: 19px;
}
.testimoni-item {
  display: flex !important;
  row-gap: 24px;
  justify-content: space-between;
}

.whello-dots-wrap .slick-dots {
  list-style: none;
  padding: 0;
  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: 0;
}
.whello-dots-wrap .slick-dots li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  margin-top: 0;
  height: fit-content;
  line-height: 1;
}

.whello-dots-wrap .slick-dots li button {
  padding: 0;
  border-radius: 66.667px;
  background: rgba(184, 0, 47, 0.1);
  font-size: 0;
  width: 8px;
  height: 8px;
  -webkit-transition: var(--duration);
  -o-transition: var(--duration);
  -moz-transition: var(--duration);
  transition: var(--duration);
}

.whello-dots-wrap .slick-dots li.slick-active button {
  font-size: 0;
}

.whello-dots-wrap .slick-dots li:not(:last-child) {
  margin-right: 8px;
  margin-bottom: 0;
}

.whello-dots-wrap .slick-dots li.slick-active button {
  background-color: #b8002f;
  border-color: #b8002f;
  opacity: 1;
  width: 32px;
  height: 8px;
  border-radius: 12px;
}

.testi-dotsbar .slick-dots {
  width: fit-content !important;
}

#slider-testimoni .slick-track {
  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;
}

#slider-testimoni .slick-slide {
  height: auto !important;
}

.type-begeleiding {
  margin-top: -150px;
}

.elementor-element.how-it-works__item {
  background: salmon;
  padding-bottom: 100px;
}

.popular-training-item {
  margin: 0 16px !important;
}

.elementor .popular-training-item img {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px !important;
}

.elementor .popular-training-item .slick-track {
  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;
}

.elementor .popular-training-item.slick-slide {
  height: auto !important;
  min-height: 100% !important;
}

#popular-training .slick-dots .slick-active button,
#popular-training .slick-dots button,
.listing-popular-trainingen .slick-dots .slick-active button,
.listing-popular-trainingen .slick-dots button {
  width: 8px;
  height: 8px;
}

#popular-training .slick-dots button,
.listing-popular-trainingen .slick-slider .slick-dots button {
  background-color: #bdc9d0;
}

#popular-training .slick-dots .slick-active button,
.listing-popular-trainingen .slick-dots .slick-active button {
  background-color: #000016;
}

.elementor .whello-card-carousel .card-wrapper {
  max-width: 100%;
}

.elementor .whello-card-carousel .card-wrapper {
  border-radius: 0;
}

.elementor .card-wrapper {
  width: 100%;
  max-width: 600px;
  overflow: hidden;
  border-radius: 24px 24px 0 0;
}

.popular-trainingen-desc p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.elementor .magenta-card {
  background-color: #e38294;
  border-radius: 24px;
  padding: 75px 32px 32px 32px;
  position: relative;
  transform: skewY(-3deg);
  transform-origin: top left;
  margin-top: -30px;
}

.elementor .card-content {
  transform: skewY(3deg);
  color: white;
}

.content-carousel img {
  width: 48px;
  height: 48px;
  border-radius: 0;
  margin-bottom: 48px;
}

.content-carousel {
  padding: 24px;
  background-color: #fcecef;
  border-radius: 24px;
}

.whello-card-subtitle,
.whello-card-title {
  color: #b8002f;
}

.whello-card-subtitle {
  font-size: 16px;
  font-weight: 700;
}

.whello-card-title {
  font-size: 28px;
  letter-spacing: -1.12px;
  font-weight: 800;
  line-height: 36px;
  margin-top: 8px;
}

.whello-card-carousel .slick-slider .slick-dots .slick-active button {
  background-color: #e07a92;
  border-color: #e07a92;
}

.whello-card-carousel .whello-card-carousel .slick-slider .slick-dots button {
  background-color: rgba(252, 236, 239, 0.1);
}

.whello-card-carousel .testi-counter {
  color: #fcecef;
}

.masking-img-right.elementor-widget {
  -webkit-mask-image: url(https://brainboost.nl/app/wp-content/uploads/2026/03/img-mask.svg);
  mask-image: url(https://brainboost.nl/app/wp-content/uploads/2026/03/img-mask.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  width: 100%;
}

.masking-img-left.elementor-widget,
.whello-tab-location .whello-image {
  -webkit-mask-image: url(https://brainboost.nl/app/wp-content/uploads/2026/03/img-mask-banner.svg);
  mask-image: url(https://brainboost.nl/app/wp-content/uploads/2026/03/img-mask-banner.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  width: 100%;
}

.masking-img-right.elementor-widget img,
.masking-img-left.elementor-widget img {
  width: 100%;
}

/* container utama */
.pink-pallete.elementor-element .e-con-inner,
.blue-pallete.elementor-element .e-con-inner {
  display: flex !important;
  gap: 24px !important;
  align-items: stretch !important;
}

.pink-pallete.wh-stretch,
.pink-pallete .wh-stretch,
.blue-pallete.wh-stretch,
.blue-pallete .wh-stretch {
  align-items: stretch !important;
}

/* kolom kanan dibuat vertikal */
.pink-card-right {
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
}

/* card atas kanan */
.pink-card-right > .col-card-wrapper {
  flex: 1 !important;
}

/* wrapper card bawah */
.pink-card-right .special-row-stretch {
  display: flex !important;
  gap: 24px !important;
  flex: 1 !important;
}

/* dua card bawah */
.full-rounded-card {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

/* card kiri stretch */
.pink-card-left .col-card-wrapper {
  height: 100% !important;
}

/* REVIEW WIDGET */
.elementor-widget-whello_reviews .review-item {
  margin: 0 0 32px 0;
}

.whello-review-counter {
  text-align: center;
  color: #3a0d1c;
}

/* body .whello-load-more {
  border-radius: 12px;
  border-bottom: 4px solid rgba(58, 13, 28, 0.15);
  background: rgba(58, 13, 28, 0.05);
  color: #000016 !important;
  font-weight: 600;
  padding: 16px 24px;
} */

body .whello-load-more {
  background: #f5f3f3;
  color: #000016 !important;
  border: none;
  padding: 16px 24px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 12px;
  cursor: pointer;
  box-shadow: 0 6px 0 #e2dbdd;
  transition: all 0.2s ease;
  line-height: 1;
}

body .form-blue .gform_footer button,
body .step-wizard-form .gform-page-footer.gform_page_footer button {
  background: #2e74d2;
  color: #ecfbff !important;
  border: none;
  padding: 16px 24px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 12px;
  cursor: pointer;
  box-shadow: 0 6px 0 #255da8;
  transition: all 0.2s ease;
  line-height: 1;
}

/* hover effect */
.whello-load-more:hover {
  transform: translateY(6px);
  box-shadow: 0 0 0 #e2dbdd;
}

body .form-blue .gform_footer button:hover,
body .step-wizard-form .gform-page-footer.gform_page_footer button:hover {
  transform: translateY(6px);
  box-shadow: 0 0 0 #255da8;
}

body
  .step-wizard-form
  .gform-page-footer.gform_page_footer
  .gform-theme-button--secondary {
  box-shadow: 0 6px 0 #c9d6dc;
  color: #000016 !important;
}

body
  .step-wizard-form
  .gform-page-footer.gform_page_footer
  .gform-theme-button--secondary:hover {
  transform: translateY(6px);
  box-shadow: 0 0 0 #c9d6dc;
}

body .pink-form .gform_button {
  box-shadow: 0 6px 0 #930026;
}

body .pink-form .gform_button:hover {
  transform: translateY(6px);
  box-shadow: 0 0 0 #930026;
}

.whello-rating img {
  width: 20px;
}

.whello-review-loadmore {
  text-align: center;
  display: flex;
  justify-content: center;
  margin-top: 32px;
}

.whello-rating {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
  margin-bottom: 24px;
}

.review-item {
  margin: 0 16px;
}

.review-content {
  padding: 32px;
  background-color: #fcecef;
  border-radius: 24px;
  height: 100%;
}

.review-title {
  color: #3a0d1c;
  line-height: 24px;
  font-weight: 600;
}

.review-status {
  color: #3a0d1c;
}

.review-desc {
  margin-bottom: 24px;
  color: #3a0d1c;
  line-height: 24px;
}

.elementor-widget-whello_review .slick-track {
  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;
}

.elementor-widget-whello_review .slick-slide {
  height: auto !important;
  min-height: 100% !important;
}
/* END REVIEW WIDGET */
/* body .gfield input.phone-invalid {
  border: 1px solid #ff1400 !important;
} */

body .gform_wrapper.gravity-theme .gfield input.LV_valid_field.phone-invalid {
  border: 1px solid #ff1400 !important;
}

.phone-valid {
  border: 1px solid #05c168 !important;
}

.whello-breadcrumb.red-style span,
.whello-breadcrumb.red-style {
  color: rgba(184, 0, 47, 0.5);
  font-size: 14px;
}

.whello-breadcrumb.transparent-style,
.whello-breadcrumb.transparent-style span {
  color: #b8002f80;
  font-size: 14px;
}

.whello-breadcrumb.grey-style span,
.whello-breadcrumb.grey-style,
.banner-post .site-breadcrumbs,
.banner-post .site-breadcrumbs span {
  color: rgba(0, 0, 22, 0.5);
  font-size: 14px;
}

.whello-breadcrumb.red-style span:last-child span,
.whello-breadcrumb.grey-style span:last-child span,
.banner-post .site-breadcrumbs span:last-child span,
.whello-breadcrumb.transparent-style span:last-child span {
  font-weight: 700;
}

.tariven-lg .text-lg {
  font-size: 32px;
  font-weight: 800;
}

#listing-reviews {
  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;
}

.elementor-element.left-listing-reviews {
  position: sticky;
  top: 22%;
}

/* .elementor-widget-whello_reviews .review-item {
  position: sticky;
} */

/* .whello-tab-item.active h4,
body .whello-tab-item:hover > a,
body .whello-tab-item.active a {
  color: #fcecef;
}

.whello-tab-item p {
  margin-bottom: 24px;
}

body .whello-tab-item a {
  color: #3a0d1c;
  font-weight: 600;
}

body .whello-tab-item h4 {
  margin-bottom: 16px;
  color: #3a0d1c;
}

.whello-tab-item {
  padding: 20px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.pointer-none a {
  pointer-events: none;
}

.whello-tab-item.active {
  background: #e07a92;
  color: #fcecef;
  border-radius: 15px;
}

.whello-image {
  display: none;
}

.whello-image.active {
  display: block;
}

.whello-image img {
  width: 100%;
  border-radius: 20px;
} */

/* WH TAB */
.whello-tab-item a:after,
.whello-tab-item.active a:after {
  content: "";

  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 12px;
}

.whello-tab-item a:after {
  background: url(/app/wp-content/uploads/2026/03/arrow-locatie.svg) center /
    contain no-repeat;
}

.whello-tab-item.active a:after {
  background: url(/app/wp-content/uploads/2026/03/arrow-locatie-hover.svg)
    center / contain no-repeat;
}

.whello-tab-item a {
  display: flex;
  align-items: center;
}

.whello-tab-location {
  display: flex;
  gap: 24px;
  align-items: stretch;
}

.whello-left {
  display: flex;
  flex-direction: column;
}

.whello-tab-item {
  box-sizing: border-box;
  border-radius: 15px;
  cursor: pointer;
  background: transparent;
}

.whello-tab-item h4,
.whello-tab-item p,
.whello-tab-item a {
  margin: 0;
}

.elementor .whello-tab-item h4 {
  margin-bottom: 16px;
  color: #3a0d1c;
}

.whello-tab-item p {
  margin-bottom: 24px;
  color: #3a0d1c;
}

body .whello-tab-item a {
  color: #3a0d1c;
  font-weight: 600;
  text-decoration: none;
}

.pointer-none a {
  pointer-events: none;
}

.whello-tab-item:hover,
.whello-tab-item.active {
  background: #e07a92;
}

.whello-tab-item:hover h4,
.whello-tab-item:hover p,
.whello-tab-item:hover a,
.whello-tab-item.active h4,
.whello-tab-item.active p,
.whello-tab-item.active a {
  color: #fcecef;
}

.whello-image {
  display: none;
}

.whello-image.active {
  display: block;
}

.whello-image img {
  width: 100%;
  display: block;
  border-radius: 20px;
}

/* END WH TAB */

.whello-faq-item .whello-faq-title {
  padding: 20px 24px;
  background-color: #ecfbff;
  border-radius: 24px;
  font-size: 18px;
  font-weight: 600;
  color: #000016;
}

.whello-faq-title:after {
  content: "";
  display: inline-block;
  background: url(/app/wp-content/uploads/2026/02/arrow-up.svg) center / contain
    no-repeat;
  width: 16px;
  height: 8px;
  transform: rotate(180deg);
  transition: 0.3s;
}

.whello-faq-item.active .whello-faq-title:after {
  transform: rotate(0deg);
}

.whello-faq-title {
  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;
}

.whello-faq-item.active .whello-faq-title {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.whello-faq-item.active .whello-faq-title {
  font-weight: 600;
  cursor: pointer;
  position: relative;
}

.whello-faq-item {
  cursor: pointer;
}

.whello-faq-item:not(:last-child) {
  margin-bottom: 16px;
}

.whello-faq-content {
  display: none;
}

.whello-faq-item.active .whello-faq-content {
  display: block;
  padding: 0 24px 24px;
  background-color: #ecfbff;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
}

.elementor-element.pink-card-left {
  width: 32%;
}

.elementor-element.pink-card-right {
  width: 68%;
}

.pink-pallete .col-card-wrapper,
.pink-pallete .full-rounded-card {
  background-color: #e07a92;
}

.blue-pallete .col-card-wrapper,
.blue-pallete .full-rounded-card {
  background-color: #ecfbff;
}
.blue-pallete .col-card-wrapper,
.pink-pallete .col-card-wrapper,
.elementor .full-rounded-card {
  border-radius: 24px;
}

.pink-pallete .col-card-wrapper h4,
.pink-pallete .col-card-wrapper p,
.pink-pallete .full-rounded-card h4,
.pink-pallete .full-rounded-card p {
  color: #fcecef;
}

.elementor .blue-pallete h4,
.elementor .blue-pallete p {
  color: #000016;
}

.pink-pallete .col-card-wrapper p,
.blue-pallete .col-card-wrapper p,
.full-rounded-card p {
  line-height: 24px;
}

.blue-pallete .col-card-wrapper h4,
.pink-pallete .col-card-wrapper h4,
.elementor .full-rounded-card h4 {
  font-size: 28px;
  letter-spacing: -1.12px;
  line-height: 36px;
  font-weight: 600;
}

.elementor .elementor-element.img-radius-bottom img {
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
}

.elementor .elementor-element.wh-card-content,
.elementor .elementor-element.full-rounded-card {
  padding: 32px;
}

.elementor .trainingen-item a {
  border-radius: 24px;
  background: #e07a92;
  display: block;
  padding: 24px 72px 24px 24px;
}

.elementor .trainingen-item h3 {
  margin-bottom: 0;
  color: #fcecef;
  font-size: 20px;
}

.elementor .trainingen-item h3:after {
  content: "";
  background: url(/app/wp-content/uploads/2026/02/arrow-white.svg)
    center/contain no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 24px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}
.elementor .trainingen-item:hover h3:after {
  -webkit-transform: translateX(4px);
  -moz-transform: translateX(4px);
  -ms-transform: translateX(4px);
  -o-transform: translateX(4px);
  transform: translateX(4px);
}

.whello-trainingen-wrapper .trainingen-item:not(:last-child) {
  margin-bottom: 16px;
}

.whello-post-results .whello-post-grid {
  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;
  width: auto;
  margin: 0 -16px;
  align-items: stretch;
}

body .whello-filter-buttons button.active {
  background-color: #2e74d2;
  border: 1px solid #2e74d2;
  color: #ecfbff;
}

.whello-post-results .whello-post-card {
  padding: 16px;
  position: relative;
}

body .whello-filter-buttons button {
  border-radius: 12px;
  border: 1px solid #000016;
  color: #000016;
  font-weight: 600;
}

body .whello-post-image img {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  object-fit: cover;
  height: 264px;
}

.whello-post-results .whello-post-category {
  padding: 12px 16px;
  background-color: #2e74d2;
  color: #ecfbff;
  font-weight: 600;
  border-radius: 12px;
  width: auto;
  display: inline-block;
  position: absolute;
  left: 32px;
  top: 32px;
}

.whello-post-results .whello-post-content {
  width: 100%;
  overflow: hidden;
  border-radius: 0 0 24px 24px;
  position: relative;
  margin-top: -60px;
}

.whello-post-results .pattern-content {
  background-color: #ecfbff;
  border-radius: 24px;
  padding: 32px 32px 64px 32px;
  position: relative;
  transform: skewY(-3deg);
  transform-origin: bottom right;
  margin-bottom: -30px;
}

.whello-post-results .post-content-wrapper {
  transform: skewY(3deg);
  color: white;
}
.whello-post-results .post-content-wrapper h3 {
  color: #000016;
  font-size: 20px;
  letter-spacing: -0.4px;
  line-height: 28px;
  margin-bottom: 16px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.whello-post-results .whello-reading-time {
  color: rgba(0, 0, 22, 0.5);
  font-size: 14px;
  margin-bottom: 16px;
}
.whello-post-results .whello-post-excerpt {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.whello-post-results .whello-post-excerpt,
.whello-post-results .readmore-post {
  color: #000016;
  line-height: 24px;
}

.whello-post-results .readmore-post {
  font-weight: 600;
  margin-top: 36px;
  display: inline-block;
  position: relative;
}

.whello-post-results .readmore-post:after {
  content: "";
  background: url(/app/wp-content/uploads/2026/02/arrow-black.svg) center /
    contain no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 12px;
  position: absolute;
}

.whello-pagination-inner {
  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-top: 32px;
}

.elementor .whello-pagination-inner button {
  color: #000016;
}

.elementor .whello-pagination-inner button.active {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #2e74d2;
  color: #ecfbff;
  font-weight: 700;
}

.whello-pagination-inner .whello-next {
  font-size: 0;
  background: url(/app/wp-content/uploads/2026/03/next-nav-post.svg) center /
    24px no-repeat;
}

.whello-pagination-inner .whello-prev {
  font-size: 0;
  background: url(/app/wp-content/uploads/2026/03/prev-nav-post.svg) center /
    24px no-repeat;
}

.whello-pagination-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
}

.elementor-element.tarieven-wrapper {
  margin: 0 -16px;
  width: auto;
}

.elementor-element.tarieven-wrapper {
  align-items: stretch;
}

.elementor-element.tarieven-wrapper .price-card-item {
  height: 100%;
}

/* SINGLE POST */
.post-wrapper {
  padding-top: 126px;
  border-bottom: 1px solid rgba(12, 11, 11, 0.15);
}

.container-post h2:not(:first-child) {
  margin-top: 48px;
}

.banner-post {
  text-align: center;
  max-width: 842px;
  margin: 0 auto;
}

body.single-post .post-category {
  border-radius: 12px;
  background: var(--Blue-Bright-Blue, #2e74d2);
  padding: 16px 24px;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  color: #ecfbff;
  margin-top: 24px;
}

body.single-post .post-wrapper figure,
.single-post .post-wrapper figure img {
  width: 100% !important;
}

.banner-post h1 {
  font-weight: 800;
  line-height: 110%;
  letter-spacing: -2.16px;
  margin-top: 16px;
}

.share-post {
  list-style: none;
  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-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  padding-left: 0;
}

.share-item {
  background-color: var(--white);
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin-top: 0;
}

.share-post-wrapper {
  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-top: 32px;
}

.share-item img {
  width: 24px;
  height: 24px;
}

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

.share-post .share-item button {
  padding: 0;
  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;
}

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

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

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

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

.share-item a,
.share-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-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}

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

.single-post .container-post {
  max-width: 842px;
  margin: 0 auto;
}

.single-post .container-post h2 {
  font-size: 32px;
}

.single-post .container-post h3 {
  font-size: 26px;
}

.single-post .container-post h3 {
  font-size: 20px;
}
.single-post .container-post h2,
.single-post .container-post h3,
.single-post .container-post h4 {
  line-height: 38px;
  letter-spacing: -1.28px;
}
.elementor-default.single-post .container-post p a,
.elementor-default.single-post .container-post li a {
  color: #2e74d2;
  text-decoration: underline;
}

.elementor-default.single-post .container-post p {
  line-height: 24px;
}

.elementor-default.single-post figure.wp-caption {
  margin-bottom: 48px;
}

.elementor-default.single-post figcaption {
  border-left: 2px solid rgba(0, 0, 22, 0.15);
  padding-left: 8px;
  color: #000016;
  font-size: 14px;
  margin-top: 12px;
}

.share-post-end {
  margin-top: 64px;
}

.share-post-end span {
  font-size: 18px;
  font-weight: 600;
  color: #000016;
  margin-bottom: 16px;
  display: inline-block;
}

.heading-related-post h2 {
  letter-spacing: -2.08px;
  line-height: 110%;
  margin-bottom: 0;
}

.list-column .gfield_radio .gchoice {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}

body .list-column .gchoice label {
  width: fit-content !important;
  max-width: fit-content !important;
}

body .pink-form .gform_fields .gfield {
  margin-bottom: 0;
}

.list-column .ginput_container_radio {
  margin-top: 4px;
  margin-bottom: 16px;
}

body .gform_wrapper.gravity-theme .list-column legend.gfield_label {
  font-weight: 600;
}

.pink-form .gform_wrapper.gravity-theme .gfield-choice-input {
  border-radius: 100px;
  border: 1px solid rgba(58, 13, 28, 0);
  background: rgba(58, 13, 28, 0.05);
  width: 24px;
  height: 24px;
}

body .gform_wrapper.gravity-theme .gfield textarea.medium {
  height: 144px;
}

.pink-form
  .gform_wrapper.gravity-theme
  .list-column
  .gfield-choice-input:checked {
  background-color: #b8002f;
  border: 1px solid #b8002f !important;
}

body .pink-form .gfield .gfield-choice-input.LV_valid_field {
  border: 1px solid transparent !important;
}

.pink-form .gform_button {
  background-color: #b8002f;
}

.pink-form .gform_wrapper.gravity-theme .gfield_radio label {
  font-size: 16px;
  padding-left: 12px;
  color: #0d0503;
}

body .list-column .gfield_radio .gchoice {
  display: flex;
  align-items: center;
}

body.single-post .heading-related-post a,
.error404 .back-homepage {
  border-radius: 12px;
  border-bottom: 4px solid #2e74d2;
  background: var(--Blue-Bright-Blue, #2e74d2);
  font-weight: 600;
  color: #ecfbff;
  padding: 16px 24px;
  line-height: 1;
  border-bottom: 4px solid #00000033;
}
.error404 .back-homepage {
  border-radius: 12px;
  border-bottom: 4px solid #2e74d2;
  background: var(--Blue-Bright-Blue, #2e74d2);
  font-weight: 600;
  color: #ecfbff;
  padding: 16px 24px;
  line-height: 1;
  border-bottom: 4px solid #00000033;
}
.error404 .back-homepage {
  display: inline-block;
  margin-top: 24px;
}

.elementor-element.step-wizard-form {
  border-radius: 24px;
  border: 1px solid rgba(12, 11, 11, 0.15);
  background: #ecfbff;
  padding: 48px !important;
}

.step-wizard-form .checkbox-button .gchoice {
  position: relative;
  display: inline-block;
}

.step-wizard-form .checkbox-button .gchoice input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.step-wizard-form .checkbox-button .gchoice label {
  display: inline-block;
  padding: 8px 16px;
  border: 1px solid rgba(255, 255, 255, 0);
  border-radius: 4px;
  background: rgba(0, 0, 22, 0.05);
  cursor: pointer;
  font-weight: 400;
  transition: all 0.2s ease;
  line-height: 24px;
  width: fit-content;
  color: #000016;
}

body .step-wizard-form .checkbox-button .gchoice label:hover,
body
  .step-wizard-form
  .checkbox-button
  .gchoice
  input[type="checkbox"]:checked
  + label {
  border-color: #2e74d2;
  background-color: #2e74d2;
  color: #fff !important;
}

/* .gform_wrapper.gravity-theme .gf_step_number {
  width: 34px;
  height: 34px;
} */

body .gform_wrapper.gravity-theme .gf_step_completed .gf_step_number:before {
  background-color: #9fc6ff;
  border: 2px solid #9fc6ff;
}
body .gform_wrapper.gravity-theme .gf_step_completed .gf_step_number:after {
  color: #000016;
}

.step-wizard-form .gfield_checkbox .gchoice {
  width: auto;
}

.step-wizard-form .gfield_checkbox {
  gap: 16px;
}

body .step-wizard-form .gform_wrapper.gravity-theme .gfield_label {
  font-weight: 600;
  margin-bottom: 8px;
}

.step-wizard-form .gform-page-footer.gform_page_footer button {
  background-color: #2e74d2;
  border-radius: 12px;
  padding: 16px 24px;
  border-bottom: 4px solid #00000033;
  font-weight: 600;
  margin-bottom: 0;
}

body .step-wizard-form .gform_wrapper.gravity-theme .gf_page_steps {
  border-bottom: 0;
}

body .step-wizard-form .gform_wrapper.gravity-theme .gf_step_label {
  display: none;
}

body .step-wizard-form .gform_wrapper.gravity-theme .gf_step {
  margin: 0;
}

.step-wizard-form #gf_page_steps_3 {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* garis utama */
.step-wizard-form #gf_page_steps_3::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 22, 0.15);
  transform: translateY(-50%);
  z-index: 0;
}

/* step */
.step-wizard-form #gf_page_steps_3 .gf_step {
  position: relative;
  z-index: 1;
}

/* lingkaran */
.step-wizard-form #gf_page_steps_3 .gf_step_number {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #ecfbff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  border: 1px solid #d6d6d6;
}

.gform_wrapper.gravity-theme .gf_step_number {
  color: #000016;
}

/* Step selesai */
#gf_page_steps_3 .gf_step_completed .gf_step_number {
  background: #4caf50;
  color: #fff;
}

/* Step aktif */
#gf_page_steps_3 .gf_step_active .gf_step_number {
  background: #ecfbff;
  color: #fff;
  border: 1px solid #2e74d2;
  color: #2e74d2;
}

.step-wizard-form .gform-page-footer.gform_page_footer {
  text-align: right;
  padding-top: 32px;
  margin: 0;
  padding-bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.step-wizard-form .gform_wrapper.gravity-theme .gform_validation_errors {
  display: none;
}

body .step-wizard-form h4 {
  font-size: 24px;
  font-weight: 800;
  line-height: 140%;
  letter-spacing: -0.96px;
  color: #0c0b0b;
  margin-bottom: 8px;
}

.step-wizard-form .gform_wrapper.gravity-theme .gform_previous_button.button {
  background-color: rgba(0, 0, 22, 0.05);
  color: #000016;
}

.elementor .slide-reviews-blue .review-content {
  background-color: transparent;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-flow: 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: 0;
}

.elementor .slide-reviews-blue .review-desc {
  text-align: center;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -0.96px;
  line-height: 33px;
  color: #000016;
}

.elementor .slide-reviews-blue .review-title,
.elementor .slide-reviews-blue .review-status {
  color: #000016;
}

.elementor .slide-reviews-blue .slick-slider .slick-dots .slick-active button {
  background-color: #2e74d2;
  border-color: #2e74d2;
}

.elementor .slide-reviews-blue .slick-slider .slick-dots button {
  background-color: rgba(46, 116, 210, 0.1);
}

.elementor .slide-reviews-blue .slick-slider .slick-prev.slick-arrow,
.elementor .slide-reviews-blue .slick-slider .slick-next.slick-arrow {
  background-color: transparent;
}

.elementor .slide-reviews-blue .slick-slider .slick-prev.slick-arrow {
  background: url(/app/wp-content/uploads/2026/03/prev-nav-post.svg)
    contain/center no-repeat;
}

.elementor .slide-reviews-blue .slick-slider .slick-next.slick-arrow {
  background: url(/app/wp-content/uploads/2026/03/next-nav-post.svg)
    contain/center no-repeat;
}

.whello-card-content {
  text-align: center;
}

.whello-card-label {
  background-color: #3a0d1c;
  border-radius: 12px;
  color: #e07a92;
  font-weight: 600;
  line-height: 14px;
  margin-bottom: 8px;
  font-size: 10px;
  padding: 9px 12px;
  display: inline-block;
}

.whello-slide-card .whello-card-title {
  font-size: 18px;
  color: #b8002f;
  margin: 0;
}

.whello-slide-card.slick-current.slick-active.slick-center .whello-card-title {
  font-size: 24px;
  margin: 0;
}

.whello-slide-card.slick-slide:nth-child(odd) .whello-card-title {
  color: #fcecef;
}

.whello-slide-card.slick-slide:nth-child(even) .whello-card-title {
  color: #b8002f;
}

.whello-slide-card.slick-slide:nth-child(even) .whello-card-desc {
  color: #3a0d1c;
}

.whello-slide-card.slick-slide:nth-child(odd) .whello-card-desc {
  color: #fcecef;
}

.whello-slide-card.slick-slide {
  padding: 48px 32px 0;
  border-radius: 24px;
  background-color: #fcecef;
  transition: 0.3s;
  transform: scale(0.75) rotate(-6deg) translateX(9%);
  transform-origin: right;
}
/* .whello-slide-card.slick-current.slick-active.slick-center {
  background-color: #e07a92;
} */

.whello-slide-card.slick-slide:nth-child(odd) {
  background-color: #e07a92;
}

.whello-slide-card.slick-slide:nth-child(even) {
  background-color: #fcecef;
}

.whello-slide-card.slick-slide.slick-center {
  position: relative;
  z-index: 1;
  transform: rotate(0deg) scale(1);
}

.whello-slide-card.slick-slide.slick-center + .whello-slide-card.slick-slide {
  transform: scale(0.75) rotate(6deg) translateX(-9%);
  transform-origin: left;
}

.content-smarter-item,
.content-popular-trainingen {
  width: 100%;
  max-width: 100%;
  overflow: hidden !important;
  border-radius: 0 0 24px 24px !important;
}

.pattern-pink-content {
  background-color: #e07a92;
  border-radius: 24px !important;
  position: relative !important;
  transform: skewY(-6deg);
  transform-origin: bottom right;
  padding: 64px 32px 32px !important;
}

.content-popular-trainingen-content {
  background-color: #2e74d2;
  border-radius: 24px !important;
  position: relative !important;
  transform: skewY(-6deg);
  transform-origin: bottom right;
  padding: 64px 32px 32px !important;
}

.pattern-pink-details,
.popular-trainingen-desc {
  transform: skewY(6deg);
  padding-bottom: 30px !important;
}

.elementor .pattern-pink-details p {
  min-height: 72px;
}

.popular-training-item .elementor-widget-image {
  aspect-ratio: 4 / 3;
  overflow: hidden;
}

.popular-training-item .elementor-widget-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.elementor-element.content-popular-trainingen {
  position: relative;
  top: -66px;
}

.listing-popular-trainingen .whello-popular-trainingen {
  width: auto;
  margin: 0 -16px;
}

.listing-popular-trainingen .slick-slider .slick-dots {
  padding-left: 16px;
}

#popular-training,
.listing-popular-trainingen {
  position: relative;
}

#popular-training button.slick-arrow,
.listing-popular-trainingen button.slick-arrow {
  position: absolute;
  bottom: -21px;
  z-index: 9;
}

#popular-training button.slick-next.slick-arrow,
.listing-popular-trainingen button.slick-next.slick-arrow {
  right: max(20px, calc((100vw - 1280px) / 2));
}

#popular-training button.slick-prev.slick-arrow,
.listing-popular-trainingen button.slick-prev.slick-arrow {
  right: calc(max(20px, calc((100vw - 1280px) / 2)) + 56px);
}

.elementor .blue-pattern-right {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  border-radius: 0 0 24px 24px;
}

.elementor .blue-pattern-right .blue-pattern-content {
  background-color: #9fc6ff;
  border-radius: 24px;
  padding: 64px 32px 32px;
  position: relative;
  transform: skewY(3deg);
  transform-origin: bottom left;
}

.elementor .blue-pattern-right .blue-pattern-details {
  transform: skewY(-3deg);
}

#popular-training .slick-list {
  padding-bottom: 48px;
}

.blue-pattern-random .content-smarter-item .pattern-pink-content {
  background-color: #9fc6ff;
}

.elementor .wie-brainboost img {
  height: 464px;
}

.elementor .blue-pattern-right {
  bottom: 80px;
}

.error404 main#site-main {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.content-notfound {
  max-width: 682px;
  margin: 0 auto;
  text-align: center;
}

body .elementor summary.e-n-accordion-item-title {
  display: flex;
  justify-content: space-between;
}

.whello-card-desc {
  color: #3a0d1c;
}

.whello-card-image {
  margin-top: 24px;
}

/* BUTTON STYLE */

.elementor .animate-hover.elementor-widget-button {
  width: fit-content;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  padding-bottom: 6px !important;
}

.animate-hover.elementor-widget-button a {
  position: relative;
  z-index: 9;
  transition: all 0.2s ease-in-out !important;
  bottom: 0;
}

.animate-hover.elementor-widget-button:after {
  content: "";
  display: inline-block;
  width: stretch;
  height: 16px;
  border-radius: 12px;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  border-top-right-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  border-top-left-radius: 0;
  position: absolute;
  bottom: 1px;
  left: 0;
}

.animate-hover.blue-animate.elementor-widget-button:after {
  background-color: #255da8;
}

.animate-hover.blue-animate a:active {
  background-color: green;
}

.animate-hover.dark-red-animate.elementor-widget-button:after {
  background-color: #930026;
}

.animate-hover.white-alt-animate.elementor-widget-button:after {
  background-color: #d9d9dc;
}

.animate-hover.blue-soft-animate.elementor-widget-button:after {
  background-color: #3b3f50;
}

.animate-hover.light-blue-animate.elementor-widget-button:after {
  background-color: #7f9ecc;
}

.animate-hover.soft-blue-animate.elementor-widget-button:after {
  background-color: #c9d6dc;
}

.animate-hover.elementor-widget-button:hover a {
  bottom: -5px;
}

.btn-icon.btn-animate-outline.elementor-widget .elementor-button:after {
  content: "";
  background: url(/app/wp-content/uploads/2026/02/arrow-black.svg)
    center/contain no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}
.btn-icon.btn-animate-outline.elementor-widget .elementor-button:hover:after {
  -webkit-transform: translateX(5px);
  -moz-transform: translateX(5px);
  -ms-transform: translateX(5px);
  -o-transform: translateX(5px);
  transform: translateX(5px);
  background: url(/app/wp-content/uploads/2026/03/arrow-blue-hover.svg)
    center/contain no-repeat;
}

.readmore-post,
.readmore-post:after,
.whello-post-category {
  transition: all 0.3s ease-in-out;
}

.whello-filter-buttons button:hover {
  background-color: #2e74d2;
  border: 1px solid #2e74d2;
  color: #ecfbff;
}

.whello-post-card:hover .readmore-post {
  color: #255da8;
}
.whello-post-results .whello-post-card:hover .whello-post-category {
  background-color: #255dac;
}

.whello-post-card:hover .readmore-post:after {
  -webkit-transform: translateX(5px);
  -moz-transform: translateX(5px);
  -ms-transform: translateX(5px);
  -o-transform: translateX(5px);
  transform: translateX(5px);
  background: url(/app/wp-content/uploads/2026/03/arrow-blue-hover.svg)
    center/contain no-repeat;
}

.btn-icon.btn-animate-outline.elementor-widget .elementor-button:hover span {
  color: #2e74d2;
}

.btn-icon.btn-animate-outline.elementor-widget .elementor-button {
  display: flex;
  align-items: center;
  column-gap: 12px;
}

.whello-training-card {
  margin: 0 16px;
}

.whello-training-card .training-image {
  aspect-ratio: 4 / 3;
  overflow: hidden;
}

.whello-training-card .training-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}

.training-desc {
  color: #ecfbff;
  line-height: 24px;
  margin-bottom: 24px;
}

.training-content-wrapper {
  width: 100%;
  max-width: 600px;
  overflow: hidden;
  border-radius: 0 0 24px 24px;
  margin-top: -50px;
}

.elementor .training-button:after {
  content: "";
  background: url(/app/wp-content/uploads/2026/02/arrow-white.svg) center /
    contain no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}

.elementor .training-button:hover:after {
  -webkit-transform: translateX(5px);
  -moz-transform: translateX(5px);
  -ms-transform: translateX(5px);
  -o-transform: translateX(5px);
  transform: translateX(5px);
}
.elementor .training-button {
  color: #ecfbff;
  font-weight: 600;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.training-content-desc {
  background-color: #2e74d2;
  border-radius: 24px;
  padding: 32px 32px 64px 32px;
  position: relative;
  transform: skewY(-3deg);
  transform-origin: bottom right;
  margin-bottom: -30px;
}

.elementor .training-content-wrapper .training-title {
  color: #ecfbff;
  font-size: 24px;
  margin-bottom: 8px;
}

.training-content-pattern {
  transform: skewY(3deg);
}

/* END BUTTON STYLE CS */

/* FOOTER */

.whiteblue-card img {
  width: 48px;
  height: 48px;
}

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

.site-footer ul li + li {
  margin-top: 16px;
}
.site-footer .footer-bottom ul {
  list-style: none;
}

.site-footer .footer-bottom ul li {
  width: fit-content;
}

.site-footer .footer-bottom ul li + li {
  margin-top: 0px;
}
/* END FOOTER */

.mega-menu {
  position: absolute;
  top: 75%;
  left: 0;
  width: 100%;
  display: none;
}

.menu-item.has-mega-menu:hover .mega-menu {
  display: block;
}

.elementor .middelbare-item {
  flex: 0 0 calc(50% - 6px) !important;
  border-radius: 24px !important;
}

.elementor .middelbare-item:hover,
.elementor .megamenu-link-item:hover {
  background-color: #9fc6ff !important;
}

.elementor .middelbare-item:hover .megamenu-icon {
  background-color: #2e74d2 !important;
}

.elementor .middelbare-item:hover .heading-card p,
.elementor .megamenu-link-item:hover p {
  color: #000016;
}

.middelbare-item:hover .megamenu-text-card p {
  color: rgba(0, 0, 22, 0.5);
}