/*
Theme Name: Twenty Twenty Child
Theme URI: https://wordpress.org/themes/twentytwenty/
Template: twentytwenty
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog,one-column,custom-background,custom-colors,custom-logo,custom-menu,editor-style,featured-images,footer-widgets,full-width-template,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,block-patterns,block-styles,wide-blocks,accessibility-ready
Version: 2.9.1759992174
Updated: 2025-10-09 06:42:54

*/



/* Common CSS Start */

h1, h2, h3, h4, h5, h6,a,p,li,div,span {   font-family: "Poppins", serif;    -webkit-text-size-adjust: none;     }
section {  padding: 6rem 0;  }
.container {  max-width: 1800px;   padding: 0px 30px;   margin: auto;  }
p {  margin-bottom: 0; line-height: 1.8;    color: #3c4662;  font-size: 14px;  letter-spacing: 0px;  }
h1,h2,h3,h4,h5,h6 {  margin-top: 0; letter-spacing: 0.2px;  }
.main-heading {  font-size: 26px;   color: #3c4662;     margin-bottom: 20px;  }
.flex {    display: flex;    align-items: center;    justify-content: space-between;  gap: 50px;  }
.col-left {  width: 100%; }
.col-right {  width: 100%;  }
.desc, .icon-head, .about-sec4 .col-left {  color: #3c4662;  font-size: 14px;   line-height: 1.8; }
.rad {  border-radius: 20px;     width: 100%; }
.sub-head {  color: #019be3;    padding-bottom: 14px;  }
.cnt {  text-align: center; }
span.toggle-text {  display: none; }
.active .hamb-menu {  position: relative;  z-index: 9999; }
button.toggle.close-nav-toggle svg.svg-icon {  display: none;  }
li { font-size: 14px;     letter-spacing: 0.2px;  }
.grecaptcha-badge {visibility: hidden;}
/* PRIMARY BLUE BUTTONS  */

.theme-btn a, .hero-buttons .btn1 a,.btn2 a,.call-act a,.right-sec a {  padding: 12px 24px;  text-decoration: none;  border: 1px solid #fff;
  font-size: 16px;  background: #019be3;  color: #fff;  font-weight: 600;  display: inline-block;  transition: all 0.4s ease;
  position: relative;  overflow: hidden;  border-radius: 4px;  }

.theme-btn a::before, .hero-buttons .btn1 a::before,.btn2 a::before,.call-act a::before,.right-sec a::before {
  content: "";  position: absolute;  top: 0;  left: -100%;  width: 100%;  height: 100%;
  background: rgba(255, 255, 255, 0.2);  transform: skewX(-20deg);   transition: all 0.5s ease;  }

.theme-btn a:hover::before, .hero-buttons .btn1 a:hover::before, .btn2 a:hover::before, .call-act a:hover::before,
.right-sec a:hover::before {  left: 100%; }

.theme-btn a:hover, .hero-buttons .btn1 a:hover,.btn2 a:hover, .call-act a:hover, .right-sec a:hover {
  background: #017bb4;  transform: translateY(-3px);  box-shadow: 0 4px 10px rgba(1, 155, 227, 0.4);  }


/* BUTTON VARIANT 1 */

.btn-2 a, .btn2 a {  background: #fff;  color: #3c4662;  border: 1px solid #3c4662;  position: relative;
  overflow: hidden;  display: inline-block;  transition: all 0.4s ease;  border-radius: 4px;  }

.btn-2 a::before, .btn2 a::before {  content: "";  position: absolute;  top: 0;  left: -100%;  width: 100%;  height: 100%;
  background: rgba(60, 70, 98, 0.15);  transform: skewX(-20deg);  transition: all 0.5s ease; }

.btn-2 a:hover::before, .btn2 a:hover::before {  left: 100%;  }

.btn-2 a:hover, .btn2 a:hover {  background: #3c4662;  color: #fff;  transform: translateY(-3px);
  box-shadow: 0 4px 10px rgba(60, 70, 98, 0.3);  }

.single-post p {
  padding: 5px 0px;
}
/* BUTTON VARIANT 2 */

.home-feat .feat-btn a {  color: #282828;  background: #fff;  border: 1px solid #282828;  display: inline-block;
  transition: all 0.4s ease;  position: relative;  overflow: hidden;  border-radius: 4px;  }

.home-feat .feat-btn a::before {  content: "";  position: absolute;  top: 0;  left: -100%;  width: 100%;  height: 100%;
  background: rgba(40, 40, 40, 0.15);  transform: skewX(-20deg);  transition: all 0.5s ease;  }

.home-feat .feat-btn a:hover::before {  left: 100%; }

.home-feat .feat-btn a:hover {  background: #282828;  color: #fff;  transform: translateY(-3px);
	box-shadow: 0 4px 10px rgba(40, 40, 40, 0.3);  }


.submit-btn input[type="submit"] {   cursor: pointer;   z-index: 1;  }

.submit-btn input[type="submit"]:hover {  background-color: #017bb4;  border-color: #017bb4;  transform: translateY(-3px);  box-shadow: 0 4px 10px rgba(1, 155, 227, 0.4);  }

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {  border-color: #ffb900; margin: 0;  font-size: 14px; }

/* Common CSS END */



/* Header CSS Start */

body.page ul.primary-menu > li > a {  padding: 0 14px;   text-decoration: none;  color: #282828;  font-size: 16px;  letter-spacing: 0.2px;      text-transform: uppercase;  }

.header-inner.section-inner {  padding: 20px 30px;   max-width: 1800px;    margin: auto;     width: 100%;  }
body.page ul.primary-menu > li > a:hover {   color: #019be3 !important; }

.right-sec a { display: inline-block; padding: 10px 20px;  background-color: #019be3; color: #fff;   text-decoration: none; 
	  float: right;   font-size: 16px;   font-weight: 400;   text-transform: uppercase;  } 

.primary-menu ul a {  font-size: 16px;  }
.right-sec a:hover {  background-color: #0b518f;   }
.right-sec {   margin-left: auto;     min-width: 200px;   }
.site-logo img { max-height: 5rem;  }
button.toggle:focus-visible {  outline: none;  }
.header-titles .site-logo, .header-titles { margin: 0; }
body:not(.overlay-header) .primary-menu > li > .icon {     color: #019be3 !important; }
ul.primary-menu li a:hover, ul.primary-menu li.current-menu-item a {  color: #019be3 !important;  }
.primary-menu a:hover, .primary-menu a:focus, .primary-menu .current_page_ancestor {  text-decoration: none;    color: #019be3; }

.modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a, .modal-menu ul li a {    color: #3c4662;
    font-size: 14px;    padding: 20px 18px;   letter-spacing: 0.2px; }

.toggle.nav-toggle {  background: none;  border: none;  padding: 10px;  cursor: pointer;  display: flex;
  align-items: center;  justify-content: center; }

.hamb-menu {  position: relative;  width: 24px;  height: 20px; }

.hamb-menu span {  position: absolute;  left: 0;  width: 100%;  height: 2px;   background: #3c4662;  border-radius: 2px;
  transition: all 0.3s ease;  }

.hamb-menu span:nth-child(1) { top: 0; }
.hamb-menu span:nth-child(2) { top: 50%; transform: translateY(-50%); }
.hamb-menu span:nth-child(3) { bottom: 0; }

.toggle.nav-toggle.active .hamb-menu span:nth-child(1) {  transform: translateY(8px) rotate(45deg); }
.toggle.nav-toggle.active .hamb-menu span:nth-child(2) {  opacity: 0; }
.toggle.nav-toggle.active .hamb-menu span:nth-child(3) {  transform: translateY(-8px) rotate(-45deg); }

.toggle.nav-toggle.active .hamb-menu {  transform: none; }
.modal-menu a:focus, .modal-menu a:hover, .modal-menu li.current-menu-item > .ancestor-wrapper > a, .modal-menu li.current_page_ancestor > .ancestor-wrapper > a {  text-decoration: none;  color: #019be3; }

/* Header CSS END */





/* Featured Image CSS Start */

.sub-header.about-sub.featured-banner {   background: linear-gradient(135deg, #eee4f6, #eefafc) !important; padding: 20px 0px;  }

/* Featured Image CSS END */




/* Animtion CSS Start */

.reveal-section {  opacity: 0;  transform: translateY(60px);  transition: opacity 1s ease, transform 1s ease;
  will-change: opacity, transform;  }

.reveal-section.visible {  opacity: 1;   transform: translateY(0);  }
.reveal-section .fade-item {  opacity: 0;  transform: translateY(40px) scale(0.98);  transition: all 0.8s cubic-bezier(0.22, 1, 0.36, 1); }
.reveal-section.visible .fade-item {  opacity: 1;  transform: translateY(0) scale(1);  }
.reveal-section.visible .fade-item:nth-child(1) { transition-delay: 0.1s; }
.reveal-section.visible .fade-item:nth-child(2) { transition-delay: 0.25s; }
.reveal-section.visible .fade-item:nth-child(3) { transition-delay: 0.4s; }
.reveal-section.visible .fade-item:nth-child(4) { transition-delay: 0.55s; }
.reveal-section.visible .fade-item:nth-child(5) { transition-delay: 0.7s; }

.reveal-section img {  transition: transform 0.6s ease, box-shadow 0.6s ease;   border-radius: 12px;  }
/*.reveal-section img:hover { transform: scale(1.03);   box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);  }*/


@keyframes fadeUpIn {
  0% {    opacity: 0;    transform: translateY(40px);  }
  100% {    opacity: 1;    transform: translateY(0);    }
}

.animate-fade-up {  animation: fadeUpIn 1s ease forwards; }
.home-faq, #site-footer {  opacity: 0;  transform: translateY(40px);  transition: opacity 0.6s ease, transform 0.6s ease;  }

/* Animation CSS END */




/* HomePage CSS Start */


/* Home About-1 Section CSS Start */

.abt-box {  border: 1px solid #dbdbdb;   padding: 100px; }
.home-about .flex {  display: flex;  flex-direction: column;  }
.home-about .col-bottom {  display: flex;  align-items: flex-end;  justify-content: space-between;      width: 100%;    gap: 40px; }
.home-about .col-top {  display: flex;    width: 100%;    justify-content: space-between;  gap: 30px;  }
.abt-mid {  max-width: 38%;  }
.textielverzorging h4 {  color: #1a73e8;      font-size: 1.8rem;      margin-bottom: 10px;     }
.textielverzorging p {   margin-bottom: 20px;}
.textielverzorging ul {  list-style: none;   padding: 0;   margin: 0;    margin-top: 30px;  }
.textielverzorging li {  margin: 20px 0; padding-left: 30px;   position: relative;      color: #3c4662;  }
.textielverzorging li::before {  content: "✔";  color: #019be3;   font-weight: bold;     position: absolute;     left: 0;    }
.textielverzorging h6 {  color: #3c4662;   text-transform: unset; font-size: 22px;      margin-bottom: 16px;  }
.textielverzorging li:last-child {  margin-bottom: 0;  }
.home-about .abt-2 {  border-radius: 50%; }
.abt-rght {  position: relative;  display: inline-block;  overflow: visible;  }

.abt-rght::before {  content: "";  position: absolute;  top: 50%;  left: 0;  width: 100px;  height: 200px;  background-color: #009fe3;
  border-radius: 0 100px 100px 0;  z-index: 2;  transform: translate(-50%, -50%);
  animation: floatHalfCircle 3s ease-in-out infinite;  }

@keyframes floatHalfCircle {
  0%, 100% {
    transform: translate(-50%, -50%);
  }
  50% {
    transform: translate(-60%, -50%);
  }
}

.abt-lft {  position: relative;  display: inline-block;  overflow: visible;  }
.abt-lft img {  position: relative;  z-index: 2;   display: block;  max-width: 100%;   height: auto;  }

.abt-lft::before {  content: "";  position: absolute;  top: 50%;  left: 0;  transform: translate(-50%, -50%);
  width: 120px;     height: 120px;    background-color: #0b518f;  border-radius: 50%;  z-index: 1;
	animation: floatCircle 3s ease-in-out infinite;  }


@keyframes floatCircleVertical {
  0%, 100% {    transform: translate(-50%, -50%) scale(1);   }
  50% {    transform: translate(-50%, -55%) scale(1.05);   }
}

.abt-lft::before { content: "";  position: absolute;  top: 50%;  left: 0;  transform: translate(-50%, -50%);  width: 120px;
  height: 120px;  background-color: #0b518f;  border-radius: 50%;  z-index: 1;  animation: floatCircleVertical 3s ease-in-out infinite; }


/* Home About-1 Section CSS END */




/* Home Services Section CSS Start */

.home-services {   background: radial-gradient(circle at center, #eefafc 0%, #fdebf8 80%);  }
.box-cat {   background: #fff;   width: 100%;   padding: 30px 20px;   border-radius: 20px;    }
.services.flex {  display: flex;    align-items: stretch;    justify-content: space-between;    margin-top: 50px;  }

.s-title {   font-weight: 600;    color: #3c4662;    padding: 14px 0px 10px 0px;   font-size: 18px; }
.s-text {   color: #3c4662;     padding-bottom: 10px;  }
.box-cat a {    color: #3c4662;    text-decoration: none;  font-size: 16px;     font-weight: 500;  }

/* Home Services Section CSS END */





/* Features Section CSS Start */

.home-feat {     padding-bottom: 0; }
.feat-box {  background: #0b518f; gap: 0; }
.feat-left {  padding: 40px; }
.feat-left .main-heading {  color: #fff; }
.feat-left .desc {  color: #f7f7f7; }
.home-feat .feat-btn a {  color: #282828;  background: #fff;  }
.feat-right img {  border-radius: 0;      height: 100%;    object-fit: cover;  }
.feat-box.flex {  display: flex;  align-items: stretch;  }
.service-list li strong {  font-size: 20px;   font-weight: 600;      padding-bottom: 10px;  }
.service-list {  display: flex;     gap: 0px;   list-style: none;  padding: 0;  margin: 20px 0;  position: relative;  flex-wrap: wrap; }

.service-list .li-2::before, .service-list .li-4::before {  left: 20px;  }

.service-list li {  position: relative;    color: #f7f7f7;      padding: 30px 15px 30px 30px;    text-align: left;
    font-size: 16px;      margin: 0;   width: 47%;    display: flex;    flex-direction: column;     justify-content: flex-start;  }

.service-list li::before {  content: "✔"; color: #fff;  font-weight: bold;  position: absolute;  left: 0px;
  top: 50%;   transform: translateY(-50%);  }

.service-list li strong {font-size: 20px;font-weight: 600;padding-bottom: 10px;}

li.li-1 {  border-right: 1px solid #376c9e;   border-radius: 0;       max-width: 450px;  }
li.li-3 {  border-top: 1px solid #376c9e;     border-right: 1px solid #376c9e;     max-width: 450px;  }
li.li-4 {  border-top: 1px solid #376c9e;     padding-left: 60px;   }
li.li-2 {  padding-left: 60px;  }

/* Features Section CSS END */



/* Step To work Start */

.works img {  margin: auto;  background: #fff;    border: 1px solid #0b518f;    padding: 10px; 
	border-radius: 8px; box-shadow: 0 4px 20px rgba(1, 155, 227, 0.3);   }

.works {  margin-top: 50px; }
.box-work p {  text-align: center; }
.home-work .theme-btn {  display: flex;   justify-content: center; }
.box-work { width: 30%;   margin: auto; }
.home-work {  padding-bottom: 0; }
.works {  position: relative;  display: flex;  justify-content: space-between;  align-items: flex-start;    padding-bottom: 20px;  }
.box-work {  margin: 0; }

.home-work .works {  display: flex;    justify-content: center;    align-items: stretch;    flex-wrap: wrap;
    gap: 60px;    position: relative;  }

.works .box-work {  position: relative;  text-align: center;  background: #ffffff;  padding: 25px 20px;
  border-radius: 20px;  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);   transition: all 0.4s ease;   width: 29%;   z-index: 2;  }

.works .box-work:hover {  transform: translateY(-8px);   box-shadow: 0 10px 30px rgba(1, 155, 227, 0.3); }

.works .box-work img {  margin-bottom: 15px;  transition: transform 0.4s ease;  }

.works .box-work:hover img {  transform: scale(1.1) rotate(3deg);  }

.works .box-work:not(:last-child)::before {  content: "\f061";   font-family: "Font Awesome 6 Free";  font-weight: 900;
  position: absolute;  right: -45px;  top: 50%;
  transform: translateY(-50%);  font-size: 22px;  color: #019be3;  animation: arrowPulse 2s ease-in-out infinite;
  z-index: 5;  }


@keyframes arrowPulse {
  0%, 100% { transform: translateY(-50%) scale(1); opacity: 1; }
  50% { transform: translateY(-50%) scale(1.2); opacity: 0.7; }
}

@keyframes flowMove {
  0% { background-position: 0% 50%; }
  100% { background-position: 200% 50%; }
}

/* Step To work END */



/* About-2 Section CSS Start */

.home-abt-2 .theme-btn {  margin-top: 20px;  }

/* About-2 Section CSS END */




/* FAQ Section CSS Start */

.home-faq .white {  background: #fff;  padding: 40px 30px;  }
.home-faq .flex {   display: flex;    flex-direction: column;     gap: 0;  border-radius: 20px;  }
.home-faq {  background: #f9f9f9;   }
.faqs-container {  width: 100%; }

.faq-singular {    background: #fff;    margin-bottom: 0px;    border-bottom: 1px solid #e0e0e0;    overflow: hidden;
    transition: all 0.3s ease;  }

.faq-singular.active {  border-color: #019be3;   box-shadow: 0 5px 15px rgba(1, 155, 227, 0.15);  }

.faq-question {  position: relative;  padding: 22px 50px 22px 20px;  margin: 0;  cursor: pointer;   font-weight: 600; 
	color: #3c4662;  font-size: 16px;  transition: color 0.3s ease;  }

.faq-question::after {    content: "+";    position: absolute;    right: 20px;    top: 50%;    color: #3c4662 !important;
    transform: translateY(-50%);    font-size: 20px;    transition: transform 0.3s ease;  }

.faq-singular.active .faq-question::after {  content: "–";  transform: translateY(-50%) rotate(180deg); }
.faq-answer {  max-height: 0;  overflow: hidden;  transition: all 0.4s ease;  background: #f8fcff;  border-top: 1px solid #e0f2fb; }
.faq-answer p { padding: 15px 20px;  margin: 0;     font-size: 14px; color: #3c4662; line-height: 1.6; }
.faq-singular.active .faq-answer {  max-height: 300px; }
.faq-singular:hover .faq-question {  color: #019be3; }
.home-faq {  background: radial-gradient(circle at center, #eefafc 0%, #fdebf8 80%); }

/* FAQ Section CSS END */




/* CTA Section CSS Start */

	.btns {  display: flex;  justify-content: center;   gap: 30px;  margin-top: 34px;  }
	.home-cta .main-heading {  color: #fff; }
	.cta-img .cnt {  color: #fff;  }
	.btn-1 a {  background: #019be3;  color: #fff; }
	.btn-2 a, .btn2 a {  background: #fff;  color: #3c4662; }
	
	.cta-img {   background: url(https://oceanpartners.nl/wp-content/uploads/2025/10/CTA-bg.jpg);    min-height: 470px;
    background-attachment: fixed;    display: flex;    align-items: center;    flex-direction: column;      border-radius: 20px;
		justify-content: center;  background-size: cover;  padding: 0px 20px;  }

/* CTA Section CSS END */



/* Location Section CSS Start */

.foo-locations {background: #f9f9f9;   padding: 50px 0;  border-top: 2px solid #009fe3;   }
.foo-locations .container {  margin: 0 auto;  padding: 0 20px; }
.foo-locations .location-heading {  font-size: 24px;  font-weight: 600;  color: #0b518f;  text-align: center;  margin-bottom: 35px; }

.custom-locations {  display: grid;  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  column-gap: 40px;  row-gap: 8px;  list-style: none;  padding: 0;  margin: 0 auto;   counter-reset: loc; }

.custom-locations li {  position: relative;  padding-left: 18px;  transition: all 0.2s ease; }

.custom-locations li::before {  content: "•";  position: absolute;  left: 0;  color: #009fe3;  font-size: 18px;
  line-height: 1;  top: 50%;  transform: translateY(-50%);  }

.custom-locations li a {  color: #0b518f;  font-size: 15px;  text-decoration: none;  transition: all 0.3s ease;  display: inline-block;
  padding: 2px 0;  border-bottom: 1px solid transparent;  }

.custom-locations li a:hover {  color: #009fe3;  border-bottom: 1px solid #009fe3;   transform: translateX(3px); }

/* Location Section CSS END */

/* HomePage CSS END */




/* Footer CSS Start */

#site-footer {  background: #212529;     padding-bottom: 0;  padding-top: 6rem;  }
#site-footer li {  list-style: none;      margin-left: 0; }
.footer-sec-four ul li {  margin-bottom: 16px; }
.main-footer .container {   display: flex;    justify-content: space-between;    align-items: flex-start;     gap: 40px;  }
.footer-sec-four .current-menu-item a {  color: #019be3;  }
.b-right p {  text-align: center;  color: #fff;  border-top: 1px solid #474c51;    padding: 16px;    font-size: 16px;
    letter-spacing: 0.2px; margin-top: 40px;   }

#site-footer a {  text-decoration: none !important;  }
.footer-sec-four {  width: 100%;  }
.footer-sec-four h3 {  font-size: 18px;  color: #fff;   text-transform: uppercase;   font-weight: 500;  }
.custom-html-widget, .footer-sec-four li a {  color: #f7f7f7;   font-weight: 400;  letter-spacing: 0.2px;  }
.addres {  margin: 0; }

.footer-sec-four .social-icons {  margin-top: 20px;   gap: 16px;  justify-content: flex-start;  align-items: center;  margin-left: 0px; }
.social-icons li {  display: inline-block; }

.footer-sec-four .social-icons a {  display: flex;  justify-content: center;  align-items: center;  width: 40px;  height: 40px; 
	background-color: #f4f4f4;  color: #555;  font-size: 18px;  text-decoration: none;   transition: all 0.3s ease;  }

.social-icons a:hover {  background-color: #007bff;  color: #fff;   transform: translateY(-3px); }
.addres li {  display: flex;   align-items: flex-start;   gap: 16px; }
.addres li i {  padding-top: 4px;  }
ul.social-icons li {  margin: 0; }
.our-link a {  color: #019be3; }
.first li img {  width: 180px; }

.back-to-top {  position: fixed;   bottom: 20px;    right: 20px;    background: #019be3;    color: #fff;    font-size: 20px;
        padding: 2px 8px 8px 8px;    height: 40px;    width: 40px;    border-radius: 50%;    text-decoration: none;  
	box-shadow: 0 4px 6px rgba(0,0,0,0.3);	transition: opacity 0.3s, transform 0.3s;    opacity: 0;    pointer-events: none;   
	z-index: 999;    display: flex;    align-items: center;    justify-content: center;   }

.back-to-top.show {    opacity: 1;    pointer-events: auto;    transform: translateY(0);   }
.back-to-top:hover {  background: #555;  }

.second li a:hover,.third li a:hover,.fourth li a:hover {   color: #019be3;  }

/* Footer CSS END */





/* About Us Page CSS Start */


.about-sec2 { padding: 0;   }
.about-sec3 .container {  display: flex;  flex-direction: column;  gap: 30px;  }
.about-sec3 .col-top { width: 100%; }
.about-sec3 .col-bottom {  width: 100%;  }
.about-sec4 img {  width: 100%; }
.sectors {  border-radius: 16px;  margin: 0 auto;  display: flex;  gap: 50px;  justify-content: space-between; }
.sectors p {  background: #ffffff;    border-left: 4px solid #019be3;  padding: 12px 16px;  border-radius: 8px;  font-size: 14px;
  line-height: 1.6;      color: #3c4662; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);  transition: all 0.25s ease;
  display: flex;  flex-direction: column;  width: 100%;  }

.sectors p:hover {  transform: translateY(-3px);  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);  border-left-color: #00b4d8;  }
.about-sec3 {  padding-bottom: 0;  }

.about-sec4 ul {  margin: 0; }
.about-sec4 ul li {  margin: 20px 40px;  }

.about-sec6 li {  color: #3c4662;  margin: 16px 0; }
.about-sec6 ul {     margin-left: 14px;  }
.about-sec6 .rad {  max-height: 400px;  object-fit: cover; }

.about-sec5 .col-left, .about-sec5 .col-right, .about-sec7 .container {  background: #f7f7f7;  border-left: 4px solid #019be3; 
	padding: 30px 20px;    border-radius: 8px;    transition: all 0.25s ease;  }

.about-sec5 .flex {  display: flex;  align-items: stretch; }
.about-sec6 { padding: 0;  }
.about-sec8 {  padding-top: 0; }

/* About Us Page CSS END */





/* Contact Page CSS Start */

.bg-clr.flex {    display: flex;    flex-direction: column; }
.col-left-cont {    width: 100%; }
.col-right-cont {    width: 100%;    background: rgb(229 245 252 / 97%);    padding: 50px;    border-radius: 20px;  }
.col-left-cont .main-heading {    text-align: center; }
.col-left-cont .desc {    text-align: center; }
.col-left-cont ul {    margin: 0;    display: flex;    gap: 50px;    justify-content: space-between;    margin-top: 4rem; }

.col-left-cont ul li {    list-style: none;    background: #ffffff;    border-radius: 8px;   padding: 40px 24px;
    position: relative;       z-index: 1;    margin: 0;    width: 100%;       box-shadow: 0 4px 12px rgba(1, 155, 227, 0.15); 
	transition: all 0.3s ease;  }

.col-left-cont ul li:hover {  box-shadow: 0 8px 20px rgba(1, 155, 227, 0.25);  transform: translateY(-2px);  }

.col-left-cont ul li {    font-size: 16px;    color: #333;    margin-bottom: 12px;    display: flex;
    align-items: center;    gap: 20px;    line-height: 1.5;    justify-content: center;  }

.col-left-cont ul li i {    color: #019be3;    font-size: 24px;    text-align: center;    background: rgba(1, 155, 227, 0.1);
    border-radius: 6px;    padding: 6px;    transition: all 0.3s ease;    width: 40px;    height: 40px;    display: flex;
    align-items: center;     justify-content: center;  }

.col-left-cont ul li:hover i {  background: #019be3;  color: #fff;  transform: scale(1.1); }
.col-left-cont ul li a {  color: #333;  text-decoration: none;  transition: color 0.3s ease; }
.col-left-cont ul li a:hover {   color: #019be3; }
.cont-mid {  padding-top: 0; }
.cont-mid iframe {  border-radius: 20px;  }

body input[type="submit"] {  background-color: #019be3;    color: #fff;    border: 1px solid #019be3;    font-size: 16px;
    padding: 10px 18px;    text-decoration: none !important;    width: auto;    border-radius: 4px;    font-weight: 500;
    max-height: 52px;    position: relative;    transition: all .2s linear;    display: inline-block;  }


.cnt-frm {  display: flex;  flex-wrap: wrap;  gap: 10px; }
.cnt-halff {  display: flex;  gap: 40px; }
.cnt-full { width: 100%; }
.submit-btn br {  display: none;  }
label { font-size: 14px; }

input[type="text"], input[type="email"], input[type="url"],  input[type="number"],  input[type="tel"],  textarea {   
	border-radius: 6px;    padding: 10px 14px;  }

input[type="text"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="tel"]:focus, textarea:focus {
        border: 1px solid #dbdbdb !important;    outline: none;  }

/* Contact Page CSS END */



/* Privacy Page CSS Start */

section.sim-page {  padding-top: 6rem; }
.sim-page ul {  margin-left: 10px; }
.sim-page h2, .sim-page h3 {  font-size: 20px;  font-weight: 500;  color: #3c4662;   margin: 30px 0 6px;   letter-spacing: 0.2px; }
.sim-page a, .sim-page ul li a {  color: #019be3;   font-weight: 500;     text-decoration: none;  }

.sim-page p, .sim-page li, .sim-page address, .sim-page table td, .sim-page table th {    font-size: 14px;  
	font-weight: 400;   	line-height: 26px;      color: #7b88a8;  }

/* Privacy Page CSS END */




/* Blog Page CSS Start */

/* new blog css start */

.sub-header-service {    background: radial-gradient(circle at center, #eefafc 0%, #fdebf8 80%);   padding: 70px 0px;  }
.sub-header-service .container {  display: flex;  align-items: center;  justify-content: space-between;     gap: 30px;  }
.hero-left h1 {  font-size: 28px;  color: #3c4662;      line-height: normal;   margin-bottom: 10px;  }
.hero-buttons {  display: flex;   gap: 20px;     margin-top: 30px;  }
.hero-left, .hero-rightt {  width: 100%; }
.text { color: #3c4662;  font-size: 14px; line-height: 1.8; }
.book {  padding: 6px 10px 20px 10px;    font-size: 14px;  }
.ultimate-layout-frontend {  width: 100%;  margin: 0 auto;   box-sizing: border-box;  }
.eco-sec {  display: flex;  gap: 40px;  margin-top: 30px; }
.ultimate-layout-frontend li { margin-bottom: 1rem; font-size: 14px;  letter-spacing: 0px;  line-height: 1.8;  }
.ultimate-layout-frontend blockquote {  margin: 0px;  border-color: #019be3;  }
.ultimate-layout-content ol {  margin-left: 0px;   margin-bottom: 2rem;  }
.custom-text {  font-size: 14px; }
.ultimate-layout-frontend {  margin: 0 auto;  padding-left: 0;  padding-right: 0;  width: 100%;    padding-bottom: 0px;   }
.three-bx .ultimate-services-grid {  display: flex;   justify-content: center; }
.ultimate-layout-row {  display: flex;  flex-wrap: wrap;  gap: 20px;   margin: 40px 0px; }
.ultimate-layout-columns {  display: flex;    width: 100%;    gap: 30px;    align-items: center;   }
.ultimate-layout-image img {  height: 100%;   max-height: 100%; }
.ultimate-layout-column {   width: 100%;   min-width: 250px; }
.ultimate-layout-column:nth-last-child(2):first-child,
.ultimate-layout-column:nth-last-child(2):first-child ~ .ultimate-layout-column {  width: 100%;  }
.ultimate-layout-column:nth-last-child(3):first-child,
.ultimate-layout-column:nth-last-child(3):first-child ~ .ultimate-layout-column {  flex: 1 1 calc(33.333% - 20px);   }
.ultimate-layout-column:nth-last-child(4):first-child, 
.ultimate-layout-column:nth-last-child(4):first-child ~ .ultimate-layout-column {  flex: 1 1 calc(25% - 20px);   }
.location-page, .service-page { padding: 2rem 0; }

.ultimate-layout-image img {  max-width: 100%;  height: auto;    display: block;    margin-bottom: 15px;    width: 100%;
    max-height: 400px;    object-fit: cover;    border-radius: 16px; }

.ultimate-layout-content { line-height: 1.6;  color: #3c4662; font-size: 14px;  }
.flip .ultimate-layout-columns {  display: flex;   flex-direction: row-reverse; }

.ultimate-layout-frontend h1, .ultimate-layout-frontend h2, .ultimate-layout-frontend h3, .ultimate-layout-frontend h4, .ultimate-layout-frontend h5, .ultimate-layout-frontend h6  { font-size: 24px;     margin: 12px 0px 20px 0px;     color: #3c4662;   }

.hero-rightt img {  width: 100%;   max-height: 350px;   border-radius: 20px;   object-fit: cover;  }
.call-head-text a {   color: #3c4662;    font-weight: 600;  }
.ultimate-layout-frontend ul li strong {  font-size: 14px;  font-weight: 600;  letter-spacing: 0.24px; color: #3c4662;  }
.ultimate-layout-frontend ul li{  list-style:disc;	list-style-position: inside; margin-left: 0px; color: #3c4662;  }
.ultimate-layout-frontend ul{  margin-left:0px;  margin-bottom: 0;  }
.ultimate-layout-frontend ol li {list-style-position: inside; }
.ultimate-faq-accordion {  border: 1px solid #eee;  border-radius: 8px;  overflow: hidden;  }
.ultimate-faq-item {  border-bottom: 1px solid #eee;  }
.ultimate-faq-item:last-child {   border-bottom: none;  }

.ultimate-faq-question {  padding: 15px 20px;  background: #f9f9f9;  cursor: pointer; display: flex; justify-content: space-between;
        align-items: center;   font-weight: 600;  transition: all 0.3s ease;   font-size: 14px;       color: #3c4662; }

.ultimate-faq-item.active .ultimate-faq-question {  background: #f0f0f0; }
.ultimate-faq-question:hover {  background: #f0f0f0;  }
.ultimate-faq-toggle {  display: flex;   align-items: center;   margin-left: 15px;  }
.ultimate-faq-toggle .icon-minus {  display: none;  }
.ultimate-faq-item.active .ultimate-faq-toggle .icon-plus {   display: none;  }
.ultimate-faq-item.active .ultimate-faq-toggle .icon-minus {  display: block;  }
.active .ultimate-faq-answer {  display: block !important;  }
.ultimate-faq-answer {  padding: 0 20px;   overflow: hidden;  transition: all 0.3s ease;   max-height: 0;  }
.ultimate-faq-item.active .ultimate-faq-answer {  padding: 20px;  max-height: 1000px; }
.ultimate-layout-frontend .owl-nav.disabled {  display: none !important;  }
.ultimate-layout-frontend .owl-dots.disabled {  display: none;  }
.call-head-text a:hover {  color: #019be3;  }
.ultimate-services-grid {  display: flex;   flex-wrap: wrap;   justify-content: space-between; gap: 20px;      padding-top: 20px;  }

.ultimate-service-item {  width: 23%;   border: 1px solid #dbdbdb;    padding: 30px 20px;    border-radius: 12px;  
	background: radial-gradient(circle at center, #eefafc 0%, #fdebf8 80%);  }

.ultimate-service-item .ultimate-service-heading {  font-size: 18px;    margin-bottom: 8px;  }

.icon-box {  display: flex;  gap: 10px;    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;    padding: 30px 20px;
   width: 30%;   border-radius: 8px;  flex-direction: column;  }

.act-bg {  background: radial-gradient(circle at center, #eefafc 0%, #fdebf8 80%);    padding: 70px 30px;  border-radius: 14px;  }
.action-bottom .call-head {  text-align: center;  color: #3c4662;   font-size: 24px;    font-weight: 600;  }
.action-bottom {  display: flex;   flex-direction: column;   align-items: center;  }
.call-head-text {     padding: 20px 0px 30px 0px;         text-align: center;    }
.col-5 .ultimate-service-item {width: 18%;  }

.serv ul {  display: flex;  gap: 20px; flex-wrap: wrap; width: 100%; margin-bottom: 20px; justify-content: center;  }
.faq-hd {  margin-bottom: 0; }
.faqq {  margin-top: 10px;  }
.ultimate-layout-row.solutions,.ultimate-layout-row.work-process {  margin-top: -30px; }

.serv ul li {  width: 31%;  list-style: none;   padding: 20px 10px;    border-radius: 8px;    align-items: center;    text-align: center;
    display: flex;    border: 1px solid #dbdbdb;    flex-direction: column;
    background: radial-gradient(circle at center, #eefafc 0%, #fdebf8 80%);  }

.area-serve {   background: #f9f9f9;    padding: 40px 20px;    border-radius: 10px;  }
.work-process {  display: flex;  justify-content: space-between;  align-items: center;  gap: 60px;
  flex-wrap: wrap;  position: relative;  }

.work-process .ultimate-service-item {  position: relative;  background: #ffffff;  text-align: center;  padding: 25px 20px;
  border-radius: 20px;  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);  transition: all 0.4s ease;  width: 23%;   z-index: 2; }

.work-process .ultimate-service-item:hover {  transform: translateY(-8px);  box-shadow: 0 10px 30px rgba(1, 155, 227, 0.3);  }
.work-process .ultimate-service-icon img {  margin: auto;   transition: transform 0.4s ease; }
.work-process .ultimate-service-item:hover .ultimate-service-icon img {  transform: scale(1.1) rotate(3deg);  }

.contact-cards {    display: flex;    justify-content: center;    gap: 30px;    margin: 4px 0px 20px 0px;  } 
.contact-cards .card {   text-decoration: none;    color: #019be3;    font-weight: 600; }

/*
.work-process .ultimate-service-item:not(:last-child)::before {  content: "\f061";   font-family: "Font Awesome 6 Free";  font-weight: 900;
  position: absolute;    right: -15%;  top: 50%;  transform: translateY(-50%);  font-size: 20px;  color: #019be3;
  animation: arrowPulse 2s ease-in-out infinite;  z-index: 1;  }

*/


@keyframes flowMove {
  0% { background-position: 0% 50%; }
  100% { background-position: 200% 50%; }
}

@keyframes arrowPulse {
  0%, 100% { transform: translateY(-50%) scale(1); opacity: 1; }
  50% { transform: translateY(-50%) scale(1.2); opacity: 0.7; }
}


.table-sec table {  width: 100%;  border-collapse: collapse;  background: #fff;  border-radius: 10px;  overflow: hidden; 
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);      margin-bottom: 0;      margin-top: 10px;  }

.table-sec thead {  background: #019be3;  color: #fff;  text-transform: uppercase;  font-size: 15px; }

.table-sec th, .table-sec td {  padding: 14px 18px;  border: 1px solid #e5e5e5;  text-align: left;  vertical-align: middle; 
	font-size: 14px;  }

.table-sec tbody tr:nth-child(even) {   background-color: #f2f6fc;  }
.table-sec tbody tr:hover {  background: #eaf3ff;  transition: 0.3s;  }
.table-sec td strong {  color: #222;  font-weight: 600;  }

.work-process .ultimate-service-item {     background: transparent;    border: 0;    position: relative;}
.contact-cards .card:hover {  color: #212529;  }
.work-process .ultimate-service-text p { line-height: normal;}
.work-process .ultimate-service-item:last-child:after{ display:none; }
.process {  display: flex;  gap: 25px;  flex-wrap: wrap;  }
.process .step {  background: #fff;  border-radius: 12px;  padding: 10px;  border: 1px solid #e2e6ea;
	transition: 0.3s ease;   width: 18%; }

.process .content h3 {  font-size: 17px;  font-weight: 600;  }

.process .number {  width: 30px;  height: 30px;  border-radius: 50%;  background: #019be3;  color: #fff;
  display: flex;  justify-content: center;  align-items: center;  font-size: 14px;  font-weight: bold; }


.ht-bt::before {  content: "\f0a4";  font-family: "Font Awesome 5 Free";  font-weight: 900;  margin-right: 8px;
  display: inline-block;  color: #019be3;  font-size: 18px;  }

.ht-bt { font-weight: bold;  }
.ultimate-layout-row.ser-5.work-process {  margin-bottom: -10px;  }
.act-bg .hero-buttons {  margin-top: 0;  }
.ultimate-layout-frontend .ul-head {  font-size: 16px;  margin-bottom: 0;   margin-top: 14px;  }

.col-3 .ultimate-services-grid {  display: flex;   justify-content: center;  }
.ultimate-layout-row.on-head {  margin-bottom: 0; }
.ultimate-layout-row.col-3 {  margin-top: 0;  }

/* Blog Page CSS END */




/* Ophaal-service Page CSS Start */


.dt-contact-form {  border: 1px dashed #d1d5db;  border-radius: 8px;  padding: 18px;  background: #fff;  color: #111827;
   font-size: 16px;  line-height: 1.5; }
.dt-contact-form .req { color: #d34b4b; margin-left: 2px; }

.dt-contact-form h3 {  margin: 0 0 12px;  font-size: 1.125rem;  font-weight: 700;     width: 100%;  }
.dt-contact-form .title1 { font-weight: 600; margin: 6px 0 10px; }

.dt-contact-form > .col-md-12 {  display: flex;  flex-wrap: wrap;  gap: 20px;  margin-bottom: 18px; }
.dt-contact-form > .col-md-12 > .col-md-6 { flex: 1 1 360px; }

.dt-contact-form .date-select { margin-bottom: 18px; } 

.dt-contact-form .date-select .col-sm-6.row {  flex: 1 1 360px;  border: 1px solid #e5e7eb;  border-radius: 6px;
  padding: 14px;   background: #fff;  }

.dt-contact-form .date-select .col-sm-6.row .col-md-6 {  display: inline-block;  width: 48%;
  vertical-align: top;  margin-right: 16px;}

.dt-contact-form .date-select .col-sm-6.row .col-md-6:last-child { margin-right: 0; }

.dt-contact-form .notes-row {  display: flex;  flex-wrap: wrap;  gap: 14px;  margin-bottom: 18px;  border: 1px solid #e5e7eb;
  border-radius: 6px;  padding: 14px;  background: #fff; flex-direction: column;  }

.dt-contact-form .notes-row .col-md-3 {  font-weight: 600; }


.dt-contact-form .col-md-12:nth-last-of-type(2) {  display: flex; flex-wrap: wrap; gap: 18px; margin-bottom: 12px;  }
.nonn .col-sm-6 p {  display: block; }
.nonn p {  display: none;  }

.dt-contact-form input[type="text"],
.dt-contact-form input[type="email"],
.dt-contact-form input[type="tel"],
.dt-contact-form input[type="date"],
.dt-contact-form select,
.dt-contact-form textarea {  width: 100%;  border: 1px solid #d1d5db;  background: #fff;  color: #111827;
  border-radius: 4px;  padding: 10px 12px;  font-size: 14px;   }

.dt-contact-form textarea, .dt-contact-form .textareaophaal { min-height: 120px; resize: vertical; }

.dt-contact-form .wpcf7-form-control:focus,
.dt-contact-form input:focus,
.dt-contact-form select:focus,
.dt-contact-form textarea:focus {  outline: none;  border-color: #9ca3af;  box-shadow: 0 0 0 2px rgba(156,163,175,.15); }

#radioophaal input[type="radio"], #checkboxophaal input[type="checkbox"] { accent-color: #0f819b; }

.wpcf7-list-item {  display: inline-flex; align-items: center; gap: 8px;  margin: 6px 14px 6px 0; }
.wpcf7-not-valid-tip {  display: inline-block;  margin-top: 6px;  font-size: 13px;  color: #b91c1c; }
.dt-contact-form .btnn { text-align: right; }

/* Ophaal-service Page CSS END */




/* Offerte-Aanvraag Page CSS Start */

.col-ophal .desc {    padding-bottom: 20px;    text-align: center;    color: #282828; }
.dt-contact-form {  border: 1px dashed #d1d5db;  border-radius: 8px;  padding: 18px;  background: #fff;  color: #111827;
  font-size: 16px;  line-height: 1.5;  }

.dt-contact-form .form-title {  margin: 12px 0 10px;  font-size: 1.125rem;  font-weight: 700;  border-top: 1px solid #f1f5f9;
  padding-top: 12px;  }

.dt-contact-form .form-row {  display: grid;  grid-template-columns: 220px 1fr;  gap: 14px;  margin-bottom: 16px; }
.dt-contact-form .form-label {  font-weight: 600;  align-self: center; }
.dt-contact-form .req { color: #d34b4b; margin-left: 2px; }
.dt-contact-form .inline-group {  display: grid;  grid-template-columns: repeat(3, 1fr);  gap: 10px; }
.dt-contact-form .inline-group .inline-item { display: block; }
.dt-contact-form .inline-group .inline-item:nth-last-child(2):first-child ~ .inline-item {  grid-column: span 1; }

.dt-contact-form input[type="text"],
.dt-contact-form input[type="email"],
.dt-contact-form input[type="tel"],
.dt-contact-form select,
.dt-contact-form textarea,
.dt-contact-form .wpcf7-form-control.wpcf7-text,
.dt-contact-form .wpcf7-form-control.wpcf7-email,
.dt-contact-form .wpcf7-form-control.wpcf7-tel,
.dt-contact-form .wpcf7-form-control.wpcf7-select,
.dt-contact-form .wpcf7-form-control.wpcf7-textarea {
  width: 100%;  border: 1px solid #d1d5db;  background: #fff;  color: #111827;  border-radius: 4px;  padding: 10px 12px;
  font-size: 14px;    outline: none;  transition: border-color .15s ease, box-shadow .15s ease;   }

.dt-contact-form textarea, .dt-contact-form .textareaophaal {  min-height: 120px;  resize: vertical; }

/* Focus */
.dt-contact-form .wpcf7-form-control:focus,
.dt-contact-form input:focus,
.dt-contact-form select:focus,
.dt-contact-form textarea:focus {
  border-color: #9ca3af;
  box-shadow: 0 0 0 2px rgba(156,163,175,.15);
}

.wpcf7-not-valid-tip {  display: inline-block;  margin-top: 6px;  font-size: 13px;   color: #b91c1c; }




/* Offerte-Aanvraag Page CSS END */





@media screen  and (max-width: 1600px) {

	.abt-box {  padding: 40px;  }
	.main-heading {  font-size: 30px;  }
	.desc, .textielverzorging li, .col-left-cont ul li, .b-right p, .text, p,
	.ultimate-layout-frontend ul li strong, .icon-head {  font-size: 14px;    line-height: 1.8;  }
	
	.eco-sec {  gap: 20px; }
	section {  padding: 6rem 0;  }
	.services.flex {  margin-top: 40px; }
	.flex {  gap: 24px;  }
	.s-text {  font-size: 14px; padding-bottom: 10px; }
	.box-cat img {  max-width: 40px;  }
	.custom-html-widget, .footer-sec-four li a {  font-size: 14px;  }
	.sim-page p, .sim-page li, .sim-page address, .sim-page table td, .sim-page table th {  font-size: 14px;  }
	.sim-page h2, .sim-page h3 { font-size: 20px; }
	section.sim-page {  padding-top: 4rem; }
	.abt-rght::before {  width: 60px;  height: 120px;  }
	.abt-lft::before { width: 80px;  height: 80px;  }
	.ultimate-faq-question {  font-size: 14px;  }
	.box-cat {  padding: 30px 16px;  }	

}


@media screen and (min-width: 1601px) {
	
	.s-title {  min-height: 90px;  }
	.s-text {  min-height: 88px;  }	
}

@media screen and (min-width:1200px) and (max-width: 1600px) {

body.page ul.primary-menu > li > a {  padding: 0 6px;   font-size: 14px;  }
.ultimate-service-icon img {  max-width: 50px; }
body.page ul.primary-menu > li.menu-item-has-children a {  padding-right: 20px; }
.theme-btn a, .hero-buttons .btn1 a, .btn2 a, .call-act a {  padding: 10px 20px;  font-size: 14px; }
.primary-menu > li.menu-item-has-children > a {  padding-right: 2rem !important; }
.ultimate-service-item .ultimate-service-heading {  font-size: 16px;  }

.ultimate-layout-frontend h1, .ultimate-layout-frontend h2, .ultimate-layout-frontend h3, .ultimate-layout-frontend h4,
.ultimate-layout-frontend h5, .ultimate-layout-frontend h6 {    font-size: 20px;   margin: 12px 0px 14px 0px;  }

.s-title {  min-height: 90px;  }
.s-text {   min-height: 136px; }
	
}



@media screen and (min-width:1200px) and (max-width: 1400px) {
	
	.col-5 .ultimate-service-item {  width: 32%;  }
	.ultimate-services-grid {  justify-content: flex-start;  }
	.sub-header-service {  padding: 50px 0px;  }
}


@media (max-width: 1100px) {

	.home-about .col-bottom {  flex-direction: column;  }
	.abt-lft, .abt-mid, .abt-rght {  width: 100%;   max-width: 100%;  }
	.abt-lft img {  max-height: 200px;  width: 100%;   object-fit: cover;  }
	.abt-lft::before {  width: 60px;  height: 60px;  }
	.about-page .flex {  display: flex;  flex-direction: column-reverse;  }
	.about-page img {  max-height: 200px;   width: 100%;    object-fit: cover;  }
	section {  padding: 4rem 0;  }
	.cta-img {    min-height: 300px;    padding: 0px 20px;  }
	.service-list li {  padding: 0px 0px 0px 24px;   font-size: 14px;  }
	.service-list {   margin: 20px 0px 30px 0px;    gap: 10px;   }
	.ultimate-service-item .ultimate-service-heading {  font-size: 16px;  }
	.icon-box { gap: 10px; padding: 20px 14px;   }
	.theme-btn a, .hero-buttons .btn1 a, .btn2 a, .call-act a, .right-sec a {  padding: 8px 14px;   font-size: 12px;  }
	.feat-btn {  margin-top: 20px;  }
	.btns {  margin-top: 20px;  }
}


@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation:portrait){  

	.col-left-cont ul {  flex-wrap: wrap;  gap: 20px;  }
	.col-left-cont ul li {  width: 46%;  }
	.main-footer .container {  flex-wrap: wrap;  }
	.footer-sec-four {  width: 46%;  }
	
	.box-cat {  width: 47%; }
	.services.flex {  flex-wrap: wrap;   gap: 30px;  }
	.abt-rght {  display: none;  }
	.textielverzorging li {  margin: 14px 0;   width: 48%; }
	.textielverzorging ul {  margin-top: 20px;    display: flex;   flex-wrap: wrap; }
	.ultimate-service-item {  width: 47%;  }
	.serv ul li {  width: 46%;  }
	
	.loc-1 > div, .loc-3 > div {   gap: 0;  flex-direction: column-reverse !important;  }
	.loc-1 .ultimate-layout-image img, .loc-3 .ultimate-layout-image img {  max-height: 200px;  object-fit: cover; 	}

	.work-process {  flex-direction: row;  justify-content: center;   align-items: flex-start;   flex-wrap: wrap;    gap: 40px;  }
  	.work-process .ultimate-service-item {    width: 43%;    margin-bottom: 20px;    text-align: center;  }
	.work-process .ultimate-service-item:not(:last-child)::after {    display: none;   }
	.work-process .ultimate-services-grid {   display: flex;    justify-content: center;     column-gap: 50px;  }
  	
	/*.work-process .ultimate-service-item:not(:last-child)::before {   content: "\f061";     font-family: "Font Awesome 6 Free";  
		font-weight: 900;    position: absolute;    right: -25px;    top: 50%;    transform: translateY(-50%);  
		font-size: 20px;    color: #019be3;    animation: arrowPulse 2s ease-in-out infinite;      z-index: 5;    }*/

  	.custom-locations {  grid-template-columns: repeat(3, 1fr);   }
	.sectors {  flex-wrap: wrap;      gap: 30px;  }
	.sectors p {  width: 46%;  }
	.about-sec4 .flex {  display: flex;   flex-direction: column-reverse; }
	.about-sec4 img { max-height: 200px;   object-fit: cover;  }
	
	.about-sec2 .flex, .about-sec5 .flex {flex-direction: column;}
	.about-sec2 .flex .rad {max-height: 200px;object-fit: cover;}
	.about-sec5 {  padding-top: 0; }
	.dt-contact-form .col-md-12:nth-last-of-type(2) {  justify-content: space-between;  }
	.col-md-12.nonn br {  display: none;  }
	.dt-contact-form > .col-md-12 > .col-md-6 { flex: 1 1 330px;  }
	.col-md-12.nonn .col-sm-6 {  width: 48%;  }
	.cont-mid iframe {  max-height: 200px;  }
	.ser-6 .ultimate-layout-columns { display: flex;  flex-direction: column-reverse;  }
	.ser-6 .ultimate-layout-columns { display: flex; flex-direction: column-reverse; }
	.ser-6 .ultimate-layout-image img {  max-height: 200px;    object-fit: cover; }
	.process .step {  width: 47%;  }
	.col-5 .ultimate-service-item {  width: 47%; }
}



@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape){  

	.main-footer .container {  flex-wrap: wrap;  }
	.footer-sec-four {  width: 46%;  }
	.main-heading {  font-size: 24px;  margin-bottom: 14px; }
	body.touch-enabled .primary-menu > li.menu-item-has-children > a {  margin-right: 1.6rem; }
	.primary-menu > li.menu-item-has-children > a {  padding-right: 0px !important;  }
	.box-cat {   width: 30%;   border-radius: 16px;  }
	.services.flex {  flex-wrap: wrap;   gap: 30px;  justify-content: flex-start;  }
	.header-inner.section-inner {  padding: 20px 20px; }
	body.page ul.primary-menu > li > a {  padding: 0 4px;   font-size: 14px;  }
	.site-logo img {  max-height: 4rem;  }
	.right-sec {  min-width: 160px;  }
	.abt-box {   padding: 40px 30px;  }
	.flex {  gap: 30px;  }
	.home-about .col-top {   gap: 0px;  flex-direction: column;  }
	.textielverzorging ul {  margin-top: 20px;  display: flex;   flex-wrap: wrap;   }
	.abt-rght {  display: none;  }
	.col-left-cont ul li {  width: 47%; }
	.col-left-cont ul {  flex-wrap: wrap; gap: 30px;  }
	.textielverzorging li {  width: 46%;  margin: 10px 0;  }
	.col-right-cont { display: flex;  align-items: stretch; }
	.col-right-cont img {  height: 100%;  object-fit: cover;  }
	
	.flip .ultimate-layout-columns { display: flex; flex-direction: column;  }
	.home-work .works {  justify-content: space-between; }
	.hero-left h1 {  font-size: 22px;  }
	.ultimate-service-item {  width: 47%;  }
	.col-5 .ultimate-service-item {  width: 47%; }
	.dt-contact-form .date-select .col-sm-6.row .col-md-6 {  width: 47%;  }
	.col-md-12.nonn br {  display: none;  }
	.service-list li {    padding: 12px 0px 12px 24px;   }
	.service-list {  gap: 0px;  }
	li.li-2, li.li-4 {  padding-left: 60px !important; }
	
	
}




@media only screen and (max-width : 991px) {

	.container { padding: 0px 20px; }
	.main-heading {  font-size: 20px;  margin-bottom: 10px; }
	section {  padding: 4rem 0; }
	.cta-img {  min-height: 300px; }
	.sub-head {  padding-bottom: 6px;  font-size: 14px;  }
	.theme-btn a {   padding: 10px 14px;    font-size: 14px;  }
	.col-right-cont {   padding: 40px 20px;  }
	.header-inner.section-inner {  padding: 10px 30px 10px 10px;   margin: 0;  }
	.col-left-cont ul li {  justify-content: flex-start;     font-size: 14px;  }
	.desc, label, .s-text, .b-right p {   font-size: 14px;  }
	.s-title {  font-size: 16px;     padding: 16px 0px 4px 0px;  }
	.s-text {  padding-bottom: 12px;  }
	.faq-question {  padding: 18px 50px 18px 20px;  font-size: 14px;  }
	.footer-sec-four h3 {  font-size: 16px;  }
	#site-footer .first img {  max-width: 150px !important; }
	.footer-sec-four ul li {  margin-bottom: 14px; }
	.custom-html-widget, .footer-sec-four li a {  font-size: 14px;  }
	.abt-box {    padding: 40px;  }
	.home-about .col-bottom, .feat-box, .home-abt-2 .flex {  flex-direction: column;  }
	.abt-lft, .abt-mid, .abt-rght {  width: 100%;  max-width: 100%;  }
	.abt-lft img, .feat-right img, .home-abt-2 img {  max-height: 200px;   width: 100%;   object-fit: cover;  }
	.feat-right {  width: 100%; }
	.box-work {  width: 100%;  }
	.feat-left {  padding: 30px;  padding-bottom: 0;  }
	.service-list li {  padding: 0px 15px 0px 30px;  font-size: 14px;  }
	.service-list li strong { font-size: 16px; }
	.home-about .col-top {  flex-direction: column;    gap: 0px;  }
	.abt-lft::before {  width: 60px;  height: 60px; }
	.textielverzorging li {  font-size: 14px;  }
	.home-services p.cnt {  font-size: 14px;  }
	.ultimate-service-item .ultimate-service-heading {  font-size: 16px;  }
	.ultimate-service-icon img {  max-width: 40px;  }
	input[type="text"], input[type="email"], input[type="number"], input[type="tel"],  textarea {  font-size: 14px;  padding: 10px 16px;  }
	.theme-btn a, .hero-buttons .btn1 a, .btn2 a, .call-act a {  padding: 8px 10px;    font-size: 12px;  }
	.act-bg {   padding: 40px 20px;  }
	.call-head-text {  font-size: 14px;  }
	.hero-left h1 {  font-size: 20px;   line-height: 1.4;  }
	.sub-header-service {  padding: 40px 0px;  }
	.ultimate-service-icon img {  max-width: 40px; }
	.service-list, .hero-buttons {  margin-top: 20px;  }
	section.service-page {  padding: 2rem 0;  }
	.eco-sec {  margin-top: 20px; }
	.hero-left h1 {  font-size: 22px;  }
	.frst-sec { display: flex; }
	.frst-sec .ultimate-layout-columns {  display: flex;   flex-direction: column-reverse;  }
	.frst-sec h2 {  margin-top: 0; }
	.frst-sec .ultimate-layout-image img {  max-height: 250px;  width: 100%;   object-fit: cover;  }
	.hero-rightt img {  max-height: 200px;  }
	.sub-header-service .container {  flex-direction: column-reverse;   }
	.services.flex { flex-wrap: wrap;  }
	.ultimate-layout-row {  margin: 30px 0px;  }
	.home-faq .white {  padding: 30px 20px;  }
	.ultimate-service-item { padding: 20px 16px;  }
	.ultimate-layout-frontend h1, .ultimate-layout-frontend h2, .ultimate-layout-frontend h3, .ultimate-layout-frontend h4,
	.ultimate-layout-frontend h5, .ultimate-layout-frontend h6, .action-bottom .call-head {  font-size: 20px;  }
	
	.col-right-cont {  display: flex;  flex-direction: column; }
	.col-right-cont img {  max-height: 200px;   width: 100%;   object-fit: cover;  }
	
	body input[type="submit"] {  font-size: 14px;  padding: 8px 14px; }	
	.col-left-cont ul {  margin-top: 2rem;  }
	.col-left-cont ul li {  padding: 20px 20px;  }
	.works .box-work {  width: 100%;  }
	
	.works { flex-direction: column;  align-items: center;  gap: 60px;   }
  	.works .box-work {  width: 100%;  margin-bottom: 0px;   }

  	.works .box-work:not(:last-child)::before {  content: "\f063";    left: 50%;    bottom: 10% !important;    transform: translateX(-50%);
    font-size: 22px;    height: fit-content;    right: 0;    left: 0;   }
	
	.works .box-work:not(:last-child)::before {  bottom: -25% !important;   top: unset;  width: fit-content;    margin: auto;     }
	.works.flex {  display: flex;  flex-direction: column;    gap: 70px; }
	.works {  margin-top: 30px;  }
	.process .step h3 {  margin-bottom: 10px;  font-size: 16px;  }
	.s-title {  font-size: 16px;      padding: 8px 0px 6px 0px;   }
	.ultimate-layout-image img {  max-height: 200px;   object-fit: cover;  }
	
	.fulll .ultimate-layout-columns { flex-direction: column-reverse;         gap: 0;  }
	.ultimate-layout-row.fulll.revrs .ultimate-layout-columns {  display: flex;   flex-direction: column;  gap: 0; }
	
	.table-container td { white-space: nowrap; }	
	.table-container {  width: 100%;  max-height: 600px;  overflow-y: auto;  overflow-x: auto;  background: #f9f9f9;
  padding: 20px;  border-radius: 8px;  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);  scrollbar-width: thin;
		scrollbar-color: #019be3 #f1f1f1;   margin-top: 18px;  }
	
}



@media screen and (max-device-width: 991px) and (orientation: landscape) {

	.col-left-cont ul {  flex-wrap: wrap;  }
	.col-left-cont ul li {  width: 46%;  }
	.main-heading { font-size: 22px;  margin-bottom: 12px;  }
	section { padding: 5rem 0;  }
	.col-left-cont ul {  gap: 30px;  }
	.feat-left {  padding: 30px;  padding-bottom: 10px;  }
	.main-footer .container {  flex-wrap: wrap;  }
	.footer-sec-four {  width: 46%;  }
	.custom-html-widget, .footer-sec-four li a {  font-size: 14px;  }
	.abt-rght {  display: none;  }
	.ultimate-service-item {  width: 47%;  }
	.textielverzorging li {   width: 46%;   }	
	button.close-nav-toggle {  font-size: 1.8rem;   padding: 2.6rem 4px 4rem 0;   }
	.textielverzorging ul {  margin-top: 20px;   display: flex;   flex-wrap: wrap;   }
	.serv ul li {  width: 46%;  }
	.box-cat { width: 46%; }	
	.flip .ultimate-layout-columns {  display: flex;  flex-direction: column-reverse;  }
	.loc-1 > div, .loc-3 > div, .ser-6 > div {   gap: 0;  flex-direction: column-reverse !important;  }
	.loc-1 .ultimate-layout-image img, .loc-3 .ultimate-layout-image img, .hero-rightt img, .ser-6 .ultimate-layout-image img { 
		max-height: 200px;  object-fit: cover; 	}
	.dt-contact-form .date-select .col-sm-6.row .col-md-6 { width: 100%;  }
	.col-md-12.nonn br {  display: none;  }
	.col-5 .ultimate-service-item {  width: 47%; }
	
	.about-sec8 .hero-buttons {  gap: 20px;  }
    .service-list li { padding: 10px 15px 10px 30px;  }
	li.li-2, li.li-4 { padding-left: 50px !important; }

}


@media screen and (max-device-width: 767px) and (orientation: portrait) {  

	button.close-nav-toggle {  padding: 3.4rem 6px 3.1rem 0; }
	.main-heading {  font-size: 22px;  margin-bottom: 10px;   }
	.abt-rght::before { left: 20px;  }
	.service-list li {  border: none;  }
	.service-list .li-2::before, .service-list .li-4::before {  left: 0px;  }
	.services.flex, .flex,.home-about .col-top, .home-about .col-bottom, .main-footer .container,
	.col-left-cont ul, .sectors, .process {  flex-direction: column;  }
	
	.home-slider img {  min-height: 300px;  object-fit: cover;  object-position: right; }
	.site-logo img {  max-height: 4rem;  }
	.abt-mid {  max-width: 100%;  }
	.service-list li, .process .step, .col-5 .ultimate-service-item {  width: 100%;  }
	.feat-left {  padding: 40px 20px;  }
	.container {  padding: 0px 14px;  }
	.home-faq .white { padding: 40px 10px; }
	.faq-question {  padding: 18px 36px 18px 12px;    font-weight: 500;    font-size: 14px;  }
	.abt-box {  padding: 30px 20px;  }
	.service-list li {  padding: 0px 0px 0px 30px;   font-size: 14px; }
	.col-left-cont ul {  gap: 10px;  }
	.sub-header-service .container {  flex-direction: column-reverse;  }
	.box-work {  width: 100%;  }
	.b-right p {  display: flex;   flex-direction: column;   align-items: center;  }
	.ultimate-services-grid {  flex-direction: column;  }
	.ultimate-layout-columns {  flex-direction: column-reverse;  }
	.ultimate-service-item { width: 100%;  }
	.col-left-cont .desc {  max-width: 80%;   margin: auto;  }
	.hero-left h1 {  font-size: 20px;   }
	.eco-sec { display: flex; flex-direction: column;   }
	.icon-box {  width: 100%; }
	.flip .ultimate-layout-columns {  display: flex;     flex-direction: column-reverse;  }
	.serv ul li {  width: 100%;  }
	.cnt-halff {  display: flex;    gap: 10px;    flex-direction: column;  }
	
	.work-process .ultimate-service-item { width: 100%; }
	.work-process .ultimate-service-item:not(:last-child)::before { top: 120%;  }
	
	.work-process {   flex-direction: column;    align-items: center;   }
	.work-process .ultimate-service-item { width: 100%;    margin-bottom: 60px;   }
	.work-process .ultimate-service-item:last-child {  margin: 0;  }
	
	.work-process .ultimate-service-item:not(:last-child)::before {    content: "\f063";    font-family: "Font Awesome 6 Free";  
		font-weight: 900;    position: absolute;   left: 47.5%;  bottom: -40px;    transform: translateX(-50%);    font-size: 22px;
    color: #019be3;    animation: arrowPulse 2s ease-in-out infinite;    z-index: 5;   width: fit-content;  }

  	.work-process .ultimate-service-item:not(:last-child)::after {  display: none;   }
	.custom-locations { grid-template-columns: repeat(2, 1fr);   column-gap: 20px; }  
	.flip-mb .ultimate-layout-columns {  display: flex;  flex-direction: column;  }
	.contact-cards {  flex-direction: column;  align-items: center;    gap: 4px;   }
	.hero-buttons { gap: 10px;          align-items: center;  }
	
	.dt-contact-form .date-select .col-sm-6.row .col-md-6 {  width: 100%;  }	
	.page-template-service .hero-buttons {  display: flex;  flex-wrap: wrap; align-items: flex-start; }

}
	

@media (max-width: 1024px) and (orientation: landscape) {

	.work-process {  flex-direction: row;  justify-content: center;   align-items: flex-start;   flex-wrap: wrap;    gap: 40px;  }
  	.work-process .ultimate-service-item {    width: 43%;    margin-bottom: 20px;    text-align: center;  }
	.work-process .ultimate-service-item:not(:last-child)::after {    display: none;   }
	.work-process .ultimate-services-grid {   display: flex;    justify-content: center;     column-gap: 50px;  }
  	/*
	
	.work-process .ultimate-service-item:not(:last-child)::before {   content: "\f061";     font-family: "Font Awesome 6 Free";  
		font-weight: 900;    position: absolute;    right: -25px;    top: 50%;    transform: translateY(-50%);  
		font-size: 20px;    color: #019be3;    animation: arrowPulse 2s ease-in-out infinite;      z-index: 5;    }
	*/
	

  	.sectors p {  width: 47%;  }
	.sectors {  flex-wrap: wrap;   gap: 20px;  }
	.about-sec4 .flex {  display: flex;   flex-direction: column-reverse; }
	.about-sec4 img { max-height: 200px;   object-fit: cover;  }
	
	.about-sec2 .flex, .about-sec5 .flex, .home-abt-2 .flex {  flex-direction: column;  }
	.about-sec2 .flex .rad, .home-abt-2 .rad {  max-height: 200px;  object-fit: cover;  }
	.about-sec5 {  padding-top: 0; }
	.dt-contact-form .col-md-12:nth-last-of-type(2) {  justify-content: space-between;  }
	.col-md-12.nonn .col-sm-6 {  width: 48%;  }
	.cont-mid iframe {  max-height: 200px;  }
	.process .step {  width: 47%;  }
	.ultimate-layout-image img {  max-height: 200px;  object-fit: cover; }	
	.ultimate-layout-image img {  max-height: 200px;   object-fit: cover;  }	
	.fulll .ultimate-layout-columns { flex-direction: column-reverse;         gap: 0;  }
	.ultimate-layout-row.fulll.revrs .ultimate-layout-columns {  display: flex;   flex-direction: column;  gap: 0; }
	
}
	
	


@media screen and (max-device-width: 767px) and (orientation: landscape) {
	
	.sub-header-service .container { flex-direction: column-reverse !important;  }

}
	
	
@media (max-width: 768px) {
  
	.foo-locations { padding: 40px 0;   }
	.foo-locations .location-heading {   font-size: 20px;   margin-bottom: 25px;   }
	.custom-locations {   column-gap: 20px; }
	.custom-locations li a { font-size: 14px;  }
	.dt-contact-form .form-row {  grid-template-columns: 1fr;  gap: 8px;  }
  	.dt-contact-form .inline-group {  grid-template-columns: 1fr; }
  	.dt-contact-form .form-actions { text-align: left; }
  	.dt-contact-form .submitoff { width: 100%; }
	.dt-contact-form > .col-md-12 { gap: 12px; }
  	.dt-contact-form .btnn { text-align: left; }
  	.dt-contact-form h3 { font-size: 1.05rem; }

}




@media (min-width: 992px) {
  .mobile-nav-toggle {    display: none;   }
}

@media (min-width: 700px) {

	button.close-nav-toggle {  font-size: 1.8rem;   padding: 2.6rem 4px 4rem 0;   }
	
}