.cnc-blog-list.layout3{padding:100px 0;}
.cnc-blog-list.layout3 .container{max-width:1430px;width:100%;padding-left:15px;padding-right:15px;margin:0 auto;}
.cnc-blog-list.layout3 .row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px;}
.cnc-blog-list.layout3 .align-items-center{align-items:center;}
.cnc-blog-list.layout3 :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.layout3 :is(p){font-size:20px;line-height:normal;margin:0 0 10px;color:#323232;}
.cnc-blog-list.layout3 :is(p):last-child, .cnc-blog-list.layout3 :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6):last-child{margin-bottom:0;}
.cnc-blog-list.layout3 .title-box { text-align: center; max-width: 1100px; margin: 0 auto; }    
.cnc-blog-list.layout3 .title-box:not(:last-child) { margin-bottom: 30px; }
.cnc-blog-list.layout3 .title-box .title:not(:last-child), .cnc-blog-list.layout3 .title-box .text:not(:last-child){margin-bottom: 10px;}    
.cnc-blog-list.layout3 .wrap-top{display: flex; align-items: center; justify-content: space-between;}
.cnc-blog-list.layout3 .wrap-top:not(:last-child){margin-bottom:30px;}
.cnc-blog-list.layout3 .filter-tabs{display:flex;align-items:center;padding:0;padding-bottom:5px;list-style:none;margin:0; overflow: hidden; overflow-x: auto; width: calc(100% - 330px); }    
.cnc-blog-list.layout3 .filter-tabs li { flex: 0 0 auto; white-space: nowrap; }
.cnc-blog-list.layout3 .filter-tabs li a{background-color:transparent;border:none;padding:0;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.layout3 .filter-tabs li a:hover,.cnc-blog-list.layout3 .filter-tabs li a:focus{color:#005bc5;}
.cnc-blog-list.layout3 .filter-tabs li a:before{content:"";width:100%;height:2px;background-color:transparent;position:absolute;left:0;bottom:-5px;}
.cnc-blog-list.layout3 .filter-tabs li.active a:before{background-color:#005bc5;}
.cnc-blog-list.layout3 .filter-tabs li .icon{margin-right:5px;display:inline-block;vertical-align:top; height: 22px;}    
.cnc-blog-list.layout3 .filter-tabs li .icon img{vertical-align:inherit;width: 100%; height: 100%; object-fit: contain; object-position: center;}
.cnc-blog-list.layout3 .filter-tabs li.active a{color:#005bc5;}
.cnc-blog-list.layout3 .search-box { background: #F3F3F3; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10); max-width: 324px; width: 100%; height: 34px; padding: 5px 10px; border-radius: 30px; display: flex; align-items: center; }
.cnc-blog-list.layout3 .search-box input { background: transparent; border: none; outline: none; width: calc(100% - 10px); font-size: 16px; }
.cnc-blog-list.layout3 .search-box input::-webkit-input-placeholder { color: rgba(50, 50, 50, 0.40); }
.cnc-blog-list.layout3 .search-box input::-moz-placeholder { color: rgba(50, 50, 50, 0.40); }
.cnc-blog-list.layout3 .blog-box{margin-bottom:30px; padding: 20px; border-radius: 10px; border: 3px solid #E6F2FF; display: flex; transition: all 0.3s ease-in-out; width: 100%; overflow: hidden;}    
.cnc-blog-list.layout3 .blog-box:hover, .cnc-blog-list.layout3 .blog-box:focus { background-color: #E6F2FF; }
.cnc-blog-list.layout3 .blog-box .image-box { max-width: 684px; width: 100%; border-radius: 10px; overflow: hidden; }
.cnc-blog-list.layout3 .blog-box .image{height:350px; position: relative;}
.cnc-blog-list.layout3 .blog-box .image::before { content: ""; width: 100%; height: 250px; position: absolute; left: 0; bottom: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%); }
.cnc-blog-list.layout3 .blog-box .image a { display: inline-block; width: 100%; height: 100%; }
.cnc-blog-list.layout3 .blog-box .image img{width:100%;height:100%;object-fit:cover;object-position:center;}
.cnc-blog-list.layout3 .blog-box .content-box{ max-width: 716px; width: 100%; padding-left: 20px; transition: all 0.3s ease-in-out; display: flex; flex-direction: column; }
.cnc-blog-list.layout3 .blog-box .content-box a { text-decoration: none; color: #323232; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.cnc-blog-list.layout3 .blog-box .content-box .category{font-size:16px;line-height:normal;color:#323232;display:inline-block;}
.cnc-blog-list.layout3 .blog-box .content-box .title{font-size:20px;line-height:normal;font-weight:700;color:#323232;}
.cnc-blog-list.layout3 .blog-box .content-box p { font-size: 16px; line-height:normal;color:#323232; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
.cnc-blog-list.layout3 .blog-box .content-box .category:not(:last-child),.cnc-blog-list.layout3 .blog-box .content-box .title:not(:last-child){margin-bottom:10px;}
.cnc-blog-list.layout3 .blog-box .content-box .wrap-box { display: flex; justify-content: space-between; align-items: center; position: relative; } 
.cnc-blog-list.layout3 .blog-box .content-box .wrap-box:not(:last-child) { margin-bottom: 30px; }
.cnc-blog-list.layout3 .blog-box .content-box .wrap-box .author { display: flex; align-items: center; gap: 5px; width: calc(100% - 110px); }
.cnc-blog-list.layout3 .blog-box .content-box .wrap-box .author .pic { width: 24px; height: 24px; overflow: hidden; border-radius: 50%; flex: 0 0 auto; }
.cnc-blog-list.layout3 .blog-box .content-box .wrap-box .author .pic img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.cnc-blog-list.layout3 .blog-box .content-box .wrap-box .author .name { font-size: 16px; }
.cnc-blog-list.layout3 .blog-box .content-box .wrap-box .read-more { color: #005bc5; display: flex; align-items: center; gap: 10px; font-size: 16px; line-height: normal; }
.cnc-blog-list.layout3 .blog-box .content-box .wrap-box .read-more .icon { flex: 0 0 auto; }
.cnc-blog-list.layout3 .blog-box .content-box .title-box-inner { text-align: left; max-width: inherit; padding-right: 30px; }
.cnc-blog-list.layout3 .blog-box .content-box .title-box-inner .title { font-size: 24px; }
.cnc-blog-list.layout3 .blog-box .content-box .wrap-bottom { margin-top: auto; display: flex; align-items: center; justify-content: space-between; }
.cnc-blog-list.layout3 .blog-box .content-box .wrap-bottom .read-more { width: 36px; height: 36px; border: 3px solid #005bc5; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.cnc-blog-list.layout3 .blog-box .content-box .wrap-bottom .read-more .icon { display: flex; align-items: center; justify-content: center; }
.cnc-blog-list.layout3 .blog-box .content-box .wrap-bottom .read-more .icon svg { display: block; }
.cnc-blog-list.layout3 .blog-box .content-box .wrap-bottom .read-more .icon img { display: block; max-width: 100%; max-height: 100%; }
.cnc-blog-list.layout3 .blog-box .content-box .wrap-bottom .date{font-size:16px;line-height:normal;color:#323232;}
.cnc-blog-list.layout3 .pagination { list-style: none; margin: 0; padding: 24px 15px 0 0; }
.cnc-blog-list.layout3 .pagination { display: flex; justify-content: flex-end; align-items: center; gap: 10px; }
.cnc-blog-list.layout3 .pagination li a ,.cnc-blog-list.layout3 .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; }
.cnc-blog-list.layout3 .pagination li a:hover, .cnc-blog-list.layout3 .pagination li a:focus { color: #005bc5; }
.cnc-blog-list.layout3 .pagination li a.prev, .cnc-blog-list.layout3 .pagination li a.next { width: auto; height: auto; position: relative; }
.cnc-blog-list.layout3 .pagination li.active a { font-size: 20px; color: #005bc5; font-weight: 700; }
.cnc-blog-list.layout3 .pagination li a.prev:before, .cnc-blog-list.layout3 .pagination li a.next:before { content: ""; width: 16px; height: 16px; background-image: url(.././../images/blog-list/left-icon.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; position: absolute; left: -16px; top: 50%; transform: translateY(-50%); transition: all 0.3s ease-in-out; }
.cnc-blog-list.layout3 .pagination li a.next:before { left: inherit; right: -16px; background-image: url(.././../images/blog-list/right-icon.svg); }
.cnc-blog-list.layout3 .pagination li a.next:hover:before { background-image: url(.././../images/blog-list/right-hover-icon.svg); }
.cnc-blog-list.layout3 .pagination li a.prev:hover:before { background-image: url(.././../images/blog-list/left-hover-icon.svg); } 

@media (max-width: 1024px) {
  .cnc-blog-list.layout3{padding:50px 0;}
  .cnc-blog-list.layout3 :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){font-size:40px;}
  .cnc-blog-list.layout3 :is(p) { font-size: 18px; }
  .cnc-blog-list.layout3 .blog-box .content-box p, .cnc-blog-list.layout3 .blog-box .content-box .category, .cnc-blog-list.layout3 .blog-box .content-box .wrap-bottom .date, .cnc-blog-list.layout3 .pagination li a {font-size:15px;}      
  .cnc-blog-list.layout3 .blog-box .blog-content .title, .cnc-blog-list.layout3 .filter-tabs li a { font-size: 18px; }
  .cnc-blog-list.layout3 .title-box:not(:last-child) { margin-bottom: 30px; }
  .cnc-blog-list.layout3 .filter-tabs li a { padding: 0 15px; }
  .cnc-blog-list.layout3 .blog-box .content-box .title-box-inner .title { font-size: 22px; }
  .cnc-blog-list.layout3 .blog-box .image { height: 270px; }
  .cnc-blog-list.layout3 .search-box { max-width: 300px; }
}

@media (max-width: 767px) {
  .cnc-blog-list.layout3{padding:30px 0;}
  .cnc-blog-list.layout3 :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){font-size:30px;}
  .cnc-blog-list.layout3 .content-box .title-box:is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){width:100%;}
  .cnc-blog-list.layout3 :is(p) { font-size: 16px; }
  .cnc-blog-list.layout3 .blog-box .content-box p, .cnc-blog-list.layout3 .blog-box .content-box .category, .cnc-blog-list.layout3 .blog-box .content-box .wrap-bottom .date, .cnc-blog-list.layout3 .pagination li a {font-size:14px;} 
  .cnc-blog-list.layout3 .blog-box { max-width: 100%; flex-wrap: wrap; padding: 10px; margin-bottom: 15px; }
  .cnc-blog-list.layout3 .blog-box:last-child { margin-bottom: 0; }
  .cnc-blog-list.layout3 .blog-box .blog-content .title, .cnc-blog-list.layout3 .filter-tabs li a { font-size: 16px; }
  .cnc-blog-list.layout3 .title-box .title, .cnc-blog-list.layout3 .title-box .text { max-width: 100%; }
  .cnc-blog-list.layout3 .title-box .title:not(:last-child) { margin-bottom: 10px; }
  .cnc-blog-list.layout3 .filter-tabs li a { padding: 0 15px; }
  .cnc-blog-list.layout3 .filter-tabs li .icon { height: 18px; }
  .cnc-blog-list.layout3 .wrap-top { flex-wrap: wrap; }
  .cnc-blog-list.layout3 .filter-tabs { width: 100%; }
  .cnc-blog-list.layout3 .search-box { max-width: 100%; margin-top: 15px; }
  .cnc-blog-list.layout3 .blog-box .image-box:not(:last-child), .cnc-blog-list.layout3 .blog-box .content-box .wrap-box:not(:last-child) { margin-bottom: 20px; }
  .cnc-blog-list.layout3 .blog-box .image-box .image { height: 200px; }
  .cnc-blog-list.layout3 .blog-box .image::before { height: 100px; }
  .cnc-blog-list.layout3 .blog-box .content-box { padding-left: 0; }
  .cnc-blog-list.layout3 .blog-box .content-box .title-box-inner { padding: 0; }
  .cnc-blog-list.layout3 .blog-box .content-box .title-box-inner .title { font-size: 20px; }
  .cnc-blog-list.layout3 .pagination { gap: 5px; }
  .cnc-blog-list.layout3 .pagination li a, .cnc-blog-list.layout3 .pagination li span { width: 30px; height: 30px; }
  .cnc-blog-list.layout3 .blog-box .content-box .wrap-bottom .read-more { width: 30px; height: 30px; border-width: 2px; }
}