.blogs-section{background-color:var(--blogs-bg-light);direction:rtl;border-radius:16px;width:100%;height:26rem;margin:auto auto 45px;padding:3rem 0;position:relative;overflow:hidden}.blogs-section .blogs-intro-container{width:100%;height:100%;margin:auto}.blogs-flex{flex-direction:column-reverse;justify-content:flex-start;align-items:center;gap:2rem;height:100%;display:flex;position:relative}@media (min-width:1024px){.blogs-section{padding:0}.blogs-flex{flex-direction:row}}.blogs-content{text-align:right;z-index:1;width:100%;margin-right:8%}.blogs-section.blogs-section-eng .blogs-content{text-align:left;margin-right:unset;direction:ltr;padding-left:5%}@media (min-width:1024px){.blogs-content{width:50%}}.blogs-title{background:linear-gradient(91.35deg,#5e4736 1.15%,#c49370 104.86%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:24px;font-size:3.5rem;font-weight:800;line-height:1.2}.blogs-title span{color:var(--blogs-text-dark)}.description-wrapper{align-items:flex-start;gap:12px;margin-bottom:32px;display:flex}.icon-small{color:var(--blogs-primary-color);flex-shrink:0;width:20px;height:20px;margin-top:6px}.blogs-section.blogs-section-eng .icon-small{transform:scaleX(-1)}.description-text{color:var(--blogs-text-muted);max-width:450px;font-size:1.125rem;line-height:1.6}.social-label-group{align-items:center;gap:12px;margin-bottom:24px;display:flex}.social-label{color:var(--blogs-text-dark);font-size:1.25rem;font-weight:700}.blogs-image-side{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.blogs-image-side .hero-blog-img{-o-object-fit:cover;object-fit:cover;-o-object-position:0 -5rem;object-position:0 -5rem;height:auto!important;position:static!important}.blog-container{border:2px solid transparent;width:45%;transition:all .35s;box-shadow:0 3px 8px rgba(0,0,0,.24)}.blog-container:hover{border:2px solid rgba(94,71,54,.35);transform:scale(1.05)}.blog-container h5{color:#5e4736;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.blog-container p{color:var(--secondary-color);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;height:50px;display:-webkit-box;overflow:hidden}.blog-intro{background-position:50%;background-repeat:no-repeat;background-size:cover;border-bottom-right-radius:23px;border-bottom-left-radius:23px;width:100%;height:50vh;margin-bottom:30px;position:relative;overflow:hidden}.blog-intro .blog-intro-layer{background:rgba(0,0,0,.5);border-bottom-right-radius:23px;border-bottom-left-radius:23px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.blog-intro .blog-intro-layer h2{color:#fff;text-align:center;margin:0;font-size:2rem}.page-title{align-items:center;gap:10px;width:-moz-fit-content;width:fit-content;margin:auto;font-size:30px;display:flex}.blogs-page-container{justify-content:space-evenly;align-items:flex-start;width:100%;margin-bottom:35px;display:flex}.blogs-page-container .blogs-pagination{width:65%}.blogs-page-container .all-blogs-container{flex-wrap:wrap;justify-content:center;gap:30px;width:100%;padding:25px 0;display:flex}.blogs-page-container .other-blogs-container{background:rgba(245,245,245,.19);border-radius:16px;width:30%;padding:15px 20px;box-shadow:0 3px 8px rgba(0,0,0,.24)}.blogs-page-container .other-blogs-container h2{color:#5e4736;align-items:center;gap:5px;width:-moz-fit-content;width:fit-content;margin-bottom:15px;font-size:25px;font-weight:600;display:flex}.blogs-page-container .other-blogs-container .side-blog-box{background-color:#fff;border-radius:16px;justify-content:flex-start;gap:15px;margin-bottom:35px;transition:all .35s;display:flex;overflow:hidden}.blogs-page-container .other-blogs-container .side-blog-box:hover{transform:scale(1.05);box-shadow:0 3px 8px rgba(0,0,0,.24)}.blogs-page-container .other-blogs-container .side-blog-box .side-blog-img{border-radius:16px;width:35%;height:-webkit-fill-available;position:relative}.blogs-page-container .other-blogs-container .side-blog-box .side-blog-desc{flex-direction:column;justify-content:center;width:55%;padding:12px 0;display:flex}.blogs-page-container .other-blogs-container .side-blog-box .side-blog-desc h3{color:#5e4736;white-space:nowrap;text-overflow:ellipsis;font-size:17px;overflow:hidden}.blogs-page-container .other-blogs-container .side-blog-box .side-blog-desc p{color:rgba(0,0,0,.68);width:80%;margin-bottom:10px;font-size:15px;font-weight:400}.blogs-page-container .other-blogs-container .side-blog-box .side-blog-desc div{color:rgba(0,0,0,.5);font-size:14px;font-weight:500}.blog-container .blog-box-btm{justify-content:space-between;align-items:center;display:flex}.blog-container .blog-box-btm div{color:rgba(0,0,0,.52);font-size:15px}.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 rgba(0,0,0,.1);border-left-color:#3498db;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:#666;margin:0;font-size:1rem}.error-container{gap:1rem}.error-message{color:#e74c3c;text-align:center;margin:0;font-size:1rem}.retry-button{color:#fff;cursor:pointer;background-color:#3498db;border:none;border-radius:5px;padding:.75rem 1.5rem;font-size:1rem;transition:background-color .3s}.retry-button:hover{background-color:#2980b9}.no-blogs-container p{color:#666;text-align:center;margin:0;font-size:1.1rem}.pagination-container{justify-content:center;align-items:center;gap:8px;margin:auto;display:flex}.pagination-container button{cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:6px;padding:8px 14px;transition:all .2s}.pagination-container button:hover{background-color:#e2e2e2;transform:scale(1.1)}.pagination-container .active-page{color:#fff;background-color:#007bff;border-color:#007bff;transition:all .25s}.pagination-container button.active-page:hover{color:#007bff}@media (max-width:992px){.blog-container{width:100%}.blogs-section{height:auto;padding:0}.blogs-content{flex-direction:column;align-items:center;width:100%;margin:0;display:flex}}@media (max-width:500px){.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 h2{width:80%;font-size:20px}h1.page-title{margin-left:unset;margin:auto}.blogs-page-container .other-blogs-container h3{margin:auto auto 15px}.blogs-page-container .blogs-pagination{width:100%;margin-bottom:40px}.blogs-image-side .hero-blog-img{-o-object-position:unset;object-position:unset;height:100%!important}.blogs-content{padding:30px 0}.blogs-title{text-align:center;background:unset;-webkit-text-fill-color:unset;-webkit-background-clip:unset;color:#fff;font-size:25px}.description-wrapper{display:none}.blogs-mob-layer{z-index:1;background-color:rgba(0,0,0,.5);width:100%;height:100%;position:absolute;top:0;right:0}.blogs-section{border-radius:unset}}
