body{margin: 0; padding: 0; box-sizing: border-box; font-family: var(--font1); background-color: #fff;}
*{margin: 0; padding: 0; box-sizing: border-box;}

/* Algemeen */
:root{
    /* Fonts */
    --font1: 'Barlow', sans-serif;

    /* Colors */
    /* --accent: #ff3700; */
    /* --accent: #F22B29; */
    --accent: #60998d;
    --primary: #c18a23;
    --secondary: #272525;
    --light_blue: #e6edf4;

    /* Size */
    --basic_width: 1400px;
}
.btn{cursor: pointer; padding: 10px 20px; background-color: var(--accent); border-radius: 20px; color: #fff; border: none; transition: all 0.2s ease-in-out;}
.btn:hover{background-color: #c18a23; transition: all 0.2s ease-in-out;}
.btn:hover{background-color: #c18a23; transition: all 0.2s ease-in-out;}
.btn a{text-decoration: none; color: inherit;}

#toast-container>div{opacity: 1 !important; background-color: #49a54b !important;}
#toast-container > .toast-error{background-color: #a53134 !important;}

.page_title{display: flex; justify-content: center; align-items: center; width: 100%; margin-top: 60px;}
.page_title_inner{display: flex; justify-content: flex-start; align-items: center; width: 100%; max-width: var(--basic_width); padding: 0 20px;}
.page_title_inner h1{font-weight: 600; font-size: 26px; font-weight: 700;}
.page_title_inner span{color: var(--accent);}
@media only screen and (max-width: 800px) {
    .page_title_inner{justify-content: center}
    .page_title_inner h1{text-align: center;}
}

.page_title_tow_sides{display: flex; justify-content: center; align-items: center; width: 100%; margin: 60px 0 60px 0;}
.page_title_tow_sides_inner{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 100%; max-width: var(--basic_width); padding: 0 20px;}
.page_title_tow_sides_inner .left{display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; width: 68%;}
.page_title_tow_sides_inner .right{display: flex; justify-content: center; align-items: flex-start; width: 28%;}
.page_title_tow_sides_inner .right img{width: 100%; max-height: 250px; object-fit: cover; border-radius: 5px;}
.page_title_tow_sides_inner h1{font-weight: 600; font-size: 26px; font-weight: 700;}
.page_title_tow_sides_inner span{color: var(--accent);}
@media only screen and (max-width: 800px) {
    .page_title_tow_sides_inner .left{width: 100%;}
    .page_title_tow_sides_inner .right{width: 100%; margin-top: 20px;}
}

.btn_group{display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; width: 100%;}
.btn_group button{margin-right: 10px;}
.btn_group button a{text-decoration: none; color: #fff;}

.alert-danger{transition: all 0.3s ease-in-out; position: absolute; right: 0px; bottom: 5%; background-color: red; color: #fff; padding: 20px; border-radius: 10px 0 0 10px; z-index: 999999999;}

/* Breadcrumb */
.breadcrumb{display: flex; justify-content: center; align-items: center; width: 100%; margin-top: 184px; color: var(--secondary);}
.breadcrumb_inner{display: flex; justify-content: flex-start; align-items: center; width: 100%; max-width: var(--basic_width); padding: 20px;}
.breadcrumb_inner a{margin-right: 10px; color: inherit; font-weight: 300; font-size: 14px;}
@media only screen and (max-width: 1050px) {
.breadcrumb{margin-top: 100px;}
}

/* Page Header */
.page_header{position: relative; margin-top: 20px; top: -120px;}
.page_header video{width: 100%; height: 250px; object-fit: cover; opacity: 0.3;}
.page_header img{width: 100%; height: 250px; object-fit: cover; opacity: 0.3;}
.page_header .vacancie_img{width: 100%; height: 250px; object-fit: cover; opacity: 0.5;}
.page_header .page_header_wave{position: absolute; bottom: 0; left: 0; width: 100%;}
.page_banner_img{display: flex; justify-content: center; align-items: center; width: 100%; margin-top: -250px; margin-bottom: 150px;}
.page_banner_img_inner{display: flex; justify-content: center; align-items: flex-start; flex-direction: column; width: 100%; max-width: var(--basic_width); margin: 0 20px;}
.page_banner_img_inner h1{ text-align: center; color: var(--secondary); border-radius: 5px; padding: 20px; z-index: 10; margin-bottom: -20px;}
.page_banner_img_inner h1 span{color: var(--accent);}
.page_banner_img_inner img{width: 100%; height: 200px; object-fit: cover; z-index: 9; border-radius: 5px;}

/* Table zelf */
.main-wrapper{ width: 100%; overflow-x: auto; margin-top: 20px; border-radius: 5px 5px 0 0;}
.responsive-table{ display: inline-block;min-width: 100%;}
.responsive-table > table { width: 100%;border-collapse: collapse;}
.responsive-table > table img{  width: 50px; height: 50px;  border-radius: 10px; }
.responsive-table > table thead { background-color: #fff; color: #A1A5B7; text-transform: uppercase; font-size: 16px;}
.responsive-table > table thead i{ color: #aa596070;}
.responsive-table > table a{ color: #5048e4;text-decoration: none;cursor: pointer;}
.responsive-table > table td, th {border-bottom: 1px solid #cccccc; padding: 16px 8px; text-align: left; font-size: 14px; max-height: 60px;}
.responsive-table > table .table-row:hover { background-color: #d5d7d8aa;}
.responsive-table > table .table-row img { width: 50px; height: 50px; object-fit: contain;}
.table-row .status{padding: 10px; border-radius: 5px;}
.table-row .status1{background-color: #2626291a; color: #000;}
.table-row .status2{background-color: #04ff8a60; color: #00a759;}
.table-row .status3{background-color: #ff04041a; color: #ff0404;}

/* Authentication */
.auth_frame{display: flex; justify-content: center; align-items: center; width: 100%; margin-top: 180px;}
.auth_frame_inner{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 100%; max-width: var(--basic_width); padding: 20px;}
.auth_frame_inner h1{margin-bottom: 20px;}
.auth_frame_inner h1 span{color: var(--accent);}
.auth_frame_inner .left{display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; width: 48%; height: 600px;}
.auth_frame_inner .right{display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column;width: 48%; height: 600px;}
.auth_frame_inner .item{display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; margin: 10px 0; width: 100%;}
.auth_frame_inner .item span{color: var(--accent);}
.auth_frame_inner .item label{margin-bottom: 5px;}
.auth_frame_inner .item input{width: 100%; padding: 10px; border: 1px solid #e6edf4;}
@media only screen and (max-width: 750px) {
    .auth_frame_inner .left{width: 100%; height: auto;}
    .auth_frame_inner .right{width: 100%; height: auto;}
    .auth_frame_inner button{margin-bottom: 50px;}
}

/* Home Banner */
.home_banner{position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; object-fit: cover; height: 600px; margin-top: 100px;}
.home_banner .banner_wave{position: absolute; bottom: 0px; width: 100%;}
.home_banner_inner{display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: var(--basic_width); padding: 0 20px;}
.home_banner_inner .left{display: flex; justify-content: first baseline; align-items: flex-start; flex-direction: column; width: 48%;}
.home_banner_inner .left h1{font-weight: 700; letter-spacing: 1.4px; color: #fff; font-size: 32px;}
.home_banner_inner .left p{font-weight: 400; color: #fff; font-style: italic; font-size: 22px;margin: 20px 0;}
.home_banner_inner .right {width: 40%;}
.home_banner_inner .right h1{font-weight: 700; color: #000; font-size: 32px; margin-bottom: 20px;}
.home_banner_inner .right span{color: var(--accent);}

/* Filter Home */
.filterbar_home{display: flex; justify-content: center; align-items: center; width: 100%; margin-top: 50px;}
.filterbar_home_inner{display: flex; justify-content: center; align-items: flex-start; flex-direction: column; width: 100%; max-width: var(--basic_width); padding: 20px; background-color: #fff; border-radius: 5px;}
.filterbar_home_inner .item{display: flex; align-items: center; margin-right: 20px; width: 100%; margin-bottom: 25px;}
.filterbar_home_inner .item input{ width: 100%; padding: 10px 15px; border: 1px solid whitesmoke; border-radius: 5px;}
.filterbar_home_inner .item select{width: 100%; padding: 10px 15px; border: 1px solid whitesmoke; border-radius: 5px;}
.filterbar_home_inner .item button{cursor: pointer; padding: 10px 20px; background-color: var(--accent); border-radius: 20px; color: #fff; border: none;}
.filterbar_home_inner .item i{text-align: center;}
.filterbar_home .product_items{display: flex; justify-content: center; align-items: center; width: 100%;}
.filterbar_home .product_items_inner{display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 100%;}
.filterbar_home .product_items_inner .product_item{display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; width: 30%;}
.filterbar_home .product_items_inner .product_item a{text-decoration: none;}
.filterbar_home .product_items_inner .product_item h1{font-size: 14px; margin-top: 5px; text-align: center; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.filterbar_home .product_items_inner .product_item b{color: var(--secondary);}
.filterbar_home .product_items_inner .product_item b span{font-weight: 400; font-size: 12px;}
.filterbar_home .product_items_inner .product_item img{width: 140px; height: 140px; max-width: 140px; max-height: 140px; min-width: 140px; min-height: 140px; object-fit: contain; border-radius: 5px;}
@media only screen and (max-width: 1200px) {
.filterbar_home .product_items_inner .product_item img{width: 100%; height: auto; object-fit: contain; border-radius: 5px;}
}
@media only screen and (max-width: 750px) {
.home_banner_inner .left{width: 100%;}
.home_banner_inner .right{width: 100%;}
.home_banner_inner {flex-direction: column; margin-top: 80px;}
.home_banner{height: 800px;}
    .filterbar_home .product_items_inner .product_item{width: 30%;}
.filterbar_home .product_items_inner .product_item img{width: 100%; height: 140px; max-width: 100%; max-height: 140px; min-width: 100%; min-height: 140px; object-fit: contain; border-radius: 5px;}
.filterbar_home .product_items_inner .product_item h1{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
}
@media only screen and (max-width: 360px) {
.home_banner_inner {margin-top: 0px;}
.home_banner_inner .left h1{font-size: 26px;}
}

/* Home pagina verkoop items */
.home_between_items{display: flex; justify-content: center; align-items: center; width: 100%; padding: 20px; padding-top: 50px; margin: 0px 0 50px 0;}
.home_between_items_inner{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 100%; padding: 20px; max-width: var(--basic_width);}
.home_between_items_inner .item{width: 22%;}
.home_between_items_inner .item i{transition: all 0.2s ease-in-out; font-size: 30px; color: var(--accent); opacity: 1; margin-bottom: 5px;}
.home_between_items_inner .item:hover i{transition: all 0.2s ease-in-out; color: var(--primary);}
.home_between_items_inner .item h3 {color: var(--secondary); margin-bottom: 2px;}
.home_between_items_inner .item h3 span{color: var(--accent);}
.home_between_items_inner .item p{font-size: 14px;}
@media only screen and (max-width: 900px) {
.home_between_items_inner .item{width: 48%; margin-bottom: 20px;}
}
@media only screen and (max-width: 600px) {
.home_between_items_inner .item{width: 100%; margin-bottom: 30px;}
}

/* Homepagina nieuws Slider */
.news_slider{position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; padding: 20px 0; padding-bottom: 50px;background-color: var(--light_blue);}
.news_slider .news_wave{position: absolute; width: 100%; transform: rotate(0deg); bottom: 0;}
.news_slider .news_wave_top{position: absolute; width: 100%; transform: rotate(180deg); top: -85px;}
.news_slider_inner{display: flex; justify-content: center; align-items: center; width: 100%; max-width: var(--basic_width); padding: 20px; margin: 0 10px;}
.news_slider_inner .slider_parent{display: flex; justify-content: space-between; align-items: center; width: 100%;}
.news_slider_inner .slider_parent .card{display: flex; justify-content: center; align-items: center; flex-direction: column; height: 400px; width: 30%; background-color: #fff; margin: 0 10px; padding: 20px; border-radius: 10px;}
.news_slider_inner .slider_parent .card img{width: 150px; height: 150px; border-radius: 10px; object-fit: contain; margin-bottom: 20px;}
.news_slider_inner .slider_parent .card h2{font-weight: 500; font-size: 1.20rem; margin: 30px 0 5px; margin-bottom: 15px;}
.news_slider_inner .slider_parent .card span a{transition: all 0.2s ease-in-out; font-size: 14px; text-decoration: none; color: #fff; background-color: var(--accent); padding: 5px 10px; border-radius: 20px;}
/*.news_slider_inner i{z-index: 999999 !important; min-width: 50px; height: 50px; text-align: center; line-height: 50px; background: var(--accent); color: #fff; border-radius: 50%; box-shadow: 0 3px 6px rgba(0,0,0,0.23);}*/
@media only screen and (max-width: 600px) {
    .news_slider_inner .slider_parent .card{margin: 0 10px;}
}

/* Home bottom blocks */
.bottom_blocks{display: flex; justify-content: center; align-items: center; width: 100%;}
.bottom_blocks_inner{display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; width: 100%; max-width: var(--basic_width); padding: 20px;}
.bottom_blocks_inner .item{display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; width: 48%; margin-bottom: 20px;}
.bottom_blocks_inner .item h1{font-size: 30px; margin-bottom: 10px;}
@media screen and (max-width: 900px) {
  .bottom_blocks_inner .item{width: 100%;}
}
/* Categories */
.categories {width: 100%; margin-bottom: 50px;}
.categories_inner {  display: flex;  justify-content: flex-start;  align-items: center;  width: 100%;  max-width: var(--basic_width);  padding: 50px 20px;}
.slider { position: relative; overflow: hidden; width: 100%; margin-bottom: 50px;}
.slider-inner { display: flex; transition: transform 0.5s ease-in-out;}
.slide {text-decoration: none; transition: all 0.2s ease-in-out; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; height: 400px; min-width: 400px; max-width: 400px; color: #000; border-radius: 5px; background-color: var(--light_blue); margin-bottom: 20px; margin-right: 20px; padding: 10px;}
.slide:hover img {transform: scale(1.02); transition: all 0.2s ease-in-out;}
.slide h1 {font-size: 20px;margin-bottom: 5px;}
.slide h1 span {color: var(--accent);}
.slide p {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;font-size: 14px;}
.slide img {width: 100%;height: 300px;object-fit: contain;margin-right: 20px; margin-bottom: 20px; transition: all 0.2s ease-in-out;}
.slider-controls {position: absolute;top: 0px;right: 0;transform: translateX(-50%);}
.prev-button,
.next-button {background-color: transparent;border: none;color: #000;font-size: 24px;padding: 5px 10px;cursor: pointer;}
.prev-button:hover,
.next-button:hover {color: var(--accent);}
@media only screen and (max-width: 450px) {
.slide{width: 300px; min-width: 300px; max-width: 300px; height: 300px;}
.slide img {height: 200px;}
}

.project_section{display: flex; justify-content: center; align-items: center; width: 100%;}
.project_section_inner{display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; width: 100%; max-width: var(--basic_width); padding: 20px;}
.project_section_inner .title{width: 100%; margin-bottom: 40px; font-size: 32px; color: #fff;}
.project_section_inner .project_section_inner_item{display: flex; justify-content: flex-end; align-items: flex-start; flex-direction: column; text-decoration: none; width: 48%; margin: 0 10px; height: 500px; margin-bottom: 50px; padding: 40px; background-repeat: no-repeat; background-position: center; background-size: cover;}
.project_section_inner .project_section_inner_item h3{width: 70%; font-size: 35px; line-height: 1.4; color: #fff;}
.project_section_inner .project_section_inner_item .cta{color: #fff; text-decoration: none; margin-top: 20px; transition: all 0.2s ease-in-out;}
.project_section_inner .project_section_inner_item .cta i{transform: rotate(325deg); color: var(--accent); transition: all 0.2s ease-in-out;}
.project_section_inner .project_section_inner_item:hover .cta i{transform: rotate(360deg); padding-right: 10px; transition: all 0.2s ease-in-out;}
@media only screen and (max-width: 1100px) {
    .project_section_inner .project_section_inner_item{height: 500px;}
    .project_section_inner .project_section_inner_item h3{font-size: 30px;}
}
@media only screen and (max-width: 900px) {
    .project_section_inner .title{font-size: 24px;}
    .project_section_inner .project_section_inner_item{width: 100%; height: 300px; margin-bottom: 20px;}
    .project_section_inner .project_section_inner_item h3{font-size: 24px;}
}
.slick-initialized .slick-slide{display: flex !important;}

/* Categories Admin */
.categories_admin{display: flex; justify-content: center; align-items: flex-start; flex-direction: column; width: 100%;}
.categories_admin i{font-size: 30px; color: var(--accent);}
.categories_admin span{color: var(--accent);}
.categories_admin_inner{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 100%; max-width: var(--basic_width); padding: 20px;}
.categories_admin_inner .item{display: flex; justify-content: flex-end; flex-direction: column; width: 300px; height: auto; text-decoration: none; color: #000; border-radius: 5px; padding: 10px; border: 1px solid whitesmoke; margin-bottom: 20px; transition: all 0.2s ease-in-out;}
.categories_admin_inner .item:hover img{transform: scale(1.02); transition: all 0.2s ease-in-out;}
.categories_admin_inner .item img{width: 100%; height: 300px; object-fit: contain;transition: all 0.2s ease-in-out;}
.categories_admin_inner .item h1{font-size: 24px;}
.categories_admin_inner .item p{font-size: 14px;display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  overflow: hidden; }
@media only screen and (max-width: 722px) {
.categories_admin_inner{justify-content: center;}
}

/* About block */
.about_block{display: flex; justify-content: center; align-items: center; width: 100%; margin: 20px 0;}
.about_block_inner{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 100%; max-width: var(--basic_width); padding: 0 20px;}
.about_block_inner .left{width: 45%;}
.about_block_inner .right .button{margin-top: 20px; padding: 10px 0px; background-color: var(--accent); color: #fff; border-radius: 20px; cursor: pointer; width: 180px; text-align: center;}
.about_block_inner .left img{width: 100%; height: 450px; border-radius: 20px; object-fit: cover;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.about_block_inner .right{width: 45%;}
.about_block_inner .right h5{color: var(--theme_color); text-transform: uppercase; font-weight: lighter; margin-bottom: 15px;}
.about_block_inner .right h1{color: #222222; margin-bottom: 20px; font-weight: 700;}
.about_block_inner .right p{letter-spacing: 1.6; line-height: 1.5; color: #222222; margin-bottom: 20px;}
.about_block_inner .right .item{transition: all 0.2s ease-in-out; text-decoration: none; display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 20px; border-bottom: 1px solid #222222;}
.about_block_inner .right .item:hover i{transition: all 0.2s ease-in-out; color: var(--secondary);}
.about_block_inner .right .left_item{width: 70%;}
.about_block_inner .right .item .left_item .category{margin-bottom: 10px; font-size: 16px; font-family: var(--font1); background-color: var(--secondary); color: #fff; border-radius: 20px; padding: 5px 10px; width: auto;}
.about_block_inner .right .item .left_item h4{font-size: 25px; font-family: var(--font2); color: #222222; margin-bottom: 20px; font-weight: 300;}
.about_block_inner .right .right_item{display: flex; justify-content: flex-end; width: 25%;}
.about_block_inner .right .right_item i{transition: all 0.2s ease-in-out; font-size: 50px; color: var(--accent);}
@media only screen and (max-width: 850px) {
    .about_block_inner {flex-direction: column-reverse;}
    .about_block_inner .left{width: 100%;}
    .about_block_inner .right{width: 100%;}
    .about_block_inner .left img{height: 400px; margin-bottom: 20px;}
}
@media only screen and (max-width: 1050px) {
    .about_block{margin-top: 20px;}
}

/* Account */
.account{display: flex; justify-content: center; align-items: center; width: 100%; margin-top: 180px;}
.account_inner{display: flex; justify-content: flex-start; align-items: center; width: 100%; max-width: var(--basic_width); margin: 0 20px;}
.account_inner .tab{ padding: 10px; border-radius: 5px 5px 0 0; text-decoration: none; font-weight: 500;  color: var(--secondary);z-index: 1;}
.account_inner .active{background-color: #fcfcfc; border: 1px solid #ff370014; border-bottom: 0px; }
.account .tab_menu{display: none;}
@media only screen and (max-width: 950px) {
.account{ margin-top: 80px;}
.account .tab_menu{display: flex; align-items: center;}
.account .tab_menu p{color: var(--accent);}
.account .open_account_menu{display: flex; padding: 10px; color: var(--accent); margin-top: 5px;}
.account .tab{display: none;}
}

.account_page{display: flex; justify-content: center; align-items: center; width: 100%; margin-bottom: 50px; margin-top: -1px;}
.account_page_inner{display: flex; justify-content: center; align-items: center; width: 100%; max-width: var(--basic_width); padding: 20px; background-color: #fcfcfc;border: 1px solid #ff370014; margin: 0 20px;}

/* Form */
.profile_form{display: flex; justify-content: center; align-items: center; width: 100%;}
.profile_form_inner{display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; width: 100%; max-width: var(--basic_width); padding: 20px;}
.profile_form_inner .item{display: flex; flex-direction: column; margin-bottom: 20px;}
.profile_form_inner .item span{color: var(--accent);}
.profile_form_inner .item label{padding-bottom: 5px;}
.profile_form_inner .item input{padding: 10px; border: 1px solid #e6edf4;}
.profile_form_inner .item textarea{height: 100px; padding: 10px; border: 1px solid #e6edf4; font-family: var(--font1);}
.profile_form_inner .item select{padding: 10px; border: 1px solid #e6edf4; font-family: var(--font1);}
.profile_form_inner .item img{object-fit: contain;}
.profile_form_inner .left{width: 45%;}
.profile_form_inner .left b{color: var(--accent);}
.profile_form_inner .right{width: 45%;}
.profile_form_inner .right img{object-fit: contain; margin-top: 10px;}
.product_specification-name{margin-bottom: 5px;}
.profile_form #image-container{display: flex; justify-content: center; align-items: center; width: 100%;}
.profile_form .image-container_inner{display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; width: 100%; max-width: 100%;}
.profile_form .image-container_inner .image-item{position: relative; display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; width: 19%; margin-right: 10px; margin-bottom: 20px; padding: 10px; background-color: #fff;}
.profile_form .image-container_inner .image-item img{width: 100%; height: 200px; object-fit: contain;}
.profile_form .remove-image-btn{display: flex; justify-content: center; align-items: center; position: absolute; right: 10px; top: 10px; border: none; background-color: rgba(255, 0, 0, 0.203); color: red; width: 30px; height: 30px; border-radius: 50%;}
@media only screen and (max-width: 1120px) {
.profile_form .image-container_inner{justify-content: space-between;}
.profile_form .image-container_inner .image-item{margin-right: 0px; width: 22%;}
}
@media only screen and (max-width: 900px) {
.profile_form .image-container_inner .image-item{width: 32%;}
}
@media only screen and (max-width: 600px) {
.profile_form .image-container_inner .image-item{width: 48%;}
}
@media only screen and (max-width: 450px) {
.profile_form .image-container_inner .image-item{width: 100%;}
}
@media only screen and (max-width: 650px) {
.profile_form_inner .left{width: 100%;}
.profile_form_inner .right{width: 100%;}
}
.image-input {
    display: block;
    margin-top: 5px;
}

/* Default Block */
.default_block{display: flex; justify-content: center; align-items: center; width: 100%; margin-bottom: 50px;}
.default_block_inner{display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; max-width: 900px; padding: 20px;}
.default_block_inner h1{font-size: 30px; text-align: center; margin-bottom: 10px;}
.default_block_inner span{color: var(--accent);}
.default_block_inner p{font-size: 16px; text-align: center; line-height: 1.4;}

/* Populair Products */
.populair_products{display: flex; justify-content: center; align-items: center; width: 100%; margin-bottom: 60px;}
.populair_products_inner{display: flex; justify-content: center; flex-wrap: wrap; align-items: center; width: 100%; max-width: var(--basic_width); padding: 20px;}
.populair_products_inner .item{display: flex; justify-content: center; align-items: flex-start; position: relative; transition: all 0.2s ease-in-out; text-decoration: none; height: 580px; padding: 20px; margin: 0 10px; background-color: var(--light_blue); display: flex; justify-content: flex-end; align-items: flex-start; flex-direction: column; min-width: 31%; width: 31%; border-radius: 5px; font-size: 14px; font-weight: 400;}
.populair_products_inner .item .label{position: absolute; right: 10px; top: 10px; padding: 5px; border-radius: 5px; background-color: #ff3600; color: #fff; z-index: 9999;}
.populair_products_inner .item:hover img {transform: scale(1.02); transition: all 0.2s ease-in-out; }
.populair_products_inner .item img{transition: all 0.2s ease-in-out; width: 100%; object-fit: contain; max-height: 400px; min-height: 400px; height: 400px;}
.populair_products_inner .item h1{font-size: 24px; color: #000; margin-top: 20px;}
.populair_products_inner .item span{color: var(--accent);}
.populair_products_inner .item p{color: #000; font-size: 14px; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.populair_products_inner .price{margin-top: 10px; display: flex; justify-content: center; align-items: center; width: 100%;}
.populair_products_inner .price_inner{display: flex; justify-content: flex-start; align-items: flex-end; flex-direction: column; width: 100%; max-width: 100%;}
.populair_products_inner .price_inner b{font-size: 20px; color: #000;}
.populair_products_inner .price_inner b span{font-size: 14px; font-style: italic;}
.populair_products_inner .price_inner p span{font-size: 12px; font-style: italic;}
@media only screen and (max-width: 1140px) {
.populair_products_inner{justify-content: space-between;}
.populair_products_inner .item{width: 48%; min-width: 48%; margin: 0 0 20px 0;}
}
@media only screen and (max-width: 800px) {
.populair_products_inner .item{width: 100%; min-width: 100%;}
}

/* Product Details */
.product_detail{display: flex; justify-content: center; align-items: center; width: 100%; margin-top: 20px;}
.product_detail_inner{display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; width: 100%; max-width: var(--basic_width); padding: 20px;}
.product_detail_inner .left{display: flex; justify-content: center; align-items: center; width: 48%;}
.product_detail_inner .left_inner{display: flex; justify-content: space-between; align-items: flex-start; width: 100%;}
.product_detail_inner .left_inner .photos{width: 25%; height: 450px; overflow-y: scroll; cursor: pointer;}
.product_detail_inner .left_inner .photos img{height: 110px;}
.product_detail_inner .left_inner .single_photo{position: relative; width: 74%; background-position: center; background-size: contain; background-repeat: no-repeat; object-fit: contain;}
.product_detail_inner .left_inner .single_photo .label{position: absolute; display: flex; justify-content: center; align-items: center; left: 10px; top: 10px; background-color: #ff3700; color: #fff; font-size: 22px; font-weight: 600; padding: 5px; border-radius: 50%; height: 80px; width: 80px;}
.product_detail_inner .left img{width: 100%; height: 450px; background-position: center; background-size: contain; background-repeat: no-repeat; object-fit: contain; border-radius: 10px;}
.product_detail_inner .right{width: 48%;}
.product_detail_inner .right h1{font-size: 34px; margin-bottom: 15px;}
.product_detail_inner .right span{color: var(--accent);}
.product_detail_inner .right .short_description{font-size: 16px;line-height: 20px;font-weight: 400; color: #262629; margin-bottom: 10px;}
.product_detail_inner .right .prices{display: flex; justify-content: center; align-items: center;width: 100%; margin-top: 30px; margin-bottom: 30px;}
.product_detail_inner .right .prices_inner{display: flex; justify-content: flex-start; align-items: flex-start; flex-direction:column; width: 100%; max-width: 100%;}
.product_detail_inner .right .price_excl{font-size: 30px; font-weight: 500; margin-right: 20px;}
.product_detail_inner .right .price_excl span{font-size: 34px; font-weight: 600; padding-right: 5px;}
.product_detail_inner .right .price_excl small{font-size: 16px; font-weight: 400;}
.product_detail_inner .right .price_incl span{font-size: 24px; font-weight: 400; padding-right: 5px;}
.product_detail_inner .right .price_incl{opacity: 0.6;}
.product_detail_inner .add_to_basket{text-decoration: none;}
.product_detail_inner .scrolls_to{display: flex; justify-content: flex-start; align-items: center; width: 100%; margin-top: 40px;}
.product_detail_inner .scrolls_to .scroll_item{margin-right: 10px; text-decoration: underline; font-weight: 600; font-size: 14px; cursor: pointer;}
.product_detail_inner .scrolls_to .scroll_item i{color: var(--secondary);}

@media only screen and (max-width: 1050px) {
    .product_detail{margin-top: 20px;}
}
@media only screen and (max-width: 800px) {
.product_detail_inner{flex-direction: column-reverse;}
.product_detail_inner .left{width: 100%; margin-top: 50px;}
.product_detail_inner .right{width: 100%;}
}
@media only screen and (max-width: 520px) {
.product_detail_inner .left_inner {flex-direction: column-reverse;}
.product_detail_inner .left_inner .photos{display: flex; height: auto; width: 100%;}
.product_detail_inner .left_inner .photos img{margin-right: 20px;}
.product_detail_inner .left_inner .single_photo{width: 100%;}
}

.product_detail_description{display: flex; justify-content: center; align-items: center; width: 100%; margin: 50px 0; background-color: var(--light_blue);}
.product_detail_description_inner{display: flex; justify-content: center; align-items: flex-start; flex-direction: column; width: 100%; max-width: var(--basic_width); padding: 20px;}
.product_detail_description_inner h1{margin-bottom: 10px;}
.product_detail_description_inner h1 span{color: var(--accent);}
.product_detail_description_inner p{line-height: 1.3;}

.product_detail_specifications { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%;}
.product_detail_specifications_inner { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; width: 100%; max-width: var(--basic_width); padding: 20px;}
.product_detail_specifications_inner .left{width: 65%;}
.product_detail_specifications_inner .left .item{margin-bottom: 10px;}
.product_detail_specifications_inner .left h3{margin-bottom: 10px;}
.product_detail_specifications_inner .left h3 span{color: var(--accent);}
.product_detail_specifications_inner .left .item i{color: #0090e3;}
.product_detail_specifications_inner .left .item h5{font-size: 15px;}
.product_detail_specifications_inner .left .item p{font-size: 13px; }
.product_detail_specifications_inner .left .item .text{font-size: 13px; }
.product_detail_specifications_inner .left .item_line{display: flex; justify-content: flex-start; align-items: center; width: 100%;}
.product_detail_specifications_inner .left .item_line_inner{display: flex; justify-content: center; align-items: center; flex-wrap:wrap; width: 100%; max-width: 400px;}
.product_detail_specifications_inner .left .item_line_inner .item_line_inner_item{display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 10px; font-weight: bold;}
.product_detail_specifications_inner .left .item_line_inner .item_line_inner_item div{display: flex;}
.product_detail_specifications_inner .left .item_line i{color: #0090e3; margin-right: 5px;}
.product_detail_specifications_inner .left .item_line h5{font-size: 15px; font-weight: 400;}
.product_detail_specifications_inner .left .item_line p{font-size: 13px; }
.product_detail_specifications_inner .right{width: 30%;}
.product_detail_specifications_inner .right .item{position: relative; margin-bottom: 10px; background-color: var(--light_blue); padding: 10px;}
.product_detail_specifications_inner .right .item .info_item{position: absolute; right: 10px; top: 10px; color: #0090e3; cursor: pointer;}
.product_detail_specifications_inner .right .item:hover img{transition: all 0.2s ease-in-out; transform: scale(1.05);}
.product_detail_specifications_inner .right h3{margin-bottom: 10px;}
.product_detail_specifications_inner .right h3 span{color: var(--accent);}
.product_detail_specifications_inner .right .category_inner{display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; width: 100%; text-decoration: none; color: inherit;}
.product_detail_specifications_inner .right .category_inner h5{font-size: 18px;}
.product_detail_specifications_inner .right .category_inner img{width: 70px; height: 50px; object-fit: cover; border-radius: 5px; margin-right: 10px;transition: all 0.2s ease-in-out;}
@media only screen and (max-width: 910px) {
    .product_detail_specifications_inner .left{width: 100%; margin-bottom: 20px;}
    .product_detail_specifications_inner .right{width: 100%;}
    .product_detail_specifications_inner .left .item_line_inner{max-width: 100%;}
}
@media only screen and (max-width: 520px) {
.product_detail_specifications_inner .item {width: 100%;}
}

/* Popup */
.popup-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.323); z-index: 9999999;}
.popup{position: relative; display: flex; justify-content: center; align-items: center; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; border-radius: 5px; z-index: 99999999; border: 1px solid whitesmoke;}
.popup_inner{display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; max-width: 600px; padding: 20px; text-decoration: none; color: inherit; text-align: center;}
.popup_inner h1{margin-bottom: 10px;}
.popup_inner h1 span{color: var(--accent);}
.popup_inner img{width: 300px; object-fit: contain; margin: 20px 0; border-radius: 5px; transition: all 0.2s ease-in-out;}
.popup_inner:hover img{transform: scale(1.02); transition: all 0.2s ease-in-out;}
.popup .close_popup{position: absolute; right: 10px; top: 10px; color: #ff3701; font-size: 28px; cursor: pointer;}
.popup .look_products{font-size: 16px; text-decoration: underline; margin-top: 20px;}

/* Producten */
.products{display: flex; justify-content: center; align-items: center; width: 100%;}
.products_inner{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 100%; max-width: var(--basic_width); padding: 20px;}
.products_inner .item{display: flex; justify-content: center; align-items: flex-start; position: relative; transition: all 0.2s ease-in-out; text-decoration: none; height: 580px; padding: 20px; background-color: var(--light_blue); display: flex; justify-content: flex-end; align-items: flex-start; flex-direction: column; min-width: 32%; width: 32%; border-radius: 5px; font-size: 14px; font-weight: 400; margin-bottom: 25px;}
.products_inner .item .label{position: absolute; right: 10px; top: 10px; padding: 5px; border-radius: 5px; background-color: #ff3600; color: #fff; z-index: 9999;}
.products_inner .item:hover img {transform: scale(1.02); transition: all 0.2s ease-in-out; }
.products_inner .item img{transition: all 0.2s ease-in-out; width: 100%; object-fit: contain; max-height: 400px; min-height: 400px; height: 400px;}
.products_inner .item h1{font-size: 24px; color: #000; margin-top: 20px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.products_inner .item span{color: var(--accent);}
.products_inner .item p{color: #000; font-size: 14px; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.products_inner .price{margin-top: 10px; display: flex; justify-content: center; align-items: center; width: 100%;}
.products_inner .price_inner{display: flex; justify-content: flex-start; align-items: flex-end; flex-direction: column; width: 100%; max-width: 100%;}
.products_inner .price_inner b{font-size: 20px; color: #000;}
.products_inner .price_inner b span{font-size: 14px; font-style: italic;}
.products_inner .price_inner p span{font-size: 12px; font-style: italic;}
@media only screen and (max-width: 1000px) {
.products_inner .item{min-width: 49%; width: 49%;}
}
@media only screen and (max-width: 720px) {
.products_inner .item{min-width: 100%; width: 100%;}
}

/* Winkelwagen */
.shoppingcart{display: flex; justify-content: center; align-items: center; width: 100%;}
.shoppingcart_inner{display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; width: 100%; max-width: var(--basic_width); padding: 20px;}
.shoppingcart_inner .quantity{width: 60px; height: 50px; padding: 10px; border: 1px solid whitesmoke; border-radius: 10px;}
.shoppingcart_inner .left{width: 60%;}
.shoppingcart_inner .right{position: relative; width: 35%;}
.empty_card_message{padding: 20px; background-color: var(--light_blue);}
.empty_card_message_color{padding: 20px; background-color: #04ff8a60; color: #00a759;}
.shoppingcart .remove-shoppingcart-item-btn i{display: flex; justify-content: center; align-items: center; background-color: rgba(255, 0, 0, 0.203); color: red; width: 30px; height: 30px; border-radius: 50%; cursor: pointer;}
.shoppingcart_inner td a{text-decoration: underline; color: inherit;}
.shoppingcart_inner .right .item{color: var(--secondary); font-size: 14px; margin-bottom: 5px;}
.shoppingcart_inner .right .item i{color: #0090e3; margin-right: 5px;}
.shoppingcart_inner h1{font-size: 20px; font-weight: 600; margin-bottom: 10px;}
.shoppingcart_inner .right_inner{width: 100%; border: 1px solid whitesmoke; padding: 10px; border-radius: 5px;}
.shoppingcart_inner .right .product_item{display: flex; justify-content: flex-start; align-items: center; width: 100%; margin-bottom: 10px; padding: 10px; border-bottom: 1px solid whitesmoke;}
.shoppingcart_inner .right .product_item:hover img{transition: all 0.2s ease-in-out; transform: scale(1.02);}
.shoppingcart_inner .right .product_item .img{width: 25%;}
.shoppingcart_inner .right .product_item .center{width: 50%;}
.shoppingcart_inner .right .product_item .center p{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.shoppingcart_inner .right .product_item .center h1{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;font-size: 18px; margin-bottom: 0px !important;}
.shoppingcart_inner .right .product_item .center h1 span{color: var(--accent);}
.shoppingcart_inner .right .product_item .price{width: 20%;}
.shoppingcart_inner .right .product_item img{width: 100px; height: 100px; object-fit: contain;border-radius: 5px; transition: all 0.2s ease-in-out;}
.shoppingcart_inner .right_inner .item_between{display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 5px;}
.shoppingcart_inner .right_inner .item_between .left_item{width: 70%;}
.shoppingcart_inner .right_inner .item_between .left_item .btw_inc_or_exc{color: var(--accent); font-style: italic;}
.shoppingcart_inner .right_inner .item_between .right_item{display: flex; justify-content: flex-end; width: 25%; font-weight: bold; color: var(--accent);}
.shoppingcart_inner .right a{text-decoration: underline; color: #000;}
@media only screen and (max-width: 1120px) {
.shoppingcart_inner .left{width: 100%;}
.shoppingcart_inner .right{width: 100%;}
.shoppingcart_inner .right .go_next{min-height: auto;}
.shoppingcart_inner .right .go_next_inner{padding-bottom: 75px;}
}

/* Checkout */
.checkout{display: flex; justify-content: center; align-items: center; width: 100%;}
.checkout_inner{display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; width: 100%; max-width: var(--basic_width); padding: 20px;}
.checkout_inner .left{display: flex; justify-content: space-between; flex-wrap: wrap; width: 60%;}
.checkout_inner .left .other_delivery_place{text-decoration: underline; margin: 10px 0; cursor: pointer; transition: all 0.2s ease-in-out;}
.checkout_inner .left .other_delivery_place:hover{color: var(--accent); transition: all 0.2s ease-in-out;}
.checkout_inner .left .item{display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; width: 48%; margin-bottom: 10px;}
.checkout_inner .left .item label{padding-bottom: 5px; font-weight: 600;}
.checkout_inner .left .item input{width: 100%; padding: 10px; border: 1px solid #e6edf4;}
.checkout_inner .right{width: 35%; margin-top: -12px;}
.checkout_inner .right_inner{width: 100%; border: 1px solid whitesmoke; padding: 10px; border-radius: 5px;}
.checkout_inner h1{font-size: 20px; font-weight: 600; margin-bottom: 10px;}
.checkout_inner h1 span{color: var(--accent);}
.checkout_inner .right .product_item{display: flex; justify-content: flex-start; align-items: center; width: 100%; margin-bottom: 10px; padding: 10px; border-bottom: 1px solid whitesmoke;}
.checkout_inner .right .product_item:hover img{transition: all 0.2s ease-in-out; transform: scale(1.02);}
.checkout_inner .right .product_item .img{width: 25%;}
.checkout_inner .right .product_item .center{width: 50%;}
.checkout_inner .right .product_item .center p{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.checkout_inner .right .product_item .center h1{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;font-size: 18px; margin-bottom: 0px !important;}
.checkout_inner .right .product_item .center h1 span{color: var(--accent);}
.checkout_inner .right .product_item .price{width: 20%;}
.checkout_inner .right .product_item img{width: 100px; height: 100px; object-fit: contain;border-radius: 5px; transition: all 0.2s ease-in-out;}
.checkout_inner .right_inner .item_between{display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 5px;}
.checkout_inner .right_inner .item_between .left_item{width: 70%;}
.checkout_inner .right_inner .item_between .left_item .btw_inc_or_exc{color: var(--accent); font-style: italic;}
.checkout_inner .right_inner .item_between .right_item{display: flex; justify-content: flex-end; width: 25%; font-weight: bold; color: #000}
.checkout_inner .right a{text-decoration: underline; color: #000;}
@media only screen and (max-width: 1220px) {
.checkout_inner .left{width: 100%;}
.checkout_inner .right{width: 100%; margin-top: 20px;}
.checkout_inner .right .product_item .img{width: 20%;}
.checkout_inner .right .product_item .center{width: 60%;}
.checkout_inner .right .product_item .price{width: 20%;}
}
@media only screen and (max-width: 650px) {
.checkout_inner .right .product_item .img{width: 30%;}
.checkout_inner .right .product_item .center{width: 50%;}
.checkout_inner .right .product_item .price{width: 20%;}
.checkout_inner .left .item{width: 100%;}
}

.thanks_message{display: flex; justify-content: center; align-items: center; width: 100%; margin: 20px 0;}
.thanks_message_inner{display: flex; justify-content: center; align-items: flex-start; flex-direction: column; width: 100%; max-width: 1360px; padding: 20px; background-color: var(--light_blue);}
.thanks_message_inner h1{font-size: 30px;}
.thanks_message_inner h1 span{color: var(--accent);}


/*Youtube video*/
.yt_video{display: flex; justify-content: center; align-items: center; width: 100%;}
.yt_video_inner{display: flex; justify-content: center; align-items: center; width: 100%; height: 600px; max-width: var(--basic_width); padding: 20px;}
.yt_video_inner iframe{width: 100%; height: 100%; border-radius: 10px;}
@media only screen and (max-width: 600px) {
    .yt_video_inner{height: 400px;}
}


/* Subtitle rounded */
.subtitle_rounded{display: flex; justify-content: center; align-items: center; width: 100%;}
.subtitle_rounded_inner{display: flex; justify-content: center; align-items: center; width: 100%; max-width: var(--basic_width); padding: 20px;}
.subtitle_rounded_inner .subtitle{padding: 10px 20px; background-image: linear-gradient(to right, #60998d36 ,#60998d1f); color: var(--accent); border-radius: 30px; font-weight: 600;}

/* Contact pagina */
.contact{display: flex; justify-content: center; align-items: center; width: 100%; margin: -100px 0 50px 0; padding: 50px 0;}
.contact_inner{display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; width: 100%; max-width: var(--basic_width); padding: 20px;}
.contact_inner .left{width: 30%;}
.contact_inner .left .contact_info{display: flex; justify-content: flex-start; align-items: center; width: 100%; padding: 10px; border-radius: 5px; border: 1px solid whitesmoke; margin-top: 10px;}
.contact_inner .left .contact_info_inner{display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; width: 100%;}
.contact_inner .left .contact_info_inner .open_time{display: flex; justify-content: center; align-items: center; width: 100%;}
.contact_inner .left .contact_info_inner .open_time_inner{display: flex; justify-content: space-between; flex-direction: column; align-items: center; width: 100%; max-width: 100%;}
.contact_inner .left .contact_info_inner .open_time_inner .item_time{display: flex; width: 100%; margin-bottom: 5px;}
.contact_inner .left .contact_info_inner .open_time_inner .item_time p{width: 48%;}
.contact_inner .left .contact_info_inner .open_time_inner .item_time b{display: flex; justify-content: flex-end; width: 48%;}
.contact_inner .left .contact_info_inner iframe{width: 100%; height: 300px; border-radius: 5px;margin-top: 10px;}
.contact_inner .left .contact_info_inner h3{color: var(--secondary); margin-bottom: 5px;}
.contact_inner .left .contact_info_inner h3 span{color: var(--accent);}
.contact_inner .left .contact_info_inner .item{width: 100%; margin-bottom: 20px;}
.contact_inner .left .contact_info_inner .item a{color: var(--accent);}
.contact_inner .left .contact_info_inner .social_media{display: flex; flex-direction: column; width: 100%;}
.contact_inner .left .contact_info_inner .social_media a{text-decoration: none; padding: 10px; background-color: #60998d0e; width: 100%; border-radius: 5px; margin-bottom: 10px; transition: all 0.2s ease-in-out;}
.contact_inner .left .contact_info_inner .social_media a:hover{background-color: #60998d1f; transition: all 0.2s ease-in-out;}
.contact_inner .right{width: 62%;}
.contact_inner .right h1{color: var(--secondary); margin-bottom: 5px;}
.contact_inner .right h1 span{color: var(--accent);}
.contact_inner .right p{margin-bottom: 20px;}
.contact_inner .contact_form{display: flex; justify-content: center; align-items: center; width: 100%;}
.contact_inner .contact_form_inner{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 100%; max-width: 100%;}
.contact_inner .contact_form_inner .item{transition: all 0.2s ease-in-out; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 48%; margin-bottom: 20px;}
.contact_inner .contact_form_inner .item input{width: 100%; padding: 10px; border: 1px solid #e6edf4;}
.contact_inner .contact_form_inner .item textarea{font-family: var(--font1);}
.contact_inner .contact_form_inner .item label{margin-bottom: 5px; font-weight: 600;}
.contact_inner .contact_form_inner .item textarea{width: 100%; height: 60px; padding: 10px; border: 1px solid #e6edf4;}
@media only screen and (max-width: 900px) {
.contact_inner .left{width: 100%;}
.contact_inner .right{width: 100%;}
}
@media only screen and (max-width: 500px) {
.contact_inner .contact_form_inner .item{width: 100%;}
}

.contact_page_bottom{display: flex; justify-content: center; align-items: center; width: 100%; background-color: #60998d0f;}
.contact_page_bottom_inner{display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; width: 100%; max-width: var(--basic_width); padding: 20px;}
.contact_page_bottom_inner .left{display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; width: 60%;}
.contact_page_bottom_inner .left h1{margin-bottom: 20px !important;}
.contact_page_bottom_inner .left h1 span{color: var(--accent);}
.contact_page_bottom_inner .left .item{margin-bottom: 25px;}
.contact_page_bottom_inner .left .item b{font-size: 16px;}
.contact_page_bottom_inner .left .item p{ margin-top: 10px; font-size: 14px; color: var(--secondary);}
.contact_page_bottom_inner .left .item b i{color: #0090e3; font-size: 25px; margin-right: 10px;}
.contact_page_bottom_inner .left h1{color: var(--secondary); margin-bottom: 5px;}
.contact_page_bottom_inner .right{width: 35%; margin-bottom: -100px; z-index: 1;}
.contact_page_bottom_inner .right .image{width: 100%; height: 600px; background-position: center; background-size: cover; background-repeat: no-repeat; object-fit: cover; border-radius: 5px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
@media only screen and (max-width: 900px) {
.contact_page_bottom_inner .left{width: 100%;}
.contact_page_bottom_inner .right{width: 100%;}
}

.contact_blocks{display: flex; justify-content: center; align-items: center; width: 100%; margin-top: 50px;}
.contact_blocks_inner{display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; width: 100%; max-width: 100%;}
.contact_blocks_inner .item_block_inner{transition: all 0.2s ease-in-out; height: 200px; position: relative; margin-right: 20px; text-decoration: none; color: inherit; padding: 20px; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; width: 30%; box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; border-radius: 5px;}
.contact_blocks_inner .item_block_inner:hover{transition: all 0.2s ease-in-out;background-color: var(--accent); color: #fff;}
.contact_blocks_inner .item_block_inner:hover input{transition: all 0.2s ease-in-out;color: #fff;}
.contact_blocks_inner .item_block_inner:hover textarea{transition: all 0.2s ease-in-out;color: #fff;}
.contact_blocks_inner .item_block_inner:hover .number_text{transition: all 0.2s ease-in-out;transform: scale(1.5); color: #ffffff9e;}
.contact_blocks_inner .item_block_inner .number_text{transition: all 0.2s ease-in-out;position: absolute; right: 15px; top: 15px; font-size: 60px; color: #26262924; font-family: var(--font2);}
.contact_blocks_inner .item_block_inner .icon{width: 50px; height: 50px; object-fit: contain; margin-bottom: 10px;}
.contact_blocks_inner .item_block_inner h4{margin-bottom: 10px;}
.contact_blocks_inner .item_block_inner label{font-size: 14px;}
.contact_blocks_inner .item_block_inner input{padding: 5px; background-color: #e0e0e16d; outline: none; border-radius: 5px; border: none; margin-bottom: 5px; font-family: var(--font1); width: 100%;}
.contact_blocks_inner .item_block_inner textarea{padding: 5px; background-color: #e0e0e16d; outline: none; border-radius: 5px; border: none; margin-bottom: 5px; font-family: var(--font1); width: 100%;}
.contact_blocks_inner .item_block_inner button{margin-top: 10px;}
@media only screen and (max-width: 720px) {
  .contact_blocks_inner .item_block_inner{width: 45%; margin-bottom: 20px;}
}
@media only screen and (max-width: 520px) {
  .contact_blocks_inner .item_block_inner{width: 100%;}
}
@media only screen and (max-width: 500px) {
.contact_blocks_inner .item_block_inner:hover .number_text{transform: scale(1.1);}
}

/* Order Admin */
.order_admin{display: flex; justify-content: center; align-items: center; width: 100%;}
.order_admin_inner{display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; width: 100%;}
.order_admin_inner .left{display: flex; flex-direction: column; align-items: flex-start; width: 48%;}
.order_admin_inner .left h3{margin: 10px 0; border-bottom: 1px solid var(--accent); padding: 5px 0;}
.order_admin_inner .left .customer_info{display: flex; justify-content: center; align-items: center; width: 100%; background-color: whitesmoke; padding: 10px; border-radius: 5px;}
.order_admin_inner .left .customer_info_inner{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 100%;}
.order_admin_inner .status{padding: 10px; border-radius: 5px; margin: 10px 0;}
.order_admin_inner .status1{background-color: #2626291a; color: #000;}
.order_admin_inner .status2{background-color: #04ff8a60; color: #00a759;}
.order_admin_inner .status3{background-color: #ff04041a; color: #ff0404;}
.order_admin_inner .customer_info .item{display: flex; flex-direction: column; width: 48%; margin-bottom: 10px;}
.order_admin_inner .right{display: flex; flex-direction: column; align-items: flex-start; width: 48%;}
.order_admin_inner .right a{background-color: #2626291a; color: #000;padding: 10px; border-radius: 5px;}
.order_admin_inner .right h3{margin: 10px 0; border-bottom: 1px solid var(--accent); padding: 5px 0;}
.order_admin_inner .right .order_info{display: flex; justify-content: center; align-items: center; width: 100%; background-color: whitesmoke; padding: 10px; border-radius: 5px;}
.order_admin_inner .right .order_info_inner{display: flex; justify-content: space-between; align-items: center; flex-direction: column; flex-wrap: wrap; width: 100%;}
.order_admin_inner .right .order_info_inner .item{padding: 10px;}
.order_admin_inner .right .order_info_inner .product{display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; width: 100%; margin-bottom: 20px; border-bottom: 1px solid var(--accent); background-color: #fff; padding: 10px;}
.order_admin_inner .right .order_info .product .item{display: flex; flex-direction: column; width: 48%; margin-bottom: 10px;}
.order_admin_inner .right .order_info .product .item img{width: 50px; height: 50px; object-fit: contain;}
.order_admin_inner .right .order_info .item a{text-decoration: none;}
@media only screen and (max-width: 1000px) {
.order_admin_inner .left{width: 100%;}
.order_admin_inner .right{width: 100%;}
}

/* Setting */
.setting{position: fixed; right: 0px; top: 40%; z-index: 99; padding: 10px; border-radius: 10px 0 0 10px; background-color: #fff; color: #000; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;}
.setting_form_inner{display: flex; justify-content: center; align-items: center; flex-direction: column; width: 300px;}
.setting_form_inner .item{display: flex; justify-content: center; align-items: flex-start; flex-direction: column; width: 100%; margin-bottom: 10px;}
.setting_form_inner .item label{margin-bottom: 5px;}
.setting_form_inner .item input{width: 100%; padding: 5px; border: 1px solid #e6edf4; border-radius: 5px;}
.setting_form_inner .item textarea{width: 100%; height: 60px; font-family: var(--font1); padding: 5px; border: 1px solid #e6edf4; border-radius: 5px;}

/* About */
.about_persons{display: flex; justify-content: center; align-items: center; width: 100%; margin: 0px 0 60px 0; background-color: var(--light_blue); padding: 20px 0;}
.about_persons_inner{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 100%; max-width: var(--basic_width); padding: 20px;}
.about_persons_inner .item{display: flex;justify-content: flex-start; align-items: center; width: 23%; flex-direction: column;}
.about_persons_inner .item img{width: 250px; height: 250px; border-radius: 50%; object-fit: cover;}
.about_persons_inner .item p{font-size: 30px; margin-top: 20px; margin-bottom: 10px;}
@media only screen and (max-width: 1070px) {
.about_persons_inner .item{width: 48%; margin-bottom: 20px;}
}
@media only screen and (max-width: 650px) {
.about_persons_inner .item{width: 100%;}
}

.about_center{display: flex; justify-content: center; align-items: center; width: 100%; margin-top: 50px; padding: 20px 0; background-color: #fff;}
.about_center_inner{display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; max-width: var(--basic_width); padding: 20px;}
.about_center_inner h1{font-size: 30px;}
.about_center_inner p{text-align: center; font-size: 18px; line-height: 1.4; margin: 20px 0;}
.about_center_inner a{text-decoration: none; color: #fff; padding: 10px 20px; border-radius: 20px; background-color: var(--accent); transition: all 0.3s ease-in-out;}
.about_center_inner a:hover{ background-color: #c18a23; transition: all 0.3s ease-in-out;}

/* Vacatures */
.vacatures{display: flex; justify-content: center; align-items: center; width: 100%;}
.vacatures_inner{display: flex; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: column; width: 100%; max-width: var(--basic_width); padding: 20px;}
.vacatures_inner .item{position: relative; transition: all 0.2s ease-in-out; text-decoration: none; color: inherit; display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: flex-start; width: 100%; padding: 20px; border-radius: 5px;box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;margin-bottom: 20px;}
.vacatures_inner .item:hover{transition: all 0.2s ease-in-out; background-color: var(--light_blue);}
.vacatures_inner .item .left{width: 30%;}
.vacatures_inner .item .left img{width: 100%; height: 300px; object-fit: cover; border-radius: 10px;}
.vacatures_inner .item .right{ margin-left: 20px; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 60%;}
.vacatures_inner .item .right h2{margin-bottom: 10px; font-size: 28px;}
.vacatures_inner .item .right h2 span{color: var(--accent);}
.vacatures_inner .item .right p{line-height: 1.4;}
.vacatures .look{position: absolute; right: 20px; bottom: 50px; padding: 10px 20px; border-radius: 20px; background-color: var(--accent); color: #fff;}
.vacatures small{position: absolute; right: 20px; bottom: 10px;}

.vacature_uitgelicht{display: flex; justify-content: center; align-items: center; width: 100%; margin-bottom: 50px;}
.vacature_uitgelicht_inner{display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; width: 100%; max-width: var(--basic_width); padding: 20px;}
.vacature_uitgelicht_inner .left{width: 40%;}
.vacature_uitgelicht_inner .left img{width: 100%; object-fit: contain; border-radius: 5px;}
.vacature_uitgelicht_inner .right{width: 58%;}
.vacature_uitgelicht_inner .right img{width: 100%; height: auto; object-fit: contain;}
.vacature_uitgelicht_inner .right h1{margin-bottom: 20px;}
.vacature_uitgelicht_inner .right h1 span{color: var(--accent);}
.vacature_uitgelicht_inner .right .line{margin-bottom: 20px; border-bottom: 1px solid whitesmoke; padding: 10px 0;}
.vacature_uitgelicht_inner .right a{color: var(--accent); transition: all 0.2s ease-in-out;}
.vacature_uitgelicht_inner .right a:hover{text-decoration: none; transition: all 0.2s ease-in-out;}
@media only screen and (max-width: 800px) {
  .vacature_uitgelicht_inner .left{width: 100%; margin-top: 30px;}
  .vacature_uitgelicht_inner .right{width: 100%;}
}

.vacature_textblock{display: flex; justify-content: center; align-items: center; width: 100%; margin-bottom: 50px;}
.vacature_textblock_inner{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 100%; max-width: 1100px; padding: 20px;}
.vacature_textblock_inner .left{width: 55%;}
.vacature_textblock_inner .left h1{font-weight: 300; margin-bottom: 15px;}
.vacature_textblock_inner .left p{line-height: 1.2; margin-bottom: 30px;}
.vacature_textblock_inner .left a{padding: 10px 20px; border-radius: 20px; background-color: var(--accent); color: #fff; cursor: pointer;}
.vacature_textblock_inner .right{padding: 20px; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; flex-direction: column; width: 40%;}
.vacature_textblock_inner .right .item{margin-bottom: 10px;}
.vacature_textblock_inner .right img{width: 100%; border-radius: 10px;}
@media only screen and (max-width: 800px) {
  .vacature_textblock_inner .left{width: 100%; margin-bottom: 30px;}
  .vacature_textblock_inner .right{width: 100%;}
}

/* Nieuws */
.news{display: flex; justify-content: center; align-items: center; width: 100%; margin: 50px 0;}
.news_inner{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 100%; max-width: 1100px; padding: 20px;}
.news_inner .item{position: relative; transition: all 0.2s ease-in-out; text-decoration: none; color: inherit; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; width: 100%; margin-bottom: 15px; box-shadow: 0px 6px 34px rgba(215, 216, 222, 0.41); border-radius: 10px;}
.news_inner .item small{position: absolute; right: 20px; bottom: 20px;}
.news_inner .item:hover{transition: all 0.2s ease-in-out; margin-left: 10px;}
.news_inner .item .left{width: 30%;}
.news_inner .item .left img{width: 100%; object-fit: contain; border-radius: 10px 0 0 10px;}
.news_inner .item .right{width: 68%; margin-left: 20px; padding: 10px;}
.news_inner .item .right h1{margin-bottom: 10px; font-size: 24px;}
.news_inner .item .right .btn_read{transition: all 0.2s ease-in-out;color: #000; text-decoration: underline;}
.news_inner .item .right .btn_read i{transition: all 0.2s ease-in-out; text-decoration: underline;}
@media only screen and (max-width: 600px) {
  .news_inner .item .left{width: 100%;}
  .news_inner .item .right{width: 100%;}
  .news_inner .item .left img{border-radius: 10px 10px 0 0;}
  .news_inner .item .right{padding: 20px 10px;}
}

/* Detail Page */
.detail_page_block{position: relative; display: flex; justify-content: center; align-items: center; width: 100%; margin-bottom: 150px;}
.detail_page_block_inner{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 100%; max-width: var(--basic_width); padding: 20px;}
.detail_page_block_inner .left{width: 48%;}
.detail_page_block_inner .left h1{margin-bottom: 20px;}
.detail_page_block_inner .left h1 span{color: var(--accent);}
.detail_page_block_inner .left p{margin-bottom: 20px; color: #717582; line-height: 1.4;}
.detail_page_block_inner .right{display: flex; justify-content: flex-end; position: relative; width: 48%;}
.detail_page_block_inner .right .second_img{position: absolute; bottom: -80px; left: -20px; width: 250px; height: 250px; object-fit: cover; box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;}
.detail_page_block_inner .right img{width: 80%; height: 600px; object-fit: cover; border-radius: 20px;box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;}
@media only screen and (max-width: 900px) {
.detail_page_block_inner .left{width: 100%;}
.detail_page_block_inner .right{width: 100%;}
.detail_page_block_inner .right img{width: 100%; height: 500px;}
.detail_page_block_inner .right .second_img{left: 10px;}
}

/* Algemenen Voorwaarden + Privacy Statement */
.rights_page{display: flex; justify-content: center; align-items: center; width: 100%;}
.rights_page_inner{display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; width: 100%; max-width: var(--basic_width); padding: 20px;}
.rights_page_inner h1{font-size: 28px; margin-bottom: 5px;}
.rights_page_inner h2{font-size: 24px; margin-bottom: 5px;}
.rights_page_inner p{margin-bottom: 15px;}

/* Form show */
.form_show{display: flex; justify-content: center; align-items: center; width: 100%;}
.form_show_inner{display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; width: 100%; max-width: var(--basic_width); margin-top: 20px;}
.form_show_inner select{width: 100%; padding: 10px; border: 1px solid #e6edf4;}
.form_show_inner h3{margin-bottom: 10px;}
.form_show_inner .left{display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; width: 48%;}
.form_show_inner .item{margin-bottom: 10px;}
.form_show_inner .item h5{margin-bottom: 5px;}
.form_show_inner .right{display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; width: 48%;}
@media only screen and (max-width: 700px) {
  .form_show_inner .left{width: 100%;}
  .form_show_inner .right{width: 100%;}
}

/* Partners */
.partners{display: flex; justify-content: center; align-items: center; width: 100%; margin: 0px 0 50px 0; padding-bottom: 30px; background-color: #e6edf4;}
.partners_inner{display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; width: 100%; max-width: var(--basic_width); padding: 20px;}
.partners_inner a{width: 23%; height: auto; object-fit: contain; margin-right: 10px;}
.partners_inner a img{width: 100%; height: auto; object-fit: contain;}
@media only screen and (max-width: 650px) {
.partners_inner a{width: 48%;}
}
@media only screen and (max-width: 500px) {
.partners_inner a{width: 100%;}
}

/* Reviews */
.review_block{display: flex; justify-content: center; align-items: center; width: 100%;}
.review_block_inner{display: flex; justify-content: center; align-items: center; width: 100%; max-width: var(--basic_width); padding: 20px;}
.tutorial_link{display: none !important;}

/* CALENDAR PICKER */
#ui-datepicker-div{width: 300px !important; border: none !important;box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px !important;}
.ui-state-default, .ui-widget-content .ui-state-default{display: flex !important; justify-content: center !important; align-items: center !important; border: 0 !important; padding: 5px !important; border-radius: 10px !important; margin: 2px !important; width: 34px !important; height: 34px !important;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight{background: #e6e3e3 !important;}
.ui-widget-header{border: none !important; background-color: var(--accent) !important; color: #fff !important;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{background-color: transparent !important; border: none !important;}
.ui-state-default, .ui-widget-content .ui-state-default{width: 25px !important; height: 25px !important;}
.ui-datepicker .ui-datepicker-buttonpane button{width: 80px !important; margin: 10px 0;}
.ui-slider-horizontal .ui-slider-handle {top: -0.6em !important;}
.ui_tpicker_hour{margin-bottom: 20px !important;}
@media only screen and (max-width: 420px) {
    #ui-datepicker-div{width: 280px !important;}
    .ui-state-default, .ui-widget-content .ui-state-default{width: 30px !important; height: 30px !important;}
}


/* Succes topbar */
.succes_topbar{position: fixed; bottom: 0; right: 0; border-radius: 10px 0 0 0; width: 300px; z-index: 9999999; text-align: center; padding: 10px;background-color: #04ff8a; color: #007e43;}

.images_by_project{display: flex; justify-content: center; align-items: center; width: 100%;}
.images_by_project_inner{display: flex; justify-content: space-between; align-items: center; width: 100%; flex-wrap: wrap;}
.images_by_project_inner a{width: 24%; height: 150px; border-radius: 10px; object-fit: cover;}
.images_by_project_inner img{width: 100%; height: 150px; border-radius: 10px; object-fit: cover;}


/*Projecten*/
.projects_title{display: flex; justify-content: center; align-items: center; width: 100%;}
.projects_title_inner{display: flex; justify-content: center; align-items: center; width: 100%; max-width: var(--basic_width); padding: 20px;}
.projects_title_inner h1{font-weight: 700; font-size: 40px;}

.projects{display: flex; justify-content: center; align-items: center; width: 100%;}
.projects_inner{display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; max-width: var(--basic_width); width: 100%; padding: 20px 20px 120px 20px;}
.projects_inner .project_item{width: 32%; transition: all 0.2s ease-in-out; display: flex; justify-content: flex-end; align-items: start; flex-direction: column; padding: 20px; text-decoration: none; color: inherit; margin: 0 10px 10px 0; height: 350px; border-radius: 5px; background-repeat: no-repeat; background-size: cover; background-position: center;}
.projects_inner .project_item:hover{ transition: all 0.2s ease-in-out; transform: scale(0.99);}
.projects_inner .project_item h5{color: #fff; font-size: 22px;}
.projects_inner .project_item p{color: #fff; font-size: 14px; margin-top: 5px; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.projects_inner .project_categories{display: flex; justify-content: flex-start; align-items: center; width: 100%; flex-wrap: wrap; margin-top: 10px;}
.projects_inner .project_categories p{display: flex; justify-content: center; align-items: center; padding: 5px 10px; font-size: 12px; background-color: var(--accent); color: #fff; border-radius: 30px; margin-right: 5px;}
@media only screen and (max-width: 850px) {
    .projects_inner{justify-content: space-between;}
    .projects_inner .project_item{width: 49%; margin-right: 0;}
}
@media only screen and (max-width: 600px) {
    .projects_inner .project_item{width: 100%;}
}
.project_banner{display: flex; justify-content: center; align-items: center; width: 100%;}
.project_banner_inner{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 100%; max-width: var(--basic_width); margin: 0 20px;}
.project_banner_inner .item{display: flex; justify-content: center; flex-direction: column; align-items: center; width: 48%; padding: 20px; background-color: var(--light_blue); border-radius: 10px;}
.project_banner_inner .item h5{margin-bottom: 10px; font-size: 20px;}
.project_banner_inner .item p{font-size: 16px;}
.project_banner_inner .item .cat_parent{display: flex; justify-content: space-between;}
.project_banner_inner .item .cat{display: flex; justify-content: center; align-items: center; padding: 5px 10px; font-size: 14px; background-color: var(--accent); color: #fff; border-radius: 30px; margin-right: 5px;}
@media only screen and (max-width: 600px) {
    .project_banner_inner .item{width: 100%; margin-bottom: 20px;}
}

.project_content{display: flex; justify-content: center; align-items: center; width: 100%;}
.project_content_inner{display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; width: 100%; max-width: var(--basic_width); padding: 50px 20px 50px 20px;}
.project_content_inner .short_desc{margin-bottom: 20px;}

.project_images{display: flex; justify-content: center; align-items: center; width: 100%;}
.project_images_inner{display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; width: 100%; max-width: var(--basic_width); padding: 20px 20px 100px 20px;}
.project_images_inner .pic{width: 24%; height: 300px; border-radius: 10px; object-fit: cover; margin-right: 10px; margin-bottom: 10px; transition: all 0.2s ease-in-out;}
.project_images_inner img{width: 100%; height: 300px; border-radius: 10px; object-fit: cover; margin-right: 10px; transition: all 0.2s ease-in-out;}
.project_images_inner img:hover{ transition: all 0.2s ease-in-out; transform: scale(0.99);}
@media only screen and (max-width: 800px) {
    .project_images_inner .pic{width: 48%;}
}
@media only screen and (max-width: 600px) {
    .project_images_inner .pic{width: 100%;}
}
/* Blogs */
.blogs {display: flex;justify-content: center;align-items: center;width: 100%;margin: 50px 0;}
.blogs_inner {display: flex;justify-content: flex-start;align-items: stretch;flex-wrap: wrap;width: 100%;padding: 20px;gap: 30px;max-width: var(--basic_width);}
.blog_item {position: relative;display: flex;flex-direction: column;width: calc(33.333% - 20px); border-radius: 12px;overflow: hidden;box-shadow: 0px 10px 25px rgba(215, 216, 222, 0.5);transition: all 0.3s ease;text-decoration: none;color: inherit;background-color: #fff;margin-bottom: 10px;}
.blog_item:hover {transform: translateY(-8px);box-shadow: 0px 15px 30px rgba(215, 216, 222, 0.8);}
.blog_image {position: relative;width: 100%;height: 220px;overflow: hidden;}
.blog_image img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease;}
.blog_item:hover .blog_image img {transform: scale(1.05);}
.blog_date {position: absolute;bottom: 0;right: 0;background-color: var(--accent);color: white;padding: 8px 15px;font-size: 14px;font-weight: 500;border-radius: 8px 0 0 0;}
.blog_buttons_container {position: absolute;bottom: 0;left: 0;display: flex;flex-wrap: wrap;}
.blog_button {background-color: var(--accent);color: white;padding: 8px 15px;font-size: 14px;font-weight: 500;border-radius: 8px 8px 0 0;margin-right: 5px;}
.blog_content {padding: 20px;display: flex;flex-direction: column;flex-grow: 1;}
.blog_content h2 {font-size: 20px;margin-bottom: 15px;line-height: 1.3;font-weight: 600;color: var(--secondary);}
.blog_content p {
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 20px;
    color: #666;
    flex-grow: 1;

    /* Tekst afkappen na 3 regels */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 4.5em;
    word-wrap: break-word;
    width: 100%; /* Zorg dat de box niet breder wordt dan zijn container */

    /* Alle inline elementen goed laten werken */
    & * {
        display: inline;
        white-space: normal;
    }
}

.blog_read {display: flex;align-items: center;font-weight: 500;color: var(--accent);transition: all 0.2s ease;}
.blog_read i {margin-left: 8px;transition: transform 0.2s ease;}
.blog_item:hover .blog_read i {transform: translateX(5px);}
.blog_read a {text-decoration: none;color: inherit;}

/* Blog Detail */
/* Breadcrumb */
.breadcrumb {background-color: #f8f9fa;padding: 15px 0;}
.breadcrumb_inner {max-width: var(--basic_width);margin: 0 auto;padding: 0 20px;}
.breadcrumb a {color: #333;text-decoration: none;}
.breadcrumb span {margin: 0 10px;color: #999;}
.blog_header {margin: 20px 0 20px;}
.blog_header_img {width: 100%;height: auto;max-height: 400px;object-fit: cover;border-radius: 10px;max-width: var(--basic_width);margin: auto;}
.blog_content {width: 100%;max-width: var(--basic_width);margin: auto;padding: 20px;}
.blog_content h1 {font-size: 36px;font-weight: bold;margin-bottom: 20px;}
.blog_content h1 span {color: #60998DFF;}
.blog_content h2 {font-size: 28px;font-weight: bold;margin-top: 20px;margin-bottom: 20px;}
.blog_content p {font-size: 18px;line-height: 1.6;margin-bottom: 20px;}
.blog_intro {font-size: 20px;line-height: 1.8;color: #444;}
.blog_summary {background-color: #f9f9f9;padding: 25px;border-radius: 10px;margin: 40px 0;border-left: 5px solid #60998DFF;}
.blog_content ul {margin-left: 20px;margin-bottom: 30px;}
.blog_content li {font-size: 18px;line-height: 1.6;margin-bottom: 10px;}
.advantages_container {display: flex;gap: 30px;margin: 20px 0;align-items: center;}
.advantages_text {flex: 1;}
.advantages_image {flex: 0 0 350px;}
.square_image {width: 100%;height: 350px;object-fit: cover;border-radius: 15px;box-shadow: 0 5px 15px rgba(0,0,0,0.1);transition: transform 0.3s ease;}
.square_image:hover {transform: scale(1.02);}

@media (max-width: 768px) {
    .advantages_container {flex-direction: column;}
    .advantages_image {flex: 0 0 100%;margin-top: 20px;}
    .square_image {width: 100%;height: auto;aspect-ratio: 1/1;}
}

/* Gerelateerde Blogs */
.related_blogs_section {padding: 20px 20px;margin-top: 20px;}
.related_blogs_section h2 {font-size: 28px;font-weight: bold;text-align: center;margin-bottom: 20px;}
.related_blogs_section h2 span {color: #60998DFF;}
.blogs_inner {display: flex;justify-content: flex-start;gap: 20px;max-width: var(--basic_width);margin: auto;}


@media (max-width: 768px) {
    .blogs_inner {flex-direction: column;}
}

@media only screen and (max-width: 1024px) {
    .blog_item {width: calc(50% - 15px);}
}

@media only screen and (max-width: 768px) {
    .blogs_inner {gap: 20px;}
}

@media only screen and (max-width: 600px) {
    .blog_item {width: 100%;}
    .blog_image {height: 180px;}
}