.casestudy_tag, .blogSection { background-color: #f5f5f5; }
.blogTagOuter.casestudy_tag { width: 100%; max-width: 1030px; margin: 0 auto;}
.casestudy_tag .fliter_main { display: flex; align-items: center; flex-wrap: wrap; padding: 50px 0; justify-content: space-between; }
.casestudy_tag .fliter_main .filter_title { width: 50%; font-size: 50px; color: #6E7481; font-weight: 900; line-height: 56px; }
.casestudy_tag .fliter_main input { border: 3px solid #FE5000; border-radius: 0; height: 62px; padding-left: 28px; width: 0; -webkit-transition: all .5s; transition: all .5s; visibility: hidden; opacity: 0; }
.casestudy_tag .fliter_main input::placeholder { color: rgba(110, 116, 129, 0.5) !important; font-family: "Mont", "Arial", "Montserrat", sans-serif; font-size: 20px; font-weight: 900; }
.casestudy_tag .fliter_main button { width: 69px; height: 62px; background: #FE5000; font-size: 0; border-radius: 0; padding: 0; display: justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: none; display:flex; align-items:center; justify-content:center; position: relative; z-index: 1; }
.casestudy_tag .fliter_main button:before { content: "\E006"; font-family: "Icons", sans-serif; font-size: 18px; color: #ffffff; }
.casestudy_tag .fliter_main .search_box, .casestudy_tag .fliter_main .form_parent { display: flex; flex-wrap: wrap; justify-content: flex-end; width: 40%; }
.casestudy_tag .fliter_main .search_box.active input { width: calc(100% - 69px); opacity: 1; visibility: visible; }
.casestudy_tag .fliter_main input:focus{ outline:none; }
.casestudy_tag .tag_wrap { display: flex; flex-wrap: wrap; margin: 0 -10px 50px; max-width:100%; }
.casestudy_tag .tag_wrap .tag_inner { padding: 0 10px 20px; }
.casestudy_tag .tag_wrap .tag_inner a { display: inline-block; padding: 18px 38px; border: 3px solid #6E7481; font-size: 20px; font-weight: 900; color: #6E7481; -webkit-transition: all .3s; transition: all .3s; position:relative; }
.casestudy_tag .tag_wrap .tag_inner a:hover { background: #34009E; color: #ffffff; border-color: #34009E; }
.casestudy_tag .tag_wrap .tag_inner a.is-checked { background: #34009E; color: #ffffff; border-color: #34009E;  }
.casestudy_tag .tag_wrap .tag_inner a span.remove { position: absolute; right: 13px; top: 8px; width: 12px; height: 12px; cursor: pointer; display: none; }
.casestudy_tag .tag_wrap .tag_inner a span.remove:before, .casestudy_tag .tag_wrap .tag_inner a span.remove:after { position: absolute; content: ""; left: 6px; content: ' '; height: 12px; width: 2px; background-color: #FE5000; }
.casestudy_tag .tag_wrap .tag_inner a span.remove:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.casestudy_tag .tag_wrap .tag_inner a span.remove:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.casestudy_tag .tag_wrap .tag_inner a.is-checked span.remove { display: block; }
.casestudy_tag .container-dev { width: 1060px; }

.casestudy_tag .fliter_main .form_parent #searchBar.active { width: calc(100% - 69px); opacity: 1; visibility: visible; }
.casestudy_tag .fliter_main .form_parent #searchBar { padding: 16px 30px; position: absolute; right: 69px; z-index: 1; font-size: 16px; }
.form_parent form { position: relative; width: 100%; opacity:0;}
.blogSection { margin-top: -1px; }


.casestudy-list { background-color: #f5f5f5; }
.casestudy-list ul .bg_color { background-color: #fff; }
.casestudy-list ul{ margin:0 -30px; }
.blog-list-isotop li, .blogCards li { width:33.33% !important; padding:0 30px 60px; }
.casestudy-list .container-dev { width: 1060px; }
a.virtual_learning { background-color: #00c389; }
a.nederlands { background-color: #00c389; }
a.frans { background-color: #fe5000; }

.blog-pagination ul li:before {
  display: none;
}
.blog-pagination ul {
  display: flex;
  gap: 16px;
  justify-content: center;
  align-items: center;
}
.blog-pagination ul li {     list-style: none; }
.blog-pagination { padding-bottom:70px;background-color: #f5f5f5; }
.blog-pagination ul li:not(:first-child , :last-child) {
  list-style: none;
  width: 32px;
  height: 32px;
  display: flex;
  border:2px solid #fe5000;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color:  #fe5000;
}

li.disabled.arrow svg path { fill:#E0E0E0 }

.blog-pagination ul li.active {  color:  #fff;background-color: #fe5000;}

.blogSection .casestudy_tag .tag_wrap { max-width: 100%; }
.casestudy_tag .tag_wrap .tag_inner.activeTab a { background: #34009E; color: #ffffff; border-color: #34009E; }

/* New Pagination CSS */
.bottomPagination .blog-pagination.new { display: flex; justify-content: center; align-items: center; gap: 20px;}
.bottomPagination .blog-pagination.new a.blog-pagination__number-link {list-style: none;width: 32px;height: 32px;display: flex;border: 2px solid #fe5000;align-items: center;justify-content: center;font-weight: 700;font-size: 16px;line-height: 24px;color: #fe5000;}
.bottomPagination .blog-pagination.new a.blog-pagination__link--active { color: #fff; background-color: #fe5000;}
.tag_inner.nl a[data-filter=".language_skills"] { opacity: 0; pointer-events: none; display: none; }

.searchIcon svg { width: 30px; height: 30px;}
.searchIcon { width: 50px; height: 50px; background-color: #fe5000; display: flex; align-items: center; justify-content: center; cursor: pointer;}

@media (max-width:1200px){
  .casestudy_tag .container-dev { max-width: 950px; }
  .blogTagOuter .tag_wrap { max-width: 90%; }}
  .blog-list-isotop li , .blogCards li { padding: 0 20px 40px; }
  .casestudy-list ul { margin: 0 -20px; }
  .casestudy-list ul h4 { font-size: 18px; line-height: 25px; }
}

@media (max-width:991px){
  .blogTagOuter .container-dev { max-width: 750px; }
  .blogTagOuter .tag_wrap { max-width: 100%; }
  
  .blog-list-isotop li, .blogCards li { width: 50% !important; }

  .blog-pagination {
    background-color: #f5f5f5;
    padding-top: 20px;
    padding-bottom: 50px;
  }

}

@media (max-width:767px){
  .casestudy_tag .container-dev { max-width: 100%; }
  .casestudy_tag .fliter_main .filter_title { width: 100%; font-size: 35px; line-height: 40px; }
  .casestudy_tag .fliter_main .search_box, .casestudy_tag .fliter_main .form_parent { width: 100%; justify-content: flex-start; padding-top: 20px; }
  .casestudy_tag .fliter_main input { order: 2; }
  .casestudy_tag .fliter_main button { order: 1; }
  .casestudy_tag .tag_wrap .tag_inner a { padding: 13px 20px; font-size: 14px; line-height: 20px; }
  .casestudy_tag .tag_wrap .tag_inner a span.remove { top: 3px; right: 5px; }

  .casestudy-list .container-dev { max-width: 100%; }
  .casestudy-list ul { margin: 0; }
  .casestudy-list ul .bg_color .mb-8 { margin-bottom: 15px; }
  .casestudy-list ul h4 { margin-bottom: 10px; }
  .casestudy-list ul .bg_color a:first-child { margin-left: 0 !important; }
  .blog-list-isotop li { width: 100% !important; padding: 0 0 20px; }
  
  .casestudy_tag .fliter_main .form_parent #searchBar { right: unset; left: 69px; } 
}