@charset "UTF-8";.BlogCategoryHero .hero{flex-direction:column;position:relative;width:100%;height:58.5vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.BlogCategoryHero .hero .bg-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.BlogCategoryHero .hero .navlinks{z-index:1;display:flex;cursor:pointer}.BlogCategoryHero .hero .navlinks ul{position:absolute;top:6vh;left:7%;display:flex;justify-content:space-between;list-style:none;gap:10px}.BlogCategoryHero .hero .navlinks ul li{color:#f3f3f3}.BlogCategoryHero .hero .navlinks ul li a{font-size:16px;color:#f3f3f3;text-decoration:none}.BlogCategoryHero .hero .navlinks ul .nav{padding:1px 2px}.BlogCategoryHero .hero .navlinks ul .nav img{width:24px;height:24px}.BlogCategoryHero .hero .content{z-index:3}.BlogCategoryHero .hero .content h1{z-index:1;color:#fff;text-align:center;text-shadow:0px .21vw .21vw rgba(0,0,0,.3);font-family:COCOGOOSE LETTERPRESS;font-size:2.92vw;font-style:normal;font-weight:400;line-height:normal;text-transform:uppercase}@media(max-width:480px){.BlogCategoryHero .hero{height:30vh}.BlogCategoryHero .hero .navlinks ul{top:2vh;left:5%;gap:5px}.BlogCategoryHero .hero .navlinks ul li,.BlogCategoryHero .hero .navlinks ul li a{font-size:12px}.BlogCategoryHero .hero .navlinks ul .nav{padding:0 1px;scale:.6}.BlogCategoryHero .hero .content h1{font-size:6vw;padding:0 10px}}.BlogCategoryMain{display:flex;padding:3.28% 5.2%;gap:40px}.BlogCategoryMain .left{width:30%;display:flex;flex-direction:column;gap:40px;position:sticky;top:100px}.BlogCategoryMain .left .left_top{display:flex;flex-direction:column;gap:40px}.BlogCategoryMain .left .left_top .search,.BlogCategoryMain .left .left_top .searchYear,.BlogCategoryMain .left .left_top .searchCategory{height:60px;display:flex;padding:10px;border-radius:10px;background:#fbc51d80;align-items:center}.BlogCategoryMain .left .left_top .search img,.BlogCategoryMain .left .left_top .searchYear img,.BlogCategoryMain .left .left_top .searchCategory img{width:16px;height:16px}.BlogCategoryMain .left .left_top .search input,.BlogCategoryMain .left .left_top .search select,.BlogCategoryMain .left .left_top .searchYear input,.BlogCategoryMain .left .left_top .searchYear select,.BlogCategoryMain .left .left_top .searchCategory input,.BlogCategoryMain .left .left_top .searchCategory select{background:transparent;border:none;width:100%}.BlogCategoryMain .left .left_top .search input:focus,.BlogCategoryMain .left .left_top .search select:focus,.BlogCategoryMain .left .left_top .searchYear input:focus,.BlogCategoryMain .left .left_top .searchYear select:focus,.BlogCategoryMain .left .left_top .searchCategory input:focus,.BlogCategoryMain .left .left_top .searchCategory select:focus{outline:none}.BlogCategoryMain .left .left_bottom{border-radius:10px;box-shadow:0 4px 10px #00000040;padding:40px;display:flex;flex-direction:column;gap:20px}.BlogCategoryMain .left .left_bottom .recentTitle{font-size:32px;font-weight:650;color:#333}.BlogCategoryMain .left .left_bottom hr{height:1px;background:#333}.BlogCategoryMain .left .left_bottom .recent{display:flex;flex-direction:row;align-items:center;gap:12px;padding:10px;border-radius:10px;cursor:pointer;transition:.25s ease}.BlogCategoryMain .left .left_bottom .recent:hover{background:#fbc51d26}.BlogCategoryMain .left .left_bottom .recent .image{width:110px;height:75px;flex-shrink:0;overflow:hidden}.BlogCategoryMain .left .left_bottom .recent .image img{width:100%;height:100%;object-fit:cover;border-radius:6px;transition:transform .3s ease}.BlogCategoryMain .left .left_bottom .recent:hover .image img{transform:scale(1.05)}.BlogCategoryMain .left .left_bottom .recent .rdesc{flex:1;font-size:15px;color:#333;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.BlogCategoryMain .right{width:70%;display:flex;flex-direction:column;gap:60px}.BlogCategoryMain .right .postsContainer{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;align-items:stretch}.BlogCategoryMain .right .post{display:flex;flex-direction:column;border-radius:10px;overflow:hidden;height:100%;transition:.25s ease}.BlogCategoryMain .right .post:hover{background:#fff;box-shadow:0 4px 10px #00000040}.BlogCategoryMain .right .post .image{position:relative;height:220px;overflow:hidden}.BlogCategoryMain .right .post .image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.BlogCategoryMain .right .post .image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000 50%,#0006)}.BlogCategoryMain .right .post:hover .image img{transform:scale(1.08)}.BlogCategoryMain .right .post .title{padding:12px 15px;font-size:20px;font-weight:650}.BlogCategoryMain .right .post .desc{padding:0 15px;font-size:14px}.BlogCategoryMain .right .post .button{margin:15px;padding:8px 14px;border-radius:8px;background:#dc143c;color:#fff;cursor:pointer;width:fit-content;transition:.25s ease}.BlogCategoryMain .right .post .button:hover{background:#b90f2f;transform:translateY(-2px)}.BlogCategoryMain .right .totalpages{padding-left:20px}.BlogCategoryMain .right .totalpages .page{display:flex;gap:10px}.BlogCategoryMain .right .totalpages .page button{border:none;background:#fff;padding:5px 10px;box-shadow:0 0 5px #00000040;font-size:16px}.BlogCategoryMain .right .totalpages .page button.active{background:#fbc51d}.skeleton{background-size:400% 100%;border-radius:10px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media(max-width:768px){.BlogCategoryMain{flex-direction:column;padding:20px;gap:20px}.BlogCategoryMain .left{display:contents}.BlogCategoryMain .left_top{order:1}.BlogCategoryMain .right{order:2;width:100%}.BlogCategoryMain .right .postsContainer{grid-template-columns:repeat(2,1fr);gap:10px}.BlogCategoryMain .right .post .image{height:140px}.BlogCategoryMain .right .post .title{font-size:16px}.BlogCategoryMain .right .post .desc{font-size:12px}.BlogCategoryMain .right .post .button{width:100%;text-align:center}.BlogCategoryMain .left_bottom{order:3;padding:20px}.BlogCategoryMain .left_bottom .recent{flex-direction:row}.BlogCategoryMain .left_bottom .recent .image{width:90px;height:65px}.BlogCategoryMain .left_bottom .recent .rdesc{font-size:14px}.BlogCategoryMain .recentTitle{font-size:22px}}