.blog-listing-cards-conatiner{height:100%}.blog-listing-cards-wraper{display:flex;flex-direction:column;height:100%}.blog-card-listing-content-conatiner{display:flex;flex-direction:column;gap:5px;background-color:#1f2937;padding:1rem}.blog-listing-cards-img-container,.blog-listing-cards-img-container img{width:100%;height:100%}.line-breaker{height:1px;background-color:#ffffff}.blog-listing-btn-container{width:100%;display:flex;align-items:center;justify-content:center;padding-top:5px}.blog-listing-arrow-btn{text-align:center;padding:.7rem;border-radius:50%;background-color:rgba(17,24,39,1)}.blog-listing-arrow-btn,.blog-listing-blog-btn{display:flex;align-items:center;box-sizing:border-box}.blog-listing-blog-btn{justify-content:center;border-radius:50px;padding:.5rem 1rem;background-color:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);cursor:pointer}.blog-listing-blog-btn:before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 -1px 0 rgba(255,255,255,.25);-webkit-mask:linear-gradient(90deg,transparent,white 4%,white 90%,transparent);mask:linear-gradient(90deg,transparent,white 4%,white 90%,transparent)}.blog-listing-blog-btn:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at center,rgba(255,255,255,.06),rgba(255,255,255,0) 65%);pointer-events:none}.blog-listing-blog-btn-container{width:100%;text-align:-webkit-right}.blog-listing-blog-btn span:first-child{font-family:Inter;font-weight:500;font-size:1.2rem;line-height:100%;letter-spacing:0;text-align:center;color:rgba(223,174,38,1);padding:0 1rem}.blog-content-time-span{font-family:Inter;font-weight:400;font-size:1.2rem;line-height:28px;letter-spacing:0;color:#969595}.listing-card-title{font-family:Inter;font-weight:500;font-size:1.6rem;line-height:35px;letter-spacing:0;color:#ffffff}.blog-content-text{font-family:Inter;font-weight:400;font-size:1.2rem;line-height:28px;letter-spacing:0;color:#969595;word-break:break-all}@media (max-width:1024px){.blog-card-listing-content-conatiner{padding:1.2rem 1rem}.listing-card-title{font-size:1.5rem;line-height:32px}.blog-listing-btn-container{padding-top:10px}.blog-content-text{padding-bottom:10px}}@media (max-width:768px){.blog-card-listing-content-conatiner{padding:1.5rem 1.2rem}.listing-card-title{font-size:1.4rem;line-height:25px}.blog-content-text{font-size:1.2rem;line-height:22px}.blog-listing-blog-btn span:first-child{font-size:1.2rem;padding:0 .8rem}}@media (max-width:480px){.blog-card-listing-content-conatiner{padding:1.2rem 1rem}.listing-card-title{line-height:23px}.blog-listing-blog-btn{padding:.4rem .8rem}.blog-listing-blog-btn span:first-child{font-size:16px;padding:0 .6rem}.blog-listing-arrow-btn{padding:.6rem}}@media (max-width:360px){.blog-card-listing-content-conatiner{padding:1rem .8rem}.listing-card-title h2{font-size:.95rem;line-height:1.5rem}}.blogoverallcontainer{background-image:linear-gradient(180deg,#000000 0,#000000 20%,#13181a 40%,#263033)}.blog-listing-container{padding:8rem 3rem 0;max-width:1600px;margin:0 auto}.blog-title-section{width:100%;display:flex;flex-direction:column;padding:2rem 0}.title-top-section h1{font-family:Inter;font-weight:500;font-style:Medium;font-size:4.3rem;line-height:5rem;letter-spacing:0;color:#ffff}.title-bottom-section{display:flex;align-items:center;justify-content:space-between;gap:2rem}.filter-sort-section{display:flex;align-items:center;gap:5px}.single-blog{padding-bottom:5rem;box-sizing:border-box}.single-blog-description-container,.single-blog-img-container{flex:0 0 50%;height:auto}.single-blog-description{background-color:rgba(31,41,55,1)}.single-blog-img-container img{width:100%;height:100%}.single-blog{width:100%;display:flex}.single-blog-description{padding:8rem 2rem 1rem;display:flex;flex-direction:column;gap:2rem;box-sizing:border-box;height:100%}.single-blog-description-wraper{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.single-blog-title{font-family:Inter;font-weight:500;font-size:1.7rem;line-height:35px;letter-spacing:0;color:#ffff}.single-blog-title1{display:none;font-size:1.7rem;line-height:35px}.single-blog-arrow-btn{text-align:center;padding:.7rem;border-radius:50%;background-color:rgba(17,24,39,1)}.single-blog-arrow-btn,.single-blog-btn{display:flex;align-items:center;box-sizing:border-box}.single-blog-btn{justify-content:center;border-radius:50px;padding:.5rem 1rem;background-color:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.single-blog-btn:before{box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 -1px 0 rgba(255,255,255,.25);-webkit-mask:linear-gradient(90deg,transparent,white 4%,white 90%,transparent);mask:linear-gradient(90deg,transparent,white 4%,white 90%,transparent)}.single-blog-btn:after,.single-blog-btn:before{content:"";position:absolute;inset:0;border-radius:inherit}.single-blog-btn:after{background:radial-gradient(ellipse at center,rgba(255,255,255,.06),rgba(255,255,255,0) 65%);pointer-events:none}.single-blog-btn-container{display:flex;align-items:center;justify-content:flex-end;width:100%}.single-blog-btn span:first-child{font-family:Inter;font-weight:500;font-size:1.2rem;line-height:100%;letter-spacing:0;text-align:center;color:rgba(223,174,38,1);padding:0 1rem}.single-blog-content,.single-blog-time-span{font-family:Inter;font-weight:400;font-size:1.2rem;line-height:28px;letter-spacing:0;color:#969595}.single-blog-content1{display:none;font-size:1.2rem;line-height:28px}.no-pagination-padding{padding-bottom:4rem}.blog-listing-flex{display:grid;grid-template-columns:repeat(3,1fr);justify-content:center;grid-gap:1rem;gap:1rem}.pagination-conatiner{display:flex;align-items:center;width:100%;justify-content:center;padding:3rem 0}.num-container{display:flex;align-items:center;gap:.5rem}.num-container span{text-align:center;padding:.8rem 1.2rem;border-radius:.5rem;transition:all .3s ease;cursor:pointer}.num-container span:hover{background-color:#eab308;color:#000}.num-container span.active-page{background-color:#dfae26;color:#000;font-weight:600}.num-container .pagination-ellipsis{cursor:default;padding:.8rem .5rem}.num-container .pagination-ellipsis:hover{background-color:transparent;color:#d1d5db}.next-container,.prev-conatiner{padding:2rem 1rem;color:#d1d5db;cursor:pointer;transition:all .3s ease;background:none;border:none;font-family:Inter;font-size:1rem}.next-container:hover:not(:disabled),.prev-conatiner:hover:not(:disabled){color:#dfae26}.next-container:disabled,.prev-conatiner:disabled{cursor:not-allowed;opacity:.5}.title-bottom-section-text{font-family:Inter;font-weight:400;font-size:1.3rem;line-height:30px;letter-spacing:0;text-align:left;color:#969595}.next-container,.num-container,.prev-conatiner{padding:2rem 1rem;color:#d1d5db}.filter-section,.sort-section{display:flex;align-items:center;gap:.8rem;background-color:#1f2937;padding:.3rem .9rem;color:#ffff;font-family:Inter;font-weight:400;font-size:1rem;line-height:24px;letter-spacing:0;border-radius:.5rem}.sort-section{gap:1rem;padding:.3rem 1.2rem}.no-blogs-message{text-align:center;padding:4rem 2rem;color:#969595;font-size:1.2rem}.blog-listing-container.loading{opacity:.6;pointer-events:none;transition:opacity .3s ease}.pagination-conatiner .disabled{pointer-events:none;opacity:.5!important}.sort-dropdown{position:relative;display:inline-block;font-family:sans-serif}.sort-section{display:flex;align-items:center;gap:6px;cursor:pointer;border:1px solid #1f2937;padding:8px 12px;border-radius:8px;background-color:#1f2937;transition:.3s ease}.sort-section:hover{background-color:#2d3c45}.arrow{transition:transform .3s ease}.arrow.rotate{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:110%;right:0;background-color:#73787a;border:1px solid;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);overflow:hidden;z-index:10}.dropdown-item{padding:8px 12px;cursor:pointer;transition:background-color .2s ease}.dropdown-item:hover{background-color:#f1f1f1}.dropdown-item{color:black}.dropdown-item.active{font-weight:600;color:#ff6600;background-color:white}@media (min-width:480px){.blog-line-breaker{display:none}}@media (max-width:1440px){.title-bottom-section-text{font-size:1.2rem;line-height:1.8rem}.title-top-section h1{font-size:3.6rem;line-height:3.9rem}}@media (max-width:1024px){.blog-listing-container{padding:8rem 3rem 0}.title-top-section h1{font-size:3.2rem;line-height:3.5rem}.single-blog-description{padding:4rem 1.5rem 1rem}.blog-content-text,.single-blog-content{line-height:25px}.single-blog-title,.single-blog-title1{font-size:1.5rem;line-height:32px}}@media (max-width:768px){.blog-listing-container{padding:7rem 3rem 0}.blog-title-section{gap:.1rem}.single-blog-content{line-height:22px}.single-blog-description-wraper{gap:0}.title-top-section h1{font-size:2.8rem;line-height:3.1rem}.blog-content-text{line-height:22px}.title-bottom-section{flex-direction:column;align-items:flex-start;gap:1.2rem}.filter-sort-section{gap:10px}.blog-listing-flex{grid-template-columns:repeat(2,1fr);gap:1.5rem}.title-bottom-section-text{font-size:1.2rem;line-height:1.8;text-align:left}.pagination-conatiner{flex-wrap:wrap;gap:1rem}.next-container,.num-container,.prev-conatiner{padding:1rem .5rem}.pagination-conatiner{padding:2rem 0}.num-container span{padding:.6rem 1rem;font-size:1rem}.next-container,.prev-conatiner{padding:1.5rem .8rem;font-size:1rem}.single-blog{flex-direction:column;padding-bottom:3rem}.single-blog-description-container,.single-blog-img-container{flex:none;width:100%}.single-blog-description{padding:2rem 1.5rem}.single-blog-title,.single-blog-title1{font-size:1.5rem;line-height:30px}}@media(max-width:580px){.title-top-section h1{font-size:2.4rem;line-height:3.1rem}}@media (max-width:480px){.blog-listing-container{padding:8rem 3rem 0}.title-top-section h1{font-size:2.4rem;line-height:5rem}.blog-title-section{padding:1rem 0 1.2rem;gap:0}.filter-sort-section{width:100%;justify-content:space-between}.filter-section,.sort-section{padding:.4rem .7rem;font-size:1.1rem}.single-blog{padding-bottom:2rem}.single-blog-description{padding:1.5rem 1rem;gap:1.5rem}.single-blog-description-wraper{gap:10px}.single-blog-title{display:none;font-size:1.2rem;line-height:1.8rem}.single-blog-title1{display:block;font-family:Inter;font-weight:500;line-height:25px;letter-spacing:0;color:#ffff}.single-blog-content{display:none;font-size:1.2rem;line-height:28px}.single-blog-content1{display:block;font-family:Inter;font-weight:400;font-size:1.2rem;line-height:22px;letter-spacing:0;color:#969595}.single-blog-btn span:first-child{font-size:1.2rem;padding:0 .8rem}.single-blog-btn{padding:.4rem .8rem}.pagination-conatiner{flex-direction:column;gap:1rem}.num-container{display:flex;justify-content:center}.num-container span{padding:.8rem;margin:0 .2rem}.pagination-conatiner{flex-direction:row;gap:.5rem;padding:1.5rem 0}.num-container span{padding:.5rem .8rem;font-size:.85rem}.next-container,.prev-conatiner{padding:1rem .6rem;font-size:.85rem}.blog-listing-flex{grid-template-columns:1fr;gap:2rem}.blog-line-breaker{height:1px;background-color:#ffffff;width:100%}.single-blog-btn-container{justify-content:center}}@media (max-width:360px){.single-blog-description{padding:1rem .8rem}.filter-section,.sort-section{padding:.3rem .5rem;font-size:.8rem}}.spinner-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;background-color:black;z-index:1000}.spinner{width:40px;height:40px;border:4px solid #e0e0e0;border-top-color:#ff6600;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}