.cms-banner{background-image:url(https://www.fahimshakir.com/api/wp-content/uploads/2024/03/software.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;align-items:center;padding:50px 10px;display:flex}.cms-blog .banner.container{text-align:center;width:100%}.breadcrumb-item a:after{content:"/";color:#fff;padding-left:8px;font-size:12px}.cms-banner-breadcrumb{justify-content:center;align-items:center;gap:10px;display:flex}h1.cms-banner-title{color:#fff;margin:0 0 20px;font-size:32px;font-weight:700;line-height:48px}.breadcrumb-item a{color:#ffb947;text-decoration:none}.breadcrumb-item.active span{color:#fff}.breadcrumb-item span{font-size:16px;font-weight:400;line-height:24px}@media only screen and (max-width:768px){h2.cms-banner-title{margin-bottom:10px;font-size:28px}.cms-banner{height:150px;padding:10px}}.cms-blog-page .cms-blog-grid-section{padding:40px 0 30px}.cms-blog-page .main-content{width:65%}.cms-blog-page .right-sidebar{width:28%}.cms-blog-page .right-sidebar .sidebar-widget{padding:14px;box-shadow:0 4px 12px #0000001a}.cms-blog-page .right-sidebar .widget-title{padding-bottom:10px;font-size:20px}.cms-blog-page .right-sidebar>div{display:block}.cms-blog-grid-section .cms-row{grid-column-gap:30px;grid-row-gap:30px;grid-template-columns:repeat(2,1fr);display:grid}.single-blog .blog-image a img{box-sizing:border-box;object-fit:fill;border-radius:10px;width:100%;min-height:250px;transition:all .3s linear}.single-blog:hover .blog-image a img{transform:scale(1.1)}.single-blog .blog-image{border:1px solid #ddd;border-radius:10px;position:relative;overflow:hidden}.single-blog .blog-image .top-meta{position:absolute;top:35px;left:30px}.single-blog .blog-image .top-meta .date{color:#fff;text-align:center;background:linear-gradient(-180deg,#43baff 0%,#7141b1 100%);border-radius:5px;padding:10px 16px;font-family:Barlow,sans-serif;font-size:14px;line-height:12px;display:inline-block}.single-blog .blog-image .top-meta .date span{font-size:28px;font-weight:500;line-height:30px;display:block}.single-blog .blog-content .title{color:#0e0e0e;font-size:22px;font-weight:600;line-height:30px}.single-blog .blog-content{background:#fbfbfb;width:85%;margin-top:-40px;padding:25px 30px 40px;position:relative;bottom:10px;left:48%;transform:translate(-48%);box-shadow:0 0 6px #ddd}.blog-meta{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.blog-meta span{color:#999;align-items:center;gap:4px;display:flex}.blog-meta span a{color:#999;font-size:13px;font-weight:500;line-height:24px;text-decoration:none;transition:all .3s linear;transition:all .3s!important}.blog-meta span a:hover{color:#00195b}.single-blog .blog-content .title a{color:#0e0e0e;text-decoration:none}.single-blog .blog-btn .blog-btn-link{color:#00195b;letter-spacing:1px;text-transform:uppercase;align-items:center;gap:10px;font-family:Barlow,sans-serif;font-size:12px;font-weight:600;text-decoration:none;transition:all .3s linear;display:flex}.blog-btn{align-items:center;gap:8px;margin-top:15px;display:flex}.cms-pagination{margin-top:60px}.pagination{padding-left:0;list-style:none;display:flex;justify-content:center!important}.cms-pagination .pagination li a{text-align:center;color:#000;border-radius:50%;width:35px;height:35px;font-size:14px;line-height:35px;text-decoration:none;transition:all .3s linear;display:inline-block}.cms-pagination .pagination li a.active{color:#fff;background-color:#00195b}.cms-pagination svg{margin-top:9px}.category-list li a{color:#000;justify-content:space-between;align-items:center;width:100%;padding:3px 0;font-size:18px;display:flex}ul.category-list{list-style:none}ul.category-list li.category{border-bottom:1px solid #ebebeb;padding:8px 0}@media only screen and (max-width:1024px){.single-blog .blog-content{width:75%;padding:25px 20px 40px}.single-blog .blog-content .title{padding-right:0}}@media only screen and (max-width:991px){.single-blog .blog-content{width:78%;padding:20px 20px 40px}.cms-blog-page .right-sidebar,.cms-blog-page .main-content{width:100%}.single-blog .blog-image a img{aspect-ratio:1.5}}@media only screen and (max-width:768px){.cms-blog-grid-section{padding:50px 0}.cms-pagination{margin-top:50px}.cms-blog-page .cms-blog-grid-section{padding:30px 0 10px}}@media only screen and (max-width:639px){.cms-blog-grid-section .cms-row{grid-template-columns:repeat(1,1fr)}}@media only screen and (max-width:414px){.cms-blog-grid-section{padding:40px 0}.single-blog .blog-content .title{font-size:20px;line-height:26px}.cms-pagination{margin-top:20px;margin-bottom:20px}}
