.page-template-blog-listing-page .header{background:rgba(0,0,0) !important}.blog-detail-mid{background:var(--white)}.filters,.left-head{gap:10px;display:flex}@font-face{font-family:ProximaNovaRegular;src:url(//www.markupdesigns.com/wp-content/themes/markupdesigns/assets/css/../fonts/ProximaNovaRegular.eot);src:url(//www.markupdesigns.com/wp-content/themes/markupdesigns/assets/css/../fonts/ProximaNovaRegular.eot) format("embedded-opentype"),url(//www.markupdesigns.com/wp-content/themes/markupdesigns/assets/css/../fonts/ProximaNovaRegular.woff2) format("woff2"),url(//www.markupdesigns.com/wp-content/themes/markupdesigns/assets/css/../fonts/ProximaNovaRegular.woff) format("woff"),url(//www.markupdesigns.com/wp-content/themes/markupdesigns/assets/css/../fonts/ProximaNovaRegular.ttf) format("truetype"),url(//www.markupdesigns.com/wp-content/themes/markupdesigns/assets/css/../fonts/ProximaNovaRegular.svg#ProximaNovaRegular) format("svg")}@font-face{font-family:ProximaNovaSemibold;src:url(//www.markupdesigns.com/wp-content/themes/markupdesigns/assets/css/../fonts/ProximaNovaSemibold.eot);src:url(//www.markupdesigns.com/wp-content/themes/markupdesigns/assets/css/../fonts/ProximaNovaSemibold.eot) format("embedded-opentype"),url(//www.markupdesigns.com/wp-content/themes/markupdesigns/assets/css/../fonts/ProximaNovaSemibold.woff2) format("woff2"),url(//www.markupdesigns.com/wp-content/themes/markupdesigns/assets/css/../fonts/ProximaNovaSemibold.woff) format("woff"),url(//www.markupdesigns.com/wp-content/themes/markupdesigns/assets/css/../fonts/ProximaNovaSemibold.ttf) format("truetype"),url(//www.markupdesigns.com/wp-content/themes/markupdesigns/assets/css/../fonts/ProximaNovaSemibold.svg#ProximaNovaSemibold) format("svg")}@font-face{font-family:ProximaNovaBold;src:url(//www.markupdesigns.com/wp-content/themes/markupdesigns/assets/css/../fonts/ProximaNovaBold.eot);src:url(//www.markupdesigns.com/wp-content/themes/markupdesigns/assets/css/../fonts/ProximaNovaBold.eot) format("embedded-opentype"),url(//www.markupdesigns.com/wp-content/themes/markupdesigns/assets/css/../fonts/ProximaNovaBold.woff2) format("woff2"),url(//www.markupdesigns.com/wp-content/themes/markupdesigns/assets/css/../fonts/ProximaNovaBold.woff) format("woff"),url(//www.markupdesigns.com/wp-content/themes/markupdesigns/assets/css/../fonts/ProximaNovaBold.ttf) format("truetype"),url(//www.markupdesigns.com/wp-content/themes/markupdesigns/assets/css/../fonts/ProximaNovaBold.svg#ProximaNovaBold) format("svg")}.blog-detail-mid p{font-family:ProximaNovaRegular;font-size:16px;font-weight:400;line-height:25px}.blog-detail-mid h2,.blog-detail-mid h3{font-weight:400;font-family:ProximaNovaSemibold}.blog-detail-mid h2{font-size:41px;line-height:52px}.blog-detail-mid h3{font-size:22px;line-height:38px}.author,.right-head a{font-weight:500}.py-5{padding-top:5rem !important}.search-group .form-control:focus{box-shadow:none;border-color:#dee2e6}.search-group .input-group-text{color:#adb5bd}.blog-img-box{aspect-ratio:16/10;transition:transform .3s}.blog-cat-name,.cat-pill{transition:.2s;text-decoration:none}.blog-item:hover .blog-img-box{transform:scale(1.02)}.cat-pill{color:#495057;border:1px solid #dee2e6;padding:6px 16px;border-radius:8px;font-size:.85rem;background-color:#fff}.text-secondary,h1{color:var(--black) !important}.cat-pill:hover{background-color:#f8f9fa;border-color:#adb5bd;color:#000}.cat-pill.active{background-color:#7c838e;color:#fff;border-color:#7c838e}.blog-item h3{line-height:1.4;transition:color .2s;cursor:pointer}.blog-item h3:hover{color:#7c838e}.custom-pagination .page-link{border:none;margin:0;border-radius:8px;color:#495057;padding:8px 13px;transition:.25s;background:#f8f9fa}.custom-pagination .page-link:hover{background:#e9ecef;color:#000}.custom-pagination .page-link:focus{box-shadow:none}span.page-numbers.current{color:#fff}a.next.page-link,a.prev.page-link{font-size:30px;padding-bottom:5px !important}.blog-listing-title a,.blog-listing-title p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:var(--white);transition:all .3s ease}.blog-cat-name{padding:4px 10px;border-radius:8px;font-size:12px;background-color:var(--secondary);position:absolute;left:6px;top:6px}@media (max-width:768px){.blog-detail-mid h3{font-size:24px;font-family:ProximaNovaSemibold;line-height:34px}}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.left-head{flex-direction:column}.title{font-size:26px;color:var(--secondary)}.filters span{background:#e5e7eb;padding:6px 14px;border-radius:20px;font-size:13px;cursor:pointer}.filters span.active{background:#4b5563;color:#fff}.right-head a{font-size:14px;text-decoration:none;color:#374151}.featured-wrapper{display:flex;gap:20px;margin-bottom:25px}.featured-left{width:65%;background:#fff;border-radius:12px;padding:15px}.featured-image{position:relative;height:240px;border-radius:10px;overflow:hidden}.badge,.overlay{position:absolute}.featured-image img{width:100%;height:100%;object-fit:cover}.overlay{bottom:0;width:100%;padding:15px;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);color:#fff}.overlay h2{font-size:18px}.overlay p{font-size:12px;opacity:.9}.meta{font-size:12px;color:#666;margin:8px 0}.read-btn{display:inline-block;padding:8px 14px;background:#4b5563;color:#fff;border-radius:6px;font-size:13px;text-decoration:none}.card h4,.small-content{padding:10px}.card,.small-card{border-radius:10px;overflow:hidden}.featured-right{width:35%;display:flex;flex-direction:column;gap:15px}.btn-glass,.btn-primary{align-items:center;gap:10px}.small-card{background:#fff}.small-card img{width:100%;height:120px;object-fit:cover}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.card{background:#2a2a2a;padding-bottom:10px}.card img{width:100%;height:150px;object-fit:cover}.card h4{font-size:15px}.badge{top:10px;left:10px;background:#6b7280;color:#fff;font-size:11px;padding:4px 10px;border-radius:20px}.sidebar-box{background:#fff;padding:20px;border-radius:10px;margin-bottom:20px}.sidebar-post{display:flex;gap:10px;margin-bottom:12px}.thumb{width:50px;height:50px;background:#ccc;border-radius:6px}.header-nav .overlay{display:none}.blog-banner{background:linear-gradient(180deg,#0d264d 0,#000 100%);min-height:450px;padding:80px 0}.btn-dark-grey{background-color:#7c838e;color:#fff;border:none;transition:background-color .3s}.btn-dark-grey:hover{background-color:#666d77;color:#fff}.btn-outline-secondary{border-color:#9da3ab;color:#4a4a4a}.btn-outline-secondary:hover{background-color:rgba(0,0,0,.05);color:#000;border-color:#4a4a4a}h1{letter-spacing:-.5px}.blog-banner .lead{font-size:1.25rem;color:#fff !important}.btn-glass:hover,.filter-nav a.nav-link.active{color:var(--secondary)}.btn-glass{transition:.5s ease-in-out;background:var(--secondary);border:none;color:#fff;font-size:14px;line-height:26px;display:inline-flex}.btn-glass:hover{background:#fff}.filter-nav a.nav-link{color:#fff;padding-block:5px}.border-darkish{border:1px solid #3b3b3b}div.iti{margin-bottom:8px !important}.hover-bg{transition:.3s}.hover-bg:hover{background-color:#888}.smaller{font-size:12px}.card.h-100.border-0.shadow-sm.overflow-hidden{padding:0;aspect-ratio:5/3}a.card-img-placeholder.p-4.d-flex.flex-column.justify-content-end.text-white:before,a.card.mini-card.border-0.shadow-sm.flex-grow-1.p-4.d-flex.flex-column.justify-content-center.text-white:before{content:"";background-image:linear-gradient(0deg,#000,rgb(0 0 0/30%));width:100%;height:100%;position:absolute;left:0;top:0}@media screen and (max-width:991px){.card.h-100.border-0.shadow-sm.overflow-hidden{padding:0;aspect-ratio:5/4}a.card.mini-card.border-0.shadow-sm.flex-grow-1.p-4.d-flex.flex-column.justify-content-center.text-white.position-relative{aspect-ratio:4/3}}.custom-pagination .page-item.active .page-link{background:#7c838e;color:#fff;border:0;height:30px;width:31px;display:flex;align-items:center;justify-content:center}p.text-secondary.mb-3{color:#000!important}.sticky-top{z-index:1 !important}.blog-listing-title a:hover{color:var(--secondary) !important}.feture-post-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:var(--black);font-size:15px;transition:all .3s ease}.feture-post-title:hover{color:var(--secondary)}@media screen and (max-width:767px){.blog-detail-inner p br{display:block}}