.blog-modal-section .blog-modal{display:none;position:fixed;top:130px;right:-100%;width:350px;height:100%;background-color:#f4f2ed;transition:right .3s ease-in-out;z-index:3;overflow-y:auto;height:-webkit-fill-available;box-shadow:-5px 6px 6px rgba(0,0,0,.0823529412)}.blog-modal-section .blog-modal .modal-content{padding:15px;position:absolute;top:45px;right:50%;left:50%;transform:translate(-50%,0);background-color:transparent;width:320px;height:100%}.blog-modal-section .blog-modal .article-navigation .blog-post-card__figure{height:185px}.blog-modal-section .blog-modal .article-navigation__title{display:none}.blog-modal-section .blog-modal .blog-post-card{padding:15px;background:#f8f7f2}.blog-modal-section .blog-modal .modal-card-wrapper{margin-top:30px;padding-bottom:10px}.blog-modal-section .blog-modal .modal-card-wrapper .h5{margin-bottom:18px;text-align:center}.blog-modal-section .blog-modal .modal-card-wrapper .blog-post-card{margin-bottom:18px;padding:0;display:flex;align-items:center;background:0 0}.blog-modal-section .blog-modal .modal-card-wrapper .blog-post-card .v-stack{gap:10px}.blog-modal-section .blog-modal .modal-card-wrapper .blog-post-card .badge{color:#3a3c3e;background:0 0;text-transform:uppercase;font-weight:400;padding:0;font-size:8px;line-height:11px;letter-spacing:.8px}.blog-modal-section .blog-modal .modal-card-wrapper .blog-post-card .h3{font-size:16px;letter-spacing:-.32px;line-height:20px}.blog-modal-section .blog-modal .modal-card-wrapper .blog-post-card .blog-post-card__figure{max-width:95px;width:100%;height:95px}.blog-modal-section .blog-modal .article-prev-next{display:flex;flex-direction:column}.blog-modal-section .blog-modal .article-prev-next .blog-post-card .h5 a{font-family:var(--heading-font-family-new);font-size:18px;font-weight:300;line-height:22px;letter-spacing:-.36px;text-transform:capitalize}.blog-modal-section .blog-modal .next,.blog-modal-section .blog-modal .previous{margin-bottom:16px;display:block;text-align:center}.blog-modal-section .open-modal-btn{padding:20px 14px;display:flex;align-items:center;position:fixed;right:0;top:200px;transform:translateY(-50%);transform-origin:right top;background-color:#f4f2ed;border:none;cursor:pointer;writing-mode:vertical-rl;color:#3a3c3e;z-index:2}.blog-modal-section .open-modal-btn:hover{text-decoration:underline}.blog-modal-section .close-btn{position:absolute;right:0;top:-20px;cursor:pointer}