.main-navigation li a{padding-top:15px;padding-bottom:10px}
.testimonial-slider .content{color: #000000d6;}
.testimonial-slider .company{color: #000;font-weight: bold;}
.testimonial-slider .single-testimonial::before{content: url('https://www.caronne.eu/images2504/quote_left.png');position: absolute;top: 0;left: 0;}
.testimonial-slider .single-testimonial::after{content: url('https://www.caronne.eu/images2504/quote_right.png');position: absolute;bottom: 0;right: 0;}
.testimonial-slider .single-testimonial .content-box{padding-left:40px;padding-right:40px}
.news-section .single-news p{color:#000}
.home-contact-section iframe{filter: grayscale(100%);}
.contact-info-section {padding-left:35px}
.contact-info-section h2{font-size: 40px;}
.contact-info-section .left-section,.contact-info-section .right-section{padding-top:20px}
.contact-info-section .right-section .icon-box{display:flex;align-items: center;  margin-bottom: 15px;}
.contact-info-section .right-section .icon-box .icon{float: left;margin-right: 15px;}
.contact-info-section .right-section .icon-box img{/*min-width: 35px;min-height: 35px;max-height: 35px;max-width: 35px;*/}
.contact-info-section .right-section .icon-box .text{line-height: 1.4;}
.contact-info-section .right-section .icon-box i{font-size: 30px;color:#a4e4f1}
.contact-form-box input,.contact-form-box textarea{background: #fff;border-bottom: 2px solid #000;border-radius: 0px;padding-left: 0px;}
.contact-form-box textarea{height: 120px;}
.contact-form-box .checkbox-box{margin-top:15px}
.contact-form-box .checkbox-label{color:#000}
.contact-form-box input:focus-visible,.contact-form-box textarea:focus-visible{  outline: none;}
.contact-form-box .submit-btn{color: #fff;font-size: 18px;font-weight: 900;border-radius: 0px;
  background-color: #e97e1e;padding: 5px 25px 5px 25px;clear: both;display: inline-block;border: none;cursor: pointer;border: 1px solid #e97e1e;text-align: center;margin-left: 15px;margin-top: 20px;border-radius: 10px;}
.footer-top{background:#0e1339}
.contact-form-box input::placeholder,.contact-form-box textarea::placeholder{color:#000}
.bottom-footer{background:#60a1b3}
.bottom-footer p{color: #fff;}
.small-footer-contanier{max-width:800px}
.footer-top .logo-box{display: flex;justify-content: center;}
.footer-top a:hover {color: #56bdbd; }
.footer-top .logo-box p{text-align: center;color: #56bdbd;font-weight: bold;font-size: 15px;}
.footer-top .first-box{padding-left:100px}
.footer-top ul li a{font-size: 14px;}
.footer-top ul li{padding:0px;color:#fff}
.footer-top ul li.active{font-weight:900; color:#56bdbd}
.footer-top ul li.main-heading{font-weight:900; color:#fff}
.footer-top .footer-socials{text-align: center;margin-top: 20px;color: #fff;font-weight: 900;}
.footer-top .footer-socials i{color:#56bdbd}
.header-top-menu{float: right;}
.main-navigation a:hover {color: #60a2b3; }
.header-top-menu ul li > a.active{color: #013e6d;font-weight: bold;}

.header-top-menu ul {list-style-type: none; padding: 0;margin: 0; display: flex;}
.header-top-menu ul li {position: relative; padding: 0px 10px; }
.header-top-menu ul li::after {content: ''; position: absolute;right: 0; top: 50%; transform: translateY(-50%); width: 2px; height: 15px; background-color: #000;}
.header-top-menu ul li:last-child::after {display: none; }
.header-top-menu ul li::after{/*position: absolute;top: 8px;right: -2px;color: ;content: "";background: #000;width: 1px;height: 13px;*/}
.contact-form-box{margin-top: -30px;padding-right: 80px;}
.back-to-top,.back-to-top:hover{background-color: #0e1339;border: 2px solid #0e1339;}
.wpo-service-slider  .owl-nav {position: absolute;top: 50%;width: 100%;transform: translateY(-50%);display: flex;justify-content: space-between;}
.wpo-service-slider  .owl-prev {position: absolute;left: -80px;transform: translateY(-50%);background-color: rgba(0, 0, 0, 0.5); color: white; padding: 10px;border-radius: 50%;display: flex;align-items: center;justify-content: center;z-index: 10; background: none;color: #afafaf;}
.wpo-service-slider  .owl-next {position: absolute;right: -80px;transform: translateY(-50%);background-color: rgba(0, 0, 0, 0.5); color: white;padding: 10px;border-radius: 50%;display: flex;align-items: center;justify-content: center;z-index: 10;background: none;color: #afafaf;}
.wpo-service-slider  .owl-prev i,.wpo-service-slider  .owl-next i {font-size: 50px;font-weight: 900;}

/* General styling for the sticky header */
.sticky-header {
    background-color: #ffffff;
    position: sticky;
    top: 0;  /* Stick to the top of the page */
    z-index: 1000;  /* Keep it above other content */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Optional: Adds a shadow when sticky */
    transition: box-shadow 0.3s ease-in-out; /* Optional: Smooth transition for shadow */
}

/* Optional: Change background or styles when sticky */
.sticky-header.sticky {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); /* Stronger shadow when sticky */
	position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(255, 255, 255, 1);
  z-index: 2;
}

.cases-content{margin-top: 20px;}
.cases-content .single-case{margin-bottom: 50px;display: block;overflow: hidden;}
.cases-content .single-case .c_icon{/*width: 80px;height: 80px;*/float: left;border-right: 2px solid #104976;margin-right: 20px;}
.cases-content .single-case .c_icon img{max-width: 200px;height: 98%;}
.cases-content .single-case .c_details{/*float: left;width: calc(100% - 80px);padding-left: 30px;*/}
.page-content-section h5{font-size: 20px;}
.btn{color: #fff;font-size: 18px;font-weight: 900;border-radius: 0px;
  background-color: #101539;padding:8px 25px 8px 25px;clear: both;display: inline-block;border: none;cursor: pointer;border: 1px solid #101539;text-align: center;margin-top: 20px;text-transform:uppercase}
.contact-btn-section{padding-bottom: 60px;border-bottom: 3px solid #ddd;}
.main-navigation li ul li a{padding:0px;padding-bottom: 10px;}
.main-navigation li a{font-family: 'Gilroy', sans-serif;font-weight: 400;font-size: 15px;padding-left: 15px;padding-right: 15px;}
.swiper-slide .slide-title h4{font-size:40px; line-height:60px}
.wpo-service-slider  .owl-item .single-service{min-height:400px;padding:10px}
.wpo-service-slider  .owl-item .single-service h2{font-size: 21px;}
.wpo-service-slider  .owl-item .single-service .content p{font-size: 14px;line-height: 22px;}
.wpo-service-slider  .owl-item .single-service .view-more-box a{display: flex;align-items: center;text-decoration: none; color: inherit;justify-content: center;color: #000;
  font-size: 17px;
  font-weight: 600;
  margin-top: 20px;}
.wpo-service-slider  .owl-item .single-service .view-more-box img{width: 32px;margin-top: 6px;}
.wpo-service-slider  .owl-item{margin-right: 5px !important;}
.wpo-service-slider  .owl-item .single-service .view-more-box{position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%;
  padding-bottom: 15px;}
 
 
  
  .onze-klanten img {
    max-width: 175px; /* Set a max width */
    width: 100%; /* Ensure it scales */
    height: auto;
	max-height:90px;
	}

.onze-klanten {
    background-color: #ffffff!important;
	}
	

.swiper-slide{background-image: url('https://www.caronne.eu/images2504/slider_bg-caronne.jpg');}
.swiper-slide .slide-inner{background-position: center;background-size: contain;height: 465px;}
.slider-over-ons-page{height: 400px;}
.slider-over-ons-page .swiper-slide .slide-inner{background-size: cover;height: 400px;}
.swiper-slide .slide-inner .content-box{transform: translateY(0%);}
.swiper-slide .slide-inner .content-box .slide-title p{line-height:1; margin:0px}
.swiper-slide .slide-inner .content-box .slide-title p{font-weight:normal}
.swiper-slide .slide-inner .content-box .slide-title p span{font-weight:bold}
.sticky-header .top-header,.sticky-header .bottom-header{max-width: 1330px;margin: auto;}
.owl-dots button.active{background-color: #56bdbd !important;}
.social-link-top{display:none}
.mobile-navigation{display:none}

.button-box .custom-btn{color: #fff;font-size: 18px;font-weight: 900;border-radius: 0px;background-color: #e97e1e;padding: 5px 25px 5px 25px;clear: both;display: inline-block;border: none;cursor: pointer;border: 1px solid #e97e1e;text-align: center;border-radius: 10px;}
.view-more-btn-box{position: absolute;bottom: 0;text-align: center;width: 100%;padding-bottom: 15px;}
.onze-view-more-btn-box{width: 100%;}
.onze-klanten-carousel .owl-carousel{padding:  20px;}
.wpo-service-slider .view-more-btn-box .custom-btn{margin-left:-15px !important}
.site-logo img{margin-top: -20px;}
.menu-contact-btn a{background: #e97e1e;padding: 0px 10px !important;border-radius: 10px !important;color:#fff !important}
.owl-dots button{height: 10px !important;margin: 3px !important;}

.contact-info-section .icon-box .home img{/*width: 40px;*/}
.contact-info-section .icon-box .phone img{/*width: 25px;*/}
.contact-info-section .icon-box .email img{/*width: 30px;*/}

.header-top-menu .last-menu{padding-right:0px}
.site-logo img{margin-left: 0px;}
.onze-klanten-carousel .owl-item{padding: 0px 20px;}
.custom-btn:hover,.contact-form-box .submit-btn:hover{/*background: #000;color: #fff;border: 1px solid #000;*/}
.onze-werkwijze-slider .owl-item{padding-left: 15px;padding-right: 15px;}
.onze-werkwijze-slider-bottom .button-box{margin-top:30px}
.menu-contact-btn{display: inline-grid;}
.custom-btn,.contact-form-box .submit-btn,.menu-contact-btn a {
	display: inline-block;
	transition: all .3s;
	position: relative;
	overflow: hidden;
	z-index: 1;
	&:after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #e97e1e;
		z-index: -2;
	}
	&:before {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 0%;
		height: 100%;
		background-color: #b65600;
		transition: all .3s;
		z-index: -1;
	}
	&:hover {
		color: #fff;
		&:before {
			width: 100%;
		}
	}
}

.motion-left-effect {
      position: relative;
      animation: moveLeftToRight 3s   ease-in-out forwards; /* Animation added here */
    }

    @keyframes moveLeftToRight {
      0% {
        transform: translateX(-100%); /* Start off-screen to the left */
      }
      50% {
        transform: translateX(0%); /* Move to the center */
      }
      100% {
        transform: translateX(0%); /* End off-screen to the right */
      }
    }

.motion-right-effect {
      position: relative;
      animation: moveRightToLeft  3s   ease-in-out forwards; /* Animation added here */
    }

    @keyframes moveRightToLeft  {
      0% {
        transform: translateX(100%); /* Start off-screen to the left */
      }
      50% {
        transform: translateX(0%); /* Move to the center */
      }
      100% {
        transform: translateX(0%); /* End off-screen to the right */
      }
    }


  .play-icon {
      position: relative;
      width: 0;
      height: 0;
     border-left: 0px solid transparent;
  border-right: 10px solid transparent;
  border-top: 5px solid transparent;
  border-bottom: 15px solid transparent;
      display: inline-block;
    }

    .play-icon:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 0;
      height: 0;
      border-left: 7px solid #fff;
	  border-top: 8px solid transparent;
	  border-bottom: 8px solid transparent;
     /* transform: rotate(90deg);*/ /* Rotate to create triangle */
    }

.social-media-links{margin-top: 5px;}
.wraper{max-width: 1070px;}
	
@media only screen and (min-width: 1550px) and (max-width: 3000px) {
	.onze-klanten-carousel .owl-carousel{}
}

@media only screen and (min-width: 1080px) and (max-width: 1300px) {
	.swiper-slide .slide-inner,.custom-slider{height: 450px;}
	.swiper-slide .slide-inner{background-size: cover;}
	.swiper-slide .slide-inner .content-box {transform: translateY(-120%);padding-left: 50px;}
	
}

@media only screen and (min-width: 801px) and (max-width: 1079px) {
	.mobile-navigation{display:flex}
	.swiper-slide .slide-inner,.custom-slider{height: 450px;}
	.swiper-slide .slide-inner{background-size: cover;}
	.swiper-slide .slide-inner .content-box {transform: translateY(-120%);padding-left: 50px;}
	.werken-section .col-span-4{grid-column: span 4/ span 12;}
	.contact-info-section{padding-left:0px}
	
	.footer-top .box{padding-bottom: 0px;}
	.social-link-top{display:block}
	.social-link-bottom{display:none}
	.top-header .top-left{padding-left: 20px;margin:0}
	.top-header .top-right{margin:0;padding-right: 20px;}
	.bottom-header .site-logo{justify-content:center}
	.bottom-header{padding: 0;}
	
	.mobile-navigation{justify-content:end;background: #0e1339;}
	.mobile-navigation button.dl-trigger{background:none}
	.mobile-navigation .main-tab{margin-right: -62px;padding-left: 20px;color: #fff;}
	.mobile-navigation .dl-menuwrapper{width: 100%;text-align: right;}
	.mobile-navigation #dl-menu .dl-menu{top: 40px;background: #0e1339;min-width: 100%;text-align: left;}
	.mobile-navigation #dl-menu .dl-trigger{right: 15px;}
	.mobile-navigation .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,.mobile-navigation .dl-menuwrapper ul{background: #0e1339;width: 100%;top: 40px;text-align: left;}
	
	.small-footer-contanier .col-span-3{grid-column: span 3 / span 12;padding-left: 20px;}
	.footer-top .first-box{padding-left: 60px;}
	.site-logo img{margin-left: -10px;}
	
	
}
@media only screen and (min-width: 990px) and (max-width: 1300px) {
	.home-contact-section .col-span-5{grid-column: span 6 / span 6 !important;}
	.home-contact-section .contact-form-box{padding-right: 40px !important;}
	.home-contact-section .bottom-box{padding: 0px 20px !important;}
}
@media only screen and (min-width: 801px) and (max-width: 990px) {
	.home-contact-section .contact-form-box{padding-right: 0px !important;}
}
@media only screen and (max-width: 800px) {
	.mobile-navigation{display:flex}
	.footer-top .first-box{padding-left: 0px;}
	.footer-top .box{padding-bottom: 0px;}
	.contact-form-box{padding-right:0px}
	.contact-info-section{padding-left:0px}
	.contact-info-section .right-section .icon-box img {min-width: 25px;min-height: 25px;max-height: 25px;max-width: 25px;}
	.home-contact-section iframe{height:400px}
	.owl-dots{}
	.owl-dots button.active{background-color: #56bdbd !important;}
	.swiper-slide .slide-inner{background-size: cover;}
	.swiper-slide .slide-inner .content-box {transform: translateY(-100%);}
	.swiper-slide .slide-inner,.custom-slider{height: 350px;}
	.swiper-slide .slide-title h4{font-size: 30px;}
	.social-link-top{display:block}
	.social-link-bottom{display:none}
	.top-header .top-left{padding-left: 20px;margin:0}
	.top-header .top-right{margin:0;padding-right: 20px;}
	.bottom-header .site-logo{justify-content:center}
	
	
	.bottom-header{padding: 0;}
	
	.mobile-navigation{justify-content:end;background: #0e1339;}
	.mobile-navigation button.dl-trigger{background:none}
	/*.mobile-navigation .main-tab{width: 85%;padding-left: 20px;color: #fff; }
	.mobile-navigation .dl-menuwrapper{width: 15%;}
	.dl-menuwrapper:first-child {margin-right: 70px;}
	.dl-menuwrapper .dl-menu.dl-menuopen{transform: translateX(-350px);}*/
	
	.mobile-navigation .main-tab{margin-right: -62px;padding-left: 20px;color: #fff;}
	.mobile-navigation .dl-menuwrapper{width: 100%;text-align: right;}
	.mobile-navigation #dl-menu .dl-menu{top: 40px;background: #0e1339;min-width: 100%;text-align: left;}
	.mobile-navigation #dl-menu .dl-trigger{right: 15px;}
	.mobile-navigation .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,.mobile-navigation .dl-menuwrapper ul{background: #0e1339;width: 100%;top: 40px;text-align: left;}
	
	.slider-over-ons-page  .slide-inner .content-box{transform: translateY(-130%);}
	.cases-content .single-case .c_icon{border-right:0px !important;width: 100%;text-align: center;display: flex;justify-content: center;margin-bottom: 15px;}
	.over-ons-section .text-box,.home-veel-section .text-box{/*order:2*/}
	.onze-klanten-carousel .owl-carousel{padding-bottom:0px}
	.page-content-section h5{margin-top: 20px;margin-bottom: 10px;text-align: center;}
}/* Koppen en opsomming */.contenttekst{  ;}.contenttekst h1{  @apply text-[42px] md:text-[30px] font-heading-font-s2 font-black capitalize mt-[15px] relative;}.contenttekst h2 {  @apply text-[36px] md:text-[30px] font-heading-font-s2 font-bold capitalize mt-[15px] relative;}.contenttekst h3{ @apply text-[34px] md:text-[30px] font-heading-font-s2 font-semibold capitalize mt-[15px] relative;}.contenttekst h4{  @apply text-[30px] md:text-[30px] font-heading-font-s2 font-medium capitalize mt-[15px] relative;}.contenttekst h5{  @apply text-[28px] md:text-[30px] font-heading-font-s2 font-medium capitalize mt-[15px] relative;}.contenttekst ul {  margin-left: 1.2em;  list-style-position: outside;  list-style-type: circle;}.contenttekst li {  list-style-type: circle;}.contenttekst a {  color: #b0d1d8;}.contenttekst a:hover {  color: #b65600;}/* Einde koppen en opsomming *//* Diverse */.nadruk{    font-weight: bold;}.contenttekstcitaat{    font-style: italic;}.pstekst{    font-size: 12px;}.blokopsomming {  background-color: #69ABB9;  position: static;  color: white;  float: left;  width: 33.33%;  min-width: 180px;  max-width: 300px;  min-height: 64px;  padding: 20px;  margin: 6px;  text-align: center;  line-height: normal; }/* Einde Diverse */