/* Theme Name: Hobp Author: hobp Author URI: https://hobp.nl Description: The Hobp Theme based on the famous Wordpress CMS. Version: 1.0 */ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap'); * {margin: 0;padding: 0;box-sizing: border-box;} img {max-width: 100%;height: auto;} body {background: #ffffff;font-size:18px;line-height:1;color: #545454 ;font-family: 'Poppins', sans-serif;font-weight: 500;} ul {list-style: none;padding: 0;} p,.list ul,.list ol {margin-bottom: 25px;} .list ul li{list-style-type: disc;} .list ul,.list ol{padding-left: 18px;} p,.list li{line-height: 28px; font-weight: 200;} a {color: inherit;text-decoration: none;transition: 0.4s;} /* ----- Heading Font CSS ------ */ h1,h2,h3,h4,h5,h6 {margin-bottom: 28px;line-height: 1;font-weight: 600;color: #000000;} h1{font-size:42px;line-height: 54px;} h2{font-size:38px;line-height: 50px;} h3{font-size:28px;line-height: 35px;} h4{font-size:24px;} h5{font-size:20px;} h6{font-size:14px;text-transform: uppercase;position: relative;display: inline-block;padding-bottom: 12px;margin-bottom: 12px;} h6::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 5px;background: #91c441;} .large h1{font-size: 50px;} strong{font-weight: 700;} h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong{color:#91c441;} 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{border: none;outline: none;} .layout{overflow: hidden;} /* global css start */ .full_width{width: 100%;float: left;} .wrapper{max-width:1170px;margin: 0 auto;width: 100%;padding: 0 40px;} .btn_one{padding:28px 40px;min-width:122px;display: inline-block;font-size: 18px;border-radius: 40px;line-height: 1;background:transparent;color: #000000;border:1px solid #91c441;font-weight: 500;transition: 0.4s;text-align: center; margin-top:20px;} .btn_one:hover{background: #91c441;border-color: #91c441;color: #ffffff;} .btn_one.orange{background: #91c441;border-color: #91c441;color: #ffffff;} .tick_list ul{margin-bottom: 25px;} .btn_one.orange:hover{background: #ffffff;border-color: #000000;color: #000000;} .tick_list li{font-weight:100;position: relative;font-size: 18px;line-height: 24px;padding-left: 30px;margin-bottom: 10px;} .tick_list li::before{content: "";position: absolute;left: 0;top: 0;background: url(images/tick.png)center no-repeat;width: 20px;height: 20px;} .btn_one.green{color: #91c441;border-color: #91c441;padding: 26px 20px;font-size: 22px;} .btn_one.green:hover{background: #ffffff;} .btn_one.yellow{color: #ffffff;border-color: #91c441;padding: 26px 20px;font-size: 22px;background: #91c441;} .btn_one.yellow:hover{background: #91c441;border-color: #91c441;} .btn_one .arrow{position: relative;margin-left: 8px;background: url(images/right-arrow-green-old.png) center no-repeat;width: 40px;height: 23px;background-size: 40px !important;display: inline-block;vertical-align: middle;} .btn_one.yellow .arrow{background: url(images/right-arrow-white.png) center no-repeat;} .btn_text{font-size: 18px;font-weight: 500;color: #91c441} .btn_text .arrow{position: relative;margin-left: 8px;} .btn_text .arrow::before{content: "";position: absolute;left: 0;top: 4px;background: url(images/arrow-green-old.svg) center no-repeat;width: 9px;height: 14px;background-size: 9px !important;} .main-content{position: relative;margin-top: 201px;} .pt_150{padding: 150px 0 !important;} .pb_90{padding-bottom: 90px !important;} .green_bg{background: #f8f8f8 !important;} .pt_55{padding-top: 55px !important;} /* global css end */ /* ******************************* main css ***************************** */ /* header start */ .header_top{background: #ffffff;padding: 10px 0;} .header_top .wrapper{max-width: 1720px;} .header_top .inner_part{display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: flex-end;} .header_top .logo{width: 230px;} .header_top .logo a{display: block;} .header_top .logo a img{display: block;} .header_top .right_part{width: calc(100% - 230px);max-width: 1202px;display: flex;flex-wrap: wrap;justify-content: flex-end;padding-bottom: 22px;align-items: center;} .header_top .right_part a{margin-right: 16px;} .header_top .right_part a:last-child{margin-right: 0;} .header_top .right_part .btn_one{padding: 20px;} .header_bottom {background: #1d1b14;padding: 15px 0;} .header_bottom ul {display: flex;flex-wrap: wrap;justify-content: center;} .header_bottom ul li {display: inline-block;margin-right: 40px;} .header_bottom li:last-child{margin-right: 0;} .header_bottom li a{font-weight: 700;color: #ffffff;display: inline-block;padding: 15px 0;} .header_bottom li a:hover{color: #91c441;} .header_bottom ul li.current-menu-item a{color: #91c441;} .header {transition: 0.4s;position: fixed;left: 0;top: 0;z-index: 9999;} .header.sticky {transform: translateY(-100%);} .header.sticky_2 {transform: translateY(calc(-100% + 201px));} /* header end */ /* breadcrumbs start */ .breadcrumbs{background: rgba(0, 0, 0,0.2);padding: 22px 0;position: absolute;left: 0;top: 0;width: 100%;z-index: 2;} .breadcrumbs ul{display: flex;flex-wrap: wrap;} .breadcrumbs li,.breadcrumbs ,.breadcrumbs span{color: #f8f8f8;font-size: 16px;} .breadcrumbs span[property="itemListElement"]:first-child{margin-left: 0;} .breadcrumbs span[property="itemListElement"]{margin: 0 10px;} .breadcrumbs.two li,.breadcrumbs.two ,.breadcrumbs.two span{color: #000000;} .breadcrumbs li:last-child{margin-right: 0;} /* breadcrumbs end */ /* hero start */ .hero{min-height: 600px;} .hero.comm{min-height: 874px;padding:100px 0 66px;display: flex;flex-wrap: wrap;align-items: flex-end;position: relative;} .hero.comm.two{align-items: center;} .hero_inner{color: #ffffff;} .hero_inner .inner_part{max-width: 910px;margin-left: 90px;width: 100%;} .hero.two .hero_inner .inner_part{max-width: 650px;margin-left: 0;width: 100%;} .hero.comm.two h1{margin-bottom: 0;} .hero.comm.two p{font-size: 18px;} .hero.three{display: flex;align-items: flex-end;padding: 100px 0 50px;} .hero.three .hero_inner .inner_part{margin-left: 0;} .hero.three .hero_inner h1{margin-bottom: 5px;} .hero_inner .inner_part p:last-child{margin-bottom: 0;} .hero h1,.hero h2{color: #ffffff;} .hero { position: relative; } .hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.2); z-index: 1; } .hero_inner { position: relative; z-index: 2; } /* hero end */ /* right sticky start */ .social_icon_sticky{position: fixed;right: 0;top: 45%;transform: translateY(-50%);width: 140px;display: flex;flex-wrap: wrap;justify-content: space-between;z-index: 100;margin-right: 140px;align-items: flex-start;} .social_icon_sticky p{font-size: 18px;font-weight: 700;line-height: 18px;text-align: center;margin-bottom: 0;width: 90px;position: relative;color: #000000;} .social_icon_sticky p::after{content: "";position: absolute;right: 0;bottom: -52px;background: url(images/arrow.png)center no-repeat;width: 46px;height: 56px;} .social_icon_sticky ul{width: calc(100% - 100px);} .social_icon_sticky ul li{margin-bottom: 6px;} .social_icon_sticky ul li:last-child{margin-bottom: 0px;} .social_icon_sticky li a{background: #91c441;width: 40px;height: 40px;border-radius: 6px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;} .social_icon_sticky li a:hover{background: linear-gradient(120deg, #12594b , #318b63);} .social_icon_sticky li a img{max-width: 24px;} /* right sticky end */ /* two col text start */ .two_col_text{padding-bottom: 70px; position: relative; z-index: 99;} .two_col_text .inner_part{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;} .two_col_text .left_part{width: 45%;padding-top: 60px;} .two_col_text .right_part{width: 49%;} .quotation_box{background-image: linear-gradient(120deg, #e83863 , #ff799a);border-radius: 90px;padding:60px; margin-top: -118px;margin-bottom: 70px;} .quotation_box h2{color: #ffffff; font-size: 25px; line-height: 30px; } .quotation_box h5{font-size: 18px;margin-bottom: 14px;color: #ffffff;line-height: 23px;} .quotation_box img{display: inline-block;width: auto;mix-blend-mode: multiply;} .quality_comes h3{margin-bottom: 8px;} .quality_comes p{font-size: 16px;line-height: 22px;color: #959595;} .company_logo{display: flex;flex-wrap: wrap;gap: 30px;max-width: 75%;margin: 0 auto;float: unset;} .company_logo .card{width: calc(25% - 23px);} .company_logo .card .img{min-height: 75px;display: flex;flex-wrap: wrap;align-items: center;margin-bottom: 15px;} .company_logo .card img{width: auto;display: block;margin: 0 auto;filter: grayscale(1);} .company_logo .card h5{font-size: 9px;line-height: 12px;text-align: center;margin-bottom: 0;} .two_col_text.two{padding-top: 90px;} .two_col_text.two .top_title{margin-bottom: 30px;} .two_col_text.two .quotation_box{margin-top: 0;} .two_col_text.two .left_part{padding-top: 0;} /* two col text end */ /* image and text start */ .image_text{background: #f8f8f8;padding: 100px 0;} .image_text .inner_part{display: flex;flex-wrap: wrap;justify-content: space-between;align-items:center;} .image_text .left_part{width: 38%;} .image_text .right_part{width: 49%;} .image_text h4{color:#959595;font-size: 16px;font-style: italic;} .image_text h3,.image_text h4{margin-bottom: 40px;} .video_section a{display: block;} .video_section img{display: block;width: 100%;border-radius: 6px;} /* image and text end */ /* what we offer start */ .what_we_offer{padding: 100px 0;} .what_we_offer .top_content p{font-size: 18px;} .what_we_offer .top_content p:last-child{margin-bottom: 0px;} .img_text_bolck{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;} .img_text_bolck .left_part{width: 100%;position: relative;z-index: 1;text-align: center;} .img_text_bolck .left_part strong{color: #91c441;font-weight: inherit;} .img_text_bolck .right_part{width: 100%;} .img_text_bolck .button_box,.fullwidth_text .button_box{display: flex;flex-wrap: wrap;} .img_text_bolck .button_box .btn_one,.fullwidth_text .button_box .btn_one{margin-right: 15px;} .img_text_bolck .button_box .btn_one:last-child,.fullwidth_text .button_box .btn_one:last-child{margin-right: 0px;} .img_text_bolck .right_part .image {padding-top: 45px;} /* what we offer end */ /* img text overlap start */ .image_text_overlap{padding-bottom:115px;} .image_text_overlap .card:first-child .inner_part{margin-top: 0;} .image_text_overlap .card .inner_part{background: #ffffff; margin-top: -32px; max-width: 628px;width: 100%; float: left;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between; border-radius: 10px;box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.16);padding: 30px;} .image_text_overlap .card.opposite .inner_part{float: right;} .image_text_overlap .card .image{width: 154px;} .image_text_overlap .card .image img{width: 100%;display: block;border-radius: 10px;} .image_text_overlap .card .text{width: calc(100% - 190px);} .image_text_overlap .card .text h4{color: #91c441;margin-bottom: 8px;} .image_text_overlap .card .text p,.floating_card p{font-size: 16px;line-height: 22px;font-weight:100;} .image_text_overlap .card .text p:last-child,.floating_card p:last-child{margin-bottom: 0;} .image_text_overlap .card.opposite .image{order: 2;} .image_text_overlap .card.opposite .text{order: 1;} .what_we_offer .floating_card{margin-bottom: 30px;width: 48%;} .what_we_offer .floating_card:last-child{margin-bottom: 0;} .what_we_offer .floating_card h5{position: relative;margin-bottom: 8px;} .floating_card .tick{background: url(images/tick.png)center no-repeat;width: 20px;background-size: 20px;height: 20px;float: left;} .what_we_offer .text_box_right{width: calc(100% - 20px);float: right;padding-left: 10px;} .img_text_bolck .right_part .floating_card_inner {margin: 30px 0 50px;display: flex;flex-wrap: wrap;justify-content: space-between;} .what_we_offer .bottom_section{text-align: center;} .floating_card .hidden_text p {display: none;} .floating_card .less_btn {cursor: pointer;color: #91c441;} /* img text overlap end */ /* counter start */ .counter_sec{background: #2B2B2B;padding: 130px 0 150px;} .counter_sec .wrapper{max-width: 1000px;} .counter_sec .title{text-align: center;color: #ffffff;margin-bottom:85px;} .counter_sec .title h2{font-size: 44px;color: #ffffff;} .counter_sec .inner_part{display: flex;flex-wrap: wrap;gap: 70px 63px;justify-content:center;} .counter_card{width: calc(33.33% - 42px);text-align: center;} .counter_card h2{font-size: 70px;color: #91c441;font-weight: 700;margin-bottom: 19px;} .counter_card p{color: #f8f8f8;line-height: 26px;} /* counter end */ /* oplossingen start */ .meer_oplossingen{padding-top: 93px;padding-bottom: 22px;} .meer_oplossingen .top_content{max-width: 978px;margin-bottom: 10px;width: 100%;} .meer_oplossingen .inner_part{display: flex;flex-wrap: wrap;gap: 30px;margin-bottom: 50px;} .oplossingen_card{width: calc(33.33% - 20px);border-radius: 10px;box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.16);padding: 30px;background: #ffffff;} .oplossingen_card .image{width: 100%;float: left;margin-bottom: 20px;} .oplossingen_card .image img{width: 100%;display: block;border-radius: 6px;} .oplossingen_card .text{width: 100%;float: left;} .oplossingen_card .text h3{font-weight: 700;margin-bottom: 5px;} .oplossingen_card .text p{font-size: 16px;line-height: 22px;margin-bottom: 5px;} .oplossingen_card .text a:hover{text-decoration: underline;} .meer_oplossingen .bottom_btn .btn_one{min-width: 335px;} /* oplossingen end */ /* collaborations start */ .collaborations{padding: 80px 0;} .collaborations .title{text-align: center;margin-bottom: 22px;} .collaborations .inner_part{display: flex;flex-wrap: wrap;gap: 25px;} .collaborations .card{width: calc(33.33% - 20px);border-radius: 10px;box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.16);padding: 27px;background: #ffffff;margin: 15px;} .collaborations .card img{max-width: 184px;margin: 0 auto;display: block;} .collaborations .slick-arrow {position: absolute;top: 50%;transform: translateY(-50%);z-index: 1;width: 50px;height: 50px;border: 1px solid #91c441;border-radius: 50%;font-size: 0;outline: none;cursor: pointer;transition: 0.4s;} .collaborations .slick-prev.slick-arrow {left: -55px;background: #fff url(images/prev_arrow.svg)center center no-repeat;} .collaborations .slick-next.slick-arrow {right: -55px;background: #fff url(images/next_arrow.svg)center center no-repeat;} .collaborations .slick-prev.slick-arrow:hover {background: #91c441 url(images/prev_arrow_white.svg)center center no-repeat;} .collaborations .slick-next.slick-arrow:hover {background: #91c441 url(images/next_arrow_white.svg)center center no-repeat;} /* collaborations end */ /* review section start */ .review_section{background: #f8f8f8;padding: 77px 0 85px;} .review_section .slick-track{display: flex !important;flex-wrap: wrap;} .review_section .card{background: #ffffff;padding: 43px 65px 60px;height: inherit;margin:15px 8px;border-radius: 10px;box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.16);} .review_section .card p{font-size: 23px;line-height: 33px;} .user_box{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;} .user_box .image{width: 100px;} .user_box .image img{display: block;width: 100%;border-radius: 100%;} .user_box .text{width: calc(100% - 128px);} .user_box .text h4{font-size: 22px;margin-bottom: 8px;} .user_box .text h5{font-size: 16px;color: #959595;margin-bottom: 10px;} .user_box .text ul{display: flex;} .user_box .text li{display: inline-block;width: auto;margin-right: 5px;} .user_box .text li:last-child{margin-right: 0;} /* review section end */ /* contact sec start */ .contact_sec{padding: 90px 0 38px;} .contact_sec .title{max-width: 536px;width: 100%;} .contact_sec .title h2{margin-bottom: 40px;line-height: 1.1;} .contact_sec .inner_part{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;} .contact_sec .left_part{width: 49%;} .contact_sec .right_part{width: 42%;padding-top: 40px;} .contact_sec .field{margin-bottom: 33px;width: 100%;float: left;} .contact_sec .field:last-child{margin-bottom: 0;} .contact_sec .field input{width: 100%;float: left;border: none;background: transparent;padding: 13px 0;border-bottom: 1px solid #707070;font-size:18px;line-height:1;color: #000000;font-family: 'Poppins', sans-serif;font-weight: 500;} .contact_sec .field textarea{width: 100%;float: left;background: transparent;border: none;border-bottom: 1px solid #707070;font-size:18px;line-height:1;color: #000000;font-family: 'Poppins', sans-serif;font-weight: 500;resize: none;height: 120px;} .contact_sec .field input[type="submit"]{background: #91c441;min-width: 182px;width: auto;border: 1px solid #91c441;border-radius: 40px;cursor: pointer;padding: 29px 10px;transition: 0.4s;color: #ffffff;} .contact_sec .field input[type="submit"]:hover{background: #ffffff;color: #000000;border-color: #000000;} .contact_sec .field.submit,.want_to_work .application_form .field.submit{position: relative;width: auto;} .want_to_work .application_form .field.submit::after{display: none;} .contact_sec .image{margin-bottom: 30px;} .contact_sec .image img{width:auto;display: block;border-radius: 10px;} .address_detail p{margin-bottom: 5px;color: #000000;} .address_detail a{position: relative;display: inline-block;font-size: 18px;line-height: 24px;padding-left: 30px;} .address_detail a:hover{color: #91c441;} .address_detail a::before{content: "";position: absolute;left: 0;top: 0;width: 18px;height: 26px;background-size: 18px !important;} .address_detail a.location::before{background: url(images/location.svg)center no-repeat;} .address_detail a.tel::before{background: url(images/tel.svg)center no-repeat;} .address_detail a.email::before{background: url(images/email.svg)center no-repeat;} .address_detail a.link::before{background: url(images/document-text.svg)center no-repeat;} .contact_sec ::-ms-input-placeholder {color: #000000;} .contact_sec ::placeholder {color: #000000;opacity: 1;} .contact_sec .field.textarea{margin-bottom: 23px;} /* contact sec end */ /* text and image start */ .text_img_block_repeat{padding:100px 0 70px;} .text_img_block{padding-bottom: 55px;} .text_img_block .inner_part{display: flex;flex-wrap: wrap;justify-content: space-between;align-items:center;} .text_img_block .left_part{width: 49%;} .text_img_block .right_part{width: 42%;} .text_img_block .right_part img{width: 100%;display: block;border-radius: 6px;} .text_img_block.opposite .left_part, .text_img_block .inner_part.opposite .left_part{order: 2;} .text_img_block.opposite .right_part{order: 1;} .text_img_block.text_img_block_new {padding-top: 55px;} .text_img_block.text_img_block_new .inner_part {margin-bottom: 55px;} .text_img_block.text_img_block_new .inner_part:last-child {margin-bottom: 0;} .text_img_block.text_img_block_new .left_part {width: 52%;} .text_img_block.text_img_block_new .left_part .text_box {width: 100%;max-width: 545px;} .text_img_block.text_img_block_new .right_part {width: 45%;} .text_img_block.text_img_block_new .right_part img {border-radius: 50px;width: 365px;max-width: 365px;margin-right: auto;} /* text and image end */ /* text with bg image start */ .text_with_bgimg{position: relative;min-height: 600px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;padding: 50px 0;} /* .text_with_bgimg::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-image: linear-gradient(to right, #f8f8f8 30% , transparent 100%);} */ .text_with_bgimg.two::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0,0.45);} .text_with_bgimg .inner_part{position: relative;z-index: 1;color: #545454;max-width: 500px;width: 100%;} .text_with_bgimg.two .inner_part{max-width: 100%;width: 100%;text-align: center;} .text_with_bgimg h4{font-size: 18px;} /* .text_with_bgimg .wrapper {max-width: 1336px;} */ .text_with_bgimg h2:last-child,.text_with_bgimg h4{margin-bottom: 0;} .text_with_bgimg .button_box{display: flex;flex-wrap: wrap;align-items: center;} .text_with_bgimg .button_box .btn_one.white{background: #ffffff;margin-left: 8px;margin-top: 50px;} .text_with_bgimg .button_box .btn_one.white:hover{background: #91c441;} .text_with_bgimg.two h2,.text_with_bgimg.two h4{color: #ffffff;} .text_with_bgimg .btn_one.orange {margin-top: 50px;} /* text with bg image end */ /* healthy growth start */ .healthy_growth{background: #f8f8f8;padding: 120px 0 100px;} .healthy_growth h3{color: #91c441;} .healthy_growth .top_content{margin-bottom: 25px;} .page-template-template-medewerkers-ontwikkelen .four_card_block {flex-wrap:nowrap;} .four_card_block{margin-bottom: 25px;display: flex;gap: 25px;padding-right: 90px;flex-wrap: wrap;} .four_card_block .card{background: #ffffff;width: calc(25% - 19px);border-radius: 25px;box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.16);padding: 46px 10px;text-align: center;} .four_card_block.five .card{width: calc(20% - 20px);} .four_card_block .icon{min-height: 101px;margin-bottom: 19px;width: 100px;margin: 0 auto;float: unset;} .four_card_block .card .icon svg path{transition: 0.4s;} .four_card_block .card:hover .icon svg path{fill:#12594b ;} .four_card_block .card .icon svg{width: 100%;height: 100%;} .four_card_block .icon img{width: auto;display: block;margin: 0 auto;} .four_card_block .text p{color: #91c441;font-size: 20px;line-height: 25px;margin-bottom: 0;} .our_module{padding:94px 0 66px;} .our_module .title{text-align: center;margin-bottom: 65px;} .our_module .four_card_block{padding: 0 44px;} .our_module .button_box{display: flex;justify-content: center;flex-wrap: wrap;} .our_module .four_card_block .card{background-image: linear-gradient(120deg, #12594b , #318b63);margin-bottom: 40px;border:1px solid transparent;transition: 0.4s;cursor: pointer;} .our_module .four_card_block .card:hover {background:#fff;border:1px solid #12594b;} .our_module .four_card_block .card:hover .text p {color: #12594b;} .our_module .four_card_block .text p{color: #ffffff;} .our_module .bottom_text_sec p{text-align: center;} .our_module .bottom_text_sec .btn_one{margin: 8px;} /* healthy growth end */ /* full with text start */ .fullwidth_text{padding: 95px 0;} .fullwidth_text img{max-width: 620px;border-radius: 6px;width: 100%;} img.align-right{margin: 50px 20px 20px;margin-right: 0; float: right;} img.align-left{margin: 50px 20px 20px;margin-left: 0; float: left;} .fullwidth_text.two .inner_part{max-width: 1007px;width: 100%;} .fullwidth_text h4{color: #91c441;margin-bottom: 8px;position: relative;padding-top: 25px;} .fullwidth_text h4::before{content: "";position: absolute;left: 0;top: 0;background: url(images/tick.png)center no-repeat;width: 20px;background-size: 20px;height: 20px;} .page-template-template-oplossing .fullwidth_text .inner_part {border: 1px solid #000000;border-radius: 10px;padding: 50px 40px;} /* full with text end */ /* two column text start */ .two_col_text_block{position: relative;z-index: 1;margin-bottom: 95px;} .two_col_text_block .inner_part{margin-top: -300px;display: flex;flex-wrap: wrap;justify-content: space-between;background: #ffffff;border-radius: 10px;box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.16);padding: 90px 60px;} .two_col_text_block .card{width: 45%;} .two_col_text_block p{font-size: 18px;} .two_col_text_block img{border-radius: 6px;display: block;width: auto;} .two_col_text_block .button_box{width: 338px;} .two_col_text_block .button_box .btn_one {display: flex;justify-content: center;} /* two column text end */ /* neem contact start */ .neem_contact{background: #f8f8f8;padding: 100px 0;} .neem_contact .inner_part{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;} .neem_contact .left_part{width: 40%;} .neem_contact .left_part img{width: 100%;display: block;border-radius: 100%;} .neem_contact .right_part{width: 54%;} .neem_contact .right_part h2{font-size: 34px;} .neem_contact .right_part h3{margin-bottom: 0;} .neem_contact .btn_one{margin-top: 40px;} /* neem contact end */ /* meet hobpers start */ .meet_hobpers{padding: 70px 0 50px;} .meet_hobpers .top_content{max-width: 927px;margin-bottom: 45px;} .meet_hobpers h1{color: #91c441;} .hobpers_inner .inner_part{display: flex;flex-wrap: wrap;gap: 15px;} .hobpers_inner .card{width: calc(33.33% - 10px);margin-bottom: 20px;position: relative;border-radius: 25px;overflow: hidden;} .hobpers_inner .card::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0,0.1);} .hobpers_inner .card img{width: 100%;display: block;} .hobpers_inner .card .overlap_text{position: absolute;left: 0;bottom: 0;width: 100%;height: auto;padding: 20px 30px;z-index: 1;} .hobpers_inner .overlap_text h4{margin-bottom: 0;color: #ffffff;font-size: 21px;font-weight: 100;} .hobpers_inner .overlap_text h4 strong{color: inherit;} /* meet hobpers end */ /* contact detail start */ .laten_kennismaken{background: #f8f8f8;padding: 75px 0;} .laten_kennismaken .title{text-align: center;} .laten_kennismaken h3{font-size: 34px;margin-bottom: 33px;} .laten_kennismaken .inner_part{display: flex;flex-wrap: wrap;gap: 30px;} .laten_kennismaken .card{width:calc(33.33% - 20px);display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;} .laten_kennismaken .icon{width: 53px;} .laten_kennismaken .icon img{width: auto;display: block;} .laten_kennismaken .text{width: calc(100% - 63px);} .laten_kennismaken .text p{margin-bottom: 3px;font-size: 21px;line-height: 26px;color: #000000;} .laten_kennismaken .text p a{font-size: 25px;color: #91c441;font-weight: 500;} /* contact detail end */ /* want to work hobp start */ .want_to_work{background: #f8f8f8;padding: 110px 0 150px;} .want_to_work .inner_part{display: flex;flex-wrap: wrap;justify-content: space-between;} .want_to_work .left_part{width: 46%;} .want_to_work .right_part{width: 49%;} .want_to_work .left_part img{border-radius: 6px;} .want_to_work .left_part p{font-size: 18px;} .want_to_work h1{margin-bottom: 40px;} .want_to_work p{color: #000000;} .want_to_work .left_part .btn_one.orange{background: transparent;border-color: #91c441;color: #91c441;} .want_to_work .left_part .btn_one.orange:hover{background: #ffffff;color: #000000;border-color: #000000;} /* want to work hobp end */ /* Stay informed start */ .stay_informed{padding: 100px 0;} .stay_informed .title{margin-bottom: 25px;} .stay_informed .inner_part{display: flex;flex-wrap: wrap;gap: 15px;} .stay_informed .card{box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.16);padding: 60px 40px;width: calc(33% - 8px);background: #ffffff;} .stay_informed h4{color: #91c441;margin-bottom: 5px;} .stay_informed p{font-size: 18px;} .stay_informed p:last-child{margin-bottom: 0;} /* Stay informed end */ /* faq start */ .faq{padding:70px 0 115px;} .faq .top_content{max-width: 782px;margin-bottom: 30px;} .faq .top_content h1{color: #91c441;margin-bottom: 15px;} .faq .inner_part{box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.16);padding: 50px 65px;background: #ffffff;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;} .faq .left_part{width: 36%;} .faq .right_part{width: 56%;} .faq .left_part img{width: 100%;display: block;border-radius: 6px;} .accordian .acc-items{width: 100%;float: left;border-bottom: 1px solid #707070;} .accordian .acc-items:first-child{border-top: 1px solid #707070;} .accordian .acc-title{width: 100%;float: left;cursor: pointer;padding: 20px 0;} .accordian .acc-content{width: 100%;float: left;display: none;} .accordian .acc-title h4{font-size: 18px;line-height: 22px;font-weight: 700;margin-bottom: 0;position: relative;padding-right: 60px;} .accordian .acc-title h4::after{content: "";position: absolute;right: 30px;top: 2px;background: url(images/arrow-down.svg)center no-repeat;width:15px;height:19px;background-size:15px !important;transition: 0.4s;} .accordian .acc-title.active h4::after{transform: rotate(180deg);} .accordian .acc-content p{font-size: 18px;line-height: 24px;} /* faq end */ .like_taste.full_width { position:relative; z-index: 99; } .like_taste .inner_part{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;} .like_taste .left_part{width: 36%;} .like_taste .right_part{width: 56%;padding-top: 50px;} .like_taste .application_form{margin-top: -490px;} .application_form:not(.two){background: #f8f8f8;box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.16);padding: 25px;} .application_form img{margin-bottom: 30px;width: 100%;display: block;border-radius: 6px;} .application_form .field{width: 100%;float: left;margin-bottom: 15px;} .application_form .field input{width: 100%;float: left;border: 1px solid #91c441;border-radius: 8px;padding: 18px 20px 18px 45px;font-size: 18px; color: #000000;font-family: 'Poppins', sans-serif;font-weight: 400;font-style: normal;} .application_form:not(.two) .field input[type="submit"]{background: #91c441;border-color: #91c441; border-radius: 40px;font-size: 20px;padding: 20px;color: #ffffff;text-align: center;cursor: pointer;transition: 0.4s;} .application_form .field.submit{position: relative;} .application_form .field input[type="submit"]:hover{background: #fff;color:#000;border-color: #91c441;} .form_icon_com{position: relative;} .form_icon_com.person_icon{background: url(images/person.png)left 20px center no-repeat #ffffff;background-size:17px;} .form_icon_com.organisatie_icon{background: url(images/home.png)left 20px center no-repeat #ffffff;background-size:21px;} .form_icon_com.email_icon{background: url(images/email.png)left 20px center no-repeat #ffffff;background-size:20px;} .form_icon_com.telefoon_icon{background: url(images/phone.png)left 20px center no-repeat #ffffff;background-size:16px;} .form_icon_com.linkedIn_icon{background: url(images/linkedin2.png)left 20px center no-repeat #ffffff;background-size:16px;} .personal_leadership{background: #f8f8f8;margin: 95px 0;} .personal_leadership .inner_part{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;} .personal_leadership .left_part{padding: 90px 0;width: 60%;} .personal_leadership .application_form{margin-top: -90px;margin-bottom: -45px;} .personal_leadership .right_part{width: 36%;} .personal_leadership .left_part h3{font-size: 34px;margin-bottom: 45px;} .personal_leadership .personal_card{margin-bottom: 45px;} .personal_leadership .personal_card:last-child{margin-bottom: 0px;} .personal_leadership .personal_card h4{font-size: 21px;margin-bottom: 0;} .personal_leadership .personal_card h3{font-size: 26px;font-weight: 700;color: #91c441;margin-bottom: 0;} .personal_leadership .personal_card h3 a{display: block;transition: 0.4s;background: url(images/right-arrow-green.png)right center no-repeat;} .personal_leadership .personal_card h3 a:hover{color:#6E9714;} .application_form .field.left{width: 48%;float: left;} .application_form .field.right{width: 48%;float: right;} .application_form.two p{font-size: 16px;line-height: 21px;} .application_form.two .field input[type="submit"]{background: #91c441;border-radius: 50px;border-color: #91c441;color: #ffffff;padding: 25px 20px;text-align: center;width: 247px;cursor: pointer;transition: 0.4s;} .application_form.two .field:last-child{margin-bottom: 0;} .application_form.two .field input[type="submit"]:hover{background: #ffffff;border-color: #000000;color: #000000;} /* footer start */ .footer{background: #2B2B2B;padding: 68px 0 40px;} .footer .footer_top{display: flex;flex-wrap: wrap;justify-content: space-between;border-bottom: 1px solid #f8f8f8;} .footer_top .footer_card{width: 27%;padding-bottom: 15px;display: flex;flex-wrap: wrap;justify-content: space-between;flex-direction: column;} .footer_top .footer_card:nth-child(2){width: 33%;} .footer_top .footer_card:nth-child(3){width: 37%;} .footer_top .footer_card .bottom_sec {padding-top: 75px;} .footer .footer_top h4{color: #91c441;margin-bottom:24px;} .footer .footer_top li{margin-bottom: 6px;display: block;} .footer .footer_top li a{color: #f8f8f8;font-size: 18px;line-height: 24px;display: inline-block;} .footer .footer_bottom{padding-top: 24px;} .footer .footer_top li a:hover{color: #91c441;} .footer_logo{display: inline-block;} .footer_logo img{display: block;} .footer_bottom ul{display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;} .footer_bottom li,.footer_bottom a{font-size: 16px;line-height: 1;color: #91c441;} .footer_bottom li{position: relative;margin-right: 10px;padding-right: 10px;margin-bottom: 8px;} .footer_bottom li::after{content: "";position: absolute;right: 0;top: 0;width: 2px;height: 100%;background: #91c441;} .footer_bottom li:last-child::after{display: none;} .footer_bottom li:last-child{padding-right: 0;margin-right: 0;} .footer_bottom a:hover{color: #91c441;} /* footer end */ /* mobile menu */ .menu_bar{width: 40px;cursor: pointer;display: none;} .menu_bar span{width: 100%;display: block;height: 5px;background: #6E9714;margin-bottom: 8px;transition: 0.4s;} .menu_bar span:last-child{margin-bottom: 0;} .page-id-17 .contact_sec {background: #f8f8f8 ;} .page-id-17 .meer_oplossingen {padding-bottom: 90px;} .wpcf7-form-control-wrap{width: 100%;display: block;} .wpcf7-response-output{margin: 20px 0 10px !important;padding: 10px !important;text-align: center;width: 100%;float: left;font-size: 16px !important;color: #000000 !important;} .contact_sec input.wpcf7-not-valid,.application_form input.wpcf7-not-valid{border-color:#dc3232 !important;} .wpcf7-not-valid-tip{font-size: 0 !important;display: none !important;} .wpcf7-spinner{position: absolute !important;right: 0 !important;top: 0% !important;} .wpcf7 form.sent .wpcf7-response-output {border-color: #46b450!important; background-color: #46b450!important;color: #fff !important;border-radius: 10px;} .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {line-height: 1.2 !important; background: red; color:#fff !important; border-color: red !important; border-radius: 10px; } .field.uploader{position: relative;} .field.uploader .innerpart{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .file_upload{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;border: 1px solid #91c441;border-radius: 8px;padding:30px 22px;} .file_upload .text_label p{color:#91c441;font-size: 18px;font-weight: 400;margin-bottom: 0;} .file_upload .text_label {width: calc(100% - 110px);} .file_upload .icon{width: 90px;} .file_upload .icon p,.file_upload .icon img{margin-bottom: 0;} .file_upload .icon img{display: block;} .field.uploader p{margin-bottom: 0;} .field.uploader .innerpart p,.field.uploader .innerpart label,.field.uploader .innerpart span,.field.uploader .innerpart input{width: 100%;height: 100%;} .field.uploader .innerpart input{opacity: 0;cursor: pointer;padding: 0;} .file_upload .text_label span{color: #000000;display: block;width: 100%;margin-top: 5px;} /* Nieuws section styling start here */ .newius{min-height: 300px;} .nieuwsSection .innerPart{margin-top: -150px;position: relative;z-index: 1; display: flex; gap: 15px; flex-wrap: wrap; } .nieuwsSection .text_img_cart{width:calc(33.33% - 10px);padding: 20px;margin-bottom: 15px; display: flex;flex-wrap: wrap; justify-content: flex-start;align-items: flex-start;box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;border-radius: 8px; background-color: #fff; } .nieuwsSection .text_img_cart .leftPart{width: 100%;order: 2;} .nieuwsSection .text_img_cart .leftPart h5{margin-bottom: 20px;font-weight: bold;line-height: 30px;} .nieuwsSection .text_img_cart .leftPart p{font-size: 14px;line-height: 21px;color: #545454;font-weight: 400;display: none;} .nieuwsSection .text_img_cart .leftPart .seeLess span{font-size: 10px;line-height: 15px;color: #ADADAD;position: relative;} .nieuwsSection .text_img_cart .leftPart .seeLess p{display: block;} .nieuwsSection .text_img_cart .rightPart{width: 100%;order: 1;} .nieuwsSection .text_img_cart .rightPart img{width: 100%;border-radius: 2px;display: block;margin-bottom: 20px;} .nieuwsSection .text_img_cart .leftPart .seeLess .LessBtn{width: 100%;margin-bottom: 8px;border-bottom: 1px solid #D8D8D8;padding-bottom: 6px;} .nieuwsSection .text_img_cart .leftPart .seeLess .LessBtn a{display: inline-block;} /* .nieuwsSection .innerPart .text_img_cart .leftPart .seeLess .LessBtn p .ArrowRight::after{content: "";position: absolute;left: 25%;top: -3px;background: url(images/nextArow.png) center no-repeat;width: 15px;height: 19px;background-size: 15px !important;transition: 0.4s;} */ .nieuwsSection .innerPart .text_img_cart .leftPart .seeLess .LessBtn p .arrowRyt::after{content: "";position: absolute;right: -20px;top: -3px;background: url(images/nextArow.png) center no-repeat;width: 15px;height: 19px;background-size: 15px !important;transition: 0.4s;} .nieuwsSection .text_img_cart .leftPart .seeLess .dateCity{display: flex; justify-content: space-between;width: 100%;} .wp-pagenavi{margin: 0px auto 40px;display: flex;justify-content: center;align-items: center;gap: 5px;} .wp-pagenavi a,.wp-pagenavi span{cursor: pointer;width: 33px;height: 33px;background-color: #fff;display: flex;justify-content: center;align-items: center;text-align: center;border-radius: 50%;border: 1px solid #8CC138 !important;color: #8CC138 !important;} .wp-pagenavi span.current {font-weight: bold;color: #ffffff !important;background: #8CC138;} .nieuwsSection .text_img_cart .leftPart h5 a:hover{color: #8CC138;} .nieuwsSection .text_img_cart.widthNiews{ width: 100%;float: left;justify-content: space-between;} .nieuwsSection .text_img_cart.widthNiews .leftPart{ width: 66%;order: 1;} .nieuwsSection .text_img_cart.widthNiews .rightPart{ width: 31%;order: 2;border-radius: 5px;} .nieuwsSection .text_img_cart.widthNiews .leftPart .seeLess{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;width: 100%;float: left;} .nieuwsSection .text_img_cart.widthNiews .leftPart .seeLess .LessBtn{position: relative;width: auto;border: none;margin-bottom: 0;} .nieuwsSection .text_img_cart .leftPart .seeLess .LessBtn p{color: #8AC035;font-size: 14px;line-height: 21px;margin-bottom: 0;} .nieuwsSection .text_img_cart.widthNiews .leftPart .seeLess .dateCity{display: flex;align-items: center;gap: 20px;width: auto;} .nieuwsSection .text_img_cart.widthNiews .leftPart p{display: block;} .nieuwsSection .text_img_cart.widthNiews .rightPart img{margin-bottom: 0;} .numPegination span{ color: #fff;} .numPegination span.current { background-color: #8CC138;} .nieuwsDetails .innerPartDetails{margin-top: -150px;margin-bottom: 25px; position: relative;z-index: 1; display: flex; flex-wrap: wrap; background-color: #fff;border-radius: 10px;box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;border-radius: 10px; } .nieuwsDetails .innerPartDetails .upperContent{max-width: 619px;width: 100%;margin: 60px auto 30px;text-align: center; } .nieuwsDetails .innerPartDetails .upperContent h2{ font-size: 32px;color: #000;line-height: 48px;font-weight: bold;margin-bottom: 23px;} .nieuwsDetails .innerPartDetails .upperContent span{display: block;font-size: 10px;color: #ADADAD;line-height: 15px;font-weight: 400;} .nieuwsDetails .innerPartDetails .upperContent p{color: #545454;font-size: 18px;font-weight: 400;line-height: 27px;margin-top: 20px; } .nieuwsDetails .innerPartDetails .secondContent{padding: 0px 30px;} .nieuwsDetails .innerPartDetails .secondContent h5{font-size: 16px;color: #000;font-weight: bold;line-height: 24px;margin-bottom: 0;} .nieuwsDetails .innerPartDetails .secondContent p{font-size: 16px;color: #545454;font-weight: 400;line-height: 24px;} .nieuwsDetails .innerPartDetails .secondContent p strong{font-size: 16px;color: #000;font-weight: bold;line-height: 24px;} .nieuwsDetails .innerPartDetails .cardPattern{padding: 0px 30px;margin-bottom: 40px;} .nieuwsDetails .innerPartDetails .cardPattern .LeftRightSection{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;gap: 30px;} .nieuwsDetails .innerPartDetails .cardPattern .LeftRightSection .cardPatternLeft{width: calc(50% - 30px);height: auto;} .nieuwsDetails .innerPartDetails .cardPattern .LeftRightSection .cardPatternLeft h5{font-size: 16px;color: #000;font-weight: bold;line-height: 24px;margin-bottom: 0;} .nieuwsDetails .innerPartDetails .cardPattern .LeftRightSection .cardPatternLeft p{font-size: 16px;color: #545454;font-weight: 400;line-height: 24px;margin-bottom: 10px;} .nieuwsDetails .innerPartDetails .cardPattern .LeftRightSection .cardPatternLeft strong{font-size: 16px;color: #000;font-weight: bold;line-height: 24px;} .nieuwsDetails .innerPartDetails .cardPattern .LeftRightSection .cardPatternRight{width: 50%;height: auto;} .nieuwsDetails .innerPartDetails .cardPattern .LeftRightSection .cardPatternRight img{width: 100%;height: auto;} .nieuwsDetails .innerPartDetails .lastCard .HeadingH5 h5{text-align: center;font-weight: bold;color: #000;} .nieuwsDetails .innerPartDetails .lastCard .nieuwsSection.full_width{margin-top: 162px;margin-bottom: 31px;} .nieuwsSection { display: flex; flex-direction: column; align-items: center; } .nieuwsSection .btn_one { margin-top: 20px; /* Adjust the margin if needed */ text-align: center; } .news_default_page{padding: 60px 0 0;} .news_default_page h5{text-align: center;} .home .nieuwsDetails.news_default_page, .nieuwsDetails.news_default_page.grey_bg { background: #f8f8f8; } /* Submenu */ /* Ensure the main menu stays flex */ .header_bottom ul { display: flex; flex-wrap: wrap; justify-content: center; } /* Hide the submenu by default */ .header_bottom .sub-menu { display: none; position: absolute; background-color: #1d1b14; z-index: 1000; top: 100%; /* Position the submenu directly below the parent */ left: 0; padding: 10px; width: 230px; /* Optional: Set a minimum width for the dropdown */ } /* Show the submenu when hovering over the parent item */ .header_bottom .menu-item-has-children:hover .sub-menu, .header_bottom .menu-item-has-children .sub-menu:hover { display: block; } /* Position the parent item relative to anchor the submenu */ .header_bottom .menu-item-has-children { position: relative; } .header_bottom .sub-menu li{display: block;margin-right: 0;} .header_bottom .sub-menu li a{display: block;padding: 6px 0;} .header_bottom ul li.menu-item-has-children > a{background: url(images/arrow-down.svg)right center no-repeat;background-size: 15px;padding-right: 22px;} .video_popup .video_wrapper_full {position: relative;} .video_popup .video_wrapper_full .videoIframe {position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block;object-fit: cover;border-radius: 6px;opacity: 0;visibility: hidden;} /* .video_section img{position: relative;z-index: 1;} */ .video_popup .video_trigger {width: 100%;height: 100%;position: absolute;left: 0%;top: 0%;cursor: pointer;z-index: 2;} .video_popup .video_wrapper_full.videoWrapperActive .videoIframe {pointer-events: all;z-index: 3;opacity: 1;visibility: visible;} /* .review_slider {min-height: 530px;} */ /* Responsive css start */ @media only screen and (max-width:1900px) { .social_icon_sticky{margin-right: 20px;} } @media only screen and (max-width:1440px) { .header.sticky_2 {transform: translateY(calc(-100% + 186px));} .main-content {margin-top: 186px;} .wrapper,.text_with_bgimg .wrapper {max-width: 1120px; } .header_top .logo {width: 200px;} .header_top .right_part {width: calc(100% - 200px);padding-bottom: 19px;} .header_top .right_part .btn_one {padding: 15px;} .btn_one,.btn_one.yellow,.btn_one.green{padding: 20px 20px;} .btn_text,.btn_one,.btn_one.yellow,.btn_one.green{font-size: 16px;} body,.what_we_offer .top_content p,.tick_list li,.accordian .acc-content p,.stay_informed p,.two_col_text_block p,.hero.comm.two p,.nieuwsDetails .innerPartDetails .upperContent p {font-size: 17px;} .header_bottom ul li{margin-right: 30px;} /* .header_bottom{padding: 22px 0;} */ .social_icon_sticky li a img {max-width: 17px;max-height: 17px;} .social_icon_sticky li a{width: 34px;height: 34px;} .social_icon_sticky p{font-size: 15px;line-height: 15px;width: 80px;} .social_icon_sticky p::after {background-size: 30px;bottom: -42px;} .social_icon_sticky ul { width: calc(100% - 85px);} .social_icon_sticky{width: 120px;} .hero,.hero.comm {min-height: 380px;} .quotation_box{margin-top: -90px;padding:60px;margin-bottom: 50px;} h1, h2, h3, h4, h5, h6 {margin-bottom: 20px;} h1,.counter_sec .title h2{font-size: 40px;line-height: 50px;} h2,.neem_contact .right_part h2 {font-size: 33px;line-height: 41px;} h3,.laten_kennismaken h3,.personal_leadership .left_part h3 {font-size: 25px;line-height: 30px;} h4,.review_section .card p,.user_box .text h4,.laten_kennismaken .text p a {font-size: 20px;line-height: 30px;} p, .list li,.text_with_bgimg h4 {line-height: 26px;} .two_col_text,.image_text_overlap{padding-bottom: 60px;} .image_text,.what_we_offer,.counter_sec,.collaborations,.review_section,.contact_sec,.footer,.neem_contact, .our_module,.laten_kennismaken,.fullwidth_text,.want_to_work,.faq,.stay_informed,.text_img_block_repeat,.healthy_growth{padding: 60px 0;} .meer_oplossingen,.two_col_text.two{padding-top: 60px;} .tick_list li{margin-bottom: 8px;} .company_logo .card h5{font-size: 9px;} .address_detail a,.footer .footer_top li a{font-size: 14px;} .image_text .left_part,.img_text_bolck .right_part .image,.contact_sec .right_part{padding-top: 0;} .img_text_bolck .button_box, .fullwidth_text .button_box,.neem_contact .btn_one{margin-top: 20px;} .image_text h3, .image_text h4 {margin-bottom: 25px;} .image_text .left_part{width: 42%;} .counter_sec .title{margin-bottom: 30px;} .image_text_overlap .card .inner_part{margin-top: -15px;} .counter_card h2{font-size: 50px;} .counter_sec .inner_part{gap: 45px 63px;} .oplossingen_card,.image_text_overlap .card .inner_part,.collaborations .card,.hobpers_inner .card .overlap_text,.application_form:not(.two){padding: 20px;} .meer_oplossingen .bottom_btn .btn_one{min-width: auto;} .btn_text .arrow::before{background-size: 7px !important;top: 2px;} .review_section .card,.faq .inner_part,.stay_informed .card{padding: 30px;} .contact_sec .field,.our_module .title {margin-bottom: 25px;} .contact_sec .field input,.contact_sec .field textarea{padding: 8px 0;font-size: 16px;} .contact_sec .field input[type="submit"],.application_form.two .field input[type="submit"],.application_form:not(.two) .field input[type="submit"]{padding: 20px 20px;font-size: 18px;} .footer_logo{width: 130px;} .breadcrumbs{padding: 15px 0;} .two_col_text .left_part{width: 47%;} .btn_one .arrow,.application_form .field.submit::after {background-size: 28px !important;} .our_module .four_card_block{padding: 0;} .four_card_block{gap: 20px;} .our_module .four_card_block .card{margin-bottom: 0;width: calc(33.33% - 14px);} .laten_kennismaken .text p,.hobpers_inner .overlap_text h4,.four_card_block .text p,.personal_leadership .personal_card h4{font-size: 17px;line-height: 21px;} .laten_kennismaken .icon{width: 38px;} .laten_kennismaken .text {width: calc(100% - 48px);} .like_taste .application_form {margin-top: -200px;} .pt_150 {padding: 100px 0 60px !important;} .text_with_bgimg{min-height: 450px;} .fullwidth_text img {max-width: 500px;} .pb_90,.page-id-17 .meer_oplossingen {padding-bottom: 60px !important;} .hero_inner .inner_part{margin-left: 0;} .hero.comm{padding: 100px 0 50px;} .text_img_block_repeat .text_img_block:last-child{padding-bottom: 0;} .four_card_block{padding-right: 0;flex-wrap: wrap;} .four_card_block .card{width: calc(19% - 10px);} .text_img_block .left_part{width: 54%;} .two_col_text_block .inner_part{margin-top: -60px;} .hero.comm.two{padding-bottom: 85px;} .two_col_text_block .inner_part{padding: 40px;} .two_col_text_block .card{width: 48%;} .personal_leadership .application_form {margin-top: -20px;margin-bottom: -20px;} .personal_leadership .left_part{padding: 60px 0;} .personal_leadership .personal_card h3{font-size: 20px;line-height: 25px;} .personal_leadership .inner_part{align-items: center;} .two_col_text_block{margin-bottom: 60px;} .personal_leadership{margin: 60px 0;} .file_upload .icon {width: 50px;} .file_upload .text_label {width: calc(100% - 70px);} .file_upload{padding: 15px;} } @media only screen and (max-width:1180px) { .main-content {margin-top: 185px;} .wrapper,.text_with_bgimg .wrapper {max-width: 950px; } .healthy_growth .four_card_block .card {width: calc(33.33% - 14px);} .healthy_growth .four_card_block{display: flex;flex-wrap: wrap;justify-content: center;} .nieuwsSection .text_img_cart .leftPart h5{font-size: 18px;line-height: 26px;} .nieuwsDetails .innerPartDetails .upperContent h2{line-height: 38px;font-size: 28px;} .header_bottom ul li {margin-right: 12px;} .header_bottom li a {font-size: 16px;} .header.sticky_2 {transform: translateY(calc(-100% + 185px));} } @media only screen and (max-width:1023px) { .main-content {margin-top: 91px;} .header.sticky_2 {transform: translateY(calc(-100% + 91px));} .wrapper,.text_with_bgimg .wrapper {max-width:700px;} h1, .counter_sec .title h2 {font-size: 35px;line-height: 44px;} .header_bottom{display: none;} .header_top .inner_part{align-items: center;} .header_top .logo {width: 160px;} .header_top .right_part {width: calc(100% - 160px);padding-bottom: 0;gap: 20px;} .hero {min-height: 350px;} .two_col_text .left_part{width: 100%;order: 2;} .two_col_text .right_part{width: 100%;order: 1;} .quotation_box{padding: 30px 20px;margin-top: -60px;border-radius: 40px;} .two_col_text .left_part h3 br,.meer_oplossingen .top_content h2 br{display: none;} .image_text .left_part{width: 50%;order: 2;float: unset;margin: 0 auto;} .image_text .right_part{width: 100%;order: 1;margin-bottom: 30px;} .img_text_bolck .left_part{width: 100%;margin-bottom: 30px;} .img_text_bolck .right_part {width: 100%;margin-left: 0;} .image_text_overlap .card .inner_part {margin-top: 0;} .image_text_overlap .card,.want_to_work h1{margin-bottom: 15px;} .image_text_overlap .card:last-child,.hobpers_inner .card{margin-bottom: 0px;} .counter_card {width: calc(33.33% - 14px);} .counter_sec .inner_part {gap: 30px 20px;} .meer_oplossingen .inner_part,.collaborations .inner_part{gap: 20px;} .oplossingen_card {width:100%} .collaborations .card{padding: 40px 20px; width: calc(50% - 20px);} .collaborations .card img {max-width: 80px;} .contact_sec .left_part{width: 100%;margin-bottom: 30px;} .contact_sec .right_part{width: 100%;} .footer_top .footer_card{width: 100%;} .footer_top .footer_card:nth-child(2){width: 48%;} .footer_top .footer_card{width: 48%;} .footer_top .footer_card:nth-child(3){width: 100%;margin-top: 20px;} .neem_contact .right_part{width: 100%;order: 1;margin-bottom: 30px;} .neem_contact .left_part{width: 100%;order: 2;} .neem_contact .left_part img{max-width: 438px;margin: 0 auto;} .our_module .four_card_block .card{width: calc(50% - 10px);} .hobpers_inner .card {width: calc(50% - 8px);} .laten_kennismaken .card{width: 100%;} .laten_kennismaken .icon{width: 100%;} .laten_kennismaken .icon img{max-width: 53px;display: block;margin: 0 auto 10px;} .laten_kennismaken .text{width: 100%;text-align: center;} .want_to_work .left_part,.faq .left_part,.text_img_block .left_part{width: 100%;margin-bottom: 30px;} .want_to_work .right_part,.faq .right_part,.text_img_block .right_part,.personal_leadership .left_part,.personal_leadership .right_part{width: 100%;} .hero.three{padding: 80px 0 30px;} .like_taste .left_part,.like_taste .right_part{width: 100%;} .like_taste .application_form {margin-top: -120px;} .fullwidth_text img{max-width: 100%;width: 100%;} img.align-right,img.align-left{margin: 0 0 30px;} .text_with_bgimg h2{font-size: 25px;line-height: 28px;} .text_img_block.opposite .left_part {order: 1;} .text_img_block.opposite .right_part{order: 2;} .four_card_block .card {width: calc(50% - 10px);} .two_col_text_block .card{width: 100%;margin-bottom: 30px;} .two_col_text_block .inner_part{padding: 30px;} .personal_leadership .application_form{margin: 0;margin-bottom: 60px;} .personal_leadership{margin: 0;} .two_col_text_block .button_box{width: auto;} .menu_bar{display: block;} .header_top .right_part .btn_one {padding: 12px; margin-top: 0; } .what_we_offer .floating_card{width: 100%;} .img_text_bolck .left_part h3 br{display: none;} .img_text_bolck .right_part .floating_card_inner{margin-top: 0;} .healthy_growth .four_card_block .card {width: calc(50% - 10px);} .nieuwsSection .text_img_cart{flex-wrap: wrap;} .nieuwsSection .innerPart{gap: 21px;} /* .nieuwsSection .text_img_cart.widthNiews{width: calc(50% - 15px);} */ .nieuwsSection .text_img_cart.widthNiews .leftPart {width: 61%;order: 1;} .nieuwsSection .text_img_cart.widthNiews .rightPart{width: 37%;order: 2;} .nieuwsSection .text_img_cart{width: calc(50% - 11px);} .nieuwsSection .innerPart .text_img_cart .leftPart .seeLess .LessBtn p .ArrowRight::after{left: 28%;} .nieuwsDetails .innerPartDetails .upperContent{padding: 30px 20px;margin: 0;} .nieuwsDetails .innerPartDetails .upperContent h2{font-size: 28px;line-height: 35px;margin-bottom: 15px;} .nieuwsDetails .innerPartDetails .upperContent p{margin-top: 15px;font-size: 16px;line-height: 23px;} .nieuwsDetails .innerPartDetails .secondContent{padding: 0px 20px;} .nieuwsDetails .innerPartDetails .secondContent p{margin-bottom: 40px;} .nieuwsDetails .innerPartDetails .cardPattern .LeftRightSection{flex-wrap: wrap;gap: 0;} .nieuwsDetails .innerPartDetails .cardPattern{padding: 0px 20px;margin-bottom: 20px;} .nieuwsDetails .innerPartDetails .cardPattern .LeftRightSection .cardPatternLeft{width: 100%;order: 2;margin-top: 10px;} .nieuwsDetails .innerPartDetails .cardPattern .LeftRightSection .cardPatternRight{width: 100%;order: 1;} .nieuwsDetails .innerPartDetails .upperContent h2{font-size: 24px;} .breadcrumbs span[property="itemListElement"]{margin: 0 2px;} .text_img_block.text_img_block_new .left_part {width: 100%;order: 2;} .text_img_block.text_img_block_new .right_part {width: 100%;margin-bottom: 30px;} .text_img_block.text_img_block_new .right_part img {margin: 0 auto;} .text_img_block.text_img_block_new .left_part .text_box {max-width: 100%;} } @media only screen and (max-width:767px) { .header_top .right_part {gap: 5px;} .counter_card {width: calc(50% - 10px);} .social_icon_sticky li a {width: 27px;height: 27px;} .social_icon_sticky li a img {max-width: 14px;max-height: 14px;} .social_icon_sticky p {font-size: 12px;line-height: 13px;width: 68px;} .social_icon_sticky ul {width: calc(100% - 68px);} .social_icon_sticky {width: 97px;} .social_icon_sticky {margin-right: 10px;} .social_icon_sticky p::after {background-size: 24px;} .header_top .right_part .btn_one {padding: 12px;} .header_top .right_part a {margin-right: 7px;} .header_top .btn_one {font-size: 13px;} .hero {min-height: 260px;} .wrapper{padding: 0 30px;} h1, .counter_sec .title h2{font-size: 30px;line-height: 33px;} h2,.neem_contact .right_part h2 {font-size: 24px;line-height: 33px;} h3,.laten_kennismaken h3,.personal_leadership .left_part h3 {font-size: 22px;line-height: 24px;} /*.company_logo .card {width: calc(50% - 15px);}*/ body, .what_we_offer .top_content p,.tick_list li,.application_form .field input,.acc-content p,.stay_informed p,.text_with_bgimg h4, .two_col_text_block p, .hero.comm.two p{font-size: 16px;} .btn_one,.btn_one.yellow ,.btn_one.green{padding: 15px 15px;} h6::after {height: 3px;} h6{padding-bottom: 9px;} h4, .review_section .card p, .user_box .text h4 {font-size: 18px;line-height: 25px;} .footer_bottom li, .footer_bottom a,.breadcrumbs li{font-size: 14px;} .social_icon_sticky p{display: none;} .social_icon_sticky{width: 27px;} .footer .footer_top h4{font-size: 20px;margin-bottom: 10px;} .counter_card h2 {font-size: 38px;} .stay_informed .card{width: 100%;} .breadcrumbs li{line-height: 18px;} .nieuwsDetails .innerPartDetails .upperContent h2{font-size: 25px;line-height: 30px;} .nieuwsDetails .innerPartDetails .upperContent{padding: 25px 20px;} .nieuwsDetails .innerPartDetails .upperContent p { margin-bottom: 16px;} .nieuwsSection .text_img_cart .leftPart h5{font-size: 17px;line-height: 23px;} .nieuwsSection .text_img_cart.widthNiews .leftPart{width: 100%;order: 2;} .nieuwsSection .text_img_cart.widthNiews .rightPart{width: 100%;order: 1;margin-bottom: 10px;} .nieuwsSection .innerPart,.nieuwsDetails .innerPartDetails{margin-top: -85px;} .nieuwsSection .text_img_cart{margin-bottom: 5px;} .nieuwsDetails .innerPartDetails .lastCard .nieuwsSection.full_width{margin-top: 0;} .nieuwsDetails .innerPartDetails .nieuwsSection .innerPart{margin-top: 0;} .breadcrumbs li, .breadcrumbs, .breadcrumbs span {font-size: 14px;line-height: 17px;} .collaborations {padding-bottom: 150px;} .collaborations .card {margin: 15px 10px;} .collaborations .slick-arrow {position: absolute;top: unset;transform: unset;bottom: -75px;} .collaborations .slick-prev.slick-arrow {left: calc(50% - 55px);} .collaborations .slick-next.slick-arrow {right: calc(50% - 55px);} } @media only screen and (max-width:600px) { /*.company_logo .card,.counter_card{width: 100%;}*/ .main-content {margin-top: 121px;} .footer_top .footer_card,.footer_top .footer_card:nth-child(2){width: 100%;} .footer_top .footer_card:nth-child(2){margin-top: 20px;} .footer{padding: 40px 0;} .footer_top .footer_card .top_sec {order: 2;} .footer_top .footer_card .bottom_sec {padding-top: 0;order: 1;padding-bottom: 20px;} .footer_logo {width: 100px;} .quotation_box,.like_taste .application_form{margin-top: -60px;} .wrapper{padding: 0 20px;} .image_text .left_part,.image_text_overlap .card .image{width: 100%;} .image_text_overlap .card .text{width: 100%;margin-top: 20px;} .image_text_overlap .card.opposite .image{order: 1;} .image_text_overlap .card.opposite .text{order: 2;} .counter_card p{margin-bottom: 0;} .review_section .card,.stay_informed .card,.faq .inner_part,.two_col_text_block .inner_part{padding: 30px 20px;} .user_box .image {width: 80px;} .user_box .text {width: calc(100% - 90px);} .main-content .btn_one,.img_text_bolck .button_box .btn_one, .fullwidth_text .button_box .btn_one{width: 100%;margin-right: 0;margin-bottom: 5px;max-width: 360px;} .our_module .four_card_block .card,.application_form .field.left,.application_form .field.right,.hobpers_inner .card{width: 100%;} .four_card_block .card{width: 100%;} .header_top .right_part .btn_one{min-width: auto;width: auto;padding: 8px;} .menu_bar span{margin-bottom: 7px;height: 4px;} .menu_bar{width: 32px;} .header_top .right_part {width: calc(100% - 94px); } .header_top .logo {width: 94px;} .text_with_bgimg .button_box .btn_one.white{margin-left: 0;} .header_top .right_part a {margin-right: 5px;} .header_top .btn_one {font-size: 12px;} p, .list li, .text_with_bgimg h4{line-height: 24px;} .healthy_growth .four_card_block .card {width: 100%;} .nieuwsSection .text_img_cart{ gap: 10px;} .nieuwsSection .text_img_cart .leftPart h5{margin-bottom: 15px;line-height: 22px;font-size: 18px;} .nieuwsSection .text_img_cart{padding: 13px;} .nieuwsSection .text_img_cart .leftPart p {margin-bottom: 15px;} .nieuwsSection .innerPart{gap: 20px;} .nieuwsSection .text_img_cart.widthNiews{width: 100%;} .nieuwsPegination{margin: 0px auto 20px;} .nieuwsDetails .innerPartDetails .upperContent{padding: 20px 13px;} .nieuwsDetails .innerPartDetails .upperContent h2{font-size: 20px;line-height: 23px;} .nieuwsDetails .innerPartDetails .secondContent{padding: 0px 13px;} .nieuwsDetails .innerPartDetails .secondContent p {margin-bottom: 33px;} .nieuwsDetails .innerPartDetails .cardPattern{padding: 0px 13px;} .nieuwsSection .text_img_cart{width: 100%;} .text_with_bgimg .button_box .btn_one.white {margin-top: 10px;} .what_we_offer .bottom_section p span {display: none;} .text_img_block.text_img_block_new .right_part img {width: 300px;max-width: 300px;} .header_top .inner_part {align-items: flex-start;} .header_top .right_part {gap: 10px;} .header_top .right_part .right_btn {width: 100%;order: 2;display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-end;gap: 5px;} .header_top .right_part .right_btn .btn_one {margin: 0;} .header.sticky_2 { transform: translateY(calc(-100% + 121px)); } }