/*
Theme Name: MENTALL Theme
Theme URI: https://www.mentall.be
Template: hello-elementor
Author: MENTALL Team
Author URI: https://www.mentall.be
Description: A child theme by MENTALL.
Version: 1.0.1620208654
Updated: 2021-05-05 09:57:34

*/
.masking-bg .mask-behind-container {
    -webkit-mask-image: url("assets/card-mask-img.png");
    -webkit-mask-size: cover;
    -webkit-mask-position: bottom;
    -webkit-mask-repeat: no-repeat;
}
.success-loop-grid .hovered .elementor-button  .elementor-button-link{
  background: red !important;
}
/* White log styling */

.light-header .elementor .elementor-element.main-menu-inner,
.light-header .elementor-element.elementor-element-e9a4637 {
  background: #ffffff!important;
  padding: 0px 16px;
}
.light-header .elementor-widget-theme-site-logo a img,
.light-header .elementor-element.elementor-element-e9a4637 .elementor-element-6ab55a2 .elementor-widget-image a img {
  display: none;
}

.light-header .elementor-widget-theme-site-logo a,
.light-header .elementor-element.elementor-element-e9a4637 .elementor-element-6ab55a2 .elementor-widget-image > a {
  background: url(assets/white-logo.svg);
  background-size: cover;
  background-repeat: no-repeat;
  width: 200px;
  height: 80px;
}
.light-header .elementor-element.elementor-element-e9a4637 .elementor-element-6ab55a2 .elementor-widget-image a {
  width: 117px;
  height: 46px;
}
.light-header .elementor .elementor-element.main-menu-inner nav ul li a,
.light-header .elementor .elementor-element.main-menu-inner nav ul li.current-item a,
.light-header .elementor-733 .elementor-element.elementor-element-02a61f6 .elementskit-navbar-nav > li > a .elementskit-submenu-indicator {
  color: #00465E!important;
  fill: #00465E!important;
}

.light-header .elementor .elementor-element.main-menu-inner nav ul li a.elementor-item ,
.light-header .elementor-element.elementor-element-e9a4637 nav ul li a.elementor-item{
  color: #1C6C88!important;
}
.light-header .elementor .elementor-element.main-menu-inner nav ul li.menu-item-search a svg rect {
  fill: #00465E;
}
.light-header .elementor .elementor-element.main-menu-inner nav ul li.menu-item-search a svg path{
  fill: #ffffff;
}
.light-header .header-search-bar {
  border: 1px solid #7BDBFF;
}
/*
.post-cards .elementor-post__card:hover {
    -webkit-mask-image: url("assets/card-mask-img-hover.png");
} */
.small-cards-dark a,
.small-cards-light a {
    position: relative;
}
form input ::placeholder {
  color: #00465E;
}
.post-cards .elementor-post__read-more::after {
  background: url("assets/arrow-right-white.svg"); 
}
.small-cards-dark .elementor-post__title {
  position: relative;
}
.small-cards-dark .elementor-post__title a::after,
.small-cards-light .elementor-post__title a::after {
    content: "";
    background: url("assets/btn-yellow.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.small-cards-light .elementor-post__title a::after {
    background: url("assets/btn-blue.png");
    background-repeat: no-repeat;
    background-size: cover;
}
.small-cards-dark .elementor-post__title a,
.small-cards-light .elementor-post__title a {
  padding-right: 50px;
}
.sectie-aanbod-list-3c-dark .small-cards-dark .elementor-post__title a {
  min-height: 58px;
  flex-direction: column;
  justify-content: center;
  line-height: normal;
  display: flex;
}
.recent-card .elementor-post__read-more {
  position: relative;
  border: 1px solid transparent;
  transition: 0.3s all ease;
}
.recent-card .elementor-post__read-more::after {
    content: "";
    background: url("assets/blue-arrow.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 11px;
    height: 11px;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
}
.recent-card .elementor-post__read-more:hover{
  background: #ffffff!important;
  border-color: #FBB038;
}
.elementor-field-type-upload label {
    position: relative;
    width: 100%;
    height: auto;
    top: 0 !important;
    margin: 0 0px 10px;
}
.elementor-form .elementor-field-type-select select option {
    color: rgba(255, 255, 255, 0.8);
}
/* Style all Elementor file upload fields globally */
 .elementor-field-type-upload {
    position: relative;
    overflow: hidden;
  }

  .elementor-field-type-upload input {
    padding-bottom: 15px!important;
    border-bottom: 1px solid #7BDBFF;
  }

  .elementor-field-type-upload::after {
    content: '';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 16px;
    background-image: url('assets/upload-icon.svg');
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
  }
  .services-hero {
    background-color: var(--e-global-color-primary);
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 120px 24px;
    border-bottom-right-radius: 100px;
    position: relative;
  }
  .services-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(237deg, rgba(0, 0, 0, 0) 48.72%, rgba(0, 0, 0, 0.6) 83.9%);
    z-index: 1;
    pointer-events: none;
    border-bottom-right-radius: 100px;
  }
  .tax-oplossings-categorie .services-sections{
    padding: 0;
  }
  .tax-oplossings-categorie .services-sections .e-con-inner {
    width: 100%;
    margin: 0;
    padding: 0;
    max-width: 100%;
  }
  .services-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    position: relative;
    z-index: 1;
  }
  .services-container .services-content-wrap {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
  .services-container .services-wrap .services-title {
    margin: 0;
    color: white;
    font-size: 80px;
    line-height: 80px;
    font-weight: 600;
  }
  .services-container .services-wrap p {
    color: white;
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
  }
  .services-container .services-wrap {
    max-width: 690px;
    display: flex;
    flex-direction: column;
    gap: 50px;
  }
  .services-container .services-wrap .services-links ul {
    display: flex;
    gap: 10px;
    list-style-type: none;
    padding: 0;
  }
  .service-terms-grid .service-box .service-link {
    position: absolute;
    bottom: 0;
    right: 0;
    border: none;
    background: #7BDBFF;
    border-radius: 10px;
    border-bottom-right-radius: 0;
    padding: 8px 8px;
    display: flex;
    align-items: center;
  }
  /* .service-terms-grid .service-box .service-link::after {
      content: url(assets/blue-arrow.png);
      position: absolute;
      right: 14px;
      width: 16px;
      height: 16px;
  } */
  /* .services-container .services-wrap .services-links ul li a {
    padding: 8px 16px;
    font-size: 20px;
    background: #7BDBFF;
    border-radius: 50px;
    color: #002F3F;
    font-weight: 600;
  } */
  .custom-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
  }
  .service-swiper-section {
    padding: 120px 24px;
    position: relative;
  }
  .service-swiper-section::before{
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg,#fff 26.07%, rgba(0, 70, 94, 0.00) 80%), url(https://thesafegroup.mentall.studio/wp-content/uploads/2025/03/transparent-bg-blue1.png) no-repeat, var(--BG-Blue-60, #fff);
    background-size: contain;
    background-position: 100% 70px;
    transform: rotate(180deg);
    border: 0px;

}
  .service-swiper-section .custom-container {
    display: flex;
    gap: 73px;
    flex-direction: row;
    position: relative;
  }
  .service-swiper-section .custom-container  .left-col {
    width: 100%;
    position: relative;
  }
  .service-swiper-section h2 {
    font-size: 56px;
    font-weight: 600;
  }
  .service-swiper-section .swiper-slide {
    background: #32829E;
    padding: 20px;
    border-radius: 20px;
    color: #ffffff;
  }
  .service-swiper-section .swiper-button-next, 
  .service-swiper-section .swiper-button-prev {
    background: #FBB038;
    bottom: 0;
    top: auto;
    border-radius: 100px;
    width: 56px;
    height: 56px;
    left: auto;
    right: 60px;
  }
  .service-swiper-section .swiper-button-next {
    right: 0;
  }
  .service-swiper-section .swiper-button-next::after, 
  .service-swiper-section .swiper-button-prev::after {
    font-size: 16px;
    content: url(assets/blue-arrow.png);
    transform: rotate(45deg);
  }
  .service-swiper-section .swiper-button-prev::after {
    transform: rotate(-135deg);
  }
  .service-swiper-section .read-more-btn,
  .news-next-prev-nav a,
  .services-container .services-wrap .services-links ul li a {
    background: #7BDBFF;
    padding: 8px 40px 8px 16px;
    color: #002F3F;
    font-size: 20px;
    position: relative;
    border-radius: 50px;
    font-weight: 600;
    display: block;
    transition: 0.3s all ease;
    border: 1px solid #7BDBFF;
  }

  .services-wrap .services-links ul li:last-child a {
    background: #ffffff;
    border-color: #ffffff;
  }
  .services-wrap .services-links ul li:last-child a:hover {
    background:   #FBB038!important;
    border-color:   #FBB038!important;
  }

  .service-swiper-section .read-more-btn:hover,
  .news-next-prev-nav a:hover,
  .services-container .services-wrap .services-links ul li a:hover {
    background: #ffffff;
    border-color: #7BDBFF;
  }
  .news-next-prev-nav a  {
    display: inline-flex!important;
  }
  .service-swiper-section .read-more-btn::after,
  .news-next-prev-nav a::after,
  .services-container .services-wrap .services-links ul li a::after {
      content: url(assets/blue-arrow.png);
      position: absolute;
      right: 14px;
      width: 16px;
      height: 16px;
  }
  .news-next-prev-nav a::after,
  .services-container .services-wrap .services-links ul li a::after {
    content: "";
    background: url(assets/blue-arrow.png);
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 13px;
    background-size: contain;
  }
  .service-swiper-section .swiper-slide .slide-content {
    gap: 20px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
  }
  .service-swiper-section .swiper-slide .slide-content h4 {
    margin: 0;
    font-weight: 600;
    width: 80%;
  }
  .service-swiper-section .swiper-slide .slide-content .description p {
    font-size: 16px;
    line-height: 28px;
  }
  .service-swiper-section .swiper-slide .slide-content  .slide-btn {
    display: flex;
  }
  .service-swiper-section .swiper-slide .slide-content .slide-count {
    padding-bottom: 20px;
    margin-bottom: auto;
    color: #7BDBFF;
  }
  .service-swiper-section .swiper-pagination {
    left: 5px !important;
    bottom: -60px !important;
  }
  .service-swiper-section .swiper-pagination span {
    width: 125px;
    height: 3px;
    background: #7BDBFF;
    color: #7BDBFF;
    border-radius: 0!important;
  }
  .tax-oplossings-categorie .swiper-pagination-bullets.swiper-pagination-horizontal {
    left: 50%;
  }
  .service-terms-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.service-terms-grid .service-box {
  position: relative;
  border-radius: 40px;
}
.service-terms-grid .service-box > a,
.service-terms-grid .service-box .service-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: flex;
    border-radius: 40px;
}
.service-terms-grid .service-box .title {
  position: absolute;
  font-size: 24px;
  color: white;
  bottom: 24px;
  left: 24px;
  margin: 0;
  font-weight: 600;
}
.service-terms-wrapper .search-box {
  display: flex;
  margin-bottom: 60px;
  position: relative;
  width: 100%;
  max-width: 392px;
}
.service-terms-wrapper .search-box::after,
.search-filter-box .jet-smart-filters-search .jet-search-filter__input-wrapper::after {
  background: url(assets/search-icon.png);
  width: 41px;
  height: 100%;
  content: "";
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  right: 0;
  top: 0;
}
.service-terms-wrapper input {
  padding: 8px 20px;
  background: rgba(123, 219, 255, 0.2);
  border-radius: 20px;
  border: none;
  color: #1C6C88;
}
.service-terms-wrapper input::placeholder{
  color: #1C6C88;
}
.service-term-search-form button {
  padding: 8px 16px;
  background: var(--e-global-color-primary);
  color: #fff;
  border: none;
  cursor: pointer;
}
.table-content-box ul li {
  margin: 0;
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.table-content-box ul li::after {
  position: absolute;
  content: url(assets/arrow-right-white.svg);
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.table-content-box ul li a {
  padding: 20px 0;
  width: 100%;
}
.table-content-box ul li:last-child {
  padding: 0;
  border: none;
}
.read-time .elementor-shortcode{
  position: relative;
  padding-left: 20px;
}
.read-time .elementor-shortcode::before {
  position: absolute;
  background: url(assets/clock-icon.svg);
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.ekit-wid-con .oplossingen-title .elementskit-section-title {
  display: inline-block;
}
.ekit-wid-con .oplossingen-title .elementskit-section-title::after {
  right: -100px;
}

.ekit-wid-con .ekit-heading {
  display: inline;
}
.ekit-wid-con .elementskit-section-title::after {
  position: absolute;
  background: url(assets/sky-blue-arrow.svg);
  content: "";
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 13px;
  background-repeat: no-repeat;
}
.jet-select select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url(assets/dropdown-icon.svg) no-repeat right 1rem center;
  background-size: 12px;
  padding-right: 2.5rem;
}
.white-icon .jet-select select {
  background: url(assets/dropdown-white-icon.svg) no-repeat right 1rem center;
}
.event-date {
  font-size: 20px;
  font-weight: 600;
  color: #5DBAED;
}
.jet-popup .elementor-widget-text-editor p, 
.jet-popup .elementor-widget-text-editor ol,
.jet-popup .elementor-widget-text-editor ul {
  margin-block-end: 1rem;
}

@media (max-width: 1024px) {
    .service-terms-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .service-swiper-section {
      padding: 100px 24px;
    }
    .service-swiper-section .swiper-pagination {
      left: auto !important;
    }
    .search-filter-box .jet-smart-filters-search .jet-search-filter__input-wrapper::after {
      width: 36px;
    }
}

@media (max-width: 768px) {
    .service-terms-grid {
        grid-template-columns: 1fr;
    }
    .service-terms-grid .service-box .title {
      position: inherit;
      color: #1C6C88;
      font-size: 16px;
      line-height: 28px;
    }
    .service-terms-grid .service-box > a,
    .service-terms-grid .service-box  img {
      flex-direction: column;
      gap: 24px;
    }
    .service-swiper-section .read-more-btn,
  .news-next-prev-nav a,
  .services-container .services-wrap .services-links ul li a {
    font-size: 16px;
    padding: 5px 36px 5px 16px;
  }
  .news-next-prev-nav a::after,
  .services-container .services-wrap .services-links ul li a::after {
    width: 10px;
    height: 10px;
  }
  .services-hero {
    padding: 40px 24px;
  }
  .services-hero,
  .services-hero::before {
    border-bottom-right-radius: 40px;
  }
  .services-container .services-wrap .services-title,
  .service-swiper-section h2 {
    font-size: 40px!important;
    line-height: 44px !important;
  }
  .services-container .services-wrap p {
    font-size: 16px;
    line-height: 28px;
  }
  .services-container .services-wrap,
  .service-swiper-section .custom-container {
    gap: 40px;
  }
  .service-swiper-section .custom-container {
    flex-direction: column;
    display: block;
  }
  .services-container {
    justify-content: end;
  }
  .service-swiper-section .custom-container .left-col {
    position: inherit;
    padding-bottom: 25px;
  }
  .service-swiper-section {
    padding: 60px 24px;
  }
  .service-swiper-section .swiper-button-next, 
  .service-swiper-section .swiper-button-prev {
    bottom: -25px;
  }
  .service-swiper-section .swiper-button-next {
    right: 24px;
  }
  .service-swiper-section .swiper-button-prev{
    right: 85px;
  }
  .service-terms-grid .service-box {
    margin-bottom: 0 !important;
  }
  .service-swiper-section .read-more-btn, .news-next-prev-nav a, .services-container .services-wrap .services-links ul li a {
    padding: 8px 36px 8px 16px;
  }
  .content-slider .swiper-pagination-bullet {
    width: 50px!important;
  }
  .service-swiper-section .swiper-button-next, .service-swiper-section .swiper-button-prev {
    display: none;
  }
  .service-swiper-section .swiper-slide .slide-content .description p,
  .event-date {
    font-size: 14px;
    line-height: 22px;
  }
}