.BlogCategoryHero{width:100%;display:flex;gap:1vw;flex-direction:column}.BlogCategoryHero .navlinks{display:flex;cursor:pointer}.BlogCategoryHero .navlinks ul{display:flex;justify-content:space-between;list-style:none;gap:.1vw}.BlogCategoryHero .navlinks ul li{color:#f3f3f3}.BlogCategoryHero .navlinks ul li a{font-size:.85vw;color:#f3f3f3;text-decoration:none}.BlogCategoryHero .navlinks ul .active{color:#fabc3f;font-size:.85vw;margin-top:4px}.BlogCategoryHero .navlinks ul .nav{padding:0 5px;width:1vw;height:auto;cursor:default}.BlogCategoryHero .navlinks ul .nav img{width:100%;height:100%;object-fit:cover}.BlogCategoryHero .heading{text-transform:uppercase}.BlogCategoryHero .blogHero{width:100%}.BlogCategoryHero .blogHero img{object-position:80% 20%;border-radius:1.3vw;width:100%;aspect-ratio:3.27;object-fit:cover}@media (max-width: 480px){.BlogCategoryHero{gap:4vw}.BlogCategoryHero .navlinks ul{gap:3vw}.BlogCategoryHero .navlinks ul li{display:flex;align-items:center}.BlogCategoryHero .navlinks ul li a,.BlogCategoryHero .navlinks ul .active{font-size:3.2vw}.BlogCategoryHero .navlinks ul .nav{width:4vw;height:3.5vw;padding:1px 3px}.BlogCategoryHero .heading{font-size:6.8vw;text-transform:uppercase}.BlogCategoryHero .subHeading{font-size:3.6vw}.BlogCategoryHero .blogHero img{border-radius:3vw;width:100%;aspect-ratio:1.8;object-fit:cover;height:46.4vh;object-position:60% 20%}}.BlogCategoryMain{padding:.2% 5.2%;width:100%;display:flex;flex-direction:column}.BlogCategoryMain .top{gap:2vw;display:flex;align-items:center;justify-content:center}.BlogCategoryMain .top .search{display:flex;width:30%;padding:1vw 2vw;border-radius:.75vw;border:.5px solid #fabc3f;background:#f3f3f31a}.BlogCategoryMain .top .search input{color:#fff;background-color:transparent;border:none;width:100%}.BlogCategoryMain .top .categoryOptions{width:30%;border-radius:.75vw;border:.5px solid #fabc3f;background:#f3f3f31a}.BlogCategoryMain .top .categoryOptions select{cursor:pointer;padding:1.1vw 2vw;border:none;width:100%;background-color:transparent;color:#fff;outline:none}.BlogCategoryMain .top .categoryOptions select:focus,.BlogCategoryMain .top .categoryOptions select:active{outline:none;box-shadow:none}.BlogCategoryMain .top .categoryOptions select option{background-color:#282525}.BlogCategoryMain .bottom{padding:4vw 0;display:flex;gap:2vw}.BlogCategoryMain .bottom .bleft{display:flex;width:65%;gap:1vw;row-gap:2vw;flex-wrap:wrap}.BlogCategoryMain .bottom .bleft .category{display:flex;flex-direction:column;align-items:center;width:49%;position:relative}.BlogCategoryMain .bottom .bleft .category img{opacity:.8;width:100%;aspect-ratio:1.6;object-fit:cover}.BlogCategoryMain .bottom .bleft .category .info{padding:4%;z-index:1;margin-top:-13%;background-color:#fff;gap:1vw;align-items:start;flex-direction:column;display:flex;width:90%}.BlogCategoryMain .bottom .bleft .category .info .date{padding:.4vw .9vw;background-color:#fabc3f;color:#000;font-size:.85vw;font-style:normal;font-weight:500;line-height:normal}.BlogCategoryMain .bottom .bleft .category .info .title{color:#bc2329;font-size:1.25vw;font-style:normal;font-weight:600;line-height:normal}.BlogCategoryMain .bottom .bleft .category .info .text{color:#000;font-size:.85vw;font-style:normal;font-weight:400;line-height:normal}.BlogCategoryMain .bottom .bleft .category .info .button{padding:.6vw 1.5vw;border-radius:25px;border:1px solid var(--vibrant-crimson-red, #c7253e);color:#c7253e;font-size:.85vw;font-style:normal;font-weight:400;line-height:normal;cursor:pointer}.BlogCategoryMain .bottom .bright{height:90vh;padding:3%;gap:1.5vw;width:34%;border-radius:.65vw;border:.15vw solid #c7253e;box-shadow:0 4px 10px #00000040;display:flex;flex-direction:column}.BlogCategoryMain .bottom .bright .rTitle{color:#f0af13;font-size:1.66666vw;font-style:normal;font-weight:600;line-height:normal}.BlogCategoryMain .bottom .bright .recentPosts{overflow:scroll;display:flex;flex-direction:column;gap:1vw}.BlogCategoryMain .bottom .bright .recentPosts .recent{cursor:pointer;gap:1vw;width:100%;display:flex;align-items:center}.BlogCategoryMain .bottom .bright .recentPosts .recent .icon{width:50%}.BlogCategoryMain .bottom .bright .recentPosts .recent .icon img{width:100%;aspect-ratio:1.5;object-fit:cover}.BlogCategoryMain .bottom .bright .recentPosts .recent .title{width:50%;color:#fff;font-size:20px;font-style:normal;font-weight:500;line-height:normal}.BlogCategoryMain .bottom .bright .recentPosts .recent:hover{border-radius:10px;background:#ffffff1a}.BlogCategoryMain .bottom .bright .recentPosts::-webkit-scrollbar{display:none}@media (max-width: 480px){.BlogCategoryMain{padding:4vw;gap:6vw}.BlogCategoryMain .top{flex-direction:column;align-items:stretch;gap:4vw}.BlogCategoryMain .top .search{width:100%;padding:3vw 4vw}.BlogCategoryMain .top .search input{font-size:4vw}.BlogCategoryMain .top .categoryOptions{width:100%;border-radius:5px}.BlogCategoryMain .top .categoryOptions select{font-size:4vw;padding:3vw 4vw}.BlogCategoryMain .bottom{flex-direction:column;gap:6vw;padding:6vw 0}.BlogCategoryMain .bottom .bleft{width:100%;flex-direction:column;gap:6vw}.BlogCategoryMain .bottom .bleft .category{width:100%}.BlogCategoryMain .bottom .bleft .category img{width:100%;aspect-ratio:1.7;object-fit:cover}.BlogCategoryMain .bottom .bleft .category .info{width:85%;padding:4vw;margin-top:-15%;gap:3vw}.BlogCategoryMain .bottom .bleft .category .info .date{font-size:3.2vw;padding:2vw 4vw}.BlogCategoryMain .bottom .bleft .category .info .title{font-size:4.8vw}.BlogCategoryMain .bottom .bleft .category .info .text{font-size:3.8vw}.BlogCategoryMain .bottom .bleft .category .info .button{font-size:4vw;padding:2vw 5vw;border-radius:4vw}.BlogCategoryMain .bottom .bright{width:100%;padding:6vw 5vw;height:auto;gap:4vw;border-radius:3vw}.BlogCategoryMain .bottom .bright .rTitle{font-size:5vw}.BlogCategoryMain .bottom .bright .recentPosts{flex-direction:column;gap:4vw}.BlogCategoryMain .bottom .bright .recentPosts .recent{flex-direction:row;align-items:center;gap:4vw}.BlogCategoryMain .bottom .bright .recentPosts .recent .icon{width:35%}.BlogCategoryMain .bottom .bright .recentPosts .recent .icon img{width:100%;aspect-ratio:1.5;border-radius:2vw}.BlogCategoryMain .bottom .bright .recentPosts .recent .title{width:65%;font-size:4vw}.BlogCategoryMain .bottom .bright .recentPosts .recent:hover{border-radius:2vw}}
