.blog .hero-section{position:relative}.blog .hero-section .bold-content>*:not(:last-child){margin-bottom:0}.blog .hero-section .hero-wrapper{position:relative;z-index:2;display:flex;flex-direction:column;gap:15px}.blog .hero-section .hero-wrapper .bold-content{max-width:550px}.blog .hero-section .s-icon{position:absolute;top:0;right:0;z-index:1}@media (max-width: 991px){.blog .hero-section .s-icon{display:none}}.blog .article-section{position:relative;z-index:2;margin-top:65px}.blog .article-section .category-btn-wrapper .category-list{display:flex;gap:10px;scrollbar-width:none;-ms-overflow-style:none}.blog .article-section .category-btn-wrapper .category-list::-webkit-scrollbar{display:none}.blog .article-section .category-btn-wrapper .category-list a{display:flex;border:1px solid var(--clr-alt-4);align-items:center;background-color:transparent;color:var(--clr-alt-2);border-radius:100px;padding-inline:20px;padding-block:10px;transition:var(--transition)}.blog .article-section .category-btn-wrapper .category-list a.active{border-color:var(--clr-main);background-color:var(--clr-main);color:#fff}@media (pointer: fine) and (hover: hover){.blog .article-section .category-btn-wrapper .category-list a:not(.active):hover,.blog .article-section .category-btn-wrapper .category-list a:not(.active):focus-visible{color:var(--clr-main);border-color:var(--clr-main)}}@media (max-width: 991px){.blog .article-section .category-btn-wrapper .category-list a{height:38px}}@media (max-width: 991px){.blog .article-section .category-btn-wrapper .category-list{overflow-x:auto}}.blog .article-section .articles-wrapper{margin-top:70px;gap:20px}.blog .article-section .pages{margin-top:80px}@media (min-width: 992px){.blog{padding-bottom:80px;padding-top:115px}.blog .pagination{font-size:16px;line-height:24px;font-weight:400;letter-spacing:normal}.blog .pagination span{display:flex;justify-content:center;align-items:center;width:44px;height:auto;aspect-ratio:1;border-radius:100%;background-color:var(--clr-main);color:#fff}.blog .pagination a{color:var(--clr-alt-2);transition:var(--transition);font-size:16px;line-height:24px;font-weight:400;letter-spacing:normal}}@media (min-width: 992px) and (pointer: fine) and (hover: hover){.blog .pagination a:hover,.blog .pagination a:focus-visible{color:var(--clr-main)}}@media (max-width: 991px){.blog{padding-top:90px;padding-bottom:10px}}