.cnc-blog-list.layout5{padding:100px 0;}
.cnc-blog-list.layout5 .container{max-width:1430px;width:100%;padding-left:15px;padding-right:15px;margin:0 auto;}
.cnc-blog-list.layout5 .row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px;}
.cnc-blog-list.layout5 .align-items-center{align-items:center;}
.cnc-blog-list.layout5 .title-filter-wrapper{margin-bottom: 50PX;}
.cnc-blog-list.layout5 :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){font-size:48px;line-height:normal;margin:0 0 10px;color:#005bc5;}
.cnc-blog-list.layout5 :is(p){font-size:20px;line-height:normal;margin:0 0 10px;color:#323232;}
.cnc-blog-list.layout5 :is(p):last-child, .cnc-blog-list.layout5 :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6):last-child{margin-bottom:0;}    
.cnc-blog-list.layout5 .title-box { text-align: left; max-width: 1100px; margin: 0; }    
.cnc-blog-list.layout5 .title-box:not(:last-child) { margin-bottom: 50px; }
.cnc-blog-list.layout5 .title-box .title:not(:last-child), .cnc-blog-list.layout5 .title-box .text:not(:last-child){margin-bottom: 10px;}    
.cnc-blog-list.layout5 .filter-tabs{display:flex;align-items:center;padding:0;padding-bottom:5px;list-style:none;margin:0; overflow: hidden; overflow-x: auto; }
.cnc-blog-list.layout5 .filter-tabs li { flex: 0 0 auto; white-space: nowrap; }
.cnc-blog-list.layout5 .filter-tabs li a{background-color:transparent;border:none;font-size:20px;line-height:normal;color:#323232;cursor:pointer;position:relative;text-decoration:none;padding:0 20px;display:inline-block;vertical-align:top;transition:all 0.3s ease-in-out;}
.cnc-blog-list.layout5 .filter-tabs li a:hover,.cnc-blog-list.layout5 .filter-tabs li a:focus{color:#005bc5;}
.cnc-blog-list.layout5 .filter-tabs li a:before{content:"";width:100%;height:2px;background-color:transparent;position:absolute;left:0;bottom:-5px;}
.cnc-blog-list.layout5 .filter-tabs li.active a:before{background-color:#005bc5;}
.cnc-blog-list.layout5 .filter-tabs li .icon{margin-right:5px;display:inline-block;vertical-align:top; height: 22px;}    
.cnc-blog-list.layout5 .filter-tabs li .icon img{vertical-align:inherit;width: 100%; height: 100%; object-fit: contain; object-position: center;}
.cnc-blog-list.layout5 .filter-tabs li.active a{color:#005bc5;}
.cnc-blog-list.layout5 .blog-box{max-width:33.33%;width:100%;padding-left:15px;padding-right:15px;margin-bottom:30px;transition: all 0.3s ease-in-out;}    
.cnc-blog-list.layout5 .blog-box .blog-inner-box { position: relative; transition: all 0.3s ease-in-out; overflow: hidden; height: 100%;border-radius: 20px; }
.cnc-blog-list.layout5 .blog-box .blog-inner-box .overlay { position: absolute; left: 0; top: 0; padding: 30px; width: 100%; height: 100%; }
.cnc-blog-list.layout5 .blog-box .blog-inner-box .overlay .wrap-box { display: flex; justify-content: space-between; align-items: center; }
.cnc-blog-list.layout5 .blog-box .blog-inner-box .overlay .wrap-box:not(:last-child) { margin-bottom: 30px; }
.cnc-blog-list.layout5 .blog-box .blog-inner-box:hover .image:before, .cnc-blog-list.layout5 .blog-box .blog-inner-box:focus .image:before { height: 100%; }
.cnc-blog-list.layout5 .blog-box .blog-inner-box .blog-content { position: absolute; top:100%; width: calc(100% - 60px); transition: all 0.3s ease-in-out; display: flex;flex-direction: column;transform: translateY(-120px);padding-bottom: 30px; }
.cnc-blog-list.layout5 .blog-box .blog-inner-box:hover .blog-content, .cnc-blog-list.layout5 .blog-box .blog-inner-box:focus .blog-content { transform: translateY(-100%);}
.cnc-blog-list.layout5 .blog-box .blog-inner-box:hover .blog-content .text-content, .cnc-blog-list.layout5 .blog-box .blog-inner-box:focus .blog-content .text-content { opacity: 1; }
.cnc-blog-list.layout5 .blog-box .image{height:450px; position: relative; overflow: hidden;}
.cnc-blog-list.layout5 .blog-box .image:before { content: ""; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%); width: 100%; height: 250px; position: absolute; left: 0; bottom: 0; transition: all 0.3s ease-in-out; }
.cnc-blog-list.layout5 .blog-box .image a { display: inline-block; width: 100%; height: 100%; }
.cnc-blog-list.layout5 .blog-box .image img{width:100%;height:100%;object-fit:cover;object-position:center;}
.cnc-blog-list.layout5 .blog-box .category{background-color:#fff;border-radius:5px;font-size:16px;line-height:normal;padding:5px;color:#323232;display:inline-block; }
.cnc-blog-list.layout5 .blog-box a { text-decoration: none; color: #323232; }
.cnc-blog-list.layout5 .blog-box .title{font-size:32px;line-height:normal;font-weight:700;color:#fff; }
.cnc-blog-list.layout5 .blog-box .title a { color: #fff; text-decoration: none; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.cnc-blog-list.layout5 .blog-box .text-content:not(:last-child) { margin-bottom: 20px; position: relative; }    
.cnc-blog-list.layout5 .blog-box .text-content { opacity: 0; transition: all 0.3s ease-in-out; display: flex;flex-direction: column;}
.cnc-blog-list.layout5 .blog-box .text-content .date { color: #fff; font-size: 16px; }
.cnc-blog-list.layout5 .blog-box .text-content .date:not(:last-child), .cnc-blog-list.layout5 .blog-box .title:not(:last-child) { margin-bottom: 10px; }
.cnc-blog-list.layout5 .blog-box .text-content p {line-height:normal;color:#fff; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 16px;}    
.cnc-blog-list.layout5 .blog-box .wrap-box .author-pic { width: 48px; height: 48px; overflow: hidden; border-radius: 50%; flex: 0 0 auto; border: 3px solid #fff; }
.cnc-blog-list.layout5 .blog-box .wrap-box .author-pic img { width: 100%; height: 100%; object-fit: cover; object-position: center; }    
.cnc-blog-list.layout5 .blog-box .read-more { font-size: 20px; color: #005BC5; background-color: #fff; border-radius: 5px; padding: 10px; display: inline-flex; align-items: center; gap: 10px; width: fit-content;}
.cnc-blog-list.layout5 .blog-box .read-more .icon { flex: 0 0 auto; width: 24px; height: 24px; }  
.cnc-blog-list.layout5 .blog-box .read-more .icon img { width: 100%; height: 100%; object-fit: contain; object-position: center; }  
.cnc-blog-list.layout5 .pagination { list-style: none; margin: 0; padding: 24px 0 0; }
.cnc-blog-list.layout5 .pagination { display: flex; justify-content: center; align-items: center; gap: 10px; }    
.cnc-blog-list.layout5 .pagination li a, .cnc-blog-list.layout5 .pagination li span { width: 40px; height: 40px; color: #323232; font-size: 16px; line-height: normal; display: flex; align-items: center; justify-content: center; text-decoration: none; border: 1px solid #dcdcdc; border-radius: 4px; }
.cnc-blog-list.layout5 .pagination li a:hover, .cnc-blog-list.layout5 .pagination li a:focus { color: #005bc5; }
.cnc-blog-list.layout5 .pagination li a.prev, .cnc-blog-list.layout5 .pagination li a.next { width: 40px; height: 40px; position: relative; padding: 10px 12px; }
.cnc-blog-list.layout5 .pagination li.active a { font-size: 20px; background-color: #005bc5; border-color: #005bc5; color: #fff; font-weight: 700; }
.cnc-blog-list.layout5 .pagination li.disabled a { background: rgba(50, 50, 50, 0.05); color: rgba(50, 50, 50, 0.40); pointer-events: none; }     
.cnc-blog-list.layout5 .pagination li a.prev, .cnc-blog-list.layout5 .pagination li a.next, .cnc-blog-list.layout5 .pagination li a.prev .icon, .cnc-blog-list.layout5 .pagination li a.next .icon { border: none; }
.cnc-blog-list.layout5 .pagination li a.prev.disabled, .cnc-blog-list.layout5 .pagination li a.next.disabled { pointer-events: none; opacity: 0.4; }

@media (max-width: 1024px) {
  .cnc-blog-list.layout5{padding:50px 0;}
  .cnc-blog-list.layout5 :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){font-size:40px;}
  .cnc-blog-list.layout5 :is(p) { font-size: 18px; }
  .cnc-blog-list.layout5 small, .cnc-blog-list.layout5 .blog-box .category, .cnc-blog-list.layout5 .pagination li a, .cnc-blog-list.layout5 .blog-box .wrap-box .author .name, .cnc-blog-list.layout5 .blog-box .wrap-box .read-more {font-size:15px;}
  .cnc-blog-list.layout5 .blog-box { max-width: 33.33%; }
  .cnc-blog-list.layout5 .blog-box .title, .cnc-blog-list.layout5 .filter-tabs li a { font-size: 18px; }
  .cnc-blog-list.layout5 .title-box:not(:last-child), .cnc-blog-list.layout5 .filter-tabs:not(:last-child) { margin-bottom: 30px; }       
  .cnc-blog-list.layout5 .blog-box .blog-inner-box .blog-content:not(:hover){transform: translateY(-40%);}
  .cnc-blog-list.layout5 .blog-box .image { height: 330px; }
  .cnc-blog-list.layout5 .blog-box .blog-inner-box .overlay { padding: 20px; }
  .cnc-blog-list.layout5 .blog-box .wrap-box .author-pic { width: 40px; height: 40px; border-width: 2px; }
  .cnc-blog-list.layout5 .blog-box .blog-inner-box:hover .blog-content, .cnc-blog-list.layout5 .blog-box .blog-inner-box:focus .blog-content {  width: calc(100% - 40px); }
  .cnc-blog-list.layout5 .blog-box .read-more { font-size: 18px; padding: 8px 10px; gap: 7px; }
  .cnc-blog-list.layout5 .blog-box .read-more .icon { width: 20px; height: 20px; }
}

@media (max-width: 767px) {
  .cnc-blog-list.layout5{padding:30px 0;}
  .cnc-blog-list.layout5 :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){font-size:30px;}
  .cnc-blog-list.layout5 .content-box .title-box:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){width:100%;}
  .cnc-blog-list.layout5 :is(p) { font-size: 16px; }
  .cnc-blog-list.layout5 small, .cnc-blog-list.layout5 .blog-box .category, .cnc-blog-list.layout5 .pagination li a, .cnc-blog-list.layout5 .blog-box .wrap-box .author .name, .cnc-blog-list.layout5 .blog-box .wrap-box .read-more {font-size:14px;}
  .cnc-blog-list.layout5 .blog-box { max-width: 100%; margin-bottom: 15px; }
  .cnc-blog-list.layout5 .blog-box:last-child { margin-bottom: 0; }
  .cnc-blog-list.layout5 .blog-box .title, .cnc-blog-list.layout5 .filter-tabs li a { font-size: 16px; }      
  .cnc-blog-list.layout5 .blog-box .image { height: 300px; }
  .cnc-blog-list.layout5 .blog-box .blog-inner-box .blog-content:not(:hover){transform: translateY(-30%);}
  .cnc-blog-list.layout5 .title-box .title:not(:last-child) { margin-bottom: 10px; }      
  .cnc-blog-list.layout5 .filter-tabs li .icon { height: 18px; }
  .cnc-blog-list.layout5 .filter-tabs li a { padding: 0 15px; }
  .cnc-blog-list.layout5 .pagination { gap: 5px; }
  .cnc-blog-list.layout5 .pagination li a, .cnc-blog-list.layout5 .pagination li span { width: 30px; height: 30px; }
  .cnc-blog-list.layout5 .pagination li a.prev, .cnc-blog-list.layout5 .pagination li a.next { height: 30px; padding: 6px 8px; }     
}
.cnc-blog-list.layout5 .pagination li span.pagination-prev-icon, .cnc-blog-list.layout5 .pagination li span.pagination-next-icon {
    border: none;
}
.cnc-blog-list.layout5 .pagination li a.prev, .cnc-blog-list.layout5 .pagination li a.next, .cnc-blog-list.layout5 .pagination li a.prev .icon, .cnc-blog-list.layout5 .pagination li a.next .icon {
    border: none;
    width: auto;
    height: auto;
    padding: 0;
}
.cnc-blog-list.layout5 .blog-box .blog-inner-box .blog-content .date {
    color: #fff;
}
.cnc-blog-list.layout5 .title-filter-wrapper.layout5-inline-filter {
    display: flex;
    justify-content: space-between;
}