.page-wrapper.blog{max-width:1450px}.content-posts{display:flex;flex-wrap:wrap;justify-content:normal;gap:30px;max-width:1450px;margin:0 auto}.content-posts .post-item{flex:0 1 calc(33.333% - 20px);box-sizing:border-box;width:auto;border:1px solid #c8c8c8;border-radius:10px;position:relative;height:680px;background:#fff}.page-wrapper.blog{opacity:0;animation:fadeIn 1.5s forwards;animation-delay:.7s}.top-sidebar{text-align:center;margin-bottom:80px}.top-sidebar a{padding:12px 18px;text-decoration:none;color:#c8c8c8;border-right:1px solid #c8c8c8;display:inline-flex;align-items:center;font-weight:500;font-size:22px;margin-bottom:16px}.top-sidebar a:last-child{padding-right:19px}.top-sidebar a:first-child{border-left:1px solid #c8c8c8;padding-left:19px}.top-sidebar a.all-posts{color:#2474dc;font-weight:700}.top-sidebar a:hover{color:#acacac}.top-sidebar a.all-posts:hover{color:#1c5bae;cursor:pointer}.category-heading-mobile,.dropdown-container{display:none}.post-item:hover{background:#fafafa}.post-item:hover .read-more a{width:150px}.post-item:hover .img-wrapper img{transform:scale(1.05);border-top-left-radius:10px;border-top-right-radius:10px;overflow:hidden}.post-item:hover .img-wrapper{overflow-y:clip}.post-item:hover .img-wrapper .categories{bottom:-16px}.post-item .img-wrapper{width:100%;overflow:clip;border-top-left-radius:10px;border-top-right-radius:10px;display:block}.post-item .pitem-bottom{padding:30px;box-sizing:border-box;padding-bottom:70px}.pitem-bottom p{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:30px}.pitem-bottom h2{font-size:22px}.pitem-bottom a{text-decoration:none}.pitem-top{position:relative;overflow-x:clip}.pitem-top img{background:#ffa6a6;width:100% !important;height:auto;border-top-left-radius:8px;border-top-right-radius:8px;overflow:hidden;transition:transform .3s ease;transition:border-top-left-radius .3 ease-in-out;transition:border-top-right-radius .3 ease-in-out}.categories{background:#2474dc;border-radius:50px;position:absolute;bottom:-16px;left:7%;width:fit-content;align-content:center;padding:4px 16px;color:#fff;margin:0;transition:bottom .3s ease;overflow:hidden;text-overflow:ellipsis;max-width:290px;display:inline-block;white-space:nowrap}.read-more{position:absolute;bottom:5%}.read-more a{color:#2474dc;font-size:16px;text-decoration:none;display:inline-block;margin-top:auto;border-top:2px solid #2474dc;padding-top:10px;width:130px;transition:.2s ease-in}.read-more a:hover{color:#659ce5;border-color:#659ce5}@media (max-width:1500px){.content-posts{margin:0 30px}}@media (max-width:1200px){.top-sidebar a{font-size:18px}}@media (max-width:1132px){.content-posts .post-item{flex:0 1 calc(50% - 20px);width:454px}}@media (max-width:998px){.content-posts .post-item{flex:0 1 70%;margin-bottom:20px;height:auto}.post-item .img-wrapper{width:100%}.pitem-top img{width:100%;height:auto}.post-item{margin-inline:auto}.top-sidebar{display:none !important}.category-heading-mobile{text-align:center}.dropdown-container{width:100%;display:flex;justify-content:center;margin-bottom:40px;margin-top:20px}.dropdown-mobile{border:1px solid #c8c8c8;width:100%}.dropdown-content a{color:#000;padding:10px 12px;text-decoration:none;display:block;border:1px solid #c8c8c8;border-bottom:0;background-color:#fff;font-size:14px}.dropdown-content a:last-child{border-bottom:1px solid #c8c8c8}.dropdown-content a:hover{background-color:#f1f1f1}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;z-index:1}.dropdown-mobile{display:inline-block;position:relative}.dropdown-default{display:flex;justify-content:space-between;align-items:center;padding:10px 12px}.dropdown-default p{margin:0}.dropdown-mobile.active .dropdown-content{display:block;width:100%}.dropdown-default svg{transition:.3s ease-in-out}.dropdown-mobile.active .dropdown-default svg{rotate:180deg;transition:.3s ease-in-out}.post-item .pitem-bottom{padding-left:18px;padding-right:18px}p.categories{left:18px;max-width:calc(100% - 32px)}.content-posts{margin:0}}@media (max-width:768px){.content-posts{gap:0}.separator-wrapper,content-posts{max-width:340px !important}.content-posts .post-item{flex:0 1 100%;margin-bottom:20px;max-width:100%}}@media (max-width:430px){.post-item h2{font-size:16px}.post-item p{font-size:14px}}@media (max-width:360px){.categories{width:max-content;left:1%}}