.hero-section-event-artikel-page-container{width:100%;aspect-ratio:21/10;height:auto;position:relative}.hero-section-event-artikel-page-container .image-container{position:absolute;top:0;left:0;width:100%;height:100%}.hero-section-event-artikel-page-container .image-container img.desktop{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.hero-section-event-artikel-page-container .image-container img.mobile{display:none}.hero-section-event-artikel-page-container .image-container .shade{position:absolute;top:0;left:0;background:linear-gradient(180deg,#fff0,#ffffffb3 49.99%,#fff 90.1%);width:100%;height:100%}.hero-section-event-artikel-page-container .content-container{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:end}.hero-section-event-artikel-page-container .content-container .content{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.hero-section-event-artikel-page-container .content-container .content h1{color:#111}.hero-section-event-artikel-page-container .content-container .content p{color:#333}.list-event-article-section-event-artikel-page-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:60px;background-color:#fff}.list-event-article-section-event-artikel-page-container .tabbing-menu-container{width:fit-content;border:4px solid #d61a21;background-color:#fff;padding:8px;border-radius:100px}.list-event-article-section-event-artikel-page-container .tabbing-menu-container ul{padding-left:0!important;margin:0;display:flex;align-items:center}.list-event-article-section-event-artikel-page-container .tabbing-menu-container ul li{padding-left:0!important;list-style:none;padding:8px 0;border-radius:100px;cursor:pointer;transition:background-color .3s ease;color:#d61a21;font-weight:600;width:174px;display:flex;align-items:center;justify-content:center}.list-event-article-section-event-artikel-page-container .tabbing-menu-container ul .active{background-color:#d61a21;color:#fff}.list-event-article-section-event-artikel-page-container .tabbing-menu-container .tab-buttons{display:flex;list-style:none;padding:0}.list-event-article-section-event-artikel-page-container .tabbing-menu-container .tab-buttons .tab a{text-decoration:none;padding:8px 16px;border-radius:100px;background-color:transparent;color:#d61a21;transition:.3s ease;display:inline-block}.list-event-article-section-event-artikel-page-container .tabbing-menu-container .tab-buttons .tab.active a{background-color:#d61a21;color:#fff}.list-event-article-section-event-artikel-page-container ul.tab-content{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;width:100%;padding-left:0!important}.list-event-article-section-event-artikel-page-container ul.tab-content li{padding-left:0!important;display:flex}.list-event-article-section-event-artikel-page-container ul.tab-content li .event-article-card{display:flex;flex-direction:column;border-radius:22px;background:#fff;width:100%;min-width:100%;box-shadow:4px 4px 4px #0000001f}.list-event-article-section-event-artikel-page-container ul.tab-content li .event-article-card .img-container{width:100%}.list-event-article-section-event-artikel-page-container ul.tab-content li .event-article-card .img-container img{aspect-ratio:3/2;width:100%;height:auto;object-fit:cover;border-radius:20px}.list-event-article-section-event-artikel-page-container ul.tab-content li .event-article-card .text-container{width:100%;padding:20px;display:flex;flex-direction:column;gap:20px}.list-event-article-section-event-artikel-page-container ul.tab-content li .event-article-card .text-container .top-content{width:100%;display:flex;flex-direction:column;gap:16px}.list-event-article-section-event-artikel-page-container ul.tab-content li .event-article-card .text-container .top-content p{color:#696969;font-size:16px;line-height:20px;font-weight:500;font-style:italic}.list-event-article-section-event-artikel-page-container ul.tab-content li .event-article-card .text-container .top-content h2{color:#111;font-weight:700;font-size:24px;line-height:28px;word-break:break-word}.list-event-article-section-event-artikel-page-container ul.tab-content li .event-article-card .text-container .separator{width:100%;height:1px;background-color:#bfbfbf}.list-event-article-section-event-artikel-page-container ul.tab-content li .event-article-card .text-container .bottom-content a{color:#1bab51;font-size:16px;line-height:20px;font-weight:500;text-decoration:none}.list-event-article-section-event-artikel-page-container ul.tab-content li .event-article-card .text-container .bottom-content a:hover{text-decoration:underline}@media (max-width: 1440px){.hero-section-event-artikel-page-container{aspect-ratio:21/10}.hero-section-event-artikel-page-container .content-container .content{gap:32px}.list-event-article-section-event-artikel-page-container{gap:50px}.list-event-article-section-event-artikel-page-container .tabbing-menu-container ul li{width:174px}.list-event-article-section-event-artikel-page-container ul.tab-content{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.list-event-article-section-event-artikel-page-container ul.tab-content li .event-article-card .img-container img{aspect-ratio:3/2}.list-event-article-section-event-artikel-page-container ul.tab-content li .event-article-card .text-container{padding:20px;gap:20px}}@media (max-width: 1024px){.hero-section-event-artikel-page-container{aspect-ratio:auto;height:100vh}.hero-section-event-artikel-page-container .image-container img.desktop{display:none}.hero-section-event-artikel-page-container .image-container img.mobile{display:block;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.hero-section-event-artikel-page-container .content-container .content{grid-template-columns:repeat(1,1fr);gap:24px}.list-event-article-section-event-artikel-page-container{gap:40px}.list-event-article-section-event-artikel-page-container .tabbing-menu-container ul li{width:174px}.list-event-article-section-event-artikel-page-container ul.tab-content{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.list-event-article-section-event-artikel-page-container ul.tab-content li .event-article-card .img-container img{aspect-ratio:3/2}.list-event-article-section-event-artikel-page-container ul.tab-content li .event-article-card .text-container{padding:24px;gap:24px}}@media (max-width: 768px){.hero-section-event-artikel-page-container .content-container .content{gap:16px}.list-event-article-section-event-artikel-page-container ul.tab-content{grid-template-columns:repeat(1,1fr)}}