.blog-main-div{display:flex;padding:5% 10%;justify-content:center;align-items:center;flex-direction:column;gap:2rem}.blog-content-main-div{width:100%;display:flex;gap:2rem}.blog-content-left{width:75%;display:flex;flex-direction:column;box-shadow:0 0 10px #e7e7e7;padding:2%}.blog-content-right{width:25%;display:flex;flex-direction:column;gap:2rem}.blog-content-heading{font-size:2rem}.blog-content-heading,.blog-content-heading-2{font-weight:700;color:var(--primary);margin:3rem 0 2rem}.blog-content-heading-2{font-size:1.5rem}.blog-content-desc{color:var(--greyscale-700)}.blog-content-desc p{margin-bottom:1rem}.blog-content-desc ul{list-style-type:disc;margin-block:2rem;color:var(--greyscale-700);font-weight:700;margin-left:1rem}.blog-content-desc a,.blog-content-desc h1{font-weight:700;color:var(--primary)}.blog-content-desc h1{font-size:1.5rem;margin-block:1rem}.blog-content-desc h2{font-size:1.6rem}.blog-content-desc h2,.blog-content-desc h3{color:var(--primary);font-weight:700;margin-block:1rem}.blog-content-desc h3{font-size:1.5rem}.blog-date-icon{color:#fff}.blog-date-div{display:flex;gap:.5rem;background-color:var(--primary);color:#fff;font-weight:700;padding:1% 3%;align-items:center;position:absolute;bottom:-5%;left:0}.blog-content-top-div{position:relative}.blog-content-bottom-div{justify-content:space-between;width:100%;display:flex;gap:1rem;margin-top:2rem;align-items:center}.blog-navigation-button{background-color:var(--primary);color:#fff;font-weight:700;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;transition:background-color .3s ease;width:100px}.blog-content-bottom-div span{font-size:1rem;font-weight:700;color:var(--primary)}.blog-navigation-button :disabled{background-color:#ccc;cursor:not-allowed}.blog-navigation-button :hover{background-color:var(--greyscale-400)}@media screen and (max-width:1024px){.blog-main-div{padding:5% 4%}.blog-content-left{width:65%}.blog-content-right{width:35%}}@media screen and (max-width:540px){.blog-main-div{padding:8% 4%}.blog-content-main-div{flex-direction:column}.blog-content-left,.blog-content-right{width:100%}}.blog-content-desc table{width:100%;border-collapse:collapse;margin:1.5rem 0;border:1px solid #d1d5db;color:var(--greyscale-700);font-size:.95rem;line-height:1.6}.blog-content-desc td,.blog-content-desc th{border:1px solid #d1d5db;padding:12px 14px;text-align:left;vertical-align:top}.blog-content-desc th{background-color:#f3f4f6;color:var(--primary);font-weight:700}.blog-content-desc tbody tr:nth-child(2n){background-color:#f9fafb}.blog-content-desc td p,.blog-content-desc th p{margin:0}.blog-content-desc{max-width:100%;overflow-wrap:anywhere}.blog-content-desc table{table-layout:auto}@media screen and (max-width:768px){.blog-content-desc table{display:block;width:100%;overflow-x:auto;white-space:normal}.blog-content-desc td,.blog-content-desc th{min-width:120px;padding:10px}}.category-list{display:flex;flex-direction:column;gap:1rem}.category-list-item{display:flex;justify-content:space-between;gap:2rem;cursor:pointer}.blogs-category-div{box-shadow:0 0 10px #e7e7e7;padding:10% 5%;display:flex;flex-direction:column;gap:.9rem;align-items:center}.category-list-item-name{text-transform:capitalize}.category-list-item-count{color:var(--primary);background-color:var(--greyscale-200);width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:5px;font-weight:700}@media screen and (max-width:768px){.category-list-item{gap:1rem}}.blogs-page-heading{font-size:1.6rem;font-weight:bolder;color:var(--primary)}.recent-blogs-div{box-shadow:0 0 10px #e7e7e7;padding:10%;display:flex;flex-direction:column;gap:1rem;align-items:center;position:sticky;top:70px}.recent-blogs-list{display:flex;flex-direction:column;gap:2rem;align-items:flex-start}.recent-blogs-list-item{display:flex;flex-direction:column;gap:.5rem}.recent-blog-heading{font-weight:700;color:var(--primary);line-height:1.6rem}.recent-blog-date{display:flex;color:var(--greyscale-600);font-size:1rem;text-transform:uppercase;align-items:center;gap:.5rem}.recent-blog-date-icon{color:var(--primary)}@media screen and (max-width:924px){.recent-blogs-list{gap:1.5rem}}@media screen and (max-width:680px){.recent-blog-date{gap:.2rem;font-size:.8rem}.recent-blogs-list{gap:1.5rem}}@media screen and (max-width:584px){.recent-blogs-list{gap:1rem}}