.blog .card{overflow:hidden}.blog .card .titr-blog{color:#3d3c45;margin-bottom:60px;font-size:20px;font-weight:700}.blog .card .filter-blog{width:100%;gap:12px}.blog .card .filter-blog .text{font-size:16px;color:#3d3c45;padding-bottom:10px;min-width:45px}.blog .card .filter-blog .items{gap:8px;overflow-x:auto;white-space:nowrap;padding-bottom:10px;padding-left:2px}.blog .card .filter-blog .items::-webkit-scrollbar-track{padding:2px 0;background-color:#f6f6f6}.blog .card .filter-blog .items::-webkit-scrollbar{width:1px;height:3px}.blog .card .filter-blog .items::-webkit-scrollbar-thumb{border-radius:10px;background-color:#c1c8d5}.blog .card .filter-blog .items .btn-filter{padding:8px 16px;border:1px solid #3D3C45;font-size:14px;border-radius:20px;cursor:pointer;transition:all .3s}.blog .card .filter-blog .items .btn-filter.active,.blog .card .filter-blog .items .btn-filter:hover{background:#3d3c45;color:#fff}.blog .card .top{margin-top:20px;gap:30px}.blog .card .top .blog-item-holder{width:1115px;min-height:695px;border:#707070;border-radius:12px;padding:10px;transition:all .3s}@media screen and (max-width: 768px){.blog .card .top .blog-item-holder{width:100%;min-height:300px!important;height:auto}}.blog .card .top .blog-item-holder:hover{transform:translateY(-5px)}.blog .card .top .blog-item-holder .img{width:100%;object-fit:cover;aspect-ratio:1/.416;border-radius:12px}.blog .card .top .blog-item-holder .content{width:100%;gap:20px;padding:28px 30px 10px}@media screen and (max-width: 768px){.blog .card .top .blog-item-holder .content{padding-inline:8px}}.blog .card .top .blog-item-holder .content .title{color:#3d3c45;font-size:20px;transition:all .3s;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1}.blog .card .top .blog-item-holder .content .text{color:#707070;font-size:15px;line-height:2.2;text-align:justify;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:4}.blog .card .top .blog-item-holder .content .bottom{gap:20px;margin-top:12px}.blog .card .top .blog-item-holder .content .bottom .read,.blog .card .top .blog-item-holder .content .bottom .score{color:#707070;font-size:13px}.blog .card .top .blog-item-holder .content .bottom .score .icon,.blog .card .top .blog-item-holder:hover .content .title{color:#ffbf00}.blog .card .top .blog-page-categories{width:480px;gap:30px}@media screen and (max-width: 768px){.blog .card .top .blog-page-categories{width:100%}}@media screen and (max-width: 425px){.blog .card .top .blog-page-categories{flex-direction:row!important;justify-content:flex-start!important;overflow-x:auto;padding-bottom:10px}}.blog .card .top .blog-page-categories::-webkit-scrollbar-track{padding:2px 0;background-color:#f6f6f6}.blog .card .top .blog-page-categories::-webkit-scrollbar{width:1px;height:3px}.blog .card .top .blog-page-categories::-webkit-scrollbar-thumb{border-radius:10px;background-color:#c1c8d5}.blog .card .top .blog-page-categories .item{width:100%;min-height:212px;border:#707070;border-radius:12px;gap:10px;padding:10px;transition:all .3s}@media screen and (max-width: 768px){.blog .card .top .blog-page-categories .item{width:480px}}@media screen and (max-width: 768px){.blog .card .top .blog-page-categories .item:nth-child(1),.blog .card .top .blog-page-categories .item:nth-child(3){margin-left:auto;margin-right:40px}}@media screen and (max-width: 425px){.blog .card .top .blog-page-categories .item:nth-child(1),.blog .card .top .blog-page-categories .item:nth-child(3){margin-right:0}}@media screen and (max-width: 768px){.blog .card .top .blog-page-categories .item:nth-child(2){margin-right:auto;margin-left:40px}}@media screen and (max-width: 425px){.blog .card .top .blog-page-categories .item:nth-child(2){margin-right:0}}.blog .card .top .blog-page-categories .item:hover{transform:translateY(-5px)}.blog .card .top .blog-page-categories .item .image{width:180px;height:100%;overflow:hidden;border-radius:12px}.blog .card .top .blog-page-categories .item .image .img{width:100%;object-fit:cover;aspect-ratio:1/1.15}.blog .card .top .blog-page-categories .item .content{gap:20px;width:265px}.blog .card .top .blog-page-categories .item .content .title{color:#3d3c45;font-size:16px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;transition:all .3s}.blog .card .top .blog-page-categories .item .content .text{color:#707070;font-size:14px;line-height:1.9;text-align:justify;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:4}.blog .card .top .blog-page-categories .item .content .bottom{gap:20px;margin-top:15px;width:100%}.blog .card .top .blog-page-categories .item .content .bottom .read,.blog .card .top .blog-page-categories .item .content .bottom .score{color:#707070;font-size:13px}.blog .card .top .blog-page-categories .item .content .bottom .score .icon,.blog .card .top .blog-page-categories .item:hover .content .title{color:#ffbf00}.blog .card .blog{display:flex;justify-content:center}.blog .card .blog .sidebar{margin-top:75px}.blog .card .blog .sidebar .box{direction:ltr;width:320px}@media screen and (max-width: 1024px){.blog .card .blog .sidebar .box{width:220px}}.blog .card .blog .sidebar .box .itemSlider{display:flex;justify-content:space-between;padding-block:23px;align-items:center;border-bottom:#707070;margin-inline:18px;background-color:#fff;cursor:pointer}.blog .card .blog .sidebar .box .itemSlider:last-child{border-bottom:unset}.blog .card .blog .sidebar .box .itemSlider:hover .link .title,.blog .card .blog .sidebar .box .itemSlider:hover .link .icon{color:#3d3c45}.blog .card .blog .sidebar .box .itemSlider.active{position:sticky;top:0;border-color:#3d3c45}.blog .card .blog .sidebar .box .itemSlider.active .link .title,.blog .card .blog .sidebar .box .itemSlider.active .link .icon{color:#3d3c45}.blog .card .blog .sidebar .box .itemSlider .link{width:100%;display:flex;justify-content:space-between;align-items:center}.blog .card .blog .sidebar .box .itemSlider .link .title{color:#abb5c6;transition:all .3s;font-size:16px}.blog .card .blog .sidebar .box .itemSlider .link .icon{color:#abb5c6;transition:all .3s;font-size:24px}.blog .card .blog .items-blog{display:grid;justify-items:center;align-items:start;grid-auto-rows:min-content;grid-gap:25px;grid-template-columns:repeat(4,1fr);margin-top:30px}@media screen and (max-width: 1440px){.blog .card .blog .items-blog{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 768px){.blog .card .blog .items-blog{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 425px){.blog .card .blog .items-blog{grid-template-columns:repeat(1,1fr)}}.blog .card .blog .items-blog .itemBlog{width:100%;min-width:300px;max-width:380px;min-height:330px;padding:10px;border-radius:12px;display:flex;align-items:center;flex-direction:column;overflow:hidden;margin-block:5px;border:#707070;transition:all .3s}.blog .card .blog .items-blog .itemBlog:hover{transform:translateY(-5px)}.blog .card .blog .items-blog .itemBlog:hover .textBox-blog .sarTitr-blog span{color:#ffbf00}.blog .card .blog .items-blog .itemBlog .imgBlog{width:100%;object-fit:cover;aspect-ratio:1/.8;border-radius:12px 12px 0 0}.blog .card .blog .items-blog .itemBlog .textBox-blog{padding-inline:10px;width:100%}.blog .card .blog .items-blog .itemBlog .textBox-blog .sarTitr-blog{font-size:17px;margin:20px 0 10px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1}.blog .card .blog .items-blog .itemBlog .textBox-blog .sarTitr-blog .titr{transition:all .3s;color:#3d3c45}.blog .card .blog .items-blog .itemBlog .textBox-blog .sarTitr-blog .titr:hover{color:#ffbf00}.blog .card .blog .items-blog .itemBlog .textBox-blog .text{text-align:justify;font-size:14px;line-height:1.9;color:#707070;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;margin-bottom:20px}.blog .card .blog .items-blog .itemBlog .textBox-blog .bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.blog .card .blog .items-blog .itemBlog .textBox-blog .bottom .linkBlog{display:flex;align-items:center;gap:5px;overflow-x:auto;white-space:nowrap;padding-bottom:10px}.blog .card .blog .items-blog .itemBlog .textBox-blog .bottom .linkBlog::-webkit-scrollbar-track{padding:2px 0;background-color:#f6f6f6}.blog .card .blog .items-blog .itemBlog .textBox-blog .bottom .linkBlog::-webkit-scrollbar{width:1px;height:3px}.blog .card .blog .items-blog .itemBlog .textBox-blog .bottom .linkBlog::-webkit-scrollbar-thumb{border-radius:10px;background-color:#c1c8d5}.blog .card .blog .items-blog .itemBlog .textBox-blog .bottom .linkBlog .item-linkBlog{border-radius:12px;padding:8px 15px;display:flex;color:#707070;background:#f2f2f2;justify-content:center;align-items:center;font-size:12px}.blog .card .blog .items-blog .itemBlog .textBox-blog .bottom .read{color:#707070;font-size:13px;padding-bottom:10px}