*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-width:none}body{font-family:UTM_KHUCCAMTA,sans-serif;-ms-overflow-style:none}.hover-darken,.event-action,.page-nav,.page-link{transition:filter .02s ease-in-out}.hover-darken:hover,.event-action:hover,.page-nav:hover,.page-link:hover{filter:brightness(.8);cursor:pointer}button{border:none;outline:none;box-shadow:none;background:inherit;cursor:pointer}button:hover,button:focus{outline:none;box-shadow:none}:root{--desktop-vw: 1vw;--mobile-vw: calc(100vw / 393);--mobile-scale: calc(393 / 1920)}.event-container{width:calc(1022 / 1920 * 100vw);min-height:calc(850 / 1920 * 100vw);margin:0 auto;display:flex;flex-direction:column;gap:calc(20 / 1920 * 100vw);position:relative}@media screen and (max-width: 768px){.event-container{width:100%;gap:calc(10 / 393 * 100vw)}}.event-item{width:100%;height:calc(173 / 1920 * 100vw);display:flex;align-items:center;justify-content:space-between;gap:.78125vw;padding:calc(10 / 1920 * 100vw) calc(20 / 1920 * 100vw)}@media screen and (max-width: 768px){.event-item{gap:calc(10 / 393 * 100vw);padding:calc(5 / 393 * 100vw) calc(10 / 393 * 100vw);height:calc(97 / 393 * 100vw)}}.event-item:hover{background:linear-gradient(to right,#eb742430,#33b6c530);border-radius:.625vw}.event-thumb{width:16.09375vw;height:calc(158 / 1920 * 100vw)}@media screen and (max-width: 768px){.event-thumb{width:calc(149 / 393 * 100vw);height:calc(78 / 393 * 100vw)}}.event-thumb img{width:100%;height:100%;object-fit:cover}.event-content{width:calc(603 / 1920 * 100vw);height:calc(158 / 1920 * 100vw);display:flex;flex-direction:column;justify-content:start;gap:calc(10 / 1920 * 100vw)}@media screen and (max-width: 768px){.event-content{height:calc(78 / 393 * 100vw)}}.event-meta{display:flex;gap:calc(10 / 1920 * 100vw)}@media screen and (max-width: 768px){.event-meta{gap:calc(10 / 393 * 100vw)}}.tag-news{font-family:HAI-BA-TRUNG;width:4.84375vw;height:calc(38 / 1920 * 100vw);display:flex;align-items:center;justify-content:center;background:linear-gradient(to right,#eb7424fa,#33b6c5);color:#fff;font-size:1.25vw;font-weight:400;border-radius:calc(7 / 1920 * 100vw);text-transform:uppercase}@media screen and (max-width: 768px){.tag-news{font-size:calc(11 / 393 * 100vw);height:calc(17 / 393 * 100vw);width:calc(56 / 393 * 100vw);border-radius:calc(7 / 393 * 100vw)}}.date{font-family:HAI-BA-TRUNG;font-size:1.25vw;font-weight:400;text-transform:uppercase;background:linear-gradient(to right,#eb7424fa,#33b6c5);-webkit-background-clip:text;color:transparent}@media screen and (max-width: 768px){.date{font-size:calc(11 / 393 * 100vw)}}.event-title{overflow:hidden}.event-title a{text-decoration:none;font-family:HAI-BA-TRUNG;font-size:calc(40 / 1920 * 100vw);font-weight:400;text-transform:uppercase;background:linear-gradient(to right,#eb7424fa,#33b6c5);-webkit-background-clip:text;color:transparent;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}@media screen and (max-width: 768px){.event-title a{font-size:calc(20 / 393 * 100vw)}}.event-desc{font-size:.78125vw;font-weight:400;color:#000;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width: 768px){.event-desc{font-size:calc(10 / 393 * 100vw)}}.event-action{width:calc(32 / 1920 * 100vw);height:calc(32 / 1920 * 100vw);display:flex;align-items:center;justify-content:center;cursor:pointer}@media screen and (max-width: 768px){.event-action{width:calc(27 / 393 * 100vw);height:calc(27 / 393 * 100vw)}}.event-action img{width:100%;height:100%;object-fit:cover}.pagination{display:flex;align-items:center;justify-content:center;gap:calc(10 / 1920 * 100vw);position:absolute;bottom:calc(-100 / 1920 * 100vw);left:50%;transform:translate(-50%)}@media screen and (max-width: 768px){.pagination{bottom:calc(-30 / 393 * 100vw);gap:calc(2 / 393 * 100vw)}}.page-nav{width:calc(46 / 1920 * 100vw);height:calc(46 / 1920 * 100vw);cursor:pointer}@media screen and (max-width: 768px){.page-nav{width:calc(26 / 393 * 100vw);height:calc(26 / 393 * 100vw)}}.page-nav img{width:100%;height:100%;object-fit:cover}.page-link{font-family:HAI-BA-TRUNG;width:calc(46 / 1920 * 100vw);height:calc(46 / 1920 * 100vw);cursor:pointer;display:flex;align-items:center;justify-content:center;background:linear-gradient(to right,#eb7424fa,#33b6c5);-webkit-background-clip:text;color:transparent;font-size:calc(40 / 1920 * 100vw);font-weight:400}@media screen and (max-width: 768px){.page-link{width:calc(26 / 393 * 100vw);height:calc(26 / 393 * 100vw);font-size:calc(15 / 393 * 100vw)}}.page-link.active{font-weight:600;font-size:calc(46 / 1920 * 100vw)}@media screen and (max-width: 768px){.page-link.active{font-size:calc(18 / 393 * 100vw)}}
