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

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