.blog-container{border:2px solid #dce9df;width:45%;transition:all .35s;box-shadow:0 3px 8px rgba(21,89,68,.08)}.blog-container:hover{border:2px solid var(--primary-color);transform:scale(1.05)}.blog-container h3{color:var(--primary-color);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-container p{color:#617267;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;height:50px;display:-webkit-box;overflow:hidden}.blog-intro{background-image:url(../media/blog-bg.857658e5.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-bottom-right-radius:23px;border-bottom-left-radius:23px;width:100%;height:60vh;margin-bottom:30px;position:relative}.blog-intro .blog-intro-layer{background:linear-gradient(135deg,rgba(14,66,50,.92),rgba(21,89,68,.78));border-bottom-right-radius:23px;border-bottom-left-radius:23px;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.blog-intro .blog-intro-layer .layer-title{color:#fff;text-align:center;width:60%;margin:2rem 0 0;font-size:2rem}.blog-intro .layer-title span{color:var(--secondary-color);margin-top:12px;display:block}.blog-intro .layer-description{color:#edf5ef;text-align:center;width:min(80%,720px);margin:0;font-size:1.1rem;line-height:1.85}.page-title{color:var(--primary-color);align-items:center;gap:10px;width:100%;margin-left:3%;font-size:30px;display:flex}.blogs-page-container{justify-content:space-evenly;width:100%;margin-top:2.5rem;margin-bottom:35px;display:flex}.blogs-page-container .blogs-pagination{width:60%}.blogs-page-container .all-blogs-container{flex-wrap:wrap;justify-content:space-between;row-gap:40px;width:100%;padding:0 0 25px;display:flex}.blogs-page-container .other-blogs-container{width:30%}.blogs-page-container .other-blogs-container h2{color:var(--primary-color);align-items:center;gap:5px;width:-moz-fit-content;width:fit-content;margin-bottom:15px;font-size:25px;display:flex}.blogs-page-container .other-blogs-container .side-blog-box{background:#fff;border:1px solid #dce9df;border-radius:16px;justify-content:flex-start;gap:15px;margin-bottom:15px;transition:all .35s;display:flex;overflow:hidden;box-shadow:0 3px 8px rgba(21,89,68,.08)}.blogs-page-container .other-blogs-container .side-blog-box:hover{border-color:var(--secondary-color);transform:scale(1.05)}.blogs-page-container .other-blogs-container .side-blog-box .side-blog-img{border-radius:16px;width:35%;height:8rem;position:relative}.blogs-page-container .other-blogs-container .side-blog-box .side-blog-desc{flex-direction:column;justify-content:center;width:55%;display:flex}.blogs-page-container .other-blogs-container .side-blog-box .side-blog-desc .side-blog-desc-title{color:var(--primary-color);-webkit-line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:17px;font-weight:500;display:-webkit-box;overflow:hidden}.blogs-page-container .other-blogs-container .side-blog-box .side-blog-desc p{color:#617267;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;width:80%;margin-bottom:10px;font-size:15px;font-weight:400;display:-webkit-box;overflow:hidden}.blogs-page-container .other-blogs-container .side-blog-box .side-blog-desc .createdAt{color:#617267;font-size:14px;font-weight:500}.blog-container .blog-box-btm{color:#617267;justify-content:space-between;align-items:center;display:flex}.blog-container .blog-read-more{background:var(--primary-color);color:#fff;transition:background-color .2s,color .2s}.blog-container .blog-read-more:hover{background:var(--secondary-color);color:var(--primary-color)}.blog-container .blog-read-more:focus-visible{outline:3px solid var(--secondary-color);outline-offset:3px}.pagination-container a:focus-visible{outline:3px solid var(--secondary-color);outline-offset:3px}.retry-button:focus-visible{outline:3px solid var(--secondary-color);outline-offset:3px}.loading-container,.error-container,.no-blogs-container{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:300px;padding:3rem;display:flex}.loading-container{gap:1rem}.spinner{border:4px solid #dce9df;border-left-color:var(--primary-color);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p{color:#617267;margin:0;font-size:1rem}.error-container{gap:1rem}.error-message{color:#e74c3c;text-align:center;margin:0;font-size:1rem}.retry-button{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:5px;padding:.75rem 1.5rem;font-size:1rem;transition:background-color .3s}.retry-button:hover{background-color:#0e4232}.no-blogs-container p{color:#617267;text-align:center;margin:0;font-size:1.1rem}.pagination-container{direction:ltr;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:auto;display:flex}.pagination-container a{color:var(--primary-color);cursor:pointer;background-color:#fff;border:1px solid #dce9df;border-radius:6px;padding:8px 14px;transition:all .2s}.pagination-container a:hover{border-color:var(--primary-color);background-color:#edf5ef;transform:scale(1.1)}.pagination-container .active-page{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);transition:all .25s}.pagination-container a.active-page:hover{color:#fff;background-color:#0e4232}@media (max-width:992px){.blog-container{width:100%}}@media (max-width:786px){.blogs-page-container{flex-direction:column;margin-bottom:25px}.blogs-page-container .all-blogs-container{width:90%;margin:auto auto 25px}.blogs-page-container .other-blogs-container{width:90%;margin:auto}.blog-intro .blog-intro-layer .layer-title{width:80%;font-size:20px}.blog-intro .layer-description{font-size:1rem}.page-title{margin-left:unset;margin:auto}.blogs-page-container .other-blogs-container h2{margin:auto auto 15px}.blogs-page-container .blogs-pagination{width:100%;margin-bottom:40px}}