/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.0.1.1708432916
Updated: 2024-02-20 13:41:56

*/
.ydelserSekSwipe {
  overflow: hidden !important; 
}
.ydelsesSektion {
  position: relative; 
}
.ydelsesSektion .swiper{
  overflow: visible !important;
  position: relative;
}
.ydelsesSektion .swiper::before{
  content: ""; 
  position: absolute;
  top: 0;
  right: 100%; 
  width: 50vw; 
  background-color: #fff; 
  height: 100%;
  z-index: 10;
}

.ydelserSwiper{
  display: flex; 
  justify-content: space-between; 
  align-items: center; 
}
.ydelserSwiper .swiper-slide{

  text-decoration: none;
}
.ydelserSwiper a .ydelserWrp h3 {
  color: #0B284D !important; 
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.ydelserSwiper a .ydelserWrp .imgWrpYdelser {
  height: 300px; 
  width: 100%; 
  position: relative;
}
.ydelserSwiper a .ydelserWrp .imgWrpYdelser img {
  object-fit: cover; 
  display: flex; 
  width: 100%; 
  height: 100%; 
}
.ydelserSwiper a .ydelserWrp .imgWrpYdelser::before {
	content: ""; 
	position: absolute; 
	bottom: -10px; 
	right: 40px; 
	background-image: url(/wp-content/uploads/2024/02/Lag-2-1.png); 
	width: 52px; 
	height: 100%;  
	background-repeat: no-repeat; 
	background-position: bottom right; 
	z-index: 999;
}
.ydelsesSektion .swiper-button-prev::after {
  content: "";
  background-image: url(/wp-content/uploads/2024/02/arrow_l.svg);
  background-repeat: no-repeat;
  width: 15px;
  height: 24px;
  transition: 400ms ease;
}
.ydelsesSektion .swiper-button-next::after {
  content: "";
  background-image: url(/wp-content/uploads/2024/02/arrow_r.svg);
  background-repeat: no-repeat;
  width: 15px;
  height: 24px;
  transition: 400ms ease;
}
.ydelsesSektion .scrollWrp {
  width: 90% !important; 
  position: relative; 
  margin-left: auto; 

}
.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
  width: 100% !important;
  right: 0 !important; 
  bottom: -20px !important; 
}
.ydelsesSektion .swiper-button-next {
  left: 50px; 
}
.ydelsesSektion .swiper-button-prev {
  left: 0px; 
}
.ydelsesSektion .swiper-button-next, .swiper-button-prev {
  top: unset !important; 
  bottom: -40px; 
}



.contentWrp {
  display: flex; 
  flex-wrap: wrap; 
  width: 100%; 
  justify-content: space-between; 
  align-items: center; 
}
.contentWrp .imgWrp {
  height: 400px; 
}
.contentWrp .imgWrp img {
  width: 100%; 
  height: 100%; 
  display: flex; 
  object-fit: cover; 
}

.imgWrp,
.kundeContent {
    width: calc(50% - 40px);
}
.kundeContent .rating {
  display: flex; 
  align-items: center; 
  margin-bottom: 20px; 
}
.kundeContent .rating img {
  width: 20px; 
  height: 20px; 
}
.kundeContent h3 {
  color: #0B284D !important; 
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.kundeContent .kundeTxt {
  font-style: italic;
  font-weight: 500;
  line-height: 1.6em;
}
.kundeContent .kundeNavn {
  font-weight: bold;
  margin-bottom: 12px;
  text-transform: uppercase;
}
.kundeContent p {
  color: #0B284D !important; 
}
.kundeSwiper .swiper-button-prev::after {
  content: "";
  background-image: url(/wp-content/uploads/2024/02/arrow_l.svg);
  background-repeat: no-repeat;
  width: 15px;
  height: 24px;
  transition: 400ms ease;
}
.kundeSwiper .swiper-button-next::after {
  content: "";
  background-image: url(/wp-content/uploads/2024/02/arrow_r.svg);
  background-repeat: no-repeat;
  width: 15px;
  height: 24px;
  transition: 400ms ease;
}
.kundeSwiper .swiper-button-next {
  right: -50px; 
}
.kundeSwiper .swiper-button-prev {
  left: -50px; 
  top: 50% !important;
}
.kundeSwiper .swiper-pagination {
  bottom: -50px !important; 
}

.swiper-button-prev:hover::after {
  transform: translateX(-10px) scaleY(0.8);
}
.swiper-button-next:hover::after {
  transform: translateX(10px) scaleY(0.8);
}
@media (max-width: 1024px) {
  .swiper-button-next, .swiper-button-prev {
    display: none !important; 
  }
  .kundeSwiper .swiper-pagination {
    display: none; 
  }
  .ydelsesSektion .scrollWrp{
    width: 100% !important; 
  }
  .imgWrp,
.kundeContent {
    width: calc(50% - 20px);
  }
}
@media (max-width: 992px) {
  .contentWrp {
    display: block; 
  }
  .contentWrp .imgWrp {
    width: 100%; 
    height: 300px; 
  }
  .contentWrp .kundeContent {
    width: 100%; 
    margin-top: 30px; 
  }
}