/*
Theme Name: Aerde Borgert
Author: converzo
Author URI: https://converzo.nl
Description: The aerdeborgert Theme based on the famous Wordpress CMS.
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
*{margin: 0;padding: 0;box-sizing: border-box;}
img {max-width: 100%;height: auto;}
body {background: #fff;font-size:17px;color: #495459;font-family: "Outfit", sans-serif; font-weight: 200;}
p,ul,ol{margin-bottom: 30px;}
a {color: inherit;}
p,li{line-height: 22px;}
/* ----- Heading Font CSS ------ */
h1,h2,h3,h4,h5,h6 {margin-bottom: 30px;line-height: 1.2;font-weight: 200;text-transform: uppercase;}
h1{font-size: 45px;}
h2{font-size: 35px;}
h3{font-size: 30px;}
h4{font-size: 25px;}
h5{font-size: 20px;}
h6{font-size: 15px;margin-bottom: 18px;font-weight: 600;}
strong{font-weight: 700;}
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: "Outfit", sans-serif; font-weight: 200;}
/* global css start */ 
.full_width{width: 100%;float: left;}
.wrapper{max-width:1150px;margin: 0 auto;width: 100%;padding: 0 30px;padding-right: 100px;}
p:last-child{margin-bottom: 0;}
h2:last-child{margin-bottom: 0;}
/* global css end */
.large h1,.large h2{font-size: 64px;line-height: 1;}
.small_title h6{font-size: 15px;font-weight: 600;}
.btn_one{text-decoration: none; color: #4E5055; background: transparent; font-size: 12px;font-weight: 600;display: inline-block;text-transform: uppercase;border: 1px solid #EFBB46;transition: 0.4s;line-height: 1;min-width: 137px;text-align: center;padding: 11px 15px;}
.btn_one:hover{background: #EFBB46;color: #fff;}
.btn_one.white{border-color: #ffffff;color: #ffffff;}
.btn_one.white:hover{border-color: #EFBB46;color: #ffffff;background: #EFBB46;color: #4E5055;}
.scroll_stop .fix_scroll{opacity: 0;}
.fix_scroll{position: fixed;right: 0;bottom: 20px;width: 100%;pointer-events: none;z-index: 10;}
.fix_scroll svg{pointer-events: all;float: right;width: 68px;transform: rotate(-90deg);position: relative;z-index: -1;}
.fix_scroll .svg-bg{background: url(images/back-to-top.svg)center no-repeat;background-size: 0;display: inline-block;pointer-events: none;}
.fix_scroll .wrapper{padding-right: 30px;}
.social-fix.draw{position: relative;}
.social-fix.draw .fix_scroll{position: absolute;right: -100px;bottom: unset;top: 35px;}
.social-fix.draw .fix_scroll .svg-bg{background-size: 25px;pointer-events: all;cursor: pointer;}
.social-fix.draw .fix_scroll .hide{opacity: 0;}
.fix_scroll .wrapper{display: flex;justify-content: flex-end;}
/* ******************************* main css ***************************** */
/* header css */
.header{position: fixed;left: 0;top: 0;width: 100%;z-index: 99;}
.header .outer_part{display: flex;flex-wrap: wrap;justify-content: center;position: relative;}
.header .logo{margin-left: 42px;}
.header .logo a{display: inline-block;}
.header .logo img{max-width: 224px;display: block;}
.menu_bar{position: absolute;left: 0;bottom: 9px;height: 32px;width: 32px;cursor: pointer;}
/* .menu_bar */
.menu_bar span{display: block;width: 100%;height: 2px;background: #fff;transition: 0.4s;position: relative;top: 14px;}
.menu_bar span::before{content: "";top: -8px;position: absolute;width: 100%;height: 2px;background: inherit;width: 80%;transition: 0.4s transform opacity;}
.menu_bar span::after{content: "";top: 8px;position: absolute;width: 100%;height: 2px;background: inherit;transition: 0.4s transform;}
.menu_bar:hover span::before{width: 100%;}
.menu_bar.active span{background: #4E5055 !important;}
.menu_bar.active::before{opacity: 0 !important;}
.menu_bar.active span::before{width: 100%;transform: rotate(-45deg);top: 0; }
.menu_bar.active span{height: 0;}
.menu_bar.active span::after{transform: rotate(45deg);top: 0;}
.menu_bar::before{transition: 0.4s;content: "";position: absolute;left: -8px;top: -8px;width: 48px;height: 48px;background: transparent;}
/* .header.sticky .menu_bar::before{opacity: 1;} */
.header.two .menu_bar span{background-color: #707070;}
.header.sticky .menu_bar span{background-color: #4E5055;}

li.current-menu-item a{color: #EFBB46;}

.mm-slideout{overflow: hidden;}
.layout{width: 100%;float: left;}
.scroll_stop{overflow: hidden;}
.body_left{width: 0;float: left;transition: 0.4s;position: fixed;left: -100%;height: 100%;z-index: 98;pointer-events: none;background: #fff;}
.body_right{width: 100%;float: right;transition: 0.4s;position: relative;left: 0;background: #fff;}
.menushow .body_left{width: 42%;left: 0;pointer-events: all;}
.menushow .body_left .menu_slide{width: 100vw;}
.menushow .body_right{width: 58%;}
.main-content{transition: 0.4s;}
.menushow .main-content{width: 142%;}
.menu_slide{height: 100%;padding-top: 185px;padding-bottom: 40px;height: 100%; overflow: auto;}
.menu_slide ul{list-style: none;}
.menu_slide li a{text-decoration: none;transition: 0.4s;color: #4E5055;display: block;}
.menu_slide li a:hover{color: #EFBB46;}
.menu_slide li:not(li li){font-size: 30px;line-height: 1;text-transform: uppercase;margin-bottom: 15px;}
.menu_slide li li{font-size: 17px;position: relative;}
.menu_slide li li a{position: relative;padding-left: 40px;color: #495459;}
.menu_slide li li a:hover{color: #495459;}
.menu_slide li li a::before{content: "";position: absolute;left: 0;top: 10px;width: 30px;height: 1.5px;background: #707070;transform-origin: 0.4s;}
.menu_slide li li a:hover::before{background: #EFBB46;}
.menu_slide li li:not(:last-child){margin-bottom: 10px;}
.menu_slide li ul{padding: 15px 0;margin-bottom: 0;}
/* .body_left{width: 550;background: red;height: 100vh;}
.body_right{width: 55vw;background: green;} */
/* .event_stop .body_right {pointer-events: none;} */
/* menu css */

/* hero css start */
.hero_section{position: relative;overflow: hidden;clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 9vw));margin-bottom: 98px;}
.hero_section img{width: 100%;object-fit: cover;max-height: 900px;}
.hero_section::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;z-index: 1;opacity: 0.25;}
.loop_video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;pointer-events: none;}
.hero_section .over_lap_text{position: absolute;left: 0;bottom: 250px;width: 100%;z-index: 2;}
.hero_section .over_lap_text h1{color: #ffffff;float: right;margin-bottom: 0;text-transform: uppercase;margin-right: 50px;}
.hero_section.layout_two .over_lap_text{bottom: 40%;}
/* hero css end */

/* introduction css start */
.intro_section{position: relative;}
.intro_section .text_wrap{max-width: 815px;position: relative;}
.intro_section .outer_part {padding-bottom: 120px;position: relative;}
.border-left-top{position: absolute;left: 0;top: 0;width: 100%;height: 100%;pointer-events: none;}
.intro_section .border-left-top::before{content: "";left: -35px;top: -277px;height: calc(100% + 500px); width: 1.5px; background: #EFBB46;position: absolute;}
.intro_section .border-left-top::after{content: "";left: -35px;top: -277px;height: 1.5px; width: 100vw; background: #EFBB46;position: absolute;rotate: -5deg;transform-origin: left;}
/* introduction css end */

/* text image card css start */
.image_text_cards{margin-bottom: 165px;position: relative;}
.image_text_card{position: relative;}
.image_text_card:not(:last-child){margin-bottom: 210px;}

.image_text_card .border-line{top: 1%;}
.image_text_card .border-line.opp{top: 4%;}
.image_text_card:first-child .border-line{top: 40.5%;}
.image_text_card .image_full{position: relative;clip-path: polygon(0 9vw, 100% 0, 100% 100%, 0 100%);margin-bottom: 85px;}
.image_text_card .image_full .image{position: relative;width: calc(100% - 115px);}
.image_text_card .image_full .image::before{content: "";position: absolute;left: 0;top: 0;width:100%;height: 100%;background: #4E5055;opacity: 0.2;z-index: 1;}
.image_text_card .image_full .overlap_title{position: absolute;left: 0;bottom: 80px;width: 100%;z-index: 2;}
.image_text_card .image_full img{width: 100%;max-height: 888px;object-fit: cover;display: block;}
.image_text_card .image_full h2{color: #ffffff;margin-bottom: 0;line-height: 1;}
.two_col_text .outer_part{display: flex;flex-wrap: wrap;gap: 40px;}
.two_col_text .left_title{width: calc(100% - 420px);text-align: right;}
.two_col_text .right_text{width: 350px;}
.two_col_text .right_text .btn_box{width: 100%;float: left;margin-top: 20px;}
.image_text_cards .image_text_card:nth-child(2n) .image_full{clip-path: polygon(0 0, 100% 9vw, 100% 100%, 0 100%);margin-bottom: 82px;}
.image_text_cards .image_text_card:nth-child(2n) .image_full .image{float: right;}
.border-line{position: absolute;left: -1%;top: 0%;width: 102%;rotate: 5deg;z-index: 2;}
.border-line span{display: inline-block;height: 1.5px;background: #EFBB46;width: 100%;}
.border-line.bottom{bottom: 0;top: unset;}
.border-line.opp{rotate: -5deg;}
.fullwidth_imagetext .border-line:not(.opp){top: 4%;}



/* text image card css end */


/* team member start */
.team_member{padding: 150px 0 215px;position: relative;}
.border-line.black span{background: #4E5055;}
.team_member .title_box{margin-bottom: 60px;}
.team_member .title_box h6{font-weight: 600;}
.team_member  .wrapper{display: flex;flex-wrap: wrap;gap: 40px;}
.team_member .inner_part{display: flex;flex-wrap: wrap;justify-content: space-between;max-width: 900px;}
.team_member .team_card{width: 49%;display: flex;flex-wrap: wrap;margin-bottom:60px;}
.team_member .team_card .image{width: 128px;}
.team_member .team_card .image img{display: block;clip-path: polygon(0 12px, 100% 0, 100% 100%, 0 100%);}
.team_member .team_card .text{width: calc(100% - 128px);padding-left: 35px;padding-top: 20px;}
.team_member .team_card .text h6{margin-bottom: 20px;font-weight: 600;}
.team_member .team_card .text p{font-size: 17px;line-height: 22px;font-weight: 300;    min-height: 120px;}
/* team member end */

/* company motto start */
.company_motto{position: relative;padding-bottom: 315px;}
.company_motto::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #F6F6F6;clip-path: polygon(0 9vw, 100% 0, 100% 100%, 0 100%);}
.company_motto_card{width: 58%;padding: 150px 115px 150px 0;min-height: 730px; position: relative;float: left;z-index: 1;display: flex;align-items: center;}
.company_motto_card::before{content: "";position: absolute;left: -140px;top: 0; width: calc(100% + 140px);height: 100%;background: #4E5055;clip-path: polygon(0 0, 100% 0, 100% calc(100% - 70px), 0% 100%);}
.company_motto_card h6{color: #fff;}
.company_motto_card h3{color: #fff;margin-bottom: 0;}
.company_motto_card .inner_text{position: relative;z-index: 1;margin-bottom: 60px;}

.two_col_text_sec{display: flex;flex-wrap: wrap;position: relative;}
.two_col_text_sec .text_block .max_width{max-width: 350px;margin-left: auto;padding-top: 35px;}
.two_col_text_sec .text_block{width: 58%;}
.two_col_text_sec .right_part{width: 42%;padding-left: 54px;max-width: 411px;margin-top: -210px;}
.company_motto .border-line{bottom: 150px;}
.two_col_text_sec .btn_one{margin-top: 20px}
/* company motto end */

/* contact section start */
.contact_section{padding: 145px 0 15px;}
.contact_section .top_section{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 54px;}
.contact_section .left_part{width: 50%;}
.contact_section .left_text p a{text-decoration: none;transition: 0.4s;}
.contact_section .left_text p a:hover{color: #EFBB46;}
.contact_section .right_part{width: auto;}
.contact_section .right_part ul{display: flex;flex-wrap: wrap;justify-content: flex-end;}
.contact_section .right_part ul li{list-style-type: none;margin-right: 15px;}
.contact_section .right_part ul li a{padding: 8px;text-decoration: none;text-transform: uppercase;width: 68px;height: 68px;border: 1px solid #4E5055;border-radius: 100%;background: #fff;display:flex;font-size: 9px;line-height: 1;font-weight: 600;justify-content: center;align-items: center;transition: 0.4s;}
.contact_section .right_part ul li a:hover{border-color: #EFBB46;}

.contact_section .bottom_section,.footer .inner_part{max-width: 840px;margin: 0 auto;width: 100%;}
.contact_section .left_text{width: 330px;float: left;}
.contact_form{width: calc(100% - 360px);float: right;max-width: 470px;padding-right: 28px;}
.contact_form .field{margin-bottom: 8px;}
.contact_section .bottom_section .field .radio_btn{width: calc(100% - 150px);}
.contact_form .field .submit_btn{width: 137px;float: right;}
.contact_form label{width: 100%;float: left;margin-bottom: 5px;font-size: 15px;font-weight: 300;}
.contact_form input{width: 100%;float: left;border: 1px solid #4E5055;line-height: 1;padding: 7px 10px;background: #fff;font-size: 15px;}
.contact_form select{width: 100%;float: left;border: 1px solid #4E5055;line-height: 1;padding: 9px 10px;background:url(images/arrow-down.svg)right 10px center no-repeat #fff;-webkit-appearance: none;font-size: 15px;}
.contact_form input[type="submit"]{width: 100%;border-color: #EFBB46;padding: 11px 10px;font-size: 12px;cursor: pointer;}
.contact_section .bottom_section p{font-size: 15px;font-weight: 300;}
.contact_form .field.button{margin-top: 20px;display: flex; align-items: center;flex-wrap: wrap;}
.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; }
.wpcf7-not-valid-tip{width: 100%;float: left;}
.radio_btn input{display: none;}
.radio_btn .wpcf7-list-item-label{position: relative;padding-left: 50px;min-height: 28px;display: flex;align-items: center;}
.radio_btn .wpcf7-list-item.first{margin-left: 0 !important;}
.radio_btn .wpcf7-list-item-label::before{width: 28px;height: 28px;border: 1px solid #707070;content: "";position: absolute;left: 0;top: 0;border-radius: 50%;}
.radio_btn .wpcf7-list-item-label::after{width: 12px;height: 12px;content: "";position: absolute;left: 9px;top: 9px;border-radius: 50%;background: #EFBB46;opacity: 0;visibility: hidden;transition: 0.4s;}
.radio_btn input:checked + .wpcf7-list-item-label::after{opacity: 1;visibility: visible;}
.contact_form .wpcf7-spinner{position: absolute !important;}
/* contact section end */

/* project header css start */
.project_header{padding: 165px 0 0px;}
.project_header .top_menu li{list-style: none;font-size: 30px;line-height: 1;margin-bottom: 5px;}
.project_header .top_menu a{text-decoration: none;text-transform: uppercase;transition: 0.4s;}
.project_header .top_menu a:hover{color: #EFBB46;}

.top_title_sec{padding: 0px 0 150px;position: relative;margin-top: 100px;}
.top_title_sec::before{position: absolute;content: "";left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(78, 80, 85, 0.04);clip-path: polygon(0 150px, 100% 0, 100% 100%, 0 100%);}
.top_title_sec .inner_title{display: flex;justify-content: flex-end;padding-right: 90px;margin-top: -45px;}
.top_title_sec .inner_title h1{margin-bottom: 0;line-height: 1;}

/* project overview start */
.project_overview{position: relative;padding: 85px 0;background-color: rgba(78, 80, 85, 0.04);}
.overview_cat_card .wrapper{padding-right: 30px;}
.project_cat{margin-bottom: 100px;}
.overview_cat_card{position: relative;}
.cat_title{display: flex;flex-wrap: wrap;align-items: center;gap: 20px;margin-bottom: 30px;}
.square_clip{display: inline-block;width: 30px;height: 30px;background: #EFBB46;clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 5px));}
.project_overview .text_wrap{max-width: 785px;width: 100%;}
.project_slider_js {width: calc(100% + 60px);margin-left: -30px}
.project_slider_js .slick-slide{margin: 0 30px;height: inherit;}
.project_slider_card .project_card{background: #4E5055;clip-path: polygon(0 30px, 100% 0, 100% 100%, 0 calc(100% - 30px));transition: 0.4s;text-decoration: none;}
.project_slider_card .project_card .btn_one{pointer-events: none;}
.project_slider_card .project_card:hover{background: #EFBB46;}
.project_slider_card .project_card img{width: 100%;}
.project_slider_card .project_card .text{padding: 30px 20px 60px;text-align: center;}
.project_slider_card .project_card .text span:not(.btn_one){font-weight: 700;text-align: left;display: block;}
.project_slider_card .project_card .text span,.project_slider_card .project_card .text  h4{color: #fff;text-align: left;}
.project_slider_card .project_card .text  h4{margin-bottom: 35px;    min-height: 100px;}
.project_slider_card .project_card .text span.btn_one{text-align: center;}
.project_slider_js .slick-track{display: flex;}
.project_slider_card {position: relative;}
.overview_cat_card {padding-bottom: 150px;margin-bottom: 220px;padding-top: 100px; margin-top: -100px;}
.overview_cat_card:last-child{padding-bottom: 50px;margin-bottom: 0;}
.append-dot{position: absolute;right: -60px;top: 50%;transform: translateY(-50%);display: flex;flex-wrap: wrap;text-align: center;min-width: 50px;}
.append-dot .slider-counter{order: 2;width: 100%;font-size: 10px;font-weight: 600;}
.slick-dots{width: 100%;margin-bottom: 15px;list-style: none;}
.slick-dots button{background: #4E5055;border: none;font-size: 0;width: 15px;height: 15px;clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 2px));cursor: pointer;}
.slick-dots  .slick-active  button{background: #EFBB46;}

.team_member.layout_two{background-color: rgba(78, 80, 85, 0.04);padding-top: 250px;padding-bottom: 150px;}
.overview_cat_card:last-child .border-line{display: none;}

/* project overview end */

/* ******************************************************************************************************************* */
.hero_section .title_box{width: auto;float: right;max-width: 600px;width: 100%;}
.hero_section .title_box h6{color: #fff;margin-bottom: 10px;}
.hero_section .title_box h1{float: unset;font-weight: 300;}

/* image with text block start */
.image_with_text{margin-bottom: 420px;position: relative;z-index: 1;}
.image_with_text .card{display: flex;flex-wrap: wrap;align-items: flex-start;}
.image_with_text .card .image{width: calc(57% + 140px);margin-left: -140px;margin-bottom: -200px;position: relative;z-index: 2;margin-top: 90px;}
.image_with_text .card .image img{width: 100%;display: block;clip-path: polygon(0 0, 100% 0, 100% calc(100% - 70px), 0% 100%);}
.image_with_text .card .text{width: 43%;padding-left: 54px;}
.image_with_text .card .text .max_width{max-width: 357px;}
.image_with_text .card .content_bg{width: 51%;padding: 115px 0 115px 115px; position: relative;z-index: 1;min-height: 738px;display: flex;align-items: center;}
.image_with_text .card .content_bg::before{content: "";position: absolute;right: -210px;top: 0;width: calc(100% + 210px);height: 100%;background: #4E5055;clip-path: polygon(0 0, 100% 0, 100% 100%, 0% calc(100% - 70px));}
.image_with_text .card .content_bg h6{color: #fff;position: relative;z-index: 1;}
.image_with_text .card .content_bg h2{color: #fff;position: relative;z-index: 1;}
.image_with_text .card.opposite .content_bg{order: 2;}
.image_with_text .card.opposite .text{order: 1;padding-top: 445px;width: 49%;padding-left: 0;padding-right: 54px;}
.image_with_text .card.opposite .text .max_width{margin-left: auto;}
.image_with_text .inner_part{position: relative;}
.image_with_text .border-left-top::before{content: "";left: -35px;top: 0;height: calc(100% + 162px); width: 1.5px; background: #EFBB46;position: absolute;z-index: 3;}
.image_with_text .border-left-top::after{content: "";left: -35px;bottom: -163px;height: 1.5px; width: 100vw; background: #EFBB46;position: absolute;rotate: 5deg;transform-origin: left;}
/* image with text block end */

/* text with image slider start */
.text_with_slider_img{margin-bottom: 100px;}
.text_with_slider_img .inner_part{display: flex;flex-wrap: wrap;}
.text_with_slider_img .left_part{width: 48%;position: relative;z-index: 1;}
.text_with_slider_img .left_part::before{content: "";position: absolute;left: -900%;top: 0;width: 1000%;height: 100%;background: #fff;}
.text_with_slider_img .left_part .max_width{max-width: 390px;width: 100%;position: relative;z-index: 1;}

.text_with_slider_img .right_part{width: 52%;}
.text_with_slider_img .right_part .card{margin: 0 8px;}
.text_with_slider_img .card .image{margin-bottom: 30px;}
.text_with_slider_img .card .image img{width: 100%;display: block;}
.text_with_slider_img .card p{font-size: 15px;font-weight: 400;}
.text_with_slider_img .slick-dots{width: 100%;display: flex;flex-wrap: wrap;margin-top: 110px;gap: 12px;margin-left: 8px;}
.text_with_slider_img .slick-dots li{list-style-type: none; }
.text_with_slider_img .slick-dots li button{border: none;font-size: 0;background: #4E5055;width: 25px;height: 3px;cursor: pointer;clip-path: unset;}
.text_with_slider_img .slick-dots li.slick-active button{background: #EFBB46;}
.text_with_slider_img .slick-list{overflow: visible;}

/* text with image slider end */



/* full image start */
.fullwidth_imgclip{margin-bottom: 175px;}
.fullwidth_imgclip img{width: 100%;display: block;max-height: 970px;object-fit: cover;clip-path: polygon(0 9vw, 100% 0, 100% 100%, 0 100%);}
.fullwidth_imgclip.clip-right-to-left img{clip-path: polygon(0 0, 100% 9vw, 100% 100%, 0 100%);}


.single_image_wrapper{margin-bottom: 200px;margin-top: 100px;}
.single_image_wrapper img,.two_image_with_text img{width: 100%;display: block;}
.single_image_wrapper p,.two_image_with_text p{margin-bottom: 0;margin-top: 20px;font-size: 15px;}

.two_image_with_text{position: relative;}
.two_image_with_text .image{padding-bottom: 150px;}

.team_member.two{background: #F6F6F6;}
.team_member.two .left_part{width: 67%;}
.team_member.two .team_card{width: 100%;margin-bottom: 40px;}
.team_member.two .team_card:last-child{margin-bottom: 0;}
.team_member.two .team_card .text p{font-size: 17px;line-height: 22px;}
.team_member.two .team_card .text{padding-top: 0;}

.team_member.two .inner_part{max-width: 100%;}
.team_member.two .right_part{width: auto;padding-top: 16px;}
.team_member.two .right_part ul{display: flex;flex-wrap: wrap;justify-content: flex-end;}
.team_member.two .right_part ul li{list-style-type: none;margin-right: 15px;}
.team_member.two .right_part ul li a{padding: 8px;text-decoration: none;text-transform: uppercase;width: 68px;height: 68px;border: 1px solid #4E5055;border-radius: 100%;background: transparent;display:flex;font-size: 9px;line-height: 1;font-weight: 600;justify-content: center;align-items: center;transition: 0.4s;}
.team_member.two .right_part ul li a:hover{border-color: #EFBB46;}

.fullwidth_imagetext{position: relative;}
.fullwidth_imagetext img{clip-path: polygon(0 9vw, 100% 0, 100% 100%, 0 100%);display: block;width: 100%;max-height: 970px;object-fit: cover;}
.fullwidth_imagetext .inner_part{position: absolute;left: 0;bottom: 190px;}
.fullwidth_imagetext .inner_part h2{float: right;margin-bottom: 0;color: #fff;}
/* full image end */

/* text with image start */
.text_with_image{position: relative;padding-bottom: 100px;margin-top: 175px;}
.text_with_image .border-line.two{top: -175px;}

.text_with_image::before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 101%;background: #F6F6F6;clip-path: polygon(0 9vw, 100% 0, 100% 100%, 0 100%);}
.text_with_image .inner_part{position: relative;z-index: 1;display: flex;flex-wrap: wrap;align-items: flex-start;}
.text_with_image .border-line.bottom {bottom: 100px;top: unset;}
.text_with_image .left_text{width: 49%;padding-right: 54px;}
.text_with_image .left_text .max_width{max-width: 357px;margin-left: auto;}
.text_with_image .right_image{width: calc(51% + 210px);margin-right: -210px;position: relative;z-index: 2;}
.text_with_image .right_image img{width: 100%;display: block;clip-path: polygon(0 0, 100% 0, 100% 100%, 0% calc(100% - 70px));}


.text_with_image.border-layout-two{}
.border-layout-two .border-left-top{z-index: 5;}
.border-layout-two .border-left-top::before{content: "";right: 210px;top: -110px;height: calc(100% + 210px); width: 1.5px; background: #EFBB46;position: absolute;}
.border-layout-two .border-left-top::after{content: "";right: 210px;top: -110px;height: 1.5px; width: 100vw; background: #EFBB46;position: absolute;rotate: 5deg;transform-origin: right;}
.team_member.two .inner_part{position: relative;}
.border-show .border-line-new{right: 210px;top: -150px;height: calc(100% + 365px); width: 1.5px; background: #EFBB46;position: absolute;}
/* text with image end */


/* footer start */
.footer{padding: 40px 0;}
.footer ul{display: flex;flex-wrap: wrap;margin-bottom: 0;}
.footer ul li{list-style-type: none;border-right: 1px solid #495459;line-height: 1;padding-right: 10px;margin-right: 10px;}
.footer ul li:last-child{margin-right: 0;padding-right: 0;border-right: none;}
.footer ul li a{text-decoration: none;transition: 0.4s;font-size: 15px;display: block;}
.footer ul li a:hover{color: #EFBB46;}
/* footer end */
.bottom_section .social_link{display: none;}
.fullwidth_imgclip:last-child{margin-bottom: 0}
.gray-bg{background: #F6F6F6;}
.default_text_editor.error_message .inner_part {text-align: center;}
.default_text_editor.error_message .wrapper{max-width: 700px;}
.default_text_editor.error_message  svg{width: 100%;}
.hero_section.m_b_40{margin-bottom: 40px;}
.full-width-text ul, .full-width-text ol{padding-left: 16px;}
.full-width-text li:not(:last-child){margin-bottom: 5px;}
.intro_section.full-width-text  .border-left-top::before {height: calc(100% + 158px);}
.intro_section.full-width-text  .border-left-top div{content: ""; left: -35px; bottom: 120px; height: 1.5px; width: 100vw; background: #EFBB46; position: absolute; rotate: 5deg; transform-origin: left;}
.intro_section.full-width-text .text_wrap{max-width: 100%;}
.team_member.two{overflow: hidden;}

.single-projecten .image_with_text .card .content_bg::before{background: #F6F6F6;}
.single-projecten  .image_with_text .card .content_bg h6,.single-projecten  .image_with_text .card .content_bg h2{color: #4E5055;}
.line_scroll_animation {
    will-change: transform;
    transition: 0.4s ease;
  }




/* Responsive css start */
@media only screen and (max-width: 1365px) {
.image_text_card .image_full .image{width: calc(100% - 60px);}
}

@media only screen and (max-width: 1279px) {
.large h1, .large h2 {font-size: 55px;}
h1{font-size: 32px;}
h2{font-size: 28px;}
h3,.project_header .top_menu li,.menu_slide li:not(li li){font-size: 26px;}
h4{font-size: 23px;}

.wrapper{max-width: 991px;}
.image_text_card .image_full .image{width: calc(100% - 40px);}
.intro_section .border-left-top::before {left: -20px;}
.intro_section .text_wrap{max-width: 700px;}
.intro_section .outer_part{padding-bottom: 65px;}
.hero_section,.image_text_cards,.image_text_card:not(:last-child),.image_text_card .image_full{margin-bottom: 65px;}
.company_motto_card{min-height: 660px;padding: 80px 65px 80px 0;}
.team_member {padding: 100px 0 100px;}
.company_motto{padding-bottom: 180px;}
.contact_section {padding: 65px 0 15px;}
.company_motto .border-line {bottom: 90px;}
.intro_section .border-left-top::after {left: -20px;}
.image_text_cards .image_text_card:nth-child(2n) .image_full .overlap_title h2{padding-left: 30px;}

.project_slider_js .slick-slide {margin: 0 10px;}
.project_slider_js {width: calc(100% + 20px);margin-left: -10px;}
.project_cat {margin-bottom: 70px;}
.top_title_sec {padding: 0px 0 100px;}
.top_title_sec::before{clip-path: polygon(0 120px, 100% 0, 100% 100%, 0 100%);}
.overview_cat_card{margin-bottom: 150px;}
.project_slider_card{padding-right: 60px;}
.append-dot{right: 0;}
.team_member.layout_two{padding-top: 150px;}
.contact_section .right_part ul li a,.team_member.two .right_part ul li a{width: 60px;height: 60px;}
.fix_scroll svg{width: 60px;}

.social-fix.draw .fix_scroll{right: -90px;}
.two_col_text_sec .right_part,.image_with_text .card .text{padding-left: 35px;}
.text_with_image .left_text{padding-right: 35px;}
.image_with_text .card .image{margin-top: 60px;}
.image_with_text .card.opposite .text{padding-top: 270px;padding-right: 35px;}
.image_with_text { margin-bottom: 250px; }
.image_with_text .card .content_bg{min-height: 660px;padding: 80px 0px 80px 65px;}
.image_with_text .border-left-top::after {bottom: -80px;}
.text_with_slider_img .slick-dots{margin-top: 70px;}
.text_with_slider_img,.fullwidth_imgclip{margin-bottom: 100px;}
.two_image_with_text .image{padding-bottom: 100px;}
.team_member.two .team_card .text p{font-size: 20px;line-height: 23px;}
.hero_section .over_lap_text h1{margin-right: 60px;}
.hero_section .title_box{max-width: 450px;}
.top_title_sec .inner_title{padding-right: 60px;}
.text_with_image{margin-top: 100px;}
.text_with_image .border-line.two {top: -100px;}
.header .logo img {max-width: 200px;}
.intro_section.full-width-text .border-left-top div{left: -20px;bottom: 118px;}

}

@media only screen and (max-width: 991px) {
.large h1, .large h2 {font-size: 40px;}

.image_text_card .image_full .image {width: calc(100% - 20px);}
.two_col_text .left_title{width: 100%;text-align: right;}
.two_col_text .right_text{width: 100%;}
.team_member .team_card{width: 100%;}
.team_member .team_card{margin-bottom: 100px;}
.company_motto_card{width: 100%;}
.two_col_text_sec .text_block{width: 100%;}
.two_col_text_sec .text_block .max_width{max-width: 100%;}
.two_col_text_sec .right_part{width: 100%;padding-left: 0;max-width: 100%;margin-top: 30px;}
.company_motto_card::before{left: -30px;width: calc(100% + 60px);}
/* .hero_section{clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 80px));} */
/* .image_text_card .image_full{clip-path: polygon(0 80px, 100% 0, 100% 100%, 0 100%);} */
/* .image_text_cards .image_text_card:nth-child(2n) .image_full{clip-path: polygon(0 0, 100% 80px, 100% 100%, 0 100%);} */
/* .fullwidth_imgclip img {clip-path: polygon(0 80px, 100% 0, 100% 100%, 0 100%);} */
/* .fullwidth_imagetext img {clip-path: polygon(0 80px, 100% 0, 100% 100%, 0 100%);} */
/* .fullwidth_imgclip.clip-right-to-left img{clip-path: polygon(0 0, 100% 80px, 100% 100%, 0 100%);} */



.intro_section .border-left-top::before {left: 0;}
.intro_section .border-left-top::after {left: 0;}
.intro_section .outer_part,.image_text_card .image_full h2,.two_col_text .outer_part,.two_col_text_sec,.team_member .inner_part,.team_member .title_box,.contact_section .inner_part,.footer .inner_part {padding-left: 30px;}
.image_text_card .image_full .image{width: 100%;}
.wrapper{padding-right: 30px;}
.company_motto_card{padding-left: 30px;padding-right: 0;margin-bottom: 30px;}
.social-fix.draw .fix_scroll{right: 0;}
.fix_scroll .wrapper {padding-right:0px;}
.contact_section .right_part{padding-right: 60px;}
.contact_section .left_text {width: 270px;}
.contact_form {width: calc(100% - 270px);}
.project_slider_card {padding-right: 0;}
.append-dot{position: static;transform: unset;align-items: center;justify-content: center;padding-top: 50px;}
.slick-dots{width: auto;display: flex;gap: 5px;margin-bottom:10px;}
.append-dot .slider-counter{width: 100%;}
.overview_cat_card{margin-bottom: 100px;padding-bottom: 100px;}

.team_member {padding: 100px 0;}
.single_image_wrapper{margin-top: 70px;margin-bottom: 70px;}
.menushow .body_left{min-width: 415px;}
.top_title_sec{margin-top: 60px;}
.overview_cat_card:last-child {padding-bottom: 0;}
.team_member.layout_two {padding: 100px 0;}
.team_member .team_card:last-child{margin-bottom: 0;}
.hero_section .title_box {max-width: 375px;}
.team_member.two{padding: 70px 0 130px;}
.menu_bar{bottom: 30px;}
.border-layout-two .border-left-top::before {top: -50px;}
.border-layout-two .border-left-top::after {top: -50px;}
.intro_section.full-width-text .border-left-top div{left: 0px;}




}

@media only screen and (max-width: 767px) {
.contact_section .left_part{width: 100%;}
.contact_section .right_part{width: 100%;}
.social-fix.draw .fix_scroll{display: none;}
.contact_section .right_part ul{justify-content: flex-start;}
.contact_section .left_text{width: 100%;}
.contact_form{width: 100%;max-width: 100%;float: left;padding-right: 0;}
.contact_section .right_part{display: none;}
.contact_section .bottom_section{display: flex;flex-wrap: wrap;}
.contact_section .left_text{order: 3;}
.contact_section .contact_form{order: 1;}
.hero_section img{min-height: 600px;}
/* .hero_section {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 50px));} */
/* .image_text_card .image_full {clip-path: polygon(0 50px, 100% 0, 100% 100%, 0 100%);} */
/* .image_text_cards .image_text_card:nth-child(2n) .image_full {clip-path: polygon(0 0, 100% 50px, 100% 100%, 0 100%);} */
/* .fullwidth_imgclip img{clip-path: polygon(0 50px, 100% 0, 100% 100%, 0 100%);} */
/* .fullwidth_imagetext img {clip-path: polygon(0 50px, 100% 0, 100% 100%, 0 100%);} */
.company_motto_card::before{clip-path: polygon(0 0, 100% 0, 100% calc(100% - 50px), 0% 100%);}
/* .fullwidth_imgclip.clip-right-to-left img{clip-path: polygon(0 0, 100% 50px, 100% 100%, 0 100%);} */


.contact_section .left_part h6{margin-bottom: 30px;}
.contact_section .bottom_section .field .radio_btn{width: 100%;margin-bottom: 20px;}
.contact_form .field.button{margin-top: 10px;}
.contact_section .contact_form{margin-bottom: 80px;}
.bottom_section .social_link{display: block;order: 2;margin-bottom: 50px;}
.bottom_section .social_link ul{display: flex;flex-wrap: wrap;gap: 10px;}
.bottom_section .social_link li{list-style-type: none;}
.bottom_section .social_link li a{padding: 8px;text-decoration: none;text-transform: uppercase;width: 60px;height: 60px;border: 1px solid #4E5055;border-radius: 100%;background: #fff;display: flex;font-size: 9px;line-height: 1;font-weight: 600;justify-content: center;align-items: center;transition: 0.4s;}
.bottom_section .social_link li a:hover{border-color: #EFBB46;}
.project_overview{padding: 70px 0 40px;}
.overview_cat_card {margin-bottom: 80px;padding-bottom: 80px;}

.team_member.layout_two{padding: 80px 0;}
.image_with_text .card .image {margin-top:0px;order: 2;}
.image_with_text .card .image{width: calc(100% + 60px);margin-left: -30px;margin-right: -30px;margin-bottom: 0;}
.image_with_text .card .image img{clip-path: polygon(0 0, 100% 0, 100% calc(100% - 50px), 0% 100%);}
.image_with_text .card .text .max_width {max-width: 100%;}
.image_with_text .card .text{width: 100%;order: 1;margin-bottom: 100px;}
.image_with_text .card .text {padding-left: 30px;}
.image_with_text .card .content_bg{width: calc(100% + 30px);margin-left: -30px;}
.image_with_text .card.opposite .text {padding-top:0px;padding-right: 0px;padding-left: 30px;width: 100%;order: 2;}
.image_with_text .card.opposite .content_bg {order: 1;padding-left: 60px;margin-top: -80px;}
.image_with_text .border-left-top::after {bottom: 4%;}
.image_with_text {margin-bottom: 120px;}
.image_with_text .border-left-top::before {height: 96%;left: 0;}
.image_with_text .border-left-top::after{left: 0;}

.text_with_slider_img .left_part{width: 100%;padding-left: 30px;margin-bottom: 40px;}
.text_with_slider_img .left_part .max_width{max-width: 100%;}
.text_with_slider_img .right_part{width: calc(100% + 40px);margin-left: -40px;}
.text_with_slider_img .slick-list{padding-right: 10% !important;}
.text_with_slider_img .card p{padding-left: 60px;}
.text_with_slider_img .slick-dots{justify-content: center;}
.text_with_image .left_text {padding-right:0px;padding-left: 30px;width: 100%;margin-bottom: 100px;order: 2;}
.text_with_image .left_text .max_width{max-width: 100%;}
.text_with_image .right_image{width: calc(100% + 60px);margin-left: -30px;margin-right: -30px;order: 1;margin-bottom: 30px;}
.text_with_image .right_image img{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% calc(100% - 50px));}
.single_image_wrapper p, .two_image_with_text p,.project_slider_card,.project_cat{padding-left: 30px;}
.team_member.two .left_part{width: 100%;}
.team_member.two .right_part{margin-top: 50px;}
.fullwidth_imagetext .inner_part{bottom: 100px;}
.team_member.two{padding: 60px 0;}
.header .logo img {max-width: 167px;}
.image_with_text .card .content_bg::before {clip-path: polygon(0 0, 100% 0, 100% 100%, 0% calc(100% - 50px));}
.image_with_text .card .content_bg{margin-bottom: 50px;}
.border-layout-two .border-left-top::after { top: 0;}
.border-layout-two .border-left-top::before {top: 0;}
/* .border-layout-two .border-left-top::after{right: 282px;}
.border-layout-two .border-left-top::before{right: 282px;}
.border-show .border-line-new {right: 282px;} */


.menushow .body_left{min-width: 100%;width: 100%;background: #4E5055;clip-path: polygon(0 0, 100% 0, 100% 100%, 0% calc(100% - 50px));}
.menu_bar.active span {background: #fff !important;}
.menu_slide li a,.menu_slide li li a{color: #fff;}
.menu_slide li li a::before {background: #fff;}
.menu_slide li li a:hover {color: #EFBB46;}
.layout.menushow header .logo{opacity: 0;pointer-events: none;}
.menushow .body_right { width: 100%;}  
.menushow .main-content {width: 100%;}
/* .menushow .header{background: #4E5055;z-index: 100;} */
}


@media only screen and (max-width: 600px) {
/* .image_with_text .card .image img,.text_with_image .right_image img{min-height: 671px;object-fit: cover;} */
.image_with_text .card .content_bg {min-height: 730px;}
.large h1, .large h2 {font-size: 32px;}
.hero_section .over_lap_text h1{margin-right: 20px;}
.hero_section .over_lap_text{bottom: 100px;}
.intro_section .border-left-top::after {top:-400px;}
.intro_section .border-left-top::before {top: -400px;height: calc(100% + 460px);}


h2 {font-size: 27px;}
h3 {font-size: 27px;}
h4 {font-size: 21px;}
h6{font-size: 13px;}
.image_text_card .image_full h2{font-size: 35px;}
.menu_slide li:not(li li) {font-size: 30px;}




.hero_section{margin-bottom: 155px;}
.intro_section .outer_part{padding-bottom: 155px;}
.menushow .body_left{min-width: 100%;width: 100%;background: #4E5055;clip-path: polygon(0 0, 100% 0, 100% 100%, 0% calc(100% - 50px));}
.menu_bar.active span {background: #fff !important;}
.menu_slide li a,.menu_slide li li a{color: #fff;}
.menu_slide li li a::before {background: #fff;}
.menu_slide li li a:hover {color: #EFBB46;}
.layout.menushow header .logo{opacity: 0;pointer-events: none;}



/* .image_text_card .image_full .image,.image_with_text .card .image,.fullwidth_imgclip,.text_with_image .right_image,.fullwidth_imagetext{overflow: auto;} */
.image_text_card .image_full img,.image_with_text .card .image img,.fullwidth_imgclip img,.text_with_image .right_image img,.fullwidth_imagetext img{max-width: unset;width: auto;  max-height: 683px;}

.image_text_card .image_full .overlap_title{bottom: 40px;}
.two_col_text .left_title h2{font-size: 19px;}
.two_col_text .right_text{margin-top: 30px;}
.team_member .team_card .text h6{font-size: 15px;margin-bottom: 15px;}
.team_member .team_card .text{padding-left: 25px;}
.company_motto_card{min-height: 723px;}
.contact_section{padding: 115px 0 15px;}
.contact_section .top_section{margin-bottom: 100px;}
.project_header {padding: 140px 0 0px;}
.top_title_sec {margin-top: 120px; }
.project_slider_card .project_card{clip-path: polygon(0 15px, 100% 0, 100% 100%, 0 calc(100% - 15px));}
.top_title_sec .inner_title,.fullwidth_imagetext .inner_part h2 {padding-right: 20px;}
.hero_section .title_box{width: auto;max-width: 305px;padding-right: 20px;}
.image_with_text .card .content_bg h6{font-size: 15px;}
.image_with_text .card .content_bg h2{font-size: 33px;}
.intro_section.full-width-text .border-left-top::before {height: calc(100% + 282px);}
.hero_section .title_box h1{float: right;}
.hero_section.layout_two .over_lap_text {bottom: 130px;}
.menushow .main-content{width: 100%;}
.menushow .body_right{width: 100%;}


.image_container .image_wrap{position: relative;height: 670px;width: 600px !important;}
.image_container .image_wrap img{width: 100%;display: block;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.image_text_cards .image_text_card:nth-child(2n) .image_full .image{float: unset;}

}

@media only screen and (max-width: 391px) {
h2 {font-size: 24px;}
.intro_section .outer_part {padding-bottom: 80px;}
.hero_section {margin-bottom: 80px;}
.image_text_card .image_full h2 {font-size: 27px;}
.two_col_text .left_title h2 br{display: none;}
.two_col_text .left_title h2 {font-size: 17px;}
.team_member .team_card .image {width: 100px;}
.team_member .team_card .text {width: calc(100% - 100px);padding-top: 0;padding-left: 20px;}
.header .logo img {max-width: 140px; }
.menu_slide li:not(li li) {font-size: 25px;}
.menu_slide li li {font-size: 14px;}
.menu_slide li li a::before{top: 8px;width: 20px;}
.menu_slide li li a{padding-left: 30px;}




}