@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Libre+Bodoni:ital,wght@0,400..700;1,400..700&display=swap");
html { font-family: Inter, Arial, sans-serif; text-size-adjust: 100%; font-size: 16px; line-height: 1.15; -webkit-font-smoothing: antialiased; color: var(--text); margin: 0px auto; }
.ff_pri { font-family: "Libre Bodoni", "Playfair Display", "Courier New", Courier, monospace !important; }
.ff_sec { font-family: Inter, Roboto, Arial, Helvetica, sans-serif !important; }
.cl-dark-gray { color: rgb(102, 102, 102) !important; }
.header.v3 { height: auto; margin: 0px auto; left: 0px; right: 0px; top: 0px; position: absolute; z-index: 5; background: transparent; padding: 24px 0px; border-bottom: unset; }
.header.v3 .header-in { width: 100%; padding: 0px 50px; margin: 0px auto; display: flex; justify-content: space-between; height: 75px; max-width: unset !important; }
.header.v3 .top-menu a { color: var(--white); height: 46px; position: relative; display: flex; justify-content: center; align-items: center; }
.header.v3 .top-menu a::before { content: ""; width: 1px; position: absolute; top: 14px; bottom: 14px; right: 0px; background: var(--white); }
.header.v3 .top-menu a:last-child::before { display: none; }
.header.v3 .top-right { background: transparent; top: 0px; padding: 0px; border-radius: unset; height: 46px; }
.header.v3 .top-right a { color: var(--white); height: 46px; position: relative; display: flex; justify-content: center; align-items: center; padding: 0px 8px; font-size: 12px; }
.header.v3 .top-right a::before { content: ""; width: 1px; position: absolute; top: 14px; bottom: 14px; right: 0px; background: var(--white); }
.header.v3 .top-right a:last-child::before { display: none; }
.header.v3 .top-right a:nth-child(4)::before { display: none; }
.header.v3 .top-right a:nth-child(3) { background: unset; }
.header.v3 .top-right a:last-child { background: rgb(54, 98, 168); border-radius: 4px; padding: 0px 16px; }
.header.v3 #cd-menu-trigger { background: transparent; }
.header.v3 #cd-menu-trigger .cd-menu-icon { background-color: var(--white); }
.header.v3 #cd-menu-trigger.is-clicked .cd-menu-icon { background-color: transparent; }
.header.v3 #cd-menu-trigger.is-clicked .cd-menu-icon::before, .header.v3 #cd-menu-trigger.is-clicked .cd-menu-icon::after { background-color: var(--white); }
.header.v3 h1.logo img { height: 75px; }
.header.v3.kanal_detail { background: var(--white); }
.header.v3.kanal_detail .top-menu a, .header.v3.kanal_detail .top-right a { color: var(--black); }
.header.v3.kanal_detail .top-menu a::before, .header.v3.kanal_detail .top-right a::before { background: var(--black); }
.header.v3.kanal_detail .top-right a:last-child { color: var(--white); }
.header.v3.kanal_detail #cd-menu-trigger .cd-menu-icon { background-color: var(--black); }
.header.v3.kanal_detail #cd-menu-trigger.is-clicked .cd-menu-icon { background-color: transparent; }
.header.v3.kanal_detail #cd-menu-trigger.is-clicked .cd-menu-icon::before, .header.v3.kanal_detail #cd-menu-trigger.is-clicked .cd-menu-icon::after { background-color: var(--black); }
.cd-main-content.kanal_detail { padding-top: 123px; }
.card-box.over-image .text-card { position: absolute; inset: 0px; background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); padding: 32px; z-index: 2; display: flex; flex-direction: column; justify-content: flex-end; color: rgb(255, 255, 255); }
.card-box.over-image.sm-oi .text-card { padding: 16px; }
.card-box.over-image.center-pos .text-card { justify-content: center; }
.card-box.over-image.top-pos .text-card { justify-content: flex-start; background: linear-gradient(rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); }
.card-box.over-image .text-card a { color: rgb(255, 255, 255); }
.card-box.over-image .text-card a:hover { color: rgba(255, 255, 255, 0.5); }
.slider.slider_hero { margin-left: 0px !important; margin-right: 0px !important; }
.slider.slider_hero .slider-item { padding: 0px; }
.slider.slider_hero .slider-item .card-box .img-card { width: 100%; height: 100svh; }
.slider.slider_hero .slider-item .card-box .text-card { padding: 56px; }
.slider.slider_hero .slider-item .card-box .text-card .max-w-card { width: 100%; max-width: 700px; margin: 0px auto; display: flex; flex-direction: column; text-align: center; }
.slider.slider_hero .slider-item .card-box .text-card h3.title { font-size: 36px; line-height: 1.3; }
.slider.slider_hero .slick-prev, .slider.slider_hero .slick-next { background: var(--white); border-radius: 50%; color: var(--black); transition: 0.3s ease-in-out; box-shadow: rgba(119, 119, 119, 0.1) 0px 8px 20px; border: 1px solid var(--soft); }
.slider.slider_hero .slick-prev:hover::before, .slider.slider_hero .slick-prev:focus::before, .slider.slider_hero .slick-next:hover::before, .slider.slider_hero .slick-next:focus::before { color: var(--gray); background: rgba(0, 0, 0, 0.5); }
.menu.v3 { font-size: 14px; margin: 0px auto; padding: 0px 56px; height: 64px; display: flex; justify-content: center; border-bottom: 1px solid var(--ntrl300); }
.menu.v3 ul ul li a:hover { color: var(--dark_gray) !important; }
.menu.v3 ul li a { height: 64px; display: flex; justify-content: center; text-wrap: nowrap; }
.menu.v3 ul ul.submenus.single { width: auto; background: var(--ntrl100); border-radius: 0px; }
.menu.v3 ul li:hover > ul.submenus.single { display: flex; flex-wrap: nowrap; }
.menu.v3 ul ul.submenus.single li { border-right: 1px solid var(--ntrl600); background: transparent !important; }
.menu.v3 ul ul.submenus.single li:last-child { border-right: unset; }
.menu.v3 ul ul.submenus.single li a { color: var(--ntrl600); height: auto; justify-content: flex-start; align-items: flex-start; text-align: left; line-height: 1.2; text-wrap: nowrap; padding: 0px 12px; background: transparent !important; font-weight: 400 !important; }
.menu.v3 ul ul.submenus.single li a:hover { color: var(--ntrl600); }
.menu ul ul.submenus.single.right { right: -60px !important; }
.menu ul li:hover a, .menu.bott ul li:hover a { color: var(--ntrl600); background: var(--ntrl100); }
.top_container { padding-left: 50px; }
.box_top_container { display: grid; grid-template-columns: repeat(13, 1fr); grid-template-rows: repeat(1, 1fr); border-bottom: 1px solid var(--ntrl300); }
.border_top1 { border-top: 1px solid var(--ntrl300) !important; }
.border_bottom1 { border-bottom: 1px solid var(--ntrl300) !important; }
.box_top_container .left_box_top_container { grid-column: span 8 / span 8; padding-bottom: 32px; }
.box_top_container .right_box_top_container { grid-column: 9 / span 5; border-left: 1px solid var(--ntrl300); }
.card-box.big-img.v3 { flex-direction: row-reverse; gap: 60px; }
.card-box.big-img.v3 .img-card { height: auto; width: 55%; }
.card-box.big-img.v3 .text-card { padding: 0px; align-items: flex-start; justify-content: flex-start; width: 45%; }
.card-box.square_140.v3 { display: flex; }
.card-box.square_140.v3 .img-card { width: 140px; height: 123px; display: flex; justify-content: center; align-items: center; flex: 1 0 140px; }
.card-box.square_140.v3 .img-card img { width: auto; height: 123px; }
.card-box.square_140.v3 .text-card { padding-right: 24px; }
.card-box.rounded_100.v3 { display: flex; }
.card-box.rounded_100.v3 .img-card { width: 100px; height: 100px; display: flex; justify-content: center; align-items: center; flex: 1 0 100px; border-radius: 50%; }
.card-box.rounded_100.v3 .img-card img { width: auto; height: 100px; }
.card-box.rounded_100.v3 .text-card { padding-right: 24px; }
.l_spacing { letter-spacing: 3px !important; }
.uppercase { text-transform: uppercase; }
.card-box .text-card p a { color: var(--black); }
.bg_transparent { background: transparent !important; }
.card-box .text-card p a:hover { color: var(--gray); }
.fo20 { font-size: 20px !important; }
.fo24 { font-size: 24px !important; }
.fo30 { font-size: 30px !important; }
.padding-xl2 { padding: 24px 32px !important; }
.card-box.v3 .text-card h2.title { min-height: unset; }
.card-box.v3.rev-col { display: flex; flex-direction: column-reverse; }
.card-box .text-card h3.title { min-height: unset !important; }
.grid-col { display: grid; grid-template-columns: repeat(1, 1fr); gap: 32px 24px; width: 100%; margin-bottom: 32px; }
.grid-col.row2 { grid-template-columns: repeat(2, 1fr); }
.grid-col.row3 { grid-template-columns: repeat(3, 1fr); }
.grid-col.row4 { grid-template-columns: repeat(4, 1fr); }
.grid-col.row5 { grid-template-columns: repeat(5, 1fr); }
.grid-col.row6 { grid-template-columns: repeat(6, 1fr); }
.grid-col.row7 { grid-template-columns: repeat(7, 1fr); }
.grid-col.row8 { grid-template-columns: repeat(8, 1fr); }
.grid-col.row9 { grid-template-columns: repeat(9, 1fr); }
.grid-col.row10 { grid-template-columns: repeat(10, 1fr); }
.grid-col.row11 { grid-template-columns: repeat(11, 1fr); }
.grid-col.row12 { grid-template-columns: repeat(12, 1fr); }
.grid-col.gap8 { gap: 16px 8px; }
.grid-col.gap16 { gap: 24px 16px; }
.grid-col.gap24 { gap: 32px 24px; }
.grid-col.gap24 { gap: 40px 32px; }
.grid-col.gap8-all, .gap8-all { gap: 8px; }
.grid-col.gap16-all { gap: 16px; }
.grid-col.gap24-all { gap: 24px; }
.grid-col.gap32-all { gap: 32px; }
.box_driving { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 32px; padding: 32px 50px; }
.w100 { width: 100%; }
.driving_scroll { display: flex; flex-wrap: nowrap; gap: 92px; padding-bottom: 12px; }
.box_driving div img { width: auto; height: 90px; object-fit: contain; }
.box_driving div img.maxw { width: 150px; height: auto; object-fit: contain; }
.box_driving div img.maxw90 { width: 90px; height: auto; object-fit: contain; }
.box_voices { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 32px; padding: 32px 50px; background: rgb(245, 245, 245); }
.box_subscribe { display: flex; justify-content: center; align-items: center; gap: 50px; padding: 50px; }
.box_subscribe img { width: auto; height: 82px; margin: 0px; flex: 1 0 82px; }
.box_ceo { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 32px; padding: 32px 50px; }
.card-box.v3.text_on_top .text-card { padding: 50px; position: absolute; top: 0px; left: 0px; bottom: 0px; width: 50%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; background: rgba(37, 43, 55, 0.7); }
.desktop_scroll { display: flex; flex-wrap: nowrap; gap: 32px; padding-bottom: 12px; overflow-x: auto; width: 100%; }
.desktop_scroll > * { flex: 0 0 auto; width: 300px; scroll-snap-align: start; }
.desktop_scroll::-webkit-scrollbar { width: 8px; background: rgb(245, 245, 245); border-radius: 4px; }
.desktop_scroll::-webkit-scrollbar-track { }
.desktop_scroll::-webkit-scrollbar-thumb { background-color: rgb(213, 215, 218); border-radius: 4px; }
.desktop_scroll::-webkit-scrollbar:horizontal { height: 8px; }
.desktop_scroll::-webkit-scrollbar:vertical { width: 8px; }
.scrolling_news { display: flex; gap: 32px; }
.scrolling_news .card-box { width: 300px; flex: 0 1 300px; }
.blockbox.box_geopolitics { display: flex; flex-direction: column; gap: 50px; padding: 50px; }
.blockbox.box_brics { display: flex; flex-direction: column; gap: 50px; padding: 50px; }
.blockbox.box_asean { display: flex; flex-direction: column; gap: 50px; padding: 50px; }
.blockbox.box_energy { display: flex; flex-direction: column; gap: 50px; padding: 50px; }
.blockbox.box_defense { display: flex; flex-direction: column; gap: 50px; padding: 50px; }
.blockbox.box_financial { background: rgb(24, 29, 39); display: flex; flex-direction: column; gap: 50px; padding: 50px; }
.grid_5card { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 1fr); gap: 32px; }
.grid_5card .div1 { grid-area: span 2 / span 2 / span 2 / span 2; }
.grid_5card .div2 { grid-column-start: 3; }
.grid_5card .div3 { grid-column-start: 4; }
.grid_5card .div4 { grid-column-start: 3; grid-row-start: 2; }
.grid_5card .div5 { grid-column-start: 4; grid-row-start: 2; }
.blockbox.box_business { display: flex; flex-direction: column; gap: 50px; padding: 50px; }
.blockbox.box_corporate { display: flex; flex-direction: column; gap: 50px; padding: 50px; }
.blockbox.box_profiles { background: rgb(245, 245, 245); display: flex; flex-direction: column; gap: 50px; padding: 50px; }
.blockbox.box_investigation { background: rgb(24, 29, 39); display: flex; flex-direction: column; gap: 50px; padding: 50px; }
.box_investigation .card-box.v3 .text-card { position: absolute; padding: 32px; background: rgba(0, 0, 0, 0.3); bottom: 0px; left: 0px; right: 0px; backdrop-filter: blur(5px); }
.blockbox.box_jakarta { display: flex; flex-direction: column; gap: 50px; padding: 50px; }
.blockbox.box_national { display: flex; flex-direction: column; gap: 50px; padding: 50px; }
.blockbox.box_policy { display: flex; flex-direction: column; gap: 50px; padding: 50px; }
.blockbox.box_h_truth { background: rgb(24, 29, 39); display: flex; flex-direction: column; gap: 50px; padding: 50px; }
.box_h_truth .card-box.v3 .text-card { position: absolute; padding: 32px; background: rgba(0, 0, 0, 0.3); bottom: 0px; left: 0px; right: 0px; backdrop-filter: blur(5px); }
.blockbox.box_cyber { background: rgb(245, 245, 245); display: flex; flex-direction: column; gap: 50px; padding: 50px; }
.blockbox.box_environment { display: flex; flex-direction: column; gap: 50px; padding: 50px; }
.blockbox.box_read_also { display: flex; flex-direction: column; gap: 50px; padding: 50px; }
.footer.v3 { padding: 40px 50px; }
.footer.v3 .logo-footer img { width: auto; height: 90px; }
.card-box.single_card.v3 { display: flex; flex-direction: row-reverse; gap: 0px; }
.card-box.single_card.v3 .img-card { width: 50%; display: flex; justify-content: center; align-items: center; }
.card-box.single_card.v3 .img-card img { }
.card-box.single_card.v3 .text-card { width: 50%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; background: rgba(37, 43, 55, 0.7); padding: 40px; }
.top-menu a { font-size: 12px; }
.tiga_gambar .card-box .img-card { height: 180px; display: flex; justify-content: center; align-items: center; background: var(--ntrl100); margin: 0px auto; object-fit: cover; }
.tiga_gambar .card-box .img-card img { width: auto; margin: 0px auto; height: 180px; }
body.no-scroll { overflow: hidden; }
.blackkosong { position: fixed; top: 0px; left: 0px; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.7); display: flex; justify-content: center; align-items: center; z-index: 9999; opacity: 1; transition: opacity 0.5s; }
.blackkosong.fade-out { opacity: 0; }
.popup { width: 70vw; height: 60vh; background: white; display: none; position: relative; padding: 72px 24px; border-radius: 10px; }
.popup .header_popup { height: 70px; position: absolute; top: 0px; left: 0px; right: 0px; padding: 0px 24px; display: flex; align-items: center; }
.popup .footer_popup { height: 70px; position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 0px 24px; display: flex; justify-content: space-between; align-items: center; }
.popup .header_popup .logo, .popup .header_popup .logo img { width: auto; height: 56px; }
.popup .body_popup { overflow-y: auto; width: 100%; height: calc(-144px + 60vh); }
#popup_satu, #popup_dua { display: none; }
#popup_satu.popup { height: auto; }
#popup_satu.popup .body_popup { height: auto; overflow: hidden; }
#popup_satu.active, #popup_dua.active { display: block; }
.close { position: absolute; top: 10px; right: 10px; background: unset; color: var(--gray); font-weight: bold; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 50%; width: 24px; height: 24px; text-align: center; line-height: 24px; cursor: pointer; z-index: 2; }
ul.accordion { list-style: none; padding: 0px; }
.inner { padding: 16px; overflow: hidden; display: none; background: var(--ntrl50); border-top: 1px solid var(--ntrl50); }
ul.accordion li { margin: 0px; overflow: hidden; position: relative; border-bottom: 2px solid var(--ntrl50); }
ul.accordion li a.toggle { width: 100%; display: block; color: var(--black); padding: 12px 46px; background: rgb(255, 255, 255); transition: background 0.3s; font-weight: 600; position: relative; }
ul.accordion li .switchTheme { position: absolute; z-index: 2; right: 0px; top: 12px; }
ul.accordion li a.toggle .arrows::before { position: absolute; top: 14px; left: 5px; width: 32px; height: 16px; font-size: 12px; display: flex; justify-content: center; align-items: center; content: ""; font-family: FontAwesome; color: var(--gray); }
ul.accordion li a.toggle .arrows.rotated::before { content: ""; }
ul.accordion.daftar li a.toggle .arrows::before { background: transparent; }
.theme-switch { position: relative; display: inline-block; width: 36px; height: 18px; }
.theme-switch input { opacity: 0; width: 0px; height: 0px; }
.switchslider { position: absolute; cursor: pointer; inset: 0px; background-color: rgb(204, 204, 204); transition: 0.4s; }
.switchslider::before { position: absolute; content: ""; height: 14px; width: 14px; left: 2px; bottom: 2px; background-color: white; transition: 0.4s; }
input:checked + .switchslider { background-color: rgb(0, 255, 135); }
input:focus + .switchslider { box-shadow: rgb(0, 255, 135) 0px 0px 1px; }
input:checked + .switchslider::before { transform: translateX(18px); }
.switchslider.round { border-radius: 12px; }
.switchslider.round::before { border-radius: 12px; }
.container.smaller { width: 100%; max-width: 720px; margin: 0px auto; padding: 0px 16px; }
.companybox { padding: 86px 0px 132px; color: rgb(59, 58, 59); }
.companybox h2 { font-size: 30px; line-height: 38px; padding: 32px 0px; font-weight: 700; margin-bottom: 48px; font-family: "Libre Bodoni", "Playfair Display", "Courier New", Courier, monospace !important; }
.companybox p { font-size: 18px; line-height: 28px; font-family: Inter; margin: 0px 0px 24px; }
.companybox ul li { font-size: 18px; line-height: 28px; font-family: Inter; margin: 0px 0px 16px; }
.container.mw-1280 { max-width: 1280px; }
.container.mw-1178 { max-width: 1178px; }
.box-avatar.centerpos { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.box-avatar.xxl-avatar .avatar { width: 80px; height: 80px; border-radius: 50%; }
.box-avatar.xxl-avatar .avatar img { height: 80px; }
.box-avatar.xxl-avatar .text-avatar { min-height: 80px; }
.box-avatar.centerpos .text-avatar { padding-left: 0px; align-items: center; min-height: inherit; margin-top: 20px; }
.box-avatar.xxl-avatar .text-avatar h3 { color: rgb(59, 58, 59); font-size: 18px; line-height: 28px; font-weight: 600; margin: 0px; }
.box-avatar.xxl-avatar .text-avatar h6 { color: rgb(32, 59, 101); font-size: 16px; line-height: 24px; font-weight: 400; margin: 0px; text-align: center; }
.box-avatar.xxl-avatar .text-avatar p { color: rgb(83, 88, 98); text-align: center; font-size: 16px; line-height: 24px; margin: 8px 0px 0px; }
.box-avatar.xxl-avatar .text-avatar .sosmed_person { display: flex; gap: 16px; justify-content: center; align-items: center; height: 20px; margin-top: 16px; }
.box-avatar.xxl-avatar .text-avatar .sosmed_person a { color: rgb(164, 167, 174); }
.box-avatar.xxl-avatar .text-avatar .sosmed_person a:hover { color: rgb(32, 59, 101); }
.team_parent { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 1fr); gap: 64px 32px; }
.about_parent { display: grid; grid-template-columns: repeat(12, 1fr); grid-template-rows: repeat(1, 1fr); gap: 42px; }
.about_parent.mb_111 { margin-bottom: 111px; }
.about_parent .div1 { grid-column: span 2 / span 2; }
.about_parent .div2 { grid-column: 3 / span 10; }
.value_parent { display: grid; grid-template-columns: repeat(3, 1fr); gap: 64px 32px; }
.value_parent h4 { margin-bottom: 8px; }
.value_parent p { margin: 0px; font-size: 16px; line-height: 24px; }
.background_values { background: rgb(250, 250, 250); padding: 96px 0px; }