/*
Theme Name: Mijn-thuisbatterij 
Author: converzo
Author URI: https://converzo.nl
Description: The Mijn-thuisbatterij  Theme based on the famous Wordpress CMS.
Version: 1.0
*/


@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Tilt+Warp&display=swap');
* {margin: 0;padding: 0;box-sizing: border-box;}
img {max-width: 100%;height: auto;}
body {background: #ffffff;font-size:16px;color: #0E3D23;  font-family: "Tilt Warp", sans-serif; font-weight: 400; }
p{margin-bottom: 25px;line-height: 22px;  font-family: "Outfit", sans-serif; font-weight: 300;}
p strong{ font-weight: 600; }
a {color: inherit;}
p:last-child{ margin-bottom: 0;}
ol{ padding-left: 15px;}
/* ----- Heading Font CSS ------ */

h1,h2,h3,h4,h5,h6{margin-bottom: 20px; font-weight:400;  font-family: "Tilt Warp", sans-serif;} 
h1{font-size:72px; line-height: 96px;}
h2{font-size:64px; line-height: 80px;}
h3{font-size:40px; line-height: 51px;}
h4{font-size:24px; line-height: 32px;}
h5{font-size:20px; line-height: 30px;}
h6{font-size:16px; line-height: 30px;}
/* h4{font-size: 16px;} */


a:focus,.btn:focus,button:focus,.btn-primary:not(:disabled):not(.disabled):active:focus {outline: none;box-shadow: none;}
input:focus,textarea:focus,select:focus{outline: none;}
input,button,li, i,span,label,textarea,select{font-family: "Tilt Warp", sans-serif; font-weight:300;}
/* global css start */ 
.full_width{width: 100%;float: left;}
.wrapper{max-width:1372px;margin: 0 auto;width: 100%; padding: 0 30px;}
.layout{ overflow: hidden;}
.mb_160{margin-bottom:160px;}
.mb_80{margin-bottom:80px;}
.mb_40{margin-bottom:40px;}
.mb_16{margin-bottom:16px;}

.btn_one{background: #0E3D23; color: #ffffff; border: 1px solid #0E3D23; text-align: center; text-decoration: none; transition: 0.4s;overflow: hidden; display: inline-block; font-size: 16px;padding: 11px 33px 11px 33px; border-radius:30px;z-index: 1;position: relative; font-family: "Tilt Warp", sans-serif; font-weight:400;}
.btn_one.transparent {background: transparent; color:#0E3D23; border: 1px solid #0E3D23; }
.btn_one.yellow{background: #FFCD00; color: #0E3D23; border: 1px solid #FFCD00;}
.btn_one.white{background: transparent; color: #fff; border: 1px solid #fff;}

.btn_one:hover{ background: #FFCD00; color: #0E3D23; border: 1px solid #FFCD00;}
.btn_one.transparent :hover{ background: #0E3D23; color: #fff; border: 1px solid #0E3D23;}
.btn_one.yellow:hover{ background: transparent; color: #fff; border: 1px solid #fff;}
.btn_one.white:hover{ background: #FFCD00; border: 1px solid #FFCD00; color: #0E3D23;}

.list_style ul  p{ margin-bottom: 16px;}
.list_style ul{list-style-type: none;}
.list_style ul li {position: relative;padding-left: 65px; margin-bottom: 24px;font-size: 24px;line-height:30px; color: #0E3D23;}
.list_style ul li:last-child , .list_style ol li:last-child { margin-bottom: 0;}
.list_style ul li a{color: #0E3D23;transition: 0.4s;text-decoration: underline;}
.list_style ul li a:hover{text-decoration: none;}
.list_style ul li strong{font-weight: 700;}
.list_style ul li::before {content: '';position: absolute;left:0px;top:0px; width:40px;height:27px;background:url(images/list_icon.svg) left center no-repeat; background-size:40px;}

.list_style ol {padding-left: 28px;margin: 22px 0px;}
.list_style ol li {margin-bottom: 8px;font-size: 14px;line-height: 1.2; color: #000;}
.list_style ol li strong{font-weight: 700;}
.list_style ol li a{color: #000000;transition: 0.4s;text-decoration: underline;}
.list_style ol li a:hover{text-decoration: none;}
.list_style ol li::marker {color: #000000; font-weight: 700;}
.btn_group { display: flex; align-items: center; gap: 0 40px; margin-top: 40px;}
.line{ width: 106px; height: 10px; background: #0E3D23; display: inline-block; margin-bottom: 12px;}
/* global css end */
/* ******************************* main css ***************************** */

.header{  background: transparent; position: fixed; padding: 37px 0px; top: 0; left: 0; z-index: 9; width: 100%; transition: 0.4s;}
.header .inner_part{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
.header .logo{width: 155px; transition: 0.4s;}
.header .logo img{display: block;}
.header .right_part{width: calc(100% - 155px); padding-left: 20px;}
.header .btn_box{display: flex; gap: 40px;}
.header .header_top {display: flex; flex-wrap: wrap; justify-content:flex-end;transition: 0.4s; }
.header .header_top  .left_search{display: flex; flex-wrap: wrap; gap: 0 22px; align-items: center; }
.header .searh_box input[type="submit"] {content: "";position: absolute;right:0;border: none;cursor: pointer;top: 50%; background: transparent; padding: 0;width: 10%;height: 100%;}

.header .header_top  input{ font-size: 16px;color: #fff; padding:12px 32px; border: 1px solid  #25B084; font-family: "Tilt Warp", sans-serif; font-weight:400; border-radius:30px; width:450px;  outline: none;}
.header .header_top  ::placeholder{ font-size: 16px;color: #fff; font-family: "Tilt Warp", sans-serif; font-weight:400; }
.header .header_top .btn_home .btn_one.transparent.two{background:transparent; border:1px solid #fff; box-shadow: -2px 0px 21px -8px rgba(0,0,0,0.4); }
.header .header_top  .btn_home  .btn_one.transparent {background:#029363;border: 1px solid  #25B084; color: #fff;; min-width:450px;text-align: left;  }
.header .header_top  .search-bar2{border: 1px solid #ffffff; background: transparent; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;}

.header .header_top  .language > ul > li{ color:#ffffff;  text-align: center; border: 1px solid #fff; display: inline-block; font-size: 16px;padding: 12px 60px 12px 32px; border-radius:30px;z-index: 1;position: relative; font-family: "Tilt Warp", sans-serif; font-weight:400;}
.header .header_top  .language > ul >li{list-style: none; position: relative; }
/* .header .header_top  .language ul li::before{content: ''; left: 0; top: 50%; transform: translateY(-50%); position: absolute; background: url(images/flag.svg) left center no-repeat; width: 22px; height: 18px; background-size: 20px;} */
.header .header_top  .language > ul>li::after{content: ''; right:32px; top: 50%; transform: translateY(-50%); position: absolute; background: url(images/dropdown.svg) left center no-repeat; width: 9px; height: 7px; background-size: 9px;}
.header .header_top  .language {margin-left: 40px; cursor:pointer}
.header .header_top .language > ul > li ul{ position:absolute; top:100%; left:0; border:none; width:100%; list-style:none}
.header .header_top .language > ul > li span{ font-size:16px; text-transform:uppercase; z-index:2; position:relative}
.header .header_top .language > ul > li span img{ margin-right:6px}

/* header_bottom  css */
.header .header_bottom {display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; }
.header .header_bottom .menu>ul{display:flex;flex-wrap: wrap; list-style: none;}
.header .header_bottom .menu>ul>li{ margin-right: 80px; transition: 0.4s; position: relative; z-index:3}
.header .header_bottom .menu>ul>li>a{text-decoration: none; color: #fff; padding: 12px 0; transition: 0.4s;}
.header .header_bottom .menu>ul>li:hover > a{text-decoration: underline; ;}
.header .header_top .language > ul > li ul { display:none;
  position: absolute; top: 26px;left: -1px;width: calc(100% + 2px); list-style: none;border: 1px solid #fff;border-radius: 10px;padding: 10px 30px;text-align: left; background: #00a36f;border-top: none; border-radius: 2px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}
.header .header_top .language > ul > li ul li a{ text-decoration:none; text-transform:uppercase; padding-left: 3px;}
.header .header_top .language  li:hover ul{ display:block}
.header.headre-dark-green .header_top .btn_home .btn_one.transparent.two{ border:1px solid #325A44;  box-shadow:none } 
.header.headre-dark-green  .header_top .language > ul > li ul{background:#0e3d23 }
.header.headre-dark-green .header_top .btn_home .btn_one.transparent{ box-shadow: -2px 0px 21px -8px rgba(0,0,0,0.4); }

.menubar { width:72px; display: none; cursor: pointer; }
.menubar span { display: block; width: 100%; background: #fff; height: 6px; margin-bottom: 15px;  float: inline-end; transition: 0.4s; }
.menubar  a{ display: inline-block; cursor: pointer; width: 100%; height: 100%;} 
.menubar span:last-child{ margin-bottom: 0;} 

.menu li > ul.sub-menu { position: absolute; left: 0; top: 35px; width: 200px; background: #9cd6e8; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);  border-top: 4px solid #ffcd00; z-index: 99; padding: 0; margin: 0;}
.menu li:hover > ul.sub-menu {opacity: 1;visibility: visible; display:block}
.menu li .sub-menu::before { content: ""; position: absolute; width: 0; height: 0; border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 11px solid #ffcd00; top: -11px; left: 20px; z-index: 1;}
.menu li .sub-menu > li { list-style: none; width: 100%; border-bottom: 1px solid #263D0E14;}
.menu li .sub-menu > li a {display: block;background: #9cd6e8;color: #0E3D23;padding: 12px 20px;text-decoration: none;transition:0,4s}
.menu li .sub-menu > li a:hover{background: #fff !important;  color: #0E3D23 !important;}





/* header sticky  */
.header.sticky{ box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; padding: 20px 0px 20px; background: #00a36f;}
.header.sticky .logo{ width:80px;}
.header.sticky .header_top{ margin-top: -80px; }

.header.headre-dark-green.sticky{ background:#0E3D23}
.header.headre-dark-green  .btn_home  .btn_one.transparent{background:#0E3D23; border:1px solid #fff } 
.header.headre-dark-green .header_top .search-bar2{border: 1px solid #325A44;}
/* hero_sec css */
.hero_sec{  background: #00A36F;}
.hero_sec .inner_part{ display: flex; justify-content: space-between; flex-wrap: wrap;padding:372px 0 40px; align-items: flex-end;}
.hero_sec .inner_part *{ color: #fff;}
.hero_sec .left_part{ width:50%; max-width: 620px;}
.hero_sec .right_part{ width: 49%; position: relative;}
.hero_sec .right_part img{ margin-bottom: 76px;}
.hero_sec .right_part::before{ content: ""; position: absolute; top:0; right:0px; width:114px; height:114px; background: url(images/rotate-icon.png) right top no-repeat; background-size:114px;}
.hero_sec.darkgreen{ background: #0E3D23;}
/* layout two */
.hero_sec.two .left_part{ width: 100%; max-width: 100%;}
.hero_sec.two .inner_part{ padding: 350px 0 40px;}

.text_img_sec .video_box { position: relative; margin-top: -216px; z-index: 1; width: auto; display: inline-block; }
.text_img_sec.top_sec .loop_video.desktop_video{ position: absolute; left: 48%; top: 50%; width: 86%; height: 83%; object-fit: cover; z-index: 2;  transform: translate(-50%, -50%); }
.text_img_sec .video_box img{position: relative;z-index: 3;}
.home .text_img_sec .video_box img {border-radius: 30px;}

.text_img_sec.mt_top .text_box{ max-width: 100%;}
.text_img_sec.mt_top.list_style ul li{ font-size: 24px;font-family: "Tilt Warp", sans-serif; font-weight: 400;}
/* text_img_sec css */
.text_img_sec.top_sec .inner_part{align-items: center;}
.text_img_sec.bg_color .left_part::before{ content: ""; position: absolute; top: 0; left: -499%; width: 500%; height: 100%; background: #9CD6E8; z-index: -1;}
/* .text_img_sec .inner_part{ display: flex; justify-content: space-between; flex-wrap: wrap;} */
.text_img_sec .inner_part{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.text_img_sec .left_part{ width: 49%;   z-index: 1; position: relative; display: flex; align-items: center;}
.text_img_sec.bg_color .left_part{background: #9CD6E8; position: relative; padding: 25px 0;  display: flex; align-items: center;}
.text_img_sec .text_box{max-width: 600px;}
.text_img_sec .right_part{ width: 51%; padding-left: 30px; }
.text_img_sec .card_box{ display: flex; flex-wrap: wrap; }
.text_img_sec .card_box .card{ width:33.33%; height: 100%; }
.text_img_sec .card_box img{ display: block;}
.text_img_sec .card { display: flex; align-items: flex-end;   }
.text_img_sec .card .text_wrap{padding: 15px 16px 47px; width: 100%;  }
.text_img_sec .card .text_wrap h4{ margin-bottom: 0;}
.text_img_sec .text_icon{ display: flex; gap: 25px; align-items:center; justify-content: center; flex-wrap: wrap; margin-bottom:36px;}
.text_img_sec .text_icon{ width: 58px;}
.text_img_sec .text_icon{width: calc(100% - 55px);}
.text_img_sec .text_icon p{ margin-bottom: 10px;}
.text_img_sec .text_icon .icon{ margin-bottom: 0;}  
.text_img_sec .bg_text_box{ background: #FFCD00; padding: 45px 35px; margin-bottom: 33px; position: relative;}
.text_img_sec .bg_text_box::before{ content: ""; position: absolute; bottom: -67px; left: 50%; transform: translateX(-50%); width: 80px; height: 68px; background: #FFCD00; clip-path: polygon(100% 0, 0 0, 49% 100%); background-size: 80px;}
.text_img_sec .bg_text_box p span{ font-size: 24px; line-height: 30px; font-family: "Tilt Warp", sans-serif; font-weight:400; }
.text_img_sec .text_icon span.btn_one{ pointer-events: none;}
.text_img_sec.align .inner_part{ align-items: unset;}
.text_img_sec .text_box ul:not(.list_style ul){padding-left: 14px;}

.product_advies .text_img_sec.top_sec .text_box{ max-width: 528px;}
.product_advies .text_img_sec.bg_color .left_part{ padding: 50px 0 40px;}
.product_advies .text_img_sec.bg_color .text_icon{ margin-bottom: 0;}
.product_advies .text_img_sec.bottom_sec .right_part img{ margin-right: auto;}
.prijzen .text_img_sec.align.mb_160{ margin-bottom: 80px;}
.prijzen .review_sec.mb_160{ margin-bottom: 130px;}
/* three_card_sec css */
.three_card_sec.bg_color .card:last-child::before{ content: ""; position: absolute; top: 0; right: -499%; width: 500%; height: 100%; background: #FFCD00; z-index: -1;}
.three_card_sec .inner_part{ display: flex; gap: 32px; flex-wrap: wrap;}
.three_card_sec .card{width: calc(33.33% - 22px); position: relative; background: #fff;}
.three_card_sec .text_wrap{ padding: 40px; width: 100%; margin-top: auto; }
.three_card_sec .card img{ display: block; object-fit: cover; }
.three_card_sec .card .icon img{  display: block;  margin: 0 auto;}
.three_card_sec .card .icon { margin-bottom: 40px;}
.three_card_sec .card { display: flex; flex-wrap: wrap;  }
.three_card_sec .card .text_icon h4{ margin-bottom: 0;}
.three_card_sec .text_icon{ display: flex; gap: 25px; align-items:center; flex-wrap: wrap; margin-bottom:36px;}
.three_card_sec .text_icon{ width: 58px;}
.three_card_sec .text_icon{width: calc(100% - 55px);}
.three_card_sec .text_icon p{ margin-bottom: 10px;}
.three_card_sec .text_icon .icon{ margin-bottom: 0;}
.three_card_sec .card.green{ background: #0E3D23; color: #fff;}
.three_card_sec .card.green p { font-weight: 300;}
.three_card_sec .card.yellow p { font-weight: 300;}
.three_card_sec .card.yellow { background: #FFCD00;}
.three_card_sec .card.light_blue{ background: #9CD6E8; color: #0E3D23;}
.three_card_sec .card.light_blue h6{ margin-bottom: 0;}
.three_card_sec .card.light_blue p{ margin-bottom: 0; font-weight: 300; line-height: 30px;}
.three_card_sec .card  .line{ margin-bottom: 80px; width: 152px;}
.three_card_sec .card.white_bg { text-align: center;}
.three_card_sec .card.white_bg .icon{ margin-bottom: 0;}
.three_card_sec .card .btn_group span.btn_one{ margin-top: -40px; pointer-events: none;}
.three_card_sec .card .btn_group{ justify-content: center; margin-top: 0;}
.three_card_sec .card h6{ font-size: 16px;}

/* .text_img_sec.opposite  css */
.text_img_sec.opposite .left_part{ order: 2; padding: 0;}
.text_img_sec.opposite .right_part{ order: 1; padding-left: 0; padding-right: 93px;}
.text_img_sec.opposite .right_part img{ margin-left: auto; display: block;}
.text_img_sec.opposite .img_box.img_left_align img{ display: block; margin-left: 0;}
.text_img_sec.opposite ul {padding-left:15px; }
.text_img_sec ul li{  font-size: 16px; color: #0E3D23; font-family: "Outfit", sans-serif; font-weight: 300; }
.text_img_sec.opposite ul li:first-child{ /*list-style: none;margin-left: -15px; */ }

/* img_text_sec css */
.img_text_sec.bg_color .right_part::before{ content: ""; position: absolute; top: 0; right: -499%; width: 500%; height: 100%; background: #FFCD00; z-index: -1;}
.img_text_sec .inner_part{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.img_text_sec .left_part{ width: 67%; padding-right: 30px;}
.img_text_sec .left_part{ display: flex; flex-wrap: wrap; gap: 24px;}
/* .text_img_sec.bg_color .left_part h3{ font-size: 37px; line-height: 47px;} */
.img_text_sec .card{ width:33.33%; }
.img_text_sec .card_box img{ display: block;}
.img_text_sec .card { display: flex; align-items: flex-end;   }
.img_text_sec .card .text_wrap{padding: 15px 16px 47px; width: 100%;  }
.img_text_sec  .card{ width: calc(50% - 12px); background: #0E3D23; color: #fff; text-align: center;}
.img_text_sec .card img { margin: 0 auto;}
.img_text_sec .right_part{width: 33%;  padding-left: 40px; z-index: 1; display: flex; align-items: flex-end; justify-content: flex-start; padding: 40px ;}
.img_text_sec.bg_color .right_part{background: #FFCD00; position: relative; }
.img_text_sec .card .icon{ margin-bottom: 24px;}
.img_text_sec .line{ width: 152px;}
.img_text_sec .text_icon{ display: flex; gap: 25px; align-items: flex-end; flex-wrap: wrap; margin-bottom: 40px; margin-top: 80px;}
.img_text_sec .text_icon{ width: 58px;}
.img_text_sec .text_icon{width: calc(100% - 55px);}
.img_text_sec .text_icon p{ margin-bottom: 10px;}

/* .customers_sec css */
.review_sec{background: #9CD6E8;  padding: 62px 0px;}
.review_sec .inner_part{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end;}
.review_sec .left_part{width: 34%;}
.review_sec .left_part .text_box{ max-width: 418px; margin-left: auto; padding-right: 72px;}
.review_sec .right_part{width: 66%;}
.review_sec img{ display: block;}
.review_sec .left_part .text_box p{margin-bottom:4px;}
.review_sec .left_part .number_box {display: flex; flex-wrap: wrap; justify-content: flex-start;  align-items:flex-end;gap: 20px;}
.review_sec .left_part .img_box{display: flex; flex-wrap: wrap;gap: 0 6px;}
.review_sec .left_part h3{ margin-bottom: 33px;}
.review_sec .card .text_box p{ margin-bottom: 16px;}
.review_sec .left_part .number_box span{font-size: 40px; line-height: 1;}
.review_sec .right_part .line{margin-bottom: 15px; width: 208px;}
.review_sec .card_box .slick-slide{margin:  0 16px;}
.review_sec .card_box .card{background:#ffffff; padding: 40px; position: relative; height: 100%; margin-top: 30px; flex-direction: column; display: flex !important; flex-wrap: wrap;}
.review_sec .card .number_box{position: absolute; top: -25px; right: 48px; width:50px; height: 50px; border-radius: 50%; background: #0E3D23; display: flex; justify-content: center; align-items: center; color: #ffffff;}
.review_sec .card .number_box span{font-size: 24px; line-height: 1;}
.review_sec  .bottom_text{ margin-top: 25px;}
.review_sec  .bottom_text p{ margin-left: auto; text-align: right;}
.review_sec  .card_box {display: flex;flex-direction: row; align-items: stretch; width: calc(100% + 32px); margin-left: -16px;}
.review_sec .slick-dots{ position: absolute; bottom: -60px; left: 0; width: 100%;  transition: 0.4s;}
.review_sec .slick-dots {padding-top:24px; list-style: none; margin: 0; }
.review_sec .slick-dots li { display: inline-block; margin-right: 8px;  transition: 0.4s; height: 21px;}
.review_sec .slick-dots li:last-child{ margin-right: 0;}
.review_sec .slick-dots li button { font-size: 0; width: 20px; height: 20px; border-radius: 50%; background: #00A36F; border: none; outline: none; cursor: pointer; transition: 0.4s; }
.review_sec .slick-dots li.slick-active button { background: #000; }
.review_sec .slick-track{ display: flex !important; height: 100% !important;}
.review_sec .slick-slide { height: inherit !important;display: flex !important; }
.review_sec .card .text_box { margin-top: auto;}

/* accordian sec css */
.accordian_sec .top_title{text-align: center; margin-bottom: 40px;}
.accordian_sec .accordian{max-width:864px; margin: 0 auto; border:5px solid #00A36F; padding:0px 40px;}
.accordian_sec .acc-title {display: flex;align-items: center;justify-content: space-between;padding: 20px 30px 20px 0;cursor: pointer;position: relative;}
.accordian_sec .accordian .acc-items:last-child  {border-bottom: none;}
.accordian_sec .acc-title::before {content: ""; position: absolute;right: 0;top:28px; width: 23px;height:13px;background: url(images/acc_arrow.svg) right center no-repeat; background-size: 23px; transition: 0.4s; }
.accordian_sec .acc-title.active::before { transform: translateY(-50%) rotate(180deg); }
.accordian_sec .acc-content{margin-bottom: 24px;}
.accordian_sec  .acc-items {border-bottom: 1px solid #707070;}

/* nieuw_sec css */
.nieuw_sec .line{ width: 210px; margin-bottom: 30px;}
.nieuw_sec .inner_part{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.nieuw_sec .card{ width:48% ; text-decoration: none; display: flex; flex-wrap: wrap; gap:32px; margin-bottom: 40px;}
.nieuw_sec .card .img_box{width: 192px; display: flex; justify-content: center; align-items: center;}
.nieuw_sec .card .text_box{width:calc(100% - 224px);}
.nieuw_sec .card .btn_group{ margin-top: 36px;}
.nieuw_sec .btn_group{ margin-top: 0;}
.nieuw_sec img{ display: block; object-fit: cover;}

/* contact_us_sec css */
.contact_us_sec .top_title{ margin-bottom:80px; text-align: center;}
.contact_us_sec .top_title p a{color: #00A36F;}
.contact_us_sec .inner_part{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.contact_us_sec .left_part{width: 50%; margin-top: auto; padding-right: 36px;}
.contact_us_sec .rotate_icon img{ margin-left: auto; display: block; margin-bottom: -27px;}
.contact_us_sec .right_part{width: 50%;}
.contact_us_sec .input_field{ width: 100%; margin-bottom: 16px;}
.contact_us_sec .input_field:last-child{ margin-bottom: 0;}
.contact_us_sec .input_field input , .contact_us_sec .input_field textarea{ padding: 10px 32px ; width: 100%; border: 2px solid #00A36F; font-size: 16px; color: #0E3D23;  font-family: "Outfit", sans-serif; font-weight: 300;}
.contact_us_sec .input_field textarea{ height: 132px; resize: none;  padding: 10px 32px ; width: 100%; border: 2px solid #00A36F; font-size: 16px; color: #0E3D23;}
.contact_us_sec .input_field ::placeholder{font-size: 16px; color: #0E3D23;}
.contact_us_sec .left_part .img_box{ display: flex; flex-wrap: wrap; gap: 34px;}
.contact_us_sec .left_part .card{ text-align: center;}
.contact_us_sec .left_part .text{ margin-top:24px;}
.contact_us_sec input[type='submit']{ width: 218px;background: #FFCD00; padding: 11px 32px; position: relative; border-radius: 22px; transition: 0.4s; border: 1px solid #FFCD00; font-size: 16px;  font-family: "Tilt Warp", sans-serif; font-weight: 400;  cursor: pointer;}
.contact_us_sec input[type="submit"]:hover{background: #0E3D23; color: #fff; border: 1px solid #0E3D23;}
.contact_us_sec .left_part .text p{ margin-bottom: 10px}
.contact_us_sec .left_part .text p:last-child{ margin-bottom:0}
.input_field  p {margin-bottom: 0;}
.wpcf7-not-valid-tip { color: #dc3232; font-size: 14px !important; font-weight: normal; display: block; }

/* .wpcf7-spinner{position: absolute !important;right: 0 !important;top: 11px !important;} */
.wpcf7 form.sent .wpcf7-response-output {border-color: #46b450!important;background-color: #46b450!important;color: #fff;border-radius: 50px;text-align: center !important; padding: 10px !important;font-size: 14px !important;line-height: 18px !important;width: 100%;float: left;font-weight: 400 !important;margin: 15px 0 !important;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { background: red; color:#fff; border-color: red !important; border-radius: 50px;text-align: center !important; padding:10px !important;font-size: 14px !important;line-height: 18px !important;width: 100%;float: left;font-weight: 400 !important;margin: 15px 0 !important; }


.product_advies .text_img_sec.bg_color .inner_part{ align-items: unset;}
.prijzen .single_text_sec .left_part{ width: 60%; max-width: 835px;}


.package_sec{ padding-top: 25px;}
.package_sec .card_box {display: flex;flex-wrap: wrap;gap:30px; }
.package_sec .card {position: relative; color: #0E3D23; width: calc(33.33% - 20px); padding: 40px; gap:40px;  border: 5px solid #00A36F;display: flex;flex-direction: column;justify-content: space-between;text-decoration: none;}
.package_sec .card.active {border: 5px solid #9CD6E8;}
.package_sec .card_box .card:nth-of-type(2) .text_box p:first-of-type { margin-bottom: 0;}
.package_sec .card .text_box{padding-top: 40px;}
.package_sec .icon{padding-right: 24px;}
.package_sec .card .text_box h3{min-height: 102px;display: flex;align-items: flex-end;}

.package_sec.list_style ul { padding-left: 0px;list-style-position: inside;}
.package_sec.list_style ul li {margin-bottom: 0px; font-size: 16px;line-height: 22px;list-style-type: disc;font-family: "Outfit", sans-serif;font-weight: 300; padding-left: 0;}
.package_sec.list_style ul li::before{background: unset;}
.package_sec .green{background: #00A36F; text-align: center;text-decoration: none;transition: 0.4s;overflow: hidden;display:inline-block;font-size: 16px;padding: 11px 33px 11px 33px;color: #ffffff;z-index: 1;text-transform: capitalize;position: relative;font-family: "Outfit", sans-serif;font-weight: 600;}
.package_sec .card.active .green{background:#9CD6E8; color: #000000;}
.package_sec .btn_box_top{ position: absolute; top:0; right:40px;}
.package_sec .flex_icon{display: flex; flex-wrap: wrap;  margin-bottom: 16px;}

/* include_package_sec css */
.include_package_sec .inner_part{ max-width:800px; margin: 0 auto; text-align: center;}
.include_package_sec .rotate_icon img{ margin-left: auto; display: block;}
.include_package_sec ul{ list-style: none; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap:20px  40px;}
.include_package_sec ul li{  font-size: 16px;font-family: "Outfit", sans-serif; font-weight: 600;}
.include_package_sec ul li a{ text-decoration: none; font-size: 16px;font-family: "Outfit", sans-serif; font-weight: 600;}


.error_page .text_img_sec.opposite { padding-top: 33px;}

.default_page{position: relative; z-index: 2;}
.default_page .inner_part{ max-width: 1000px;}
.default_page h1{margin-bottom: 15px;}
.default_page h2{margin-bottom: 15px;}
.default_page h3{margin-bottom: 15px;}
.default_page h4{margin-bottom: 15px;}
.default_page h5{margin-bottom: 15px;}
.default_page h6{margin-bottom: 15px}
.default_page ul{margin: 40px 0;}
.default_page ul li{ padding-left: 20px; font-size: 16px; margin-bottom: 5px;  font-family: "Outfit", sans-serif; font-weight: 300;}
.default_page ul li::before{ top: 10px; background: #0E3D23; width: 10px; height: 10px; border-radius: 50%;}




.search_sec .inner_part{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.search_sec .card{ width:48% ; text-decoration: none; display: flex; flex-wrap: wrap; gap:32px; margin-bottom: 40px; align-items: flex-start; }
/* .search_sec .card{ width:48% ; text-decoration: none; display: flex; flex-wrap: wrap; gap:32px; margin-bottom: 40px; background: #9CD6E8; padding: 20px;} */
.search_sec .card .img_box{width: 192px;background: #EBEBEB; display: flex; justify-content: center; align-items: center;}
.search_sec .card .text_box{width:calc(100% - 224px);}
.search_sec .card .btn_group{ margin-top: 36px;}
.search_sec .btn_group{ margin-top: 0;}

.pagination { display: flex; justify-content: center; align-items: center; margin-top: 40px; }
.wp-pagenavi a, .wp-pagenavi span { display: inline-block; padding: 10px 16px !important; text-decoration: none; color: #0E3D23; border: 1px solid #0E3D23; border-radius: 4px; text-align: center; line-height: 1; transition: 0.4s }
.pagination a:hover {background-color: #00a36f !important; color: #fff; border-color: #00a36f !important;}
.pagination a.active { background-color: #00a36f !important; color: #fff; border-color: #00a36f !important; }


/* footer css */
.footer .footer_top { background: #0E3D23; padding: 78px 0 60px;}
.footer .footer_top .inner_part{ display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 45px 0 112px;}
.footer .card { width: 13%;}
.footer .card.search { width: 23%; margin-top: auto;}
.footer .card ul{ list-style: none;}
.footer .card h5{ color: #fff; font-size: 16px;}
.footer .card ul li{ margin-bottom: 16px;  color: #fff;}
.footer .card ul li a{ font-size: 16px; line-height: 1; color: #fff;  text-decoration: none; transition: 0.4s; font-family: "Outfit", sans-serif; font-weight: 300;}
.footer .card ul li:hover a{ text-decoration: underline;}
.footer .card input{ padding: 12px 50px 12px 32px; width: 100%; color: #fff; border: 1px solid #fff; border-radius: 30px; background: transparent; color: #fff; font-family: "Tilt Warp"; font-size: 16px; font-weight: 400px;}
.footer .searh_box{ margin-top: 40px; position: relative;}
.searh_box{position: relative;}
.searh_box input[type="submit"]{ content: ""; position: absolute; right: 20px; border: none;  cursor: pointer;top: 50%; transform: translateY(-50%); font-size: 0; padding: 0; width:30px; height:100%; background: url(images/search_icon.svg) right center no-repeat; background-size: 19px;}
.searh_box input::placeholder{ color: #fff;}
footer .btn_one.white_bg{ border: 1px solid #fff; margin-top: 28px;}
footer .btn_one.white_bg:hover {border: 1px solid #FFCD00;;}
.footer .footer_bottom{ padding: 15px 0; background: #fff;}
.footer_bottom .inner_part{ display: flex; flex-wrap: wrap; align-items: center;}
.footer_bottom ul{ display: flex; align-items: center;  list-style: none; flex-wrap: wrap;}
.footer_bottom ul li{ font-size: 16px; color: #0E3D23; padding-left: 7px; margin-left: 7px; border-left: 1px solid #0E3D23; font-family: "Outfit", sans-serif; font-weight: 300; }
.footer_bottom ul li a{ font-size: 16px; text-decoration: none; color: #0E3D23;font-family: "Outfit", sans-serif; font-weight: 300; }
.footer_bottom p{ font-size: 16px;color: #0E3D23;font-family: "Outfit", sans-serif; font-weight: 300;margin-bottom: 0; }
.footer_bottom ul li a{ text-decoration: none; font-size: 16px; color: #0E3D23;font-family: "Outfit", sans-serif; font-weight: 300; }
/* .footer_bottom ul li:last-child{ padding-right: 0; margin-right: 0; border-right: unset;}  */
.footer .mob_btn{ display: none;}
.footer .card ul li:last-child{ margin-bottom: 0;}



/* Responsive css start */
@media only screen and (min-width:1700px) {
.header .header_top  .language {position: absolute;right: 40px;}
.header .header_top .left_search{min-height: 48px;}


}

@media only screen and (max-width:1440px) {
h1{font-size:60px; line-height: 65px;}
h2{font-size:55px; line-height: 60px;}
h3{font-size:35px; line-height: 45px;}
.wrapper{ max-width:1200px;}
.list_style ul li{ font-size: 22px;}
.mb_160{ margin-bottom: 120px;}

.header .logo{ width: 130px;}
.header .header_top  .language {position: static;right: unset;}
.header .header_top input{ width: 300px;}
.header .header_top  .btn_home  .btn_one.transparent { min-width: 300px;}
.header .header_bottom .menu > ul > li{ margin-right: 40px;}
.text_img_sec.bg_color .left_part{ padding: 30px 20px  30px 0;}
.default_page ul li{ font-size: 16px;}

}




@media only screen and (max-width:1279px) {
h1{font-size:50px; line-height: 60px;}
h2{font-size:45px; line-height: 60px;}
h3{font-size:30px; line-height: 40px;}

/* .wrapper{ max-width:1000px;} */

.mb_160{ margin-bottom: 100px;}

.header .header_top input{width: 250px;}
.header .header_top  .btn_home  .btn_one.transparent{min-width: 250px;}
.header .header_bottom .menu > ul > li{ margin-right: 30px;}
.header .header_top .language{ margin-left: 22px;}
.header .btn_box{ gap: 30px;}
.single_text_sec {padding: 50px 0 0;}
.three_card_sec .text_wrap { padding: 25px;}
.three_card_sec .text_icon{ margin-bottom: 20px;}
.package_sec .card{ padding: 40px 30px;}
.footer .footer_top .inner_part{ padding: 0 40px 0;}
.footer .card{ width: 20%;}
.text_img_sec .bg_text_box{padding: 20px 20px;}
.review_sec .left_part h3{ margin-bottom: 20px;}
.text_img_sec .text_icon{ margin-bottom: 0;}


}


@media only screen and (max-width:1023px) {
h1{font-size:40px; line-height:50px;}
h3{font-size:28px; line-height:38px;}
.wrapper{ max-width:100%;}
/* .list_style ul li{ font-size: 22px;} */
.mb_160{ margin-bottom:80px;}

.header .logo{ width: 120px;}
.header.sticky .menubar{ width: 55px; }
.header.sticky .logo{ width: 65px;} 
.header.sticky .menubar span{ margin-bottom: 10px; height: 4px;}
.header.sticky .menubar span:last-child{ margin-bottom: 0;}
.header .header_top{ display: none;}
.header .header_bottom .menu{ display: none;}
.header .btn_box{ display: none;}
.menubar{ display: block;transition: 0.4s;}
.header .right_part{ padding-top: 20px;}
.home .hero_sec .left_part{ order: 2;}
.home .hero_sec .right_part{order: 1;}
.hero_sec .left_part{ position: relative; width: 100%; max-width: 100%; }
.hero_sec .right_part{width: 100%;}
.hero_sec .right_part img{ display: none;}
.single_text_sec .left_part{ width: 100%; max-width: 100%;}
.text_img_sec .left_part{ width: 100%; margin-bottom: 80px;}
.text_img_sec.mt_top .right_part img{ margin-top:0;}
.text_img_sec .right_part{ width: 100%; padding-left:0;}
.three_card_sec .card {width: calc(50% - 16px);}
.text_img_sec .video_box{ margin-top:0;}
.text_img_sec.opposite .right_part { margin-bottom: 80px;}
.text_img_sec.opposite .left_part{ margin-bottom: 0;}
.review_sec .left_part{ width: 100%; margin-bottom: 56px;}
.review_sec .right_part{ width: 100%;}
.review_sec .left_part .text_box{ margin-left: auto; max-width: 100%; padding-right: 0;}
.nieuw_sec .card{ width: 100%;}
.footer .footer_top .inner_part{ padding: 0;}
.text_img_sec.bg_color .left_part{ padding: 80px 0;}
.text_img_sec.bg_color .left_part::before {left: -100%;}
.text_img_sec .right_part { display: none;}
.text_img_sec.top_sec .right_part { display:block;}
.text_img_sec .left_part{ margin-bottom: 0;}
.text_img_sec.top_sec .left_part{ margin-bottom: 80px;}
.hero_sec.two .inner_part{padding:250px 0 40px;}
.package_sec .card{ width: calc(50% - 15px);}
.contact_us_sec .left_part{ width: 100%; margin-bottom: 80px; padding-right: 0;}
.contact_us_sec .right_part{ width: 100%;}
.default_page h1{ font-size: 40px;} 
.text_img_sec.opposite .right_part img{ margin: 0 auto;}
.text_img_sec .text_box{ max-width: 100%;}
.hero_sec .inner_part{ padding: 260px 0 40px;}
.three_card_sec.bg_color .card:last-child::before {content: unset; position: unset;}
.review_sec .left_part h3 {margin-bottom: 20px}
.three_card_sec .card .line{ margin-bottom: 40px;}
.search_sec .card{ width: 100%; margin-bottom: 40px;}
.text_img_sec.opposite .right_part{ padding-right:0}
.text_img_sec.align .left_part{ margin-bottom:40px}
.text_img_sec.align .right_part{ display:block}
.text_img_sec .bg_text_box::before {bottom: -40px;width: 50px;height: 40px;clip-path: polygon(100% 0, 0 0, 49% 100%); background-size: 50px;}
.hero_sec .right_part::before {top: -115px;}
}


@media only screen and (max-width:767px) {
h2{ font-size: 40px; line-height:51px;}
h3{font-size:24px; line-height:30px;}


.hero_sec .inner_part{ padding: 287px 0 40px;}
.review_sec .card_box .card{ padding: 30px 20px;}
.footer .card , .footer .card.search{ width: 50%;}
.package_sec .card{ width: 100%; padding: 40px;}


}

@media only screen and (min-width: 1024px) and (max-width: 1440px) {
 .hero_sec .inner_part{ padding: 320px 0 40px;}
 .hero_sec .right_part::before{background-size: 55px;}
.three_card_sec .card.yellow .text_icon{ width: 100%;}
.three_card_sec .card .line { margin-bottom: 50px; width: 140px; }
.review_sec .card_box .card {padding: 20px 40px 40px;}
.text_img_sec.bg_color .inner_part{ align-items: flex-start;}
.text_img_sec .card .text_wrap h4{ font-size: 19px;line-height: 24px;}

}
@media only screen and (min-width: 600px) and (max-width: 1440px) {
 h1 {font-size: 60px; line-height: 70px;}
.list_style ul li{ font-size: 22px; padding-left: 55px;}
.text_img_sec.mt_top.list_style ul li{ font-size: 22px; padding-left: 55px;}
.hero_sec.two .inner_part {padding: 294px 0 40px;}
.contact_us_sec .rotate_icon img, .include_package_sec .rotate_icon img{ width: 55px; display: block;}
}



@media only screen and (max-width:600px) {
.wrapper{padding: 0 35px;}
.btn_group{ gap: 0 20px;}
.btn_one{ padding: 11px 23px;}
.hero_sec.mb_80{ margin-bottom: 40px;}
.hero_sec .inner_part h1{ margin-bottom: 0;}
.three_card_sec .text_wrap{ padding: 80px 40px;}
.three_card_sec .text_icon{ width: 100%;}
.three_card_sec .card.white img{ display: none;}
.three_card_sec .card{ width: 100%;}
.three_card_sec.bg_color .card:last-child::before { width: 0;}
.review_sec .slick-dots{ text-align: left;margin-bottom: -20px; padding: 20px 0 0 15px; }
.review_sec{ padding: 80px 0 100px;}
.review_sec .left_part h3{ font-size: 40px; line-height: 50px;}
.review_sec .left_part .text_box{ padding-right: 0;}
.review_sec .bottom_text { margin-top: 15px;}
.accordian_sec .accordian{ padding: 0 30px 0 40px;}
.accordian_sec .top_title{ text-align: left;}
.nieuw_sec .card .img_box{ width: 100%; min-height: 192px;}
.nieuw_sec .card .btn_group{ margin-top: 0;}

.nieuw_sec .card .text_box{width: 100%;}
.nieuw_sec .card{ gap: 16px; margin-bottom: 40px;}
.footer .card{ margin-bottom: 40px;}
.footer .card:last-child{ margin-bottom: 0;}
.footer .card, .footer .card.search{ width: 100%; text-align: center;}
footer .btn_one.white_bg.mob_btn{ display:inline-block; margin-right: 15px;margin-top: 0;}
.footer .footer_top{ padding: 80px 0;}
footer .btn_one.desktop{ display: none;}
.footer_bottom ul li{ margin-right: 3px; padding-right: 4px;}
.footer .footer_bottom {padding: 30px 0;}
.footer .searh_box{ max-width: 230px; margin: 40px auto 0;}
.package_sec .card { padding: 40px 30px;}
.contact_us_sec .left_part .card {text-align: center; width: calc(50% - 17px);}
.footer_bottom ul{ justify-content: center;}
.footer_bottom .inner_part{ justify-content: center;}
.contact_us_sec .rotate_icon img {margin-bottom: 0; position: relative; z-index: 1;}
.search_sec .card .img_box{ width: 100%;}
.search_sec .card .text_box{ width: 100%;}
.list_style ul li::before {top: 8px;}
.error_page .text_img_sec .text_box h2{font-size: 30px;line-height: 35px;}
.error_page .text_img_sec .text_box h4{font-size: 20px;line-height:26px;}
.error_page .text_img_sec.opposite{ padding-top:0}
 .contact_us_sec .rotate_icon img{ width: 55px; display: block;}
 .hero_sec .right_part::before {top: -75px; height: 71px; width: 71px; background-size: 71px;}
}