.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(-60px);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:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.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 .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 .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;}