*,html,:before,:after{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;-moz-box-sizing:border-box;box-sizing:border-box;font-size:100%;text-align:left}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}ol,ul{list-style:none}li{display:list-item}a img{border:0}a{text-decoration:none}b,strong{font-weight:700}i,em{font-style:italic}img{max-width:100%}.btn,input[type=button],select,button{-webkit-appearance:none;cursor:pointer;background-color:transparent}.content_center{display:flex;justify-content:center;align-items:center}.hide{display:none}



:root, :before, :after{
  --site-container:1024px;
  --size-1:5px;
  --size-2:8px;
  --size-3:13px;
  --size-4:21px;
  --size-5:34px;
  --size-6:55px;
  --size-7:89px;
  --max-zindex:2147483648;
  --default-fontsize:14px;
  --title-fontsize:16px;
  --menu-width:210px;
  --bg-1:#1E1E4C;
  --image-frame:80px;
  --bg-color:#FFFFFF;
  --border-color:#E0E0E0;
  --font-link-primary:#DB2017;
  --font-link-secondary:#212B33;
  --font-link-quaternary: #EC1C4C;
  --menu-padding:90px;
}



body, html{font-family:'Plus Jakarta Sans',sans-serif;  font-size:var(--default-fontsize); font-weight:500; letter-spacing:0.5px; font-feature-settings:'lnum' 1; 
-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing:antialiased; 
-moz-osx-font-smoothing:grayscale; text-rendering:optimizeSpeed;}
html{scroll-behavior:smooth; min-height:100vh;}
body{background-color:var(--bg-1); overflow-x:hidden;}
.btn, a.btn, button.btn, .button-more-link{padding:var(--size-3) var(--size-4); font-weight:normal; -webkit-appearance:none; text-transform:capitalize; 
display:flex; text-align:center; align-items:center; justify-content:center;}
.rancak-popup{display:none;}
.width-max{position:relative; width:100%; max-width:var(--site-container); margin:0 auto;}



.button-more{margin-top:var(--size-3);}
.button-more-link{flex-wrap:wrap; border:1px solid; text-transform:uppercase;}
.button-more-link .svgicon{width:auto; height:var(--default-fontsize); margin-left:var(--size-2);}

.btn-login-container{display: flex; gap: var(--size-2); align-items: center;}
.btn-login-container button{padding: var(--size-2) var(--size-4) !important;  height: 70%; color: var(--color-default-4) !important; font-weight: 700;}
.btn-login-container .btn-login{background: var(--bg-1) !important; color: var(--color-default-7) !important;}
.btn-login-container .btn-register{background: var(--color-default-7) !important; color: var(--bg-3) !important;}



.flex_ori{display:block; overflow:hidden; position:relative; line-height:0;}
.flex_ori:before{content:''; display:block;}
.flex_ori img{position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.flex_ori img:not([src]){visibility:hidden;}



header .width-max, .header-left, .header-right, .header-center{display:flex; position:relative;}
header{position:fixed; z-index:calc(var(--max-zindex) - 3000); top:0; left:0; width:100%;}
header .width-max{justify-content:space-between; max-width:var(--site-container); margin:0 auto; height: var(--menu-padding);}
.header-link{height:var(--size-6); padding:0 var(--size-3);}
.header-link .svgicon{width:auto; height:var(--size-4);}
.header-logo{padding-left:var(--size-4);}
.header-logo img{width:auto; height:56px;}
.header-logo svg{width:auto; height:56px;}
.header-share{padding-right:var(--size-4);}


menu{display:grid; grid-auto-flow:column; overflow-x:auto;}
.menu-link{padding:0 var(--size-2); height:100%; font-size:var(--title-fontsize); text-transform:capitalize;}
.menu-link:first-child{padding-left:var(--size-4);}

.rancak-container{position:relative; min-height: calc(100vh - var(--menu-padding)); background: var(--bg-color);}
.section-container > .width-max{padding: var(--size-4); max-width:var(--site-container); margin:0 auto;}
.section-cover > .width-max{padding-top: var(--menu-padding);}
.rancak-section { padding: var(--size-7) 21px var(--size-4); position: relative; z-index: 10; }

.section-title{--line-width:89px; font-size: 32px; font-weight: 700; --line-height:5px; position:relative; color: var(--bg-1);}
.section-title *{text-align:center;}


.section-cover{background-color:#000; min-height:100vh; min-height:100svh; padding:0; position:-webkit-sticky; position:sticky; z-index:1; top:0; 
  margin-top:calc(var(--menu-height) * -1);}
.section-cover-frame, .section-cover-frame img{top:0; left:0; width:100%; height:100%;}
.section-cover-frame{position:absolute; z-index:2;}
.section-cover-frame img{position:absolute; z-index:3; object-fit:cover;}
.section-cover-page{background-color:#000; min-height:300px; padding:0; position:-webkit-sticky; position:sticky; z-index:1; top:0; 
  margin-top:calc(var(--menu-height) * -1);}
.section-cover-page .width-max{height: 300px; display: flex; align-items: center; justify-content: center;}
.section-cover-page-frame, .section-cover-page-frame img{top:0; left:0; width:100%; height:100%;}
.section-cover-page-frame{position:absolute; z-index:2;}
.section-cover-page-frame img{position:absolute; z-index:3; object-fit:cover;}
.section-main-cover-content { position: relative; z-index: 1000; min-height: calc(100vh - var(--menu-padding)); display: grid; gap: var(--size-4); align-items: center; align-content: center;}
.section-main-cover-content .title{font-size: 64px; text-align: center; color: var(--bg-color);}
.section-main-cover-content .content-cover{font-size: 14px; line-height: 150%; text-align: center; color: var(--bg-color);}
.section-page-cover-content { position: relative; z-index: 1000; min-height: calc(300px - var(--menu-padding)); display: grid; gap: var(--size-4); align-items: center; align-content: center;}
.section-page-cover-content .title{font-size: 64px; text-align: center; color: var(--bg-color);}

.about-content-container{display: grid; gap: var(--size-4);}
.card-list-container{display: grid; gap: var(--size-4); grid-template-columns:repeat(auto-fill, minmax(320px,1fr));}

.publication-menu-list ul{display: flex; flex-wrap: wrap; gap: var(--size-3);}
.publication-menu-list ul li{font-size: 20px; color: #5F6368; font-weight: 700; padding: 0 var(--size-4); padding-left: 20px; border-right: 2px solid #E5E5E5;}
.publication-menu-list ul li:last-child{border: none;}
.publication-menu-list ul li a{color: #5F6368;}
.publication-menu-list ul li a.active, .publication-menu-list ul li a:hover{color: var(--bg-1);}
.main-publication{display: grid; gap: var(--size-4); margin-top: var(--size-4);}
.thumb-publication-frame::before{padding-top: calc(1386/924*100%);}
.main-publication-info, .publication-info {display: grid; gap: var(--size-3);}
.main-publication-info .title{font-size: 20px; color: #000; font-weight: 700;}
.main-publication-info .summary{color: #000;}
.btn-view-publication{border-radius: 0 !important; color: #FFFFFF !important; font-weight: 700 !important; width: 150px;}


.company-content-container{margin-bottom: var(--size-6);}
.company-content-container .title-content{color: #000; font-weight: 700; font-size: 36px;}
.company-file-container{margin-top: var(--size-5); display: grid; gap: var(--size-4);}
.company-file-list{display: flex; justify-content: space-between;}
.company-file-list .title{color: #45349F; font-size: 16px; font-weight: 600;}
.company-file-list:hover .title{color: #45349F; font-size: 16px; text-decoration: underline;}
.company-file-list .svgicon{fill: #45349F;}

.section-contact{min-height: calc(100vh - 300px);}
.contact-container{margin-bottom: var(--size-6);}
.contact-content-container{display: grid; gap: var(--size-6); width: 100%;}
.info-email-container div{font-size: 20px; color: #000;}
.info-email-container div a{color: var(--bg-1); font-weight: 700;}
.form-contact .lrb-form{width: 100%; display: grid;}
.form-contact .lrb-form label{color: #000; font-weight: 700; font-size: 16px;}
.form-contact .lrb-form label span{color: #DB2017;}
.form-contact .lrb-form input{background: none; padding: var(--size-4) 0; border-bottom: 1px solid #000;}
form.form-contact{display: grid; gap: var(--size-5);}
.btn-submit-contact{background: none !important; color: var(--bg-1) !important; font-size: 20px !important; font-weight: 700 !important; text-align: left !important; justify-content: flex-start !important; padding: 0 !important;}

@media screen and (min-width:0px) and (max-width:1023px){
  .desktop-only, .share-box-static{display:none !important; visibility:hidden; content-visibility:hidden;}
  .desktop-only iframe[loading=lazy]{content-visibility:hidden !important;}
  
  header .width-max{row-gap: 13px; padding: var(--size-3) 0;}
  .header-left{justify-content: center;}
  
  menu{position:-webkit-sticky; position:sticky; z-index:calc(var(--max-zindex) - 4000); top:var(--size-6); width:100%;}
  .menu-link:first-child{border-left:0;}

  nav{display: none; gap: var(--size-3); padding: 0 var(--size-4) var(--size-4); background: var(--bg-color);}
  nav button{padding: var(--size-3) var(--size-2) !important;}
  .menu-link{justify-content:flex-start;}
  .menu-curr:after{width:var(--size-1); height:100%;}
  .menu-nav-toggle{margin-right:var(--size-4); background: var(--color-default-7); padding: var(--size-1) var(--size-2); border-radius: var(--rounded-1);}
  .menu-nav-toggle .svgicon{width:auto; height:32px; fill: var(--bg-color);}
  .header-sticky .menu-nav-toggle .svgicon{fill: var(--color-default-3) !important;}
  .register-nav{display: flex; justify-content: space-between;}
  
  .section-title{text-align: center;}
  .classement-list-container{max-width: 300px;}

  .section-publication-main, .section-publication-menu{padding-top: var(--size-4) !important;}
  .main-publication-info, .publication-info{justify-items: center;}
  .thumb-company-bg::before{padding-top: 100%;}
  .main-publication-info .summary{text-align: center;}

}

.display-none{display: none;}



@media screen and (min-width:1024px){
  .section-title-main{font-size:36px;}

  .mobile-only{display: none;}

  
  .section-summary{display: flex; justify-content: center;}
  .section-summary-main{width: 75%; font-size: var(--size-3);}
  
  .section-article-main{position: relative; padding: var(--size-4); max-width: var(--site-container); margin: 0 auto; width: 100%;}
  .article-main-link{display: grid; grid-template-columns: 50% 50%;}
  .article-main-link .article-thumb{border-radius: var(--rounded-2); overflow: hidden;}

  .top-section-bg{margin-top: -260px;}
  .section-artikel-content{grid-template-columns: repeat(3, 1fr);}

  .section-match-content, .section-group-content{grid-template-columns: 1fr 1fr;}
  .title-classement-group{text-align: center;}
  .section-group .width-max, .section-detail .width-max{border-radius: var(--rounded-2);}
  .article-detail-container{grid-template-columns: repeat(2, 1fr); width: 75%;}

  .section-main-cover-content .content-cover{padding: 0 var(--size-7);}
  .card-list-container{grid-template-columns: repeat(3, 1fr);}
  .thumb-company-bg::before{padding-top: calc(16/9*100%);}
  
  .main-publication{grid-template-columns: 40% 60%; align-items: center;}

  .contact-content-container{grid-template-columns: repeat(2, 1fr);}
 
}