.BlogPost{padding:3.48% 0;width:100%;display:flex;gap:1vw;flex-direction:column}.BlogPost .navlinks{padding:0 5.2%;display:flex;cursor:pointer}.BlogPost .navlinks ul{display:flex;justify-content:space-between;list-style:none;gap:.1vw}.BlogPost .navlinks ul li{color:#f3f3f3}.BlogPost .navlinks ul li a{font-size:.85vw;color:#f3f3f3;text-decoration:none}.BlogPost .navlinks ul .active{color:#fabc3f;font-size:.85vw}.BlogPost .navlinks ul .nav{padding:1.5px 5px;width:1vw;height:.9vw}.BlogPost .navlinks ul .nav img{width:100%;height:100%;object-fit:cover}.BlogPost .bottom{padding:4vw 5.2%;display:flex;gap:2vw}.BlogPost .bottom .left{width:70%;display:flex;flex-direction:column;gap:1vw}.BlogPost .bottom .left .image img{object-position:center;border-radius:1.3vw;width:100%;aspect-ratio:2.37;object-fit:cover}.BlogPost .bottom .left .date{background:var(--YELLOW-SUPPLIMENTRY-COLOR, #fabc3f);width:max-content;padding:.4vw 1.2vw;color:#000;font-size:1vw;font-weight:600;border-radius:.3vw;margin-top:.5vw}.BlogPost .bottom .left .title{color:var(--YELLOW-PRIMARY-COLOR, #f0af13);font-size:1.8vw;font-weight:700;line-height:1.2;margin-top:.5vw}.BlogPost .bottom .left .text{color:var(--WHITE-COLOR, #fff);font-size:.95vw;font-weight:400;line-height:1.6;margin-top:.5vw}.BlogPost .bottom .left .text p{margin-bottom:.8vw}.BlogPost .bottom .left .text ul{padding-left:1.2vw;list-style:disc;margin-bottom:1vw}.BlogPost .bottom .left .text ul li{margin-bottom:.4vw}.BlogPost .bottom .left .text strong{color:var(--YELLOW-PRIMARY-COLOR, #f0af13);font-weight:600}.BlogPost .bottom .left .text i{color:#ccc;font-style:italic}.BlogPost .bottom .left .text a{color:#fabc3f;text-decoration:underline}.BlogPost .bottom .left .text a:hover{color:#fff}.BlogPost .bottom .left .text br{margin-bottom:1vw}.BlogPost .bottom .left br{display:block;margin-bottom:.8vw;content:""}.BlogPost .right{display:flex;flex-direction:column;width:30%;gap:3.5vw}.BlogPost .right .bRightTop{width:100%;gap:2vw;display:flex;flex-direction:column;align-items:center;justify-content:center}.BlogPost .right .bRightTop .search{display:flex;width:100%;padding:1vw 2vw;border-radius:.75vw;border:.5px solid #fabc3f;background:#f3f3f31a}.BlogPost .right .bRightTop .search input{color:#fff;background-color:transparent;border:none;width:100%}.BlogPost .right .bRightTop .categoryOptions{width:100%;border-radius:.75vw;border:.5px solid #fabc3f;background:#f3f3f31a}.BlogPost .right .bRightTop .categoryOptions select{cursor:pointer;padding:1.1vw 2vw;border:none;width:100%;background-color:transparent;color:#fff;outline:none}.BlogPost .right .bRightTop .categoryOptions select:focus,.BlogPost .right .bRightTop .categoryOptions select:active{outline:none;box-shadow:none}.BlogPost .right .bRightTop .categoryOptions select option{background-color:#282525}.BlogPost .right .bRightBottom{height:90vh;padding:3%;gap:1.5vw;width:100%;border-radius:.65vw;border:.15vw solid #c7253e;box-shadow:0 4px 10px #00000040;display:flex;flex-direction:column}.BlogPost .right .bRightBottom .rTitle{color:#f0af13;font-size:1.66666vw;font-style:normal;font-weight:600;line-height:normal}.BlogPost .right .bRightBottom .recentPosts{overflow:scroll;display:flex;flex-direction:column;gap:1vw}.BlogPost .right .bRightBottom .recentPosts .recent{cursor:pointer;gap:1vw;width:100%;display:flex;align-items:center}.BlogPost .right .bRightBottom .recentPosts .recent .icon{width:50%}.BlogPost .right .bRightBottom .recentPosts .recent .icon img{width:100%;aspect-ratio:1.5;object-fit:cover}.BlogPost .right .bRightBottom .recentPosts .recent .title{width:50%;color:#fff;font-size:20px;font-style:normal;font-weight:500;line-height:normal}.BlogPost .right .bRightBottom .recentPosts .recent:hover{border-radius:10px;background:#ffffff1a}.BlogPost .right .bRightBottom .recentPosts::-webkit-scrollbar{display:none}.BlogPost .blogNote{padding:0;height:17.7vh;background:#fabc3f;display:flex;align-items:center}.BlogPost .blogNote .note{width:55%;margin:auto;color:#000;text-align:center;font-size:1.2vw;font-style:normal;font-weight:500;line-height:normal}@media (max-width: 480px){.BlogPost{padding:20px 0;gap:16px}.BlogPost .navlinks ul{gap:3vw;flex-wrap:wrap}.BlogPost .navlinks ul li a,.BlogPost .navlinks ul .active{font-size:3.2vw}.BlogPost .navlinks ul .nav{width:4vw;height:3.5vw;padding:1px 3px}.BlogPost .bottom{flex-direction:column;padding:16px}.BlogPost .bottom .left{width:100%;gap:12px}.BlogPost .bottom .left .image img{width:100%;aspect-ratio:16/9;border-radius:8px}.BlogPost .bottom .left .date{font-size:12px;padding:6px 12px;border-radius:4px}.BlogPost .bottom .left .title{font-size:18px}.BlogPost .bottom .left .text{font-size:14px;line-height:1.5}.BlogPost .bottom .CoursesCTA{order:3}.BlogPost .bottom .right{width:100%;gap:24px}.BlogPost .bottom .right .bRightTop{gap:16px}.BlogPost .bottom .right .bRightTop .categoryOptions select{font-size:14px;padding:10px 14px}.BlogPost .bottom .right .bRightBottom{height:auto;padding:16px;gap:16px}.BlogPost .bottom .right .bRightBottom .rTitle{font-size:18px}.BlogPost .bottom .right .bRightBottom .recentPosts{gap:16px;max-height:none}.BlogPost .bottom .right .bRightBottom .recentPosts .recent{flex-direction:row;gap:12px;align-items:center}.BlogPost .bottom .right .bRightBottom .recentPosts .recent .icon{width:40%}.BlogPost .bottom .right .bRightBottom .recentPosts .recent .icon img{width:100%;aspect-ratio:4/3}.BlogPost .bottom .right .bRightBottom .recentPosts .recent .title{width:60%;font-size:14px}.BlogPost .blogNote .note{width:100%;padding:16px;font-size:16px}}