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

@media (max-width: 1024px) {
  .cnc-blog-list.layout2{padding:50px 0;}
  .cnc-blog-list.layout2 :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){font-size:40px;}
  .cnc-blog-list.layout2 :is(p) { font-size: 18px; }
  .cnc-blog-list.layout2 .blog-box .text-content p, .cnc-blog-list.layout2 .blog-box .category, .cnc-blog-list.layout2 .pagination li a, .cnc-blog-list.layout2 .blog-box .wrap-box .author .name, .cnc-blog-list.layout2 .blog-box .wrap-box .read-more {font-size:15px;}
  .cnc-blog-list.layout2 .blog-box { max-width: 33.33%; }
  .cnc-blog-list.layout2 .blog-box .title, .cnc-blog-list.layout2 .filter-tabs li a { font-size: 18px; }
  .cnc-blog-list.layout2 .title-box:not(:last-child) { margin-bottom: 30px; }
}

@media (max-width: 767px) {
  .cnc-blog-list.layout2{padding:30px 0;}
  .cnc-blog-list.layout2 :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){font-size:30px;}
  .cnc-blog-list.layout2 .content-box .title-box:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){width:100%;}
  .cnc-blog-list.layout2 :is(p) { font-size: 16px; }
  .cnc-blog-list.layout2 .blog-box .text-content p, .cnc-blog-list.layout2 .blog-box .category, .cnc-blog-list.layout2 .pagination li a, .cnc-blog-list.layout2 .blog-box .wrap-box .author .name, .cnc-blog-list.layout2 .blog-box .wrap-box .read-more {font-size:14px;}
  .cnc-blog-list.layout2 .blog-box { max-width: 100%; }
  .cnc-blog-list.layout2 .blog-box:last-child { margin-bottom: 0; }
  .cnc-blog-list.layout2 .blog-box .title, .cnc-blog-list.layout2 .filter-tabs li a { font-size: 16px; }      
  .cnc-blog-list.layout2 .title-box .title:not(:last-child) { margin-bottom: 10px; }      
  .cnc-blog-list.layout2 .filter-tabs li .icon { height: 18px; }
  .cnc-blog-list.layout2 .pagination { gap: 5px; }
  .cnc-blog-list.layout2 .pagination li a, .cnc-blog-list.layout2 .pagination li span { width: 30px; height: 30px; }
  .cnc-blog-list.layout2 .pagination li a.prev, .cnc-blog-list.layout2 .pagination li a.next { height: 30px; padding: 6px 8px; }     
}