:root{
--bs-body-font-family:'AlteHaasGrotesk';
--bs-body-font-weight:normal;
--primary-yellow:#ffb600;
--primary-blue:#0187a9;
--secondary-lightgreen2:#b6f2bf;
--secondary-lightgreen3:#cee8d2;
--secondary-lightgreen:#a0f0b6;
--secondary-darkblue:#104d65;
--tertiary-grey:#e6e6e6;
--tertiary-beige:#f7e0c6;
--color-primary:#212529;
--bgcolor:#fff;
--white:#fff;
}
a{color:#000;}
.flex-column{display:flex;flex-direction:column;}
.m-flex-1{
  display:flex;
      flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
}
.linkbl-1{color: #95E5AB;text-decoration:none}
.linkbl-1:hover{color: #95E5AB;text-decoration:underline;}
body{background:var(--secondary-darkblue);position: relative;overflow-x: hidden;}
/* body{background:#ffffff;position: relative;overflow-x: hidden;} */
table td,table th{border:1px #999 solid;padding:4px}
table.table,table.table th,table.dataTable td,table.dataTable th{border:0px none;padding:auto}
.h2, h2 {
    font-size: calc(1.1rem + .9vw);
}
.overlay-btn-mb{position:absolute;top:6px;right:10px;z-index:10;background:transparent;border:0px}
.info1{
font-size:12px;
font-family: 'Rubik';
font-weight: normal;
font-style: italic;
}
.btn-kuis-lain{width:100%;background:var(--color-teal);text-decoration:none;color:var(--secondary-darkblue);padding:4px;font-weight:bold;
margin-top:-10px;}
.btn-kuis-lain:hover{background:#ffb600;color:#000000;}
.text-center{text-align:center}
.text-green{color:#009900}
.text-gray{color:#888888}
.text-italic{font-style:italic}
.bg-blue-ukm{background:var(--secondary-darkblue);}
.bg-green-ukm{background:var(--secondary-lightgreen);}
.bg-lightgreen3{background:var(--secondary-lightgreen3);}
.bg-lightgreen-ukm{background:#dcefdf;}
.bg-white-ukm{
background:var(--white);
}
.text-darkblue-ukm{color:var(--secondary-darkblue);}
.text-blue{color:#0000ff}
.text-lightgreen{color:var(--secondary-lightgreen)}
.text-lightgr1{color:#8ed098}
.bg-lightgreen{background:var(--secondary-lightgreen)}
.btn-green-ukm{
  color:var(--secondary-darkblue);
  background:var(--secondary-lightgreen);
  border-color:var(--secondary-lightgreen);
  font-family:'AlteHaasGrotesk';
  font-size:1em;
  font-weight:bold;
  border-radius:20px;
}
.btn-blue-ukm{
  color:var(--secondary-lightgreen);
  background:var(--secondary-darkblue);
  border-color:var(--secondary-lightgreen);
  font-family:'AlteHaasGrotesk';
  font-size:1em;
  font-weight:bold;
  border-radius:20px;
}
.btn-light-ukm{
  color:#000000;
  background:#efefef;
  border-color:#888888;
  font-family:'AlteHaasGrotesk';
  font-size:1em;
  font-weight:normal;
  border-radius:8px;
  --bs-btn-padding-x: 2rem;
  --bs-btn-padding-y: 0.375rem;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
}
.btn-light-ukm:hover{
  background:#ffc01a;
  color:#000000;
}

.link-nounderline{text-decoration:none}
.link-nounderline:hover{text-decoration:underline;}

.btn-green-ukm1{
  color:var(--secondary-darkblue);
  background:var(--secondary-lightgreen);
  border-color:var(--secondary-lightgreen);
  font-family:'AlteHaasGrotesk';
  font-size:1em;
  font-weight:bold;
  border-radius:10px;
}
.btn-blue-ukm1{
  color:var(--secondary-lightgreen);
  background:var(--secondary-darkblue);
  border-color:var(--secondary-lightgreen);
  font-family:'AlteHaasGrotesk';
  font-size:1em;
  font-weight:bold;
  border-radius:10px;
}

.btn-bluewhite-ukm{
}
.btn-blue2-ukm{
  color:#ffffff;
  background:var(--secondary-darkblue);
  border-color:var(--secondary-darkblue);
  font-family:'AlteHaasGrotesk';
  font-size:1em;
  font-weight:bold;
  border-radius:8px;
  --bs-btn-padding-x: 2rem;
  --bs-btn-padding-y: 0.375rem;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
}
.btn-blue3-ukm{
  color:var(--secondary-lightgreen);
  background:var(--secondary-darkblue);
  border-color:var(--secondary-lightgreen);
  font-family:'AlteHaasGrotesk';
  font-size:1em;
  font-weight:bold;
  border-radius:8px;
  --bs-btn-padding-x: 2rem;
  --bs-btn-padding-y: 0.375rem;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
}
.btn-white-ukm {
  color: #fff;
  background: transparent;
  padding:0px;
  margin:0px 10px;
  font-family:'AlteHaasGrotesk';
  font-size:1.2em;
  font-weight:bold;
  border-radius:0px none;
}
.btn-green-ukm1:hover,.btn-blue-ukm1:hover,.btn-green-ukm:hover,.btn-blue-ukm:hover,.btn-blue2-ukm:hover,.btn-blue3-ukm:hover{background:#ffc01a;color:#000000}

.form-nopad{
  margin:0px;
  padding:0px;
}
.d-grow{
flex-shrink: 0;flex-grow: 1;
}
.desc-text{text-align:justify;}

/*comment*/
#remainchars{
color:#555;
font-family:'Rubik';
font-size:15px;
font-style:italic;
font-weight:normal;
}
 
.tags-comment { display: flex;
  justify-content: flex-start;
  width:100%;
  flex-wrap: wrap;
}
.tags-comment a{border:1px #999 solid;border-radius:4px;margin-right:20px;margin-bottom:10px;padding:2px 10px;
text-decoration:none;background:#ffffff;color:#000000}
.tags-comment a:hover{text-decoration:none;background:#104d65;color:#ffffff}
.com-img{width:70px;height:70;overflow:hidden;border-radius:35px;-moz-border-radius:30px;}
.com-img img{width:70px;height:auto;border-radius:35px;-moz-border-radius:30px;border:1px #fff solid}
.com-author{
color:var(--secondary-darkblue);
font-family:'AlteHaasGrotesk';
font-size:15px;
font-style:bold;
font-weight:normal;}
.com-date{color:#555;
font-family:'Rubik';
font-size:14px;
font-style:normal;
font-weight:normal;}
.com-content{
border-top:2px #999 solid;
margin-top:10px;
padding-top:10px;
}
.com-paging{}
.com-paging .page-link{}



.border-bottom-mob{border-bottom:2px #dee2e6 solid}

#nav-mobile-toggle{border:0px;background:transparent !important;padding:0px;margin:0px;
color:#ffffff;
font-size:2em}
#mobile-nav-wrap{
  position: absolute;
  top: 58px;
  left:0px;
  padding-top:10px;
  background:var(--secondary-darkblue);
  height:calc(100% - 65px);
  width:100%;
  z-index:1000;
  overflow-x:hidden;
  overflow-y:auto;
}
/*keep screen minsize*/
@media (max-width:360px) { 
  .container{
width:360px;
  }
}
#mobnav{margin-top:10px;display:flex}
#mobnav ul{margin:0px;padding:0px;display:block;list-style:none;flex:1}
#mobnav ul li {display:flex;flex-direction:column;}
#mobnav ul li a{text-decoration:none;position:relative;}
#mobnav .submobnavul{margin-bottom:10px;}
#mobnav .linklv-1{position:relative;}
#mobnav .hassub:after{
  position:absolute;
  right:0px;
  top:20px;
display: inline-block;
width: 0;
height: 0;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent;
}
#mobnav .mblv-1{border-top:2px #fff solid;display:flex;flex-direction:column;}
#mobnav .linklv-1{color:#ffffff;padding:10px 0px;flex-grow:1;flex-shrink:0}
#mobnav .linklv-1:hover{color:#ffff00}
#mobnav .linklv-1{font-weight:bold;font-family:'AlteHaasGrotesk';font-size:20px}
#mobnav .linklv-2{padding:5px 20px 5px 20px;color:#ffffff;font-weight:normal;font-family:'AlteHaasGrotesk';font-size:14px}
#mobnav .linklv-2:hover{color:#ffff00;background:rgba(255,255,255,0.5)}

.img-fluid {
    max-width: 100%;
    min-height: 100%;
}
.navwrapper{
width:100%;
padding-top:4px;
padding-bottom:4px;
overflow-x: scroll;
overflow-y: hidden;
-webkit-mask-image: -webkit-gradient(linear,80% top, right top,from(rgba(0,0,0,1)),to(rgba(0,0,0,0)));
}
.navwrapper::-webkit-scrollbar {
display: none;
}
.nav1 {
 align-items: center;
 width:100%;
/*padding: 3px 0px !important;*/
margin: 0px !important;
list-style: none;
display: flex;
justify-content: space-between;
}
.nav1 > li {
margin: 0px 0px 0px 0px !important;
padding:0px;
background:transparent !important;
display:flex;
flex-grow:1;
flex-shrink:0;
text-align:center;
border-right:1px var(--secondary-darkblue) solid;
}
.nav1 > li:first-child a {
padding-left:0px;
text-align:left;
}
.nav1 > li > a.active:before{
  display: inline-block;
  content: "\f0da";
  font-family: "Font Awesome 5 free"; 
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  font-size:inherit;
  margin-right: 5px;
  color:#FFA92C !important;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: auto;
}
.nav1 > li > a {
  color:var(--secondary-darkblue);
text-transform: uppercase;
font-family: 'AlteHaasGrotesk';
font-weight:bold;
font-size: 10px;
text-decoration:none;
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
width:100%;
}
.nav1 > li.active > a, .nav1 >  li.active > a:hover, .nav1 >  li.active > a:focus{color:#fff;}
.nav1 > li > a:hover{color:#000;text-decoration:underline;
text-decoration-color:#0000ff;text-underline-offset:3px;text-decoration-thickness:1px}
.nav1-lastitem{padding-right:0px;text-align:right !important;border-right:0px none !important}
.nav2-lastitem{padding-right:0px;text-align:right !important;border-right:0px none !important}
.nav2-lastitem a{padding-right:0px !important;text-align:right !important;border-right:0px none !important}
.navb-border{border-bottom:2px #e6e6e6 solid}

.share-b2>i:hover{
  color:#e2a617 !important;
}

.nav2 {
align-items: center;
padding: 3px 0px !important;
margin: 0px !important;
list-style: none;
display: flex;
justify-content: space-between;
}
.nav2 > li {
margin: 0px 0px 0px 0px !important;
padding:0px;
background:transparent !important;
display:flex;
flex-shrink:0;
text-align:left;
}
.nav2 > li:first-child a {
margin:0px 0px 0px 0px;
border-left:0px none;
padding-left:0px;
padding-right:25px;
text-align:left;
width:100%;
}
.nav2 > li > a.active:before{
  display: inline-block;
  content: "\f0da";
  font-family: "Font Awesome 5 free"; 
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  font-size:inherit;
  margin-right: 5px;
  color:#FFA92C !important;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: auto;
}
.nav2 > li > a {
color:var(--secondary-darkblue);
font-family: 'Rubik';
font-weight: 500;
font-style: normal;
font-size: 11px;
text-decoration:none;
padding-left:10px;
padding-right:25px;
padding-top:5px;
padding-bottom:5px;
text-align:center;
width:100%;
}
.nav2 > li.active > a, .nav2 >  li.active > a:hover, .nav2 >  li.active > a:focus{color:#fff;}
.nav2 > li > a:hover{color:#000;text-decoration:underline;
text-decoration-color:#0000ff;text-underline-offset:3px;text-decoration-thickness:1px}
.nav2-lastitem{padding-right:0px;text-align:right !important;border-right:0px none !important}
.nav2-lastitem{padding-right:0px;text-align:right !important;border-right:0px none !important}


.main{ /*background-color:#fff !important;--bs-body-bg:#fff; display:flex;width:100%;flex-direction:column;*/
color:#000;}

/*footer*/
#footer{border-bottom:20px #b6f2bf solid !important}
.footer{}
.footer .info{
  --bs-body-font-family:'Rubik';
  --bs-body-font-weight:500;
   font-style: italic;
  font-size:12px;
}

.footer .info2{
  --bs-body-font-family:'Rubik';
  --bs-body-font-weight:500;
   font-style: normal;
  font-size:12px; 
}
.footer .info2 a{
  font-size:inherit;
  font-weight:bold;
  color:#ffffff;
  text-decoration:none;
}
.footer .info2 a:hover{
  color:#ffdb1d;
  text-decoration:underline;
}


.footer .credits{
  --bs-body-font-family:'Rubik';
  --bs-body-font-weight:300;
  font-size:12px;
}
.footer .footer-heading{
  color:#95E5AB;
  text-transform:uppercase;
  font-family:'Rubik';
  font-weight:500;
  font-size:16px;
}
.footer .footer-links li a{
  text-decoration:none;
  color:#fff;
  font-family:'Rubik';
  font-weight:300;
  font-size:15px;
}
.footer-links li a:hover{
  text-decoration:underline;
  text-underline-offset:3px;
  text-decoration-color:#ffff00;
}
.footer .social-links a{
  color:#fff;
}
.footer .social-links a{
margin-right:13px;
}

/*main format*/
.icon-yellow{color:var(--primary-yellow);
font-family: arial;
font-size:1em;
}
.section-header-first h2{
  margin:0px;padding:0px;
  font-family: 'AlteHaasGrotesk';
font-weight:bold;
font-size:30px;
color:var(--secondary-darkblue);
}
/*
.section-header-first h2:after{
color:#207ea1;
  content:"\00BB";
  font-family:'Rubik';
  font-weight:500;
  font-size:25px;
  margin-left:25px;
}
*/
.section-header-2nd{}
.section-header-2nd h2{
  margin:0px;padding:0px;
  font-family: 'AlteHaasGrotesk';
font-weight:bold;
font-size:18px;
color:var(--secondary-darkblue);
}

.post-next-cat{
  flex-direction: column;
display: flex;
justify-content: stretch;
align-items: flex-start;
}
.trendingtitle{}
.wrap-imgmx-depan{
flex-shrink: 0;
width:100%;
max-height:250px;
overflow:hidden;
}
.wrap-imgmx-depan img{border-radius:10px !important;min-height:100px}
.imshadow{
  /*
box-shadow: 4px 4px 10px -1px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 4px 4px 10px -1px rgba(0, 0, 0, 0.5);*/
}
.iklan{display:flex;align-items:flex-start;justify-content:space-between;}
.iklan img{max-width:100%;height:auto;border-radius:8px}

.kategori{}
.kategori a{
text-decoration:none;
font-family: 'AlteHaasGrotesk';
font-weight:bold;
color:var(--primary-yellow);
font-size:10px;
}
.kategori a:hover{text-decoration:underline;color:var(--primary-yellow)}
.uppercase{text-transform:uppercase;}
.post-meta-1{margin-top:0px;}
.post-meta-2{margin-left:10px;margin-right:10px}
.post-meta-3{margin-top:5px;margin-bottom:0px;line-height:15px;}
.post-title{line-height:12px;}
.post-title a{
  font-family: 'AlteHaasGrotesk';
  color:#000;
  font-size:11px;
  font-weight:bold;
  text-decoration:none;
}
.post-title a:hover{
  text-decoration:underline;
  text-decoration-color:#ff0000;
  text-underline-offset:3px;
}




.post-trending{
display:flex;
flex-direction:row;
margin-top:0px;
margin-bottom:10px;
margin-left:10px;
margin-right:10px;
width:100%;
justify-content: center;
align-items: center;
}
.post-trending .trendingnumber{
  margin:0px;
  padding:0px;
  display:flex;
  padding-right:20px;
}
.post-trending .numpos{
color:#92d695;
text-align:left;
}

.post-trending .numpos h1{
font-family:'Rubik';
font-weight:500;
font-size:60px;
margin-bottom:0px;
padding:5px;
}
.trendingtitle{
  flex-grow:1;
  font-size:14px;
}


.trendingtitle h2{line-height:18px;margin-bottom:0px;margin-right:10px}
.trendingtitle h2 a{
font-size:15px;
font-family: 'AlteHaasGrotesk';
font-weight:bold;
text-decoration:none;
color:#fff;
}
.trendingtitle h2 a:hover{
  text-decoration:underline;
}

/*categori in mobile*/
.trendingtitle h3 a{
text-decoration: none;
font-family: 'AlteHaasGrotesk';
font-weight: bold;
color: var(--primary-yellow);
font-size: 15px;
text-decoration:none;
}
.trendingtitle h3{line-height:18px;margin-bottom:0px;}
.trendingtitle h3 a:hover{
  text-decoration:underline;
}


.short-title a {
font-size:14px;
font-weight:bold;
line-height:1.2em;
color:#fff;
text-decoration:none;
}
.highlight{
background:transparent;
}
.post-entry-1{
position:relative;
}

.bg-mobile{
padding-top:50px;
width:100%;
position:absolute;
bottom:0px;
left:0px;
background:rgb(16,77,101);
background:linear-gradient(0deg, rgba(16,77,101,1) 14%, rgba(255,255,255,0) 100%);
border-radius:0px 0px 10px 10px;}
.kategori h3{margin-left:100px;margin-bottom:0px}

.comment-bg{background:#efefef;border-radius:10px;min-height:50px;padding:20px}
.form-comment-box{ display: block;
  width: 100%;
  padding: 0.375rem 0.375rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color:#efefef;
  -webkit-border-radius:0px;
 -moz-border-radius:0px;
  border-radius: 0px;
  background-clip: padding-box;
  border:0px none;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-comment-box-border{
border-bottom:2px #888 solid;
}
.form-comment-box:focus{
  color: #000000;
  background-color:#efefef;
  border-color:#efefef;
  outline: 0;
  border-radius:0px;
  box-shadow:none !important;
}
.form-comment-box::placeholder{
  font-size:inherit;
  font-family:'Rubik';
  font-weight:inherit;
  padding-left:0px;
  padding-right:0px;
  color:#707580;
  opacity: 1;
}

/*numbered cat*/
.art-rat1{
  width:100px;
  flex-grow:0;
  margin:0px;
margin-right:10px;
padding:0px;
display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  text-align: center;
  justify-content: center;
   align-items: stretch;
   position:relative;
   border-radius:10px;
   overflow:hidden;
}
.ratbg{position:absolute;top:0px;left:0px;z-index:10;border-radius:10px;width:100%;height:100%}
.num1{ 
width:100%;
display: flex;
justify-content: center;
align-items: stretch;
font-family: "Rubik";
margin-top:0px;
color:#92d695;
font-size:50px;
font-weight:500;
z-index:20;
flex-grow:1;
text-decoration:none !important;
/*background: linear-gradient(0deg, rgba(9,67,162,1) 0%, rgba(255,255,255,0.1) 100%);*/
background:rgb(16 77 101 / 75%)
}
.art-rat2{flex-grow:1;width:0;flex-shrink:0}
.arttop6{width:100%;min-height:100px;
margin:0px;
padding:0px;
list-style:none;display:flex;flex-direction:column;}
.arttop6 li{border-bottom:2px #e6e6e6 solid;padding-bottom:16px;margin-bottom:16px;}
.arttop6 li,.arttop6 a{width:100%;display:flex;flex-wrap:wrap;
flex-direction:row;
 align-items: stretch;
}
.arttop6 a{text-decoration:none;display:flex;color:#000}
.arttop6 a:hover{text-decoration:underline;color:var(--secondary-darkblue);}
.arttop6 .num1 a:hover{text-decoration:none !important} 

.arttop6cat{width:100%;flex-grow:1;display:block;text-decoration:none;color:#868687;text-transform:uppercase;
  font-family: 'AlteHaasGrotesk';
font-weight:bold;
font-size:12px;margin-bottom:5px}
.arttop6cat a{color:#868687;font-size:inherit;}
.arttop6cat a:hover{color:#868687;text-decoration:underline;}


.arttop6title a{width:100%;flex-grow:1;display:block;text-decoration:none;color:#000;
line-height:21px}
.arttop6title,.arttop6title>*{font-family: 'AlteHaasGrotesk';
font-weight:bold;font-size:16px;}



.art-lain{}
.art-lain span{
  flex-grow:1;
}



.btn-body-orange{background:var(--primary-yellow);text-decoration:none;color:var(--secondary-darkblue);}
.btn-body-orange:hover{background:var(--secondary-darkblue);color:#ffffff;text-decoration:none;}

.btn-body-blue{background:var(--secondary-darkblue);text-decoration:none;color:#95E5AB;
      --bs-btn-padding-x: 0.55rem;
    --bs-btn-padding-y: 0.275rem;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
}
.btn-body-blue:hover{background:#ffb600;color:#000000;text-decoration:none;}

.art-lain{
display:flex;
align-items: center;
justify-content: space-between;
border-radius:30px;
font-family: 'AlteHaasGrotesk';
font-weight:bold;
font-size:1em;
}
.art-lain span{
flex-grow:1;
font-family: 'AlteHaasGrotesk';
font-weight:bold;
font-size:15px;
}
.komentar-title{
font-family: 'AlteHaasGrotesk';
font-weight:bold;
font-size:18px;
color:var(--secondary-darkblue);
margin-bottom:10px;
}

.card{
--bs-card-border-width:0px;
--bs-card-bg:transparent;
}
.card-kuis{background:var(--secondary-darkblue);border-radius:20px 20px 0px 0px;
border-bottom:10px #95E5AB solid;
}


.card-kuis {
border-bottom: 10px solid var(--color-teal);
border-top: 5px solid var(--color-blue);
border-top-right-radius: 30px;
border-top-left-radius: 30px;
padding:20px 20px 10px 10px;
background: var(--color-blue);
color: #fdfdfd;
display:flex;
}
.card-kuis:hover{
  border-bottom: 10px solid var(--primary-yellow);
}
.card-text a{
font-family: 'AlteHaasGrotesk';
font-size: 16px;
font-weight:bold;
line-height:25px;
color: #fdfdfd;
text-decoration: underline;
text-underline-offset: 4px;
text-decoration-thickness: 1px;
}
.card-text>p{}
.card-text a:hover{color:#ffff00}
.card-kuis h2 {
transform: rotate(-2deg);
 font-size:1.3em;
}
.card-kuis h2 div{
width:60px;
background: var(--color-teal);
box-shadow: .5em 0 0 var(--color-teal), -.5em 0 0 var(--color-teal);
color: var(--color-blue);
font-size: inherit;
font-weight: 600;
padding:4px 0;
}

.rounded-lg-top{border-radius:5px}
.card-green{
background:#95E5AB;
min-height:80px;
display:flex;
flex-grow:1;
align-items:center;
justify-content:flex-start;
}
.card-green .col-lg-6{
  display:flex;
  align-items:center;
justify-content:flex-start;
  }
.card-green a{text-decoration:none}
.card-green .ukmt1{
  font-size:16px;
  text-decoration:none;
  color:#005067;
  font-weight:bold}
.img-jago1{width:210px;height:auto;max-width:100%}
.img-jago2{width:100px;height:auto;max-width:100%}
.img-arrow1{width:40px;height:auto;margin-left:10px;margin-top:10px}

.section-title h3{
padding:0px;margin:0px;
font-family: 'AlteHaasGrotesk';
font-weight:bold;
color:#95E5AB;
font-size:22px;
}

.navart {
display: flex !important;
flex-basis: auto;
flex-grow: 1;
align-items: center;
overflow-x: scroll;
overflow-y: hidden;
-webkit-mask-image: -webkit-gradient(linear,80% top, right top,from(rgba(0,0,0,1)),to(rgba(0,0,0,0)));
margin: 0px !important;
list-style: none;
justify-content: space-between;
padding:0px;
}
.navart::-webkit-scrollbar {
display: none;
}
.navart > li {
margin: 0px 0px 0px 0px !important;
padding-left:0px;
padding-right:20px;
padding-bottom:0px;
background:transparent !important;
display:flex;
flex-shrink:0;
text-align:left;
width:140px; }


.navart-nokabut {
display: flex !important;
flex-basis: auto;
flex-grow: 1;
align-items: center;
overflow-x: scroll;
overflow-y: hidden;
list-style: none;
justify-content: space-between;
padding:0px;
}
.navart-nokabut::-webkit-scrollbar {
display: none;
}
.navart-nokabut > li {
margin: 0px 0px 0px 0px !important;
padding-left:0px;
padding-right:20px;
padding-bottom:0px;
background:transparent !important;
display:flex;
flex-shrink:0;
text-align:left;
width:140px; }



.text-bold{font-weight:bold}

.section-header {
border-top: 6px solid var(--color-teal);
display:flex;
}
.section-header h2,.section-header h2 a{
font-family: 'AlteHaasGrotesk';
flex-grow:1;
font-size: 25px;
font-weight:bold;
color: var(--secondary-darkblue);
padding-top: 10px;
}
.section-header h2 a{
text-decoration:none;
}
.section-header h2 a:hover{
text-decoration:underline;
text-decoration-color:var(--primary-yellow);
text-underline-offset:4px;
}
.logo-before {
padding: 5px 0px;
background-color: var(--color-teal);
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
margin-right: 10px;
text-align:center;
width: 70px;
}
.logo-before img{
  width:57px;
  height:57px;
}

.custom-border-start{border-left:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)}
.custom-lg-border-start{border-left:0px;}
.custom-lg-border-top{border-top:0px}
.custom-lg-border-end{border-right:0px}
.custom-lg-border-bottom{border-bottom:0px}
.custom-lg-border2px-bottom{border-bottom:0px}
.custom-sm-border-top{border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)}

.navwas {
display: flex;
flex-basis: auto;
flex-grow: 1;
align-items: flex-start;
margin: 0px;
padding:0px;
justify-content: space-between;
overflow-x: scroll;
overflow-y: hidden;
-webkit-mask-image: -webkit-gradient(linear,80% top, right top,from(rgba(0,0,0,1)),to(rgba(0,0,0,0)));
}
.navwas::-webkit-scrollbar {
display: none;
}


.post-entry-3{
  margin-right:10px;
  margin-bottom:10px;
}
.post-entry-3-nopad{
  margin-right:10px;
  margin-bottom:10px;
}

.post-entry-4{margin-right:5px}
.post-entry-4-nopad{margin-left:5px;}

.navwas-col-1 {
padding:0px;
flex-shrink:0;
text-align:left;
width:100%;
display:inline;
}
.navwas-col-2{
padding:0px;
flex-shrink:0;
text-align:left;
width:140px;
display:inline;
}
.navwas-col-6{
padding:0px;
flex-shrink:0;
text-align:left;
width:140px;
display:inline;
}

.d-1200-flex{display:none}
@media (min-width: 1200px) {
.d-1200-flex{display:inline}
}

.divbx{
position:absolute;
top:-80px;
left:0px;
width:100%;
padding-right: calc(var(--bs-gutter-x) * .5);
padding-left: calc(var(--bs-gutter-x) * .5);
}

#support .logomax100,#support .logomax100>*{color:#606060;
font-family: 'Rubik';
font-weight: 300;
font-size:16px}
#support .logomax100{
  display:flex;
   justify-content:space-between;
  text-align: center;
  padding-right:0px;
  margin-right:0px;
  border-right:0px;
}
#support .bot-sub0,#support .bot-sub1{margin-bottom:20px;color:#606060;
font-family: 'Rubik';
font-weight: 300;
font-size:16px}

.mw-100{max-width:100%;height:auto}
#support .slide-track {text-align:center;}
#support .slide-track img{}
.custom-sm-border-left{border-left:2px #cccccc solid}

/*start paginate*/
.pagination {
display: flex;
align-items: center !important;
justify-content: center !important;
}
div.dataTables_wrapper div.dataTables_paginate {
float:none; text-align:center;
margin-top:20px !important;
margin-bottom:20px !important}
.active>.page-link, .page-link.active{background-color:var(--color-blue) !important;color:#fff !important;border-color:var(--color-blue) !important;}
.page-item{margin-right:5px}
.page-item .page-link {
    font-family: 'AlteHaasGrotesk';
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    color: #000;
    border-radius: 10px;
    padding: 4px 6px;
}
/*end paginate*/



.section-cat h2{
width:auto;
font-size: 30px;
font-weight:bold;
color: var(--color-blue);
text-decoration:underline;
text-decoration-color:var(--color-teal);
text-decoration-thickness: 6px;
text-underline-offset:20px;
}
.section-desc{
font-family: 'Rubik';
font-weight:normal;
font-size:14px;
color:#000;
padding:15px 0px;
}



.px-myxl-5{padding-left:20px;padding-right:20px;}
.list-myunstyled{list-style:none;padding-left:0;}

.parent-category a{
text-decoration:none;
font-family: 'AlteHaasGrotesk';
font-weight:normal;
color:#888888;
font-size:15px;
}
.parent-subcategory a{
text-decoration:none;
font-family:'AlteHaasGrotesk';
font-weight:bold;
color:var(--primary-yellow);
font-size:15px;
}
.spacer-sub{
color:#999;
font-size:18px;
margin-left:10px;
margin-right:10px;
}
.post-content{
width:100%;
/* overflow-x:hidden; */
}

.post-content h1,.post-content h2,.post-content h3,.post-content h4{
text-decoration:none;
font-family: 'AlteHaasGrotesk';
font-weight:bold;
}

.post-content img{max-width:100%;height:auto;border-radius:5px}
.post-content,.post-content p{text-align:justify}
.det-post-title h2{
text-decoration:none;
font-family: 'AlteHaasGrotesk';
font-weight:bold;
color:#104d65;
font-size:20px;}

.strip-right{
margin-left:10px;
margin-right:10px;
}
.post-info-date{
text-decoration:none;
font-family: 'AlteHaasGrotesk';
font-size:0.8em;
}
.post-info-baca{
text-decoration:none;
font-family: 'Rubik';
font-weight:normal;
font-style: italic;
color:#000000;
font-size:13px;
}
.text-bagi1{font-size:0.8em;}
.share-btn1{font-size:0.8em;}
.lightdot{
  font-size:18px;
  color:#999;
  margin-left:10px;
  margin-right:10px;
}

.post-info-edname{
text-decoration:none;
font-family: 'AlteHaasGrotesk';
font-weight:bold;
color:#000000;
font-size:1em;
}
.post-info-edtag{
text-decoration:none;
font-family: 'Rubik';
font-weight:normal;
font-style:normal;
color:#000000;
/*font-size:1em;*/
margin-top: 5px;
font-size: 13px;
}


/*top40*/
/*mobile*/
.normalfont{font-weight:normal}
.bot-border-1{border-bottom:2px #eee solid}
.tpad10 img{max-width:100%}
.tpad10a{padding-top:10px;padding-bottom:20px;padding-left:0px;padding-right:0px;}
.tpad10x{padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:10px}
.tcol1{width:20px !important;padding-left:4px !important;padding-right:0px !important;font-size:1.5em;font-weight:700;color:#005068;vertical-align:top;}
.tcol2{width:30% !important;padding-left:0px !important;padding-right:2px !important;vertical-align:top;width:200px}
.tcol3{padding-left:6px !important;padding-right:6px !important;vertical-align:middle;width:5%;text-align:center;}
.tcol4{vertical-align:top;padding-left:4px !important;padding-right:4px !important;}
.tdstatus{vertical-align:middle}
.table-art{}
.cat40a,.cat40a a{font-weight:bold;text-transform:uppercase;font-size:14px;color:#015373;text-decoration:none}
.cat40a a:hover{text-decoration:underline;}
.cat40atitle,.cat40atitle a{font-weight:bold;font-size:12px;color:#000000;text-decoration:none}
.tcol1pad{padding:0px !important;}
.tcol2pad{padding:0px !important;}
.tcol2pad img{border-radius:5px;width:200px;max-width:100%}
.tcol3pad{padding:0px !important;}
.tcol4pad{padding:0px !important;}
.icon-lg-x{font-size:1.5em;}
.cat40asub{margin-top:10px}
.cat40asub,.cat40asub a{font-weight:normal;font-size:0.9rem;color:#ffffff;display:inline-block;
  background:var(--color-blue) !important;border-radius:10px;padding:2px 5px;text-decoration:none}
.cat40acontent{margin-top:10px}
.cat40acontent,.cat40acontent a{font-weight:normal;font-size:1em;color:#000;text-align:justify;text-decoration:none}
.cat40atitle a:hover,.cat40asub a:hover,.cat40acontent a:hover{text-decoration:underline;text-decoration-color:#0000ff;
text-underline-offset:2px;text-decoration-thickness:1px;}
/*end.top40*/

.imthumbs{display:flex;height:75px;overflow:hidden;background:#eeeeee;border-radius:5px}
.imthumbs img{height:auto;border-radius:5px;object-fit:cover;width:100%}

.border-lg-end{border-right:0px none;}
.border-lg-start{border-left:0px none;}
.border-lg-bottom{border-bottom:0px none;}

#rowshare-desktop{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  justify-content:space-between;
}

.news-container{
      --bs-gutter-x:2.8rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
}


/*card*/
.card .paket-img{height:60px;overflow:hidden;border-radius:10px 10px 0px 0px}
.card.post-entry-card{
  border-bottom:5px #058a8e solid;
}
.card.post-entry-card:hover{
  border-bottom:5px #FAA100 solid;
}
.card.post-entry-card::before{
  position: absolute;
  z-index: -99;
  top:35px;
  right:-2px;
  content: '';
  background: var(--color-orange);
  height: 28px;
  width: 28px;
  transform : rotate(45deg);
}
.card.post-entry-card::after{
  position: absolute;
  content: attr(data-label);
  top:35px;
  right: -8px;
  padding: 0.1rem 0.6rem;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background:#FAA100;
  color:var(--secondary-darkblue);
  text-align: center;
  font-size: 7.5px;
  font-weight:bold;
  text-transform: uppercase;
}
.card-body {
  background:#ffffff;
  margin: auto 0px;
  width:100%;
  font-size:10px;
  padding:5px;
}
.card-body100{
  height:40px;
  overflow:hidden;
}
.card-body a{text-decoration:none;color:#000}
.card-body a:hover{text-decoration:underline;
text-decoration-color:#ff0000;
text-underline-offset:2px;
}
.card-body h5{font-size:11px;font-weight:bold;padding:0px;text-align:center}
/*end card*/


blockquote{
  background:#d3f1d7;
  position: relative;
  border-radius: 20px;
  margin-left:-300px;
  padding-left:300px;
}
blockquote p {
  font-size:20px;
  font-family: 'AlteHaasGrotesk';
font-weight:bold;
color:#104d65;
padding:30px;
line-height:28px;
}

blockquote p::before {
  content: '\201C';
  font-size:30px;
  margin-left: -0.6em;
  margin-top: -0.4em;
  padding-right:0.3em;
}

blockquote p::after {
  font-size:30px;
  content: '\201D';
  padding-left:0.3em;
  margin-right: -0.8em;
  margin-bottom: -0.8
}

.iklan-v-mobile img{width:100% !important;height:auto}

/*start desktop*/
@media (min-width: 992px){

.post-info-date{
text-decoration:none;
font-family: 'AlteHaasGrotesk';
font-size:1em;
font-weight:bold;
color:#000000;
}
.text-bagi1{font-size:1em;}
.share-btn1{font-size:1em;}

blockquote{
  background:#d3f1d7;
  position: relative;
  border-radius: 20px;
  margin-left:-300px;
  padding-left:300px;
}
blockquote p {
  font-size:30px;
  font-family: 'AlteHaasGrotesk';
font-weight:bold;
color:#104d65;
padding:40px;
line-height:39px;
}

blockquote p::before {
  content: '\201C';
  font-size:40px;
  margin-left: -0.6em;
  margin-top: -0.4em;
  padding-right:0.3em;
}

blockquote p::after {
   font-size:40px;
  content: '\201D';
  padding-left:0.3em;
  margin-right: -0.8em;
  margin-bottom: -0.8
}

.post-meta-1{margin-top:0px;}
.post-meta-2{margin-left:0px;margin-right:10px}
.post-meta-3{margin-top:5px;margin-bottom:5px;line-height: 19px;}
.post-meta-mobile1{background:transparent;position: relative;border-radius:0px;}
.kategori{}
.kategori a{
text-decoration:none;
font-family: 'AlteHaasGrotesk';
font-weight:bold;
color:var(--primary-yellow);
font-size:15px;
}
.kategori a:hover{text-decoration:underline;color:var(--primary-yellow)}
.post-title{line-height:18px;}
.post-title a{
  font-family: 'AlteHaasGrotesk';
  color:#000;
  font-size:14px;
  font-weight:bold;
  text-decoration:none;
}
.post-title a:hover{
  text-decoration:underline;
  text-decoration-color:#ff0000;
  text-underline-offset:3px;
}
.section-title h3{
padding:0px;margin:0px;
font-family: 'AlteHaasGrotesk';
font-weight:bold;
color:#95E5AB;
font-size:30.36px;
}



.nav1 {
 align-items: center;
 width:100%;
/*padding: 3px 0px !important;*/
margin: 0px !important;
list-style: none;
display: flex;
justify-content: space-between;
}
.nav1 > li {
margin: 0px 0px 0px 0px !important;
padding:0px;
background:transparent !important;
display:flex;
flex-grow:1;
flex-shrink:0;
text-align:center;
border-right:1px var(--secondary-darkblue) solid;
}
.nav1 > li:first-child a {
padding-left:0px;
text-align:left;
}
.nav1 > li > a.active:before{
  display: inline-block;
  content: "\f0da";
  font-family: "Font Awesome 5 free"; 
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  font-size:18px !important;
  margin-right: 5px;
  color:#FFA92C !important;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: auto;
}
.nav1 > li > a {
  color:var(--secondary-darkblue);
text-transform: uppercase;
font-family: 'AlteHaasGrotesk';
font-weight:bold;
font-size: 15px;
text-decoration:none;
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
width:100%;
}
.nav1 > li.active > a, .nav1 >  li.active > a:hover, .nav1 >  li.active > a:focus{color:#fff;}
.nav1 > li > a:hover{color:#000;text-decoration:underline;
text-decoration-color:#0000ff;text-underline-offset:3px;text-decoration-thickness:1px}
.nav1-lastitem{padding-right:0px;text-align:right !important;border-right:0px none !important}
.navb-border{border-bottom:2px #e6e6e6 solid}


.nav2-lastitem{padding-right:0px;text-align:right !important;border-right:0px none !important}
.nav2-lastitem a{padding-right:0px !important;text-align:right !important;border-right:0px none !important}
.nav2 {
align-items: center;
padding: 3px 0px !important;
margin: 0px !important;
list-style: none;
display: flex;
justify-content: space-between;
}
.nav2 > li {
margin: 0px 0px 0px 0px !important;
padding:0px;
background:transparent !important;
display:flex;
flex-shrink:0;
text-align:left;
}
.nav2 > li:first-child a {
margin:0px 0px 0px 0px;
border-left:0px none;
padding-left:0px;
padding-right:25px;
text-align:left;
width:100%;
}
.nav2 > li > a.active:before{
  display: inline-block;
  content: "\f0da";
  font-family: "Font Awesome 5 free"; 
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  font-size:inherit;
  margin-right: 5px;
  color:#FFA92C !important;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: auto;
}
.nav2 > li > a {
color:var(--secondary-darkblue);
font-family: 'Rubik';
font-weight: 500;
font-style: normal;
font-size: 15px;
text-decoration:none;
padding-left:10px;
padding-right:25px;
padding-top:5px;
padding-bottom:5px;
text-align:center;
width:100%;
}
.nav2 > li.active > a, .nav2 >  li.active > a:hover, .nav2 >  li.active > a:focus{color:#fff;}
.nav2 > li > a:hover{color:#000;text-decoration:underline;
text-decoration-color:#0000ff;text-underline-offset:3px;text-decoration-thickness:1px}
.nav2-lastitem{padding-right:0px;text-align:right !important;border-right:0px none !important}
.nav2-lastitem{padding-right:0px;text-align:right !important;border-right:0px none !important}

.nv-01{
    text-align:left !important;border-right:1px var(--secondary-darkblue) solid;width:17%;padding-left:0px;padding-right:0px
  }
  .nv-02{
   border-right:1px var(--secondary-darkblue) solid;width:25%;padding-left:0px;padding-right:0px;text-align:center
  }
  .nv-03{
  border-right:1px var(--secondary-darkblue) solid;width:18%;padding-left:0px;padding-right:0px;text-align:center
  }
  .nv-04{
 border-right:1px var(--secondary-darkblue) solid;width:20%;padding-left:0px;padding-right:0px;text-align:center
  }
.nv-05{
   text-align:right !important;width:20%;padding-right:0px;padding-left:0px;padding-right:0px;
   border-right:0px none !important;
}

.form-comment-box::placeholder{
  font-size:inherit;
  font-family:'Rubik';
  font-weight:inherit;
  padding-left:0px;
  padding-right:0px;
  color:#707580;
  opacity: 1;
}

.h2, h2 {
    font-size: calc(1.325rem + .9vw);
}
.news-container{
      --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
}


.section-header-2nd{
  margin-top:60px;
}
.section-header-2nd h2{
  margin:0px;padding:0px;
  font-family: 'AlteHaasGrotesk';
font-weight:bold;
/* font-size:38.14px; */
font-size:30px;
color:var(--secondary-darkblue);
}


#rowshare-desktop{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  justify-content:space-between;
  margin-top:10px;
  margin-bottom:10px;
  min-height:50px;
}
.border-lg-bottom{border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;}
.border-lg-none{border:0px none !important}
.border-lg-end{border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;}
.border-lg-start{border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;}

.footer .social-links a{
margin-right:18px;
}

.komentar-title{
font-family: 'AlteHaasGrotesk';
font-weight:bold;
font-size:25px;
color:var(--secondary-darkblue);
margin-bottom:10px;
}


.card-green .ukmt1{
  font-size:20px;
  text-decoration:none;
  color:#005067;
  font-weight:bold}

.border-bottom-mob{border-bottom:0px none}

.imthumbs{display:flex;height:100px;overflow:hidden;background:#eeeeee;border-radius:5px}
.imthumbs img{height:auto;border-radius:5px;object-fit:cover;width:100%}


.det-post-title h2{
text-decoration:none;
font-family: 'AlteHaasGrotesk';
font-weight:bold;
color:#000000;
font-size:34px;
}


 .dtwrap2t{}
 .table-art{}
.tcol1pad{padding:10px !important;
text-decoration:none;
font-family: 'AlteHaasGrotesk';
font-weight:bold;
color:#114E65;
font-size:50px;
}
.tcol2pad{padding-top:10px;padding-bottom:10px;padding-left:5px;padding-right:5px}
.tcol2pad img{border-radius:10px;width:200px;max-width:100%}
.tcol3pad{padding:10px !important}
.tcol4pad{padding:0px !important}
 .tcol1{width:60px !important;white-space:nowrap;vertical-align:top;min-width:60px;max-width:200px}
 .tcol2{width:20% !important;vertical-align:top;}
 .tcol3{width:10% !important;vertical-align:middle !important;text-align:center}
 .tcol4{vertical-align:top;}
 .icon-lg-x{font-size:40px;}
 .cat40atitle,.cat40atitle a{font-weight:700;font-size:25px;line-height:1.1em;color:#000;text-decoration:none}
.cat40asub{margin-top:10px}
.cat40asub,.cat40asub a{font-weight:normal;font-size:0.9rem;color:#ffffff;display:inline-block;
  background:var(--color-blue) !important;border-radius:10px;padding:2px 5px;text-decoration:none}
.cat40acontent{margin-top:10px}
.cat40acontent,.cat40acontent a{font-weight:normal;font-size:1em;color:#000;text-align:justify;text-decoration:none}
.cat40atitle a:hover,.cat40asub a:hover,.cat40acontent a:hover{text-decoration:underline;
text-decoration-color:#0000ff;
text-underline-offset:2px;
text-decoration-thickness:1px;}
/*end.desktop top40*/

.wrap-imgmx-depan{
width:100%;
  max-height:464px;
    border-radius: 10px;
    overflow: hidden;}
.wrap-imgmx-depan img{border-radius:10px !important;min-height:100px}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
--bs-gutter-x: 6rem;
--bs-gutter-y: 0;
max-width:1158.142px;
}

.px-myxl-5{padding-left:3.5rem !important;padding-right:3.5rem !important}
.me-mylg-5{margin-right:10rem !important}
#support .bot-sub0,#support .bot-sub1{margin-bottom:10px;}

.section-cat h2 {
width:auto;
font-size: 45px;
font-weight:bold;
color: var(--color-blue);
text-decoration:underline;
text-decoration-color:var(--color-teal);
text-decoration-thickness: 6px;
text-underline-offset:20px;
}
.section-desc{
font-size:14px;
color:#000;
padding:0px 0px;
}


/*start paginate*/
.pagination {
display: flex;
align-items: center !important;
justify-content: center !important;
}
div.dataTables_wrapper div.dataTables_paginate {
float:none; text-align:center;
margin-top:40px !important;
margin-bottom:40px !important}
.active>.page-link, .page-link.active{background-color:var(--color-blue) !important;color:#fff !important;border-color:var(--color-blue) !important;}
.page-item{margin-right:10px}
.page-item .page-link {
    font-family: 'AlteHaasGrotesk';
    font-weight: normal;
    font-style: normal;
    font-size: 17.15px;
    color: #000;
    border-radius: 10px;
    padding: 4px 6px;
}

/*end paginate*/


.custom-sm-border-left{border-left:0px none}

.section-header {
border-top: 6px solid var(--color-teal);
display:flex;
}
.section-header h2,.section-header h2 a{
font-family: 'AlteHaasGrotesk';
flex-grow:1;
font-size: 42px;
font-weight:bold;
color: var(--secondary-darkblue);
padding-top: 10px;
}
.section-header h2 a{
text-decoration:none;
}
.section-header h2 a:hover{
text-decoration:underline;
text-decoration-color:var(--primary-yellow);
text-underline-offset:10px;
}
.logo-before {
padding: 5px 0px;
background-color: var(--color-teal);
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
margin-right: 20px;
text-align:center;
width:112px;
}
.logo-before img{
  width:80px;
  height:80px;
}

/*card*/
.card .paket-img{height:190px;overflow:hidden;/* border-radius:30px 30px 0px 0px */}
.card.post-entry-card{
  border-bottom:10px #058a8e solid;
}
.card.post-entry-card:hover{
  border-bottom:10px #FAA100 solid;
}
.card.post-entry-card::before{
  position: absolute;
  z-index: -99;
  top:146px;
  right:-2px;
  content: '';
  background: var(--color-orange);
  height: 28px;
  width: 28px;
  transform : rotate(45deg);
}
.card.post-entry-card::after{
  position: absolute;
  content: attr(data-label);
  top:130px;
  right: -8px;
  padding: 0.2rem;
  width: 10rem;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  background:#FAA100;
  color:var(--secondary-darkblue);
  text-align: center;
  font-size: 16px;
  font-weight:bold;
  text-transform: uppercase;
}
.card-body {
  background:#ffffff;
  margin: auto 0px;
  width:100%;
  font-size:14px;
  padding:20px;
}
.card-body100{
  height:80px;
  overflow:hidden;
}
.card-body a{text-decoration:none;color:#000}
.card-body a:hover{text-decoration:underline;
text-decoration-color:#ff0000;
text-underline-offset:2px;
}
.card-body h5{font-size:18px;font-weight:bold;padding:0px}
/*end card*/

.text-bold{font-weight:bold}
.rounded-lg-top{border-radius:20px 20px 0px 0px;}
.iklan{display:flex;justify-content:space-between;align-items:flex-start;}
.iklan img{max-width:100%;height:auto;border-radius:8px}

.navwas {
  display: flex;
  flex-wrap: wrap;
  margin: 0px;
   padding:0px;
  background:transparent !important;
flex-basis: auto;
flex-grow: 1;
align-items: flex-start;
-webkit-mask-image:none !important;
justify-content: space-between;
}
.navwas > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding:0px;
  margin:0px;
}


.navwas-col-1{
flex: 0 0 auto;
width: 100%;
}
.navwas-col-2{
flex: 0 0 auto;
width:50%;
margin-bottom:20px;
}
.navwas-col-6{
flex: 0 0 auto;
width:16.5%;
}


.post-entry-3{
  margin-right:5px;
  margin-bottom:10px;
}
.post-entry-3-nopad{
  margin-left:5px;
  margin-right:10px;
  margin-bottom:10px;
}

.post-entry-3 img,.post-entry-3-nopad img{width:100%;max-width:100%}
.post-entry-4{margin-right:5px}
.post-entry-4-nopad{margin-left:5px;}
.post-entry-4 img,.post-entry-4-nopad img{width:100%;max-width:100%}


.custom-lg-border-start{--bs-gutter-x:2rem;padding-left: calc(var(--bs-gutter-x) * .5);border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)}
.custom-lg-border-top{border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)}
.custom-lg-border-end{border-right:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)}
.custom-lg-border-bottom{border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)}
.custom-lg-border2px-bottom{border-bottom:2px var(--bs-border-style) var(--bs-border-color)}
.custom-sm-border-top{border-top:0px none;}

.navart{flex-wrap:wrap;display:flex;
  flex-direction:row;margin:0px;
  justify-content:space-between;
  -webkit-mask-image:none !important;
  padding:0px;
}

.navart li { 
  padding-left:0px;
  padding-right:10px;
  width:32%;
  max-width:380px
}

.navart-nokabut{flex-wrap:wrap;display:flex;
  flex-direction:row;margin:0px;
  justify-content:space-between;
  -webkit-mask-image:none !important;
  padding:0px;
}

.navart-nokabut li { 
  padding-left:0px;
  padding-right:10px;
  width:32%;
  max-width:380px
}


  .ratbg{display:none}
  .num1{background:transparent}
  .kategori h3{margin-left:0px !important;margin-bottom:0px}
  .navwrapper{-webkit-mask-image:none !important;
padding-top:7px;
padding-bottom:7px;
  }
  .bg-mobile{
padding-top:0px;
  width:100%;
position:relative;
display: block;
background:transparent;
border-radius:0px;}

.post-trending{
  margin-left:0px;
}
.post-trending .trendingnumber{
  margin:0px;
  padding:0px;
  display:flex;
}
.post-trending .numpos{
color:#92d695;
text-align:left;

display: flex;
justify-content: center;
align-items: center;
}

.post-trending .numpos h1{
font-family:'Rubik';
font-weight:500;
font-size:70px;
height:70px;
margin-bottom: 0px;
padding-right:20px;
}
.trendingtitle{}
.trendingtitle h2{line-height:20px}
.trendingtitle h2 a {
    font-size:30px;
    font-family: 'AlteHaasGrotesk';
    font-weight: bold;
    line-height: 40px;
    text-decoration: none;
    color: #000;
}
.trendingtitle h2 a:hover{text-decoration:none;}
.highlight{
background: linear-gradient(120deg, #A7E3B0 0%, #A7E3B0 100%);
background-repeat: no-repeat;
background-size: 100% 30%;
background-position:0 90%;
}
.highlight:hover{
background: linear-gradient(120deg, #ffb600 0%, #ffb600 100%);
background-repeat: no-repeat;
background-size: 100% 30%;
background-position:0 90%;
}
}
/*end desktop*/
table.noborder{border-collapse:collapse;border:0px none !important}
table.noborder td,table.noborder th{border:0px none !important}
table.padding4px td,table.padding4px td{padding:4px !important}
table.padding10px td,table.padding10px td{padding:10px !important}
table.padding20px td,table.padding20px td{padding:20px !important}