.blog-hero{padding:0 20px}.blog-hero .container{margin-top:30px}@media (max-width:767px){.blog-hero .container{margin-top:25px}}.blog-hero .container .title{font-size:clamp(36px,5vw,46px);font-weight:700;line-height:1.2}.blog-hero .container .title span{color:var(--red-color)}.blog-hero .container .description{margin-top:20px;font-size:clamp(20px,1.5vw,22px);font-weight:400;line-height:32px}@media (max-width:767px){.blog-hero .container .description{margin-top:15px}}.blog-hero .container .search-btn-wrap{background-color:var(--white-color);border-radius:999px;align-items:center;margin-top:30px;padding:10px 15px;display:flex;box-shadow:0 2px 10px #0000001a}@media (max-width:767px){.blog-hero .container .search-btn-wrap{margin-top:20px}}@media (max-width:575px){.blog-hero .container .search-btn-wrap{padding:10px}}.blog-hero .container .search-btn-wrap .search-wrap{flex:1;align-items:center;gap:15px;display:flex}@media (max-width:575px){.blog-hero .container .search-btn-wrap .search-wrap{gap:5px}}.blog-hero .container .search-btn-wrap .search-wrap svg{width:25px;height:25px}.blog-hero .container .search-btn-wrap .search-wrap input{color:var(--black-color);font-size:16px;font-family:var(--inter);background:0 0;border:none;outline:none;flex:1}.blog-hero .container .tags-wrap{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.blog-hero .container .tags-wrap .tag{border:3px solid var(--dark-blue-color);background:var(--off-white-color);border-radius:999px;padding:8px 10px}.blog-hero .container .tags-wrap .tag:first-child{border-color:var(--red-color)}
.featured-blog{padding:0 20px}.featured-blog .container .section-heading{font-size:clamp(26px,4vw,38px);font-weight:700;line-height:1.2}.featured-blog .container .featured-wrap{align-items:flex-start;gap:30px;margin-top:30px;display:flex}@media (max-width:991px){.featured-blog .container .featured-wrap{flex-direction:column;align-items:flex-start}}@media (max-width:767px){.featured-blog .container .featured-wrap{gap:25px;margin-top:20px}}.featured-blog .container .featured-wrap .image-wrap{cursor:pointer;border-radius:24px;width:50%;overflow:hidden}@media (max-width:991px){.featured-blog .container .featured-wrap .image-wrap{width:100%}}.featured-blog .container .featured-wrap .image-wrap img{object-fit:cover;width:100%;height:auto;transition:all .3s ease-in-out;display:block}.featured-blog .container .featured-wrap .image-wrap:hover img{transform:scale(1.1)}.featured-blog .container .featured-wrap .content-wrap{width:50%}@media (max-width:991px){.featured-blog .container .featured-wrap .content-wrap{width:100%}}.featured-blog .container .featured-wrap .content-wrap .meta{font-size:16px;font-weight:400;display:inline-block}.featured-blog .container .featured-wrap .content-wrap .title{cursor:pointer;margin-top:8px;font-size:clamp(22px,2.5vw,30px);font-weight:500;line-height:35px}.featured-blog .container .featured-wrap .content-wrap .title a{transition:all .3s ease-in-out}.featured-blog .container .featured-wrap .content-wrap .title:hover a{text-decoration:underline}@media (max-width:767px){.featured-blog .container .featured-wrap .content-wrap .title{line-height:30px}}.featured-blog .container .featured-wrap .content-wrap .description{margin-top:20px;font-size:clamp(18px,1.5vw,20px);line-height:1.8}@media (max-width:767px){.featured-blog .container .featured-wrap .content-wrap .description{margin-top:15px}}.featured-blog .container .featured-wrap .content-wrap .primary-btn{margin-top:30px}@media (max-width:767px){.featured-blog .container .featured-wrap .content-wrap .primary-btn{margin-top:20px}}
.pagination-wrap{margin-top:24px}.pagination-wrap .pagination{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}@media (max-width:767px){.pagination-wrap .pagination{justify-content:center}}.pagination-wrap .pagination .page{border:3px solid var(--black-color);min-width:46px;height:46px;color:var(--black-color);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:500;transition:all .3s ease-in-out;display:flex}.pagination-wrap .pagination .page:hover,.pagination-wrap .pagination .page.active{border-color:var(--red-color)}