@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
html {font-family:'Inter', Arial, sans-serif; /* 1 */-ms-text-size-adjust:none; /* 2 */-webkit-text-size-adjust:none; /* 2 */font-size:16px; line-height:26px; -webkit-font-smoothing: antialiased;color:#1f1a17;margin:0 auto;}
div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0; outline:none;}
article,aside,details,time,caption,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;}
audio,canvas,progress,video {display: inline-block; /* 1 */vertical-align: baseline; /* 2 */}
audio:not([controls]) {display: none;height: 0;}
[hidden],template {display: none;}
abbr[title] {border-bottom: 1px dotted;}
b,strong {font-weight:700;}
dfn {font-style: italic;}
mark {background: #ff0;color: #111;}
small {font-size: 80%; line-height:80%;}
sub,sup {font-size:60%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;left:1px;}
sub {bottom: -0.25em;}
img {border: 0; display:block;}
i{font-style:normal;}
/*svg:not(:root) {overflow: hidden;}*/
figure {margin:0;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
pre {overflow: auto;}
code,kbd,pre,samp {font-size: 1em;}
button,input,optgroup,select,textarea {color: inherit; /* 1 */font: inherit; /* 2 */margin: 0; /* 3 */}
button {overflow: visible;}
button,select {text-transform: none;}
button,html input[type="button"], /* 1 */input[type="reset"],input[type="submit"] {-webkit-appearance: button; /* 2 */cursor: pointer; /* 3 */}
button[disabled],html input[disabled] {cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
input {line-height: normal;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box; /* 1 */padding: 0; /* 2 */ }
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0; /* 1 */padding: 0; /* 2 */}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {border-collapse: collapse;border-spacing: 0;}
td,th {padding: 0;}
::placeholder { color: var(--dark_gray);}
::selection {
  background-color:var(--gold);
  color:var(--white);
}
/*base*/
.videoframe{position:relative;padding-bottom:56.25%;padding-top:25px;height:0; margin:0;}.videoframe iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.chatframe{position:relative;padding-bottom:140%;padding-top:25px;height:0; margin:0;}.chatframe iframe{position:absolute;top:0;left:0;width:100%;height:395px;}
@keyframes fade-in-up {
0% {opacity: 0;}
100% {transform: translateY(0);opacity: 1;}
}
.videoframe.stuck {	 position: fixed;	 bottom: 20px;	 right: 20px;	 width: 320px;	 height: 240px;	 transform: translateY(100%);	 animation: fade-in-up 0.75s ease forwards;	z-index:5;	padding:0;}
.fade{-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
body{margin:0 auto; padding:0; display:block; background:var(--white); color:var(--black);min-height: 100vh; background-size:cover;}
:root {
  --dark: #000000;
  --black: #1f1a17;
  --white: #ffffff;
  --blue: #225c82;
  --blue2 :#78c9e3;
  --dark_gray :#acacac;
  --gray:#aab9b9;
  --soft:#ededed;
  --soft_blue:#F0F2FF;
  --red:#cb1e31;
  --gold:#e5ac49;
  --gold2:#d67926;
  --f8:#f8f8f8;
}
.cl-black{color:#1f1a17 !important;}
.cl-white{color:#fff !important;}
.cl-soft{color:#ededed !important;}
.cl-gray{color:#aab9b9 !important;}
.cl-dark-gray{color:#acacac !important;}
.cl-red{color:#cb1e31 !important;}
.cl-blue {color:#225c82 !important;}
.cl-blue2{color:#78c9e3 !important;}
.cl-gold{color:#e5ac49 !important;}
.cl-gold2{color:#d67926 !important;}
.bg-black{background:#1f1a17 !important;}
.bg-white{background:#FFFFFF !important;}
.bg-clean {background:transparent !important;}
.bg-red{background:#cb1e31 !important;}
.bg-blue {background:#225c82 !important;}
.bg-blue2 {background:#78c9e3 !important;}
.bg-gold{background:#e5ac49 !important;}
.bg-gold2{background:#d67926 !important;}
.bg-gray{background:#aab9b9 !important;}
.bg-dark-gray{background:#acacac !important;}
.bg-soft{background:#ededed !important;}
.bg-f9{background:#f8f8f8 !important;}
.bg-trans{background:transparent !important;}
/*cmd*/
.dblock{display:block;}
.centering{display: flex !important;align-items: center !important;justify-content: center !important;}
.centering.column{flex-direction:column;}
.centering.row{flex-direction:row;}
.inlinef{display:inline-flex !important;}
.blackblock{position:fixed; top:0; left:0; right:0; bottom:0; overflow:hidden; background:rgba(0,0,0,0.8); z-index:5;}
.clear{clear:both;}
.overflow{overflow:hidden;}
.hide_desktop{display:none !important; visibility:hidden;}
.hide_mobile{display:block; visibility:visible;}
.radius0{border-radius:0px !important;}
.radius2{border-radius:2px !important;}
.radius4{border-radius:4px !important;}
.radius6{border-radius:6px !important;}
.radius8{border-radius:8px !important;}
.radius10{border-radius:10px !important;}
.radius18{border-radius:18px !important;}
.radius20{border-radius:20px !important;}
.radius50{border-radius:50% !important;}
.fo12{font-size:12px !important; line-height:140% !important;}
.fo14{font-size:14px !important; line-height:140% !important;}
.fo16{font-size:16px !important; line-height:140% !important;}
.border-bottom{border-bottom:1px solid #ddd !important;}
.border-top{border-top:1px solid #ddd !important;}
h1{font-size:32px; line-height:40px; margin:0 0 16px 0; font-weight:700;}
h2{font-size:24px; line-height:32px; margin:0 0 16px 0; font-weight:700;}
h3{font-size:18px; line-height:26px; margin:0 0 16px 0; font-weight:700;}
h4{font-size:16px; line-height:24px; margin:0 0 16px 0; font-weight:700;}
h5{font-size:14px; line-height:22px; margin:0 0 16px 0; font-weight:700;}
h6{font-size:12px; line-height:20px; margin:0 0 16px 0; font-weight:700;}
a {color:var(--black);text-decoration: none;transition: all .2s ease-in-out}
a:hover, a:focus {color:var(--dark_gray);transition: all .2s ease-in-out}
a:focus {outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}

.padding-no {padding:0 !important;}.padding-ss{padding:4px !important;}.padding-xs{padding:8px !important;}.padding-sm{padding:16px !important;}.padding-lg{padding:24px !important;}.padding-xl{padding:32px !important;}.padding-top-no {padding-top:0 !important;}.padding-top-ss {padding-top:5px !important;}.padding-top-xs {padding-top:8px !important;}.padding-top-sm {padding-top:16px !important;}.padding-top-lg {padding-top:24px !important;}.padding-top-xl {padding-top:32px !important;}.padding-bottom-no {padding-bottom:0 !important;}.padding-bottom-ss {padding-bottom:4px !important;}.padding-bottom-xs {padding-bottom:8px !important;}.padding-bottom-sm {padding-bottom:16px !important;}.padding-bottom-lg {padding-bottom:24px !important;}.padding-bottom-xl {padding-bottom:32px !important;}.padding-left-no {padding-left:0 !important;}.padding-left-ss {padding-left:4px !important;}.padding-left-xs{padding-left:8px !important;}.padding-left-sm {padding-left:16px !important;}.padding-left-lg {padding-left:24px !important;}.padding-left-xl {padding-left:32px !important;}.padding-right-no {padding-right: 0 !important;}.padding-right-ss {padding-right:4px !important;}.padding-right-xs {padding-right:8px !important;}.padding-right-sm {padding-right:16px !important;}.padding-right-lg {padding-right:24px !important;}.padding-right-xl {padding-right:32px !important;}
.padding-top-xxl{padding-top:80px !important;}.padding-bottom-xxl{padding-bottom:80px !important;}.padding-left-xxl{padding-left:80px !important;}.padding-right-xxl{padding-right:80px !important;}
.margin-no {margin:0 !important;}.margin-xs{margin:8px !important;}.margin-ss{margin:4px !important;}.margin-sm{margin:16px !important;}.margin-lg{margin:24px !important;}.margin-xl{margin:32px !important;}.margin-top-no {margin-top:0 !important;}.margin-top-ss {margin-top:4px !important;}.margin-top-xs {margin-top:8px !important;}.margin-top-sm {margin-top:16px !important;}.margin-top-lg {margin-top:24px !important;}.margin-top-xl {margin-top:32px !important;}.margin-bottom-no {margin-bottom:0 !important;}.margin-bottom-ss {margin-bottom:4px !important;}.margin-bottom-xs {margin-bottom:8px !important;}.margin-bottom-sm {margin-bottom:16px !important;}.margin-bottom-lg {margin-bottom:24px !important;}.margin-bottom-xl {margin-bottom:32px !important;}.margin-left-no {margin-left:0 !important;}.margin-left-ss {margin-left:4px !important;}.margin-left-xs {margin-left:8px !important;}.margin-left-sm {margin-left:16px !important;}.margin-left-lg {margin-left:24px !important;}.margin-left-xl {margin-left:32px !important;}.margin-right-no {margin-right:0 !important;}.margin-right-ss {margin-right:4px !important;}.margin-right-xs {margin-right:8px !important;}.margin-right-sm {margin-right:16px !important;}.margin-right-lg {margin-right:24px !important;}.margin-right-xl {margin-right:32px !important;}
.margin-top-xxl{margin-top:80px !important;}.margin-bottom-xxl{margin-bottom:80px !important;}.margin-left-xxl{margin-left:80px !important;}.margin-right-xxl{margin-right:80px !important;}
.fw4{font-weight:400 !important;}.fw5{font-weight:500 !important;}.fw6{font-weight:600 !important;}.fw7{font-weight:700 !important;}
.bg-twitter{background:#77cbef !important;}.bg-facebook{background:#537abd !important;}.bg-google{background:#ea5d4b !important;}.bg-linkedin{background:#1384c8 !important;}.bg-daily{background:#0064dc !important;}.bg-youtube{background:#c8302a !important;}.bg-instagram{ background: linear-gradient(-165deg,#833ab4,#fd1d1d,#fcb045)!important;}.bg-whatsapp{background:#2ab200 !important;}.bg-line{background:#4ecd00 !important;}.bg-tumblr{background:#395976 !important;}.cl-twitter{color:#77cbef !important;}.cl-facebook{color:#537abd !important;}.cl-google{color:#ea5d4b !important;}.cl-linkedin{color:#1384c8 !important;}.cl-daily{color:#0064dc !important;}.cl-youtube{color:#c8302a !important;}.cl-instagram{color:#e3008b !important;}.cl-whatsapp{color:#2ab200 !important;}.cl-line{color:#4ecd00 !important;}.cl-tumblr{color:#395976 !important;}
*, *::after, *::before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.t-center{text-align:center !important;}.t-right{text-align:right !important;}.t-left{text-align:left !important;}
.left {float: left !important;} .right {float: right !important;}
.hidden{opacity: 0;}.visible{opacity: 1;}.left{float:left !important;}.right{float:right !important;}
.square {position: relative;width:100%;display:flex; align-items:center; justify-content: center;}
.square:after {content: "";display: block;padding-bottom: 100%;}
.square-img {position: absolute;width: 100%;height:100%; overflow: hidden; border-radius:4px;display:flex; align-items:center; justify-content: center; flex-direction:column; padding:0;}
.square-img a{display:flex; align-items:center; justify-content: center; height:100%; width:100%;}
.square-img img{width:auto; height:100%; margin:0 auto;}
.square-img.flat{border-radius:0;}
.square.lines{border:1px solid #eeeeee; border-radius:6px;}
/*element*/
.element-box button{background:transparent; border:none;}
label.small{font-size:12px; display:inline-flex; min-height:14px; line-height:14px;}
label.medium{font-size:14px; display:inline-flex; font-weight:600; min-height:30px;}
.element-box{margin:0; position:relative; height:auto;}
/*icons*/
.element-box .icons{width:40px; height:40px; position:absolute; left:0; top:0; z-index: 2;border-right: 1px solid #D3D4D4; display: flex; align-items:center; justify-content: center;}
.element-box .icons.small{width:32px; height:32px;}
.element-box .icons.right{right:0; left:inherit; border:none; width:48px;}
/*input*/
.element-box input.element-input{width:100%; height:40px; padding:12px 20px; background:#fff; border:1px solid #D3D4D4;font-size:14px; color:#202020; border-radius:20px;}
.element-box input.element-input.small{height:32px; font-size:12px; padding-left:40px; padding:8px;}
.element-box input.element-input.medium{height:36px; font-size:14px; padding-left:40px; padding:8px;}
.element-box input.element-input.minimalis{min-width:146px; width:auto;}
.element-box.pass input.element-input{padding-right:48px;}
/*upload*/
.element-box .input-field{margin:0;}
.element-box .file-field{position:relative;}
.element-box .file-field .btn.upload{background:#c9c9c9;border-radius:2px 0px 0 2px !important;cursor: pointer;display: inline-flex;align-items:center;justify-content:center;height:36px;width:36px; float:none; padding:0; position:absolute; top:0; left:0; z-index:2;}
.element-box .file-field .btn.upload i{font-size:16px;color:#424242; line-height:normal;}
.element-box .file-field input[type=file]{position: absolute;top: 0;right: 0;left: 0;bottom: 0;width: 100%;margin: 0;padding: 0;font-size: 20px;cursor: pointer;opacity:0;filter: alpha(opacity=0); z-index:3;}
.element-box .file-field .file-path-wrapper{text-align:left;background: #fff;padding:0;width: 100%;position: relative;border:1px solid #D3D4D4;height:36px; overflow:hidden; border-radius:2px;}
.element-box .file-field .file-path-wrapper label{width: 100%;height:36px;display:flex;padding-left: 46px;align-items: center;justify-content: flex-start; font-size:14px;}
.element-box .file-field input.file-path {width: 100%;height:36px;border: none;padding-left: 50px;font-size:16px;}
/*textarea*/
.element-box textarea.element-area{width:100%; min-height:120px; padding:12px 20px; background:#fff; border:1px solid #D3D4D4;font-size:14px; color:#202020;border-radius:20px;}
.element-box textarea.element-area.small{font-size:12px; padding-left:32px;}
/*select*/
.element-box .element-select{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-appearance: none;-moz-appearance: none;}
.element-box select.element-select {
	color:#202020;width:100%; height:40px; padding:5px 5px 5px 50px; background:#fff; border:1px solid #424242;font-size:16px; font-weight:600;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-appearance: none;-moz-appearance: none;
background-image:
linear-gradient(45deg, transparent 50%, #424242 50%),
linear-gradient(135deg, #424242 50%, transparent 50%),
linear-gradient(to right, #424242 , #424242 );
background-position:
calc(100% - 19px) calc(50% + 1px),
calc(100% - 14px) calc(50% + 1px),
calc(100% - 36px) 0px;
background-size:
5px 5px,
5px 5px,
0px 36px;
background-repeat: no-repeat;
}
.element-box select.element-select:disabled{
border-color:#9e9e9e; color:#9e9e9e; background-image:
linear-gradient(45deg, transparent 50%, #9e9e9e 50%),
linear-gradient(135deg, #9e9e9e 50%, transparent 50%),
linear-gradient(to right, #9e9e9e , #9e9e9e );}
.element-box select.element-select:focus{
background-image:
linear-gradient(135deg, transparent 50%, #424242 50%),
linear-gradient(45deg, #424242 50%, transparent 50%),
linear-gradient(to right, #424242 , #424242 );
background-position:
calc(100% - 19px) calc(50% + 1px),
calc(100% - 14px) calc(50% + 1px),
calc(100% - 36px) 0px;
background-size:
5px 5px,
5px 5px,
0px 36px;
background-repeat: no-repeat;
	}
.element-box select.element-select.medium {
	color:#202020;width:100%; height:36px; padding:5px 5px 5px 50px; background:#fff; border:1px solid #424242;font-size:14px; font-weight:600;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-appearance: none;-moz-appearance: none;
background-image:
linear-gradient(45deg, transparent 50%, #424242 50%),
linear-gradient(135deg, #424242 50%, transparent 50%),
linear-gradient(to right, #424242 , #424242 );
background-position:
calc(100% - 19px) calc(50% + 1px),
calc(100% - 14px) calc(50% + 1px),
calc(100% - 36px) 0px;
background-size:
5px 5px,
5px 5px,
0px 36px;
background-repeat: no-repeat;
}
.element-box select.element-select.minimalis{min-width:120px; width:auto;padding-right:46px;}
.element-box select.element-select.small{height:32px; font-size:12px;background-position:
calc(100% - 15px) calc(1em + -1px),
calc(100% - 10px) calc(1em + -1px),
calc(100% - 2.5em) 0.3em;
background-size:
5px 5px,
5px 5px,
0px 1.5em; padding-left:40px;
background-repeat: no-repeat;}
.element-box select.element-select.fw400{font-weight:400;}
.element-radio {cursor:pointer; font-size:12px;}
.element-radio.jawaban{display:inline-flex;}
.element-radio input[type="radio"]{opacity:1;border:2px solid #424242;background:#fff;height:20px;width:20px;position:relative;top:5px;cursor:pointer;-webkit-appearance:none;-moz-appearance: none;appearance: none;border-radius:10px;display:inline-flex; margin-right:5px;}
.element-radio input:checked{opacity:1; background:#fff; -webkit-appearance:none;-moz-appearance: none;appearance: none; border:2px solid #424242;}
.element-radio input:checked:before{position:absolute; width:8px; height:8px;top:4px; left:4px;background:#424242; border-radius:8px; content:''; z-index:2;}
.element-radio input:disabled{opacity:1; background:#fff; -webkit-appearance:none;-moz-appearance: none;appearance: none; border:2px solid #424242; cursor: not-allowed;}
.element-radio input:disabled:before{font-family:'FontAwesome'; position:absolute; width:16px; height:16px;top:0px; left:0;content:'\f00d'; color:#424242; font-size:12px; font-weight:normal; display:flex; align-items:center; justify-content:center; z-index:2;margin:0 auto;}
.element-radio > label {display: inline-flex !important;margin-left:30px;cursor:pointer;}
.element-check {cursor:pointer;}
.element-check .checktext{padding-left:30px;}
.element-check input[type="checkbox"]{opacity:1;border:2px solid #424242;background:#fff;height:20px;width:20px;position:relative;top:5px;cursor:pointer;-webkit-appearance:none;-moz-appearance: none;appearance: none;border-radius:4px;display:inline-flex; margin-right:5px;}
.element-check input[type="checkbox"].abs{position:absolute;}
.element-check input:checked{opacity:1; background:#fff; border:2px solid #424242;-webkit-appearance:none;-moz-appearance: none;appearance: none;}
.element-check input:checked:before{font-family:'FontAwesome'; position:absolute; width:16px; height:16px;top:0px; left:0;content:'\f00c'; color:#424242; font-size:12px; font-weight:normal; display:flex; align-items:center; justify-content:center; z-index:2;}
.element-check input:disabled{opacity:1; background:#fff; border:2px solid #424242;-webkit-appearance:none;-moz-appearance: none;appearance: none;cursor: not-allowed;}
.element-check input:disabled:before{font-family:'FontAwesome'; content:'\f00d'; position:absolute;width:16px; height:16px;top:0px; left:0; color:#1f1a17; font-size:12px; display:flex; align-items:center; justify-content:center; z-index:2;}
.element-check > label {display: inline-flex !important;margin-left:30px;cursor:pointer;}
/*button*/
button.sign-btn{width:100%;height:40px;background:#1488c9; color:#fff;transition: all 0.3s ease-in-out;opacity:1;border:none;display:flex; align-items:center; justify-content: center; font-size:14px; font-weight:500; padding:0 24px;}
button.sign-btn.medium{height:36px; font-size:14px;}
button.sign-btn.minimalis{width:auto; padding:0 24px;}
button.sign-btn.small{height:32px;font-size:14px;}
button.sign-btn:hover{transition: all 0.3s ease-in-out; opacity:0.7;}
button.sign-btn.line{background:transparent; border:1px solid var(--black); color:var(--black);}
button.sign-btn.line.red{border-color:var(--red); color:var(--red);}
a.sign-btn{width:100%; height:40px; background:var(--blue); color:var(--white);transition: all 0.3s ease-in-out;opacity:1; display:flex; align-items:center; justify-content: center; border:none; text-align:center; font-weight:500;font-size:16px; padding:0 24px;}
a.sign-btn.minimalis{width:auto; padding:0 30px; display: inline-flex; margin:0; text-align:center;}
a.sign-btn.medium{height:36px; font-size:14px;}
a.sign-btn.small{height:32px; font-size:14px;padding:0 15px;}
a.sign-btn.big{height:56px; font-size:18px;}
a.sign-btn.line{background:transparent; border:1px solid var(--black); color:var(--black);}
a.sign-btn.line.white{border-color:var(--white); color:var(--white);}
a.sign-btn.line.red{border-color:var(--red); color:var(--red);}
a.sign-btn.line.gray{border-color:var(--gray); color:var(--gray);}
a.sign-btn.line.dark{border-color:var(--dark); color:#var(--dark);}
a.sign-btn.line.blue{border-color:var(--blue); color:var(--blue);}
a.sign-btn.line.fb{border-color:#537abd; color:#537abd;}
a.sign-btn.line.clean{border-color:transparent; color:#202020;}
a.sign-btn:hover{transition: all 0.3s ease-in-out; opacity:0.8;}
a.sign-btn.disable{cursor:not-allowed; background:#eeeeee;}
.element-box select.element-select.noicons, .element-box input.element-input.noicons, .element-box textarea.element-area.noicons{padding-left:10px !important; min-width:10px;}
ul.row-list{list-style: none; list-style-position: inside; margin:0 -8px; padding:0; display: flex; align-items: flex-start; justify-content: flex-start; flex-flow:wrap;}
ul.row-list li{width:100%; padding:0 8px;}
ul.row-list.row2 li{width:50%; padding:0 8px;}
ul.row-list.row3 li{width:33.333%; padding:0 8px;}
ul.row-list.row4 li{width:25%; padding:0 8px;}
ul.row-list.row5 li{width:20%; padding:0 8px;}
ul.row-list.row6 li{width:16.666%; padding:0 8px;}
ul.row-list.row7 li{width:14.28571428571429%; padding:0 8px;}
ul.row-list.row8 li{width:12.5%; padding:0 8px;}
ul.row-list.row4.pad4, ul.row-list.row3.pad4, ul.row-list.row2.pad4, ul.row-list.row5.pad4,ul.row-list.row6.pad4,ul.row-list.row7.pad4, ul.row-list.row8.pad4{margin:0 -4px;}
ul.row-list.row4.pad4 li, ul.row-list.row3.pad4 li, ul.row-list.row2.pad4 li, ul.row-list.row5.pad4 li, ul.row-list.row6.pad4 li, ul.row-list.row7.pad4 li, ul.row-list.row8.pad4 li{padding:0 4px;}
ul.row-list.row4.pad16, ul.row-list.row3.pad16, ul.row-list.row2.pad16, ul.row-list.row5.pad16,ul.row-list.row6.pad16, ul.row-list.row7.pad16, ul.row-list.row8.pad16{margin:0 -16px;}
ul.row-list.row4.pad16 li, ul.row-list.row3.pad16 li, ul.row-list.row2.pad16 li, ul.row-list.row5.pad16 li, ul.row-list.row6.pad16 li, ul.row-list.row7.pad16 li,ul.row-list.row8.pad16 li{padding:0 16px;}
/*card box*/
.card-box{height:auto; overflow:hidden;width:100%; position:relative; margin:0;opacity:1;transition: all .3s ease-in-out;}
.card-box.shadow{border-radius:10px;box-shadow: 0px 8px 20px rgba(119, 119, 119, 0.1); background:#fff;}
.card-box.shadow .text-card{padding:16px;}
.card-box .img-card{position:relative;width:100%;overflow:hidden;height:auto;margin:0 auto 12px auto; padding:0;opacity:1;}
.card-box .img-card .play-icons{display:flex; justify-content:center; align-items:center;width:24px; height:24px; position:absolute; right:0; bottom:0; left:0; top:0; color:rgba(255,255,255,0.5); margin:auto; z-index:3; text-shadow:1px 1px 1px rgba(0,0,0,0.1);font-size:30px;}
.card-box .img-card .right-icons{display:flex; justify-content:center; align-items:center;width:24px; height:24px; position:absolute; right:0; bottom:0; background:rgba(0,0,0,0.5); color:#fff; font-size:12px;z-index:2;}
.card-box .img-card .right-icons.foto{width:auto; padding:0 8px; border-radius:4px; top:4px; bottom:inherit; right:4px;font-size:12px}
.card-box .img-card .play-icons.big i{font-size:90px;}
.card-box .img-card .play-icons.medium i{font-size:60px;}
.card-box .img-card .play-icons.small i{font-size:30px;}
.card-box .img-card img{width:100%; height:auto; display:block;transition: all .3s ease-in-out; opacity:1;}
.card-box:hover .img-card img{transition: all .3s ease-in-out; opacity:0.95;}
.card-box .text-card{height:auto; width:auto; overflow:hidden; padding:0; position:relative;}
.card-box .text-card h1.title{transition: all .2s ease-in-out;font-size:32px;line-height:140%;margin: 0; font-weight:600;}
.card-box .text-card h2.title{transition: all .2s ease-in-out;font-size:24px;line-height:140%;margin: 0; font-weight:600;}
.card-box .text-card h3.title{transition: all .2s ease-in-out;font-size:18px;line-height:140%;margin: 0; font-weight:600;}
.card-box .text-card h4.title{transition: all .2s ease-in-out;font-size:16px;line-height:140%;margin: 0; font-weight:600;}
.card-box .text-card h5.title{transition: all .2s ease-in-out;font-size:14px;line-height:140%;margin: 0; font-weight:600;}
.card-box .text-card h6.title{transition: all .2s ease-in-out;font-size:12px;line-height:140%;margin: 0; font-weight:600;}
.card-box .text-card p{font-weight:400;margin:0; letter-spacing: normal; font-size:16px; line-height:140%;}
.card-box .text-card p a{color:var(--blue);}
.card-box .text-card p a:hover{color:var(--red);}
.line1{word-break: break-word; overflow: hidden; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;}
.line2{word-break: break-word; overflow: hidden; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.line3{word-break: break-word; overflow: hidden; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;}
.line4{word-break: break-word; overflow: hidden; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical;}
.line5{word-break: break-word; overflow: hidden; display: -webkit-box; -webkit-line-clamp:5; -webkit-box-orient: vertical;}
.line6{word-break: break-word; overflow: hidden; display: -webkit-box; -webkit-line-clamp:6; -webkit-box-orient: vertical;}
/*big slider*/
.card-box.topslider{border-radius:0;}
.card-box.topslider .img-card{margin:0 auto;border-radius:10px;}
.card-box.topslider .text-card{position:absolute; top:0; bottom:0; left:0; width:60%; z-index:2; padding:16px;
display:inline-flex; justify-content:center; flex-direction:column; align-items:flex-start;}
.card-box.topslider .text-card h2.title{font-size:40px;line-height:50px;margin: 0; font-weight:700;}
.card-box.topslider.titlebot .text-card{background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  display: flex;
  justify-content: flex-end;
  flex-direction: column; width:auto; right:0;}
  .card-box.topslider .text-card h3.title{font-size:24px;line-height:130%;margin: 0; font-weight:700;}
/*card box big-img-left*/
.card-box.big-img-left{border:1px solid #ddd; border-radius:10px; overflow:hidden; background:#fff;}
.card-box.big-img-left .img-card{width:45%; float:left; height:250px; display:flex; justify-content:center; align-items:center;}
.card-box.big-img-left .img-card img{width:auto; height:250px;}
.card-box.big-img-left .text-card{width:55%; padding:16px 16px 16px 16px; height:250px;}
.card-box.big-img-left .text-card .box-avatar{border-bottom:1px solid #ddd; display:flex; margin-bottom:12px; padding-bottom:12px;}
.card-box.big-img-left .text-card .box-respon{margin-top:12px; padding-top:12px; display:flex; justify-content:flex-start; align-items:center;border-top:1px solid #ddd;/*position:absolute; bottom:16px; left:16px; right:16px;*/}
.card-box.big-img-left .text-card .box-respon span{font-size:12px; font-weight:400;}
.card-box.big-img-left .text-card .box-respon a{color:var(--red);}
.card-box.big-img-left .text-card .box-respon a:hover{color:var(--dark_gray);}
/*details*/
.card-box.big-img-left.details .img-card{width:auto; float:none; height:auto; margin-left:-16px; margin-right:-16px;}
.card-box.big-img-left.details .img-card img{width:100%; height:auto;}
.card-box.big-img-left.details .text-card{width:100%; height:auto; padding-bottom:66px;}
.card-box.big-img-left.details .text-card .box-avatar{margin-bottom:0;}
.card-box.big-img-left.details .text-card p{margin:16px 0;}
/*single_big*/
.card-box.single_big{overflow:hidden; background:var(--white); display:flex; flex-direction:row;}
.card-box.single_big .img-card{width:55%; height:auto; order:2; margin-bottom:0;}
.card-box.single_big .img-card img{width:100%; height:auto; border-radius:16px;}
.card-box.single_big .text-card{width:45%; padding:0px 32px 0px 0px; order:1;}
.card-box.single_big .text-card h2.title{font-weight:900; font-size:40px; line-height:140%;}
.card-box.single_big.v-img{display:block;}
.card-box.single_big.v-img .img-card{width:auto; height:340px; margin:0; float:right;}
.card-box.single_big.v-img .img-card img{width:auto; height:340px;}
.card-box.single_big.v-img .text-card{width:auto;}
.card-box.idiabox{background:#214d76; padding:32px 16px; display:flex; justify-content:center; align-items:Center; border-radius:20px;}
.card-box.idiabox .img-card{margin-bottom:0;}
.card-box.idiabox .img-card img{max-width:400px; margin:0 auto;}
/*scroll*/
.scroll-h{height:100px; overflow-y:auto;padding:0 16px 12px 0;}
.scroll-h::-webkit-scrollbar {width:6px; background:#ccc; border-radius:0 0 0 0;}
.scroll-h::-webkit-scrollbar-track { border-radius:0 0 0 0;}
.scroll-h::-webkit-scrollbar-thumb {background-color:#555555; border-radius:0;}
.scroll-h::-webkit-scrollbar:horizontal {height:6px;}
.scroll-h::-webkit-scrollbar:vertical {width:6px;}
/*mentor cardbox*/
.card-box.mentor .text-card{padding:16px;}
.card-box.mentor .text-card .box-avatar{border-bottom:1px solid #ddd; display:flex; margin-bottom:12px; padding-bottom:12px;}
.card-box.mentor .text-card .box-respon{margin-top:12px; padding-top:12px; display:flex; justify-content:flex-start; align-items:center;border-top:1px solid #ddd;}
.card-box.mentor .text-card .box-respon span{font-size:12px;}
.card-box.mentor .text-card .box-respon a{color:var(--red);}
.card-box.mentor .text-card .box-respon a:hover{color:var(--dark_gray);}
.card-box.mentor .text-card p{margin:16px 0;}
/*card box 110*/
.card-box.ft110{overflow:hidden;height:auto;width:100%; position:relative; margin:0;opacity:1;transition: all .3s ease-in-out;}
.card-box.ft110 .img-card{float:left;position:relative;width:90px; height:90px; overflow:hidden;margin:0; padding:0; display:flex; justify-content:center; align-items:center; border-radius:10px;}
.card-box.ft110 .img-card img{width:auto; height:90px; display:block;}
.card-box.ft110 .text-card{padding:0 0 0 12px; min-height:90px;display: flex;flex-direction: column;justify-content: center;}
/*base*/
.cd-main-content{min-height: 100%;position: relative;z-index: 2;padding:0; -webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;transition-duration: 0.4s;margin:0 auto; padding-top:88px;}
.cd-main-content .inside-main{max-width:1366px; position:relative; margin:0 auto;display:flex; flex:2;flex-direction:row;}
.cd-main-content .inside-main.no-adskin{display:block;}
.cd-main-content.loginpage{min-height:100vh;  display:flex; justify-content:center; padding:0; position:relative;}
.cd-main-content.loginpage .logo-l{width:auto; height:auto; position:fixed; top:32px; left:32px; z-index:3;}
.cd-main-content.loginpage .logo-l img{width:auto; height:24px;}
.cd-main-content.loginpage .img-cover{width:35%; position:fixed; top:0; left:0; bottom:0; z-index:2; overflow:hidden;}
.cd-main-content.loginpage .img-cover img{width:auto; height:100vh; position:relative; opacity:0.6;}
.overflow-hidden {overflow: hidden;}
.container{margin:0 auto; width:100%; max-width:1100px; padding:0 16px; position:relative;}
.container.big{padding:0 46px;}
.container.full{max-width:100%;}
.container.medium{max-width:1080px;}
.container.small{max-width:800px;}
.container.login{width:100%; max-width:none; padding:32px; height:100%; min-height:100vh; display:flex; flex-direction:row;align-items: center;}
.container.login.center{padding:40px 16px; align-items:flex-start;}
.container.login .boxreg{width:100%; margin:0 auto;border-radius: 10px;
box-shadow: 0px 8px 20px rgba(119, 119, 119, 0.1);
background: #fff; padding:32px;}
.container.login .boxreg.syarat{width:600px;}
.container.login .boxreg h2.title{font-size:24px; line-height:36px;}
.syaratbox{width:100%; height:350px; padding:32px; background:#F3F5F8; overflow-y:scroll;}
.container-col{margin-left:-16px; margin-right:-16px;}
.container-col.medium-col{margin-left:-8px; margin-right:-8px;}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
[class*="col-"] {
  float: left;
  padding:0 16px;
}
[class*="medium8"] {
  float: left;
  padding:0 8px !important;
}
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 300,
  'GRAD' 0,
  'opsz' 24
}
.block-all{position:fixed; background:rgba(0,0,0,0.7); top:0; left:0; right:0; bottom:0; z-index:21;}
/*nav menu*/
/* nav.menu {margin:0; padding:0; height:88px;width:auto;font-size:14px; font-weight:600;}
nav.menu ul li > a:after { content:  ' \f107'; font-family: 'FontAwesome'; font-size:14px; margin-left:10px; top:0; position:relative;}
nav.menu ul li > a:only-child:after { content: ''; margin:0;}
nav.menu ul ul {display: none;}
nav.menu ul li:hover > ul {display: block;}
nav.menu ul {list-style:none; list-style-position:inside; margin:0 auto; padding:0; height:88px; max-width:1200px;position: relative;display:flex; align-items:center; justify-content:flex-end; width:100%;}
nav.menu ul:after {content: ""; clear: both; display: block;}
nav.menu ul li {float: left;}
nav.menu ul li:hover{background:var(--white);}
nav.menu ul li:hover a {color:var(--dark_gray);}
nav.menu ul li a {color:var(--black);position:relative;padding:0 10px; height:88px;display:flex; align-items:center; justify-content:center;}
nav.menu ul li a.search {border:1px solid var(--black); padding:5px 8px; border-radius:4px; color:#1f1a17; height:30px;}
nav.menu ul li a.selected {color:var(--red);position: relative;}
nav.menu ul li a.selected::before {content: '';position: absolute;left: 10px;right: 10px;bottom: 16px;height: 4px;background: #F87304;z-index: 2;}
nav.menu ul li:hover a.selected {background: transparent;}
nav.menu ul ul, nav.menu ul ul.submenus{background:var(--white); border-radius: 0px; padding: 0;position: absolute; top: 100%; left:0; right:0; z-index:4; width:100%;overflow:hidden; height:auto; box-shadow:1px 1px 3px rgba(0,0,0,0.1);}
nav.menu ul ul li {float: none; width:184px; color:var(--black);}
nav.menu ul ul li a {padding:10px 15px;color: #fff;background:#fff !important;justify-content:flex-start;flex-direction:row;height:auto;text-transform:none; font-weight:500; font-size:14px;}
nav.menu ul ul li a:hover {color:#b4c2cc !important;}
nav.menu ul ul ul {position: absolute; left: 100%; top:0;}
nav.menu ul li.daftar2:hover{background:none !important;}
nav.menu ul li.login2:hover{background:none !important;}
nav.menu ul li.login2 a span.username{word-break: break-word;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
height: 16px;
max-width:90px; text-transform:none;}
nav.menu ul li a.search:hover {border:1px solid #cecece; color:#b4c2cc;}
nav.menu ul ul.submenus li{width:25%; float:left; background:#fff;display:block; padding:15px;}
nav.menu ul ul.submenus li .box-sub h4.title{font-size:14px; line-height:16px; margin:0 0  10px 0; text-transform:uppercase;}
nav.menu ul ul.submenus li .box-sub p.title{margin:0;position:relative;}
nav.menu ul ul.submenus li .box-sub p.title a{color:#1f1a17; background:none !important; padding:5px 0; margin:0; font-size:14px; font-weight:400;position:relative;}
nav.menu ul ul.submenus li .box-sub p.title a:hover{color:#b4c2cc !important;}
nav.menu ul ul.submenus li .box-sub h4.title a, nav.menu ul ul.submenus li .box-sub h4.title a:hover{background:none !important;text-transform:uppercase; padding:0; margin:0 0 10px 0; font-weight:500;font-size:14px; line-height:16px; color:#1f1a17 !important;}
nav.menu ul li:hover a.login,nav.menu ul li a.login:hover{background:var(--white) !important;}
nav.menu ul li.login2{position:relative;}
nav.menu ul ul.submenus.single{width:190px;right: inherit !important;left: inherit !important; padding:12px 0; border:1px solid var(--gray); border-radius:6px;}
nav.menu ul ul.submenus.single li{width:100%; float:none; background:var(--white); padding:0;}
nav.menu ul ul.submenus.single li a{color:var(--black); padding:4px 16px;} */

/*nav right*/
/* nav.menu.right{float:right; background:#e74c4c ; border:none; height:25px; border-radius:0;}
nav.menu.right ul, nav.menu.right ul li a{height:25px;}
nav.menu.right ul li{margin:0 3px;}
nav.menu.right ul li:last-child{margin-right:0;}
nav.menu.right ul li a{color:#fff; font-size:12px;}
nav.menu.right ul li a.selected, nav.menu.right ul ul li a.selected{background:transparent;height:25px; border-bottom:none;}
nav.menu.right ul li:hover{background:rgba(0,0,0,0.5);}
nav.menu.right ul li:hover a {color:#e7b652; background:rgba(0,0,0,0.5); border-color:#e7b652;}
nav.menu.right ul ul.submenus.single li{width:100%; float:none; background:#cecece;} */




nav.menu {margin:0; padding:0; height:88px;font-size:14px;font-weight:600;white-space: nowrap; overflow-x: scroll; overflow-y:hidden;}
nav.menu ul li > a:after { content:  ' \f107'; font-family: 'FontAwesome'; font-size:14px; margin-left:10px; top:0; position:relative;}
nav.menu ul li > a:only-child:after { content: ''; margin:0;}
nav.menu ul ul {display: none;}
nav.menu ul li:hover > ul {display: block;}
nav.menu ul {list-style:none; list-style-position:inside; margin:0 auto; padding:0; height:88px; max-width:1200px;position: relative;display:flex; align-items:center; justify-content:flex-end; width:100%;}
nav.menu ul:after {content: ""; clear: both; display: block;}
nav.menu ul li {float: left;}
nav.menu ul li:hover{background:var(--white);}
nav.menu ul li:hover a {color:var(--dark_gray);}
nav.menu ul li a {color:var(--black);position:relative;padding:0 10px; height:88px;display:inline-flex; align-items:center; justify-content:center;}
nav.menu ul li a.search {border:1px solid var(--black); padding:5px 8px; border-radius:4px; color:#1f1a17; height:30px;}
nav.menu ul li a.selected {color:var(--red);position: relative;}
nav.menu ul li a.selected::before {content: '';position: absolute;left: 10px;right: 10px;bottom: 16px;height: 4px;background: #F87304;z-index: 2;}
nav.menu ul li:hover a.selected {background: transparent;}
nav.menu ul ul, nav.menu ul ul.submenus{background:var(--white); border-radius: 0px; padding: 0;position: absolute; top: 100%; left:0; right:0; z-index:4; width:100%;overflow:hidden; height:auto; box-shadow:1px 1px 3px rgba(0,0,0,0.1);}
nav.menu ul ul li {float: none; width:184px; color:var(--black);}
nav.menu ul ul li a {padding:10px 15px;color: #fff;background:#fff !important;justify-content:flex-start;flex-direction:row;height:auto;text-transform:none; font-weight:500; font-size:14px;}
nav.menu ul ul li a:hover {color:#b4c2cc !important;}
nav.menu ul ul ul {position: absolute; left: 100%; top:0;}
nav.menu ul li.daftar2:hover{background:none !important;}
nav.menu ul li.login2:hover{background:none !important;}
nav.menu ul li.login2 a span.username{word-break: break-word;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
height: 16px;
max-width:90px; text-transform:none;}
nav.menu ul li a.search:hover {border:1px solid #cecece; color:#b4c2cc;}
nav.menu ul ul.submenus li{width:25%; float:left; background:#fff;display:block; padding:15px;}
nav.menu ul ul.submenus li .box-sub h4.title{font-size:14px; line-height:16px; margin:0 0  10px 0; text-transform:uppercase;}
nav.menu ul ul.submenus li .box-sub p.title{margin:0;position:relative;}
nav.menu ul ul.submenus li .box-sub p.title a{color:#1f1a17; background:none !important; padding:5px 0; margin:0; font-size:14px; font-weight:400;position:relative;}
nav.menu ul ul.submenus li .box-sub p.title a:hover{color:#b4c2cc !important;}
nav.menu ul ul.submenus li .box-sub h4.title a, nav.menu ul ul.submenus li .box-sub h4.title a:hover{background:none !important;text-transform:uppercase; padding:0; margin:0 0 10px 0; font-weight:500;font-size:14px; line-height:16px; color:#1f1a17 !important;}
nav.menu ul li:hover a.login,nav.menu ul li a.login:hover{background:var(--white) !important;}
nav.menu ul li.login2{position:relative;}
nav.menu ul ul.submenus.single{width:190px;right: inherit !important;left: inherit !important; padding:12px 0; border:1px solid var(--gray); border-radius:6px;}
nav.menu ul ul.submenus.single li{width:100%; float:none; background:var(--white); padding:0;}
nav.menu ul ul.submenus.single li a{color:var(--black); padding:4px 16px;}

/*nav right*/
nav.menu.right{float:right; background:#e74c4c ; border:none; height:25px; border-radius:0;}
nav.menu.right ul, nav.menu.right ul li a{height:25px;}
nav.menu.right ul li{margin:0 3px;}
nav.menu.right ul li:last-child{margin-right:0;}
nav.menu.right ul li a{color:#fff; font-size:12px;}
nav.menu.right ul li a.selected, nav.menu.right ul ul li a.selected{background:transparent;height:25px; border-bottom:none;}
nav.menu.right ul li:hover{background:rgba(0,0,0,0.5);}
nav.menu.right ul li:hover a {color:#e7b652; background:rgba(0,0,0,0.5); border-color:#e7b652;}
nav.menu.right ul ul.submenus.single li{width:100%; float:none; background:#cecece;}
nav.menu ul{width:100%!important; justify-content:flex-start;}
nav.menu::-webkit-scrollbar {
  width: 6px;
  background: #ededed;
  border-radius: 0 0 0 0;
}

nav.menu::-webkit-scrollbar-track {
  border-radius: 0 0 0 0;
}

nav.menu::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 0;
}

nav.menu::-webkit-scrollbar:horizontal {
  height: 6px;
}

nav.menu::-webkit-scrollbar:vertical {
  width: 6px;
}




/*button area*/
.button-area{height:88px; width:auto; padding-left:16px; display:inline-flex; justify-content:center; align-items:center;}

/*mulai*/
.header{height:88px;margin:0 auto; left:0; right:0; top:0; position:fixed; background:var(--white); z-index:5;}
.header .header-in{width:100%;  padding:0 16px; margin:0 auto;display: flex;justify-content: space-between; max-width:1366px;}
h1.logo{height:46px; float:left; margin:16px 16px 16px 0;}
h1.logo img{width:auto; height:46px;}
/*search*/
.box-search {height:66px;width:100%;position:fixed; top:88px; left:0; right:0; padding:0; background:rgba(0,0,0,0.8); z-index:6; margin:0 auto; border-radius:0; display:flex; justify-content:center; align-items:center;}
.box-search-in{position:relative; height:auto; width:100%; padding:0; margin:0 auto;}
.box-search-in input.search {width: 100%;height:66px;padding: 5px 70px 5px 10px;background:rgba(0,0,0,0.7);border:none;font-size:20px; color:var(--gray);}
.box-search-in button.search-btn {width:60px;height:66px;border: 1px solid transparent;position: absolute;right:0;top:0;background: 0 0; color:var(--white); font-size:24px;}
.box-search-in input.search:focus{color:var(--blue2);}
a.sign-btn.show-search{width:36px; height:36px; display:inline-flex; justify-content:center; align-items:center; padding:0; border:1px solid var(--red); color:var(--red); border-radius:18px; background:transparent;}
/*blockbox*/
.blockbox{width:100%;position:relative; margin:0; padding:0 16px 16px 16px; margin-bottom:32px;}
.blockbox.outline{padding:16px; border:1px solid var(--gray); border-radius:10px;}
.blockbox h2.titlebox{min-height:24px; font-size:40px; line-height:140%; font-weight:900; display:flex; align-items:center; margin-bottom:24px; position:relative; color:var(--blue);}
.blockbox h2.titlebox.center{justify-content:center; text-align:center;}
/*
.blockbox h2.titlebox.center::before{content:''; position:absolute; bottom:-3px; left:auto; right:auto; margin-left:-51px;width:6px; height:6px; background:var(--gold); z-index:3;}
.blockbox h2.titlebox.center::after{content:''; position:absolute; bottom:-3px; left:auto; right:auto; width:50px; height:6px; background:var(--red); margin-left:7px;}
*/
.blockbox h2.titlebox a{color:var(--blue);}
.blockbox h2.titlebox a:hover{color:var(--black);}
.blockbox h2.titlebox a.next{position:absolute; width:40px; height:40px; display:flex; justify-content:center; align-items:center; border:1px solid var(--gray); border-radius:20px; top:0; right:0;}
.blockbox h2.titlebox a.next .material-symbols-outlined{font-size:32px; margin-left:3px;}
.blockbox h3.titlebox{min-height:24px; font-size:24px; line-height:140%; font-weight:400; display:flex; align-items:center; margin-bottom:24px; position:relative;}
.blockbox p.capt{font-size:22px; line-height:32px; max-width:750px; font-weight:500;}
.blockbox .next-page{width:100%; text-align:right; padding:8px 0; font-size:14px;}
.blockbox .next-page a{color:#929292;}
.blockbox .next-page a:hover{color:var(--red);}
.blockbox h2.titlebox.small{font-size:24px;}
.blockbox h2.titlebox.kanal::before{content:''; position:absolute; bottom:-3px; left:0; width:6px; height:6px; background:var(--gold);}
.blockbox h2.titlebox.kanal::after{content:''; position:absolute; bottom:-3px; left:7px; width:50px; height:6px; background:var(--red);}
/*detail*/
.col-3.detail-sticky{height:100vh;}
.detail-artikel{width:100%;margin-bottom:32px;min-height: 10px; padding:0 0 32px 0;}
.detail-artikel .detail-in{padding:16px 0 0 0;}
.detail-artikel p{font-size:16px; line-height:150%; margin:0 0 30px 0; font-weight:400;}
.detail-artikel p:last-child{margin-bottom:0;}
.detail-artikel p a{font-weight:600; color:var(--blue); text-decoration:underline;}
.detail-artikel p a:hover{color:var(--red);}
.detail-artikel h2{margin:0;font-size:24px; line-height:30px;}
.detail-artikel h3{margin:0;font-size:18px; line-height:30px;}
.detail-artikel h4{margin:0;font-size:16px; line-height:30px;}
.detail-artikel ul, .detail-artikel ol{margin:0 0 30px 0; padding-left:50px;}
.detail-artikel ul li, .detail-artikel ol li{font-size: 16px;line-height:26px; margin:16px 0; padding-left:5px;}
.box-title-detail{padding:15px 0; overflow: hidden;}
.box-title-detail h1.title{font-size:32px; line-height:140%;}
.fixed_share{position:relative; z-index:2;}
ul.share{padding:8px 0; margin:0 auto 16px auto; list-style:none; list-style-position:inside; text-align:center; overflow:hidden; display:inline-flex; align-items:center; justify-content:flex-start; width:100%;}
ul.share li{margin:0 0 0 5px; width:40px; padding:0;}
ul.share li a{width:40px; height:40px;color:#fff; border-radius:6px; text-align:center; font-size:16px;display:flex; align-items:center; justify-content:center;}
ul.share li.title{width:auto; font-size:14px; font-weight:600;margin-right:12px;padding-right:12px; border-right:1px solid var(--gray); height:40px; display:inline-flex; align-items:center;}
ul.share li a:hover{opacity:0.9;}
ul.share li.cp-link {width:auto;}
ul.share li.cp-link a{width:auto; padding:0 12px; font-size:12px;}
ul.share li:first-child{margin-left:0;}
ul.share li:last-child{margin-right:0;}
/*detail - baca juga*/
.detail-artikel .detail-in .baca-juga{padding-left:16px; margin:0 0 24px 0;}
.detail-artikel .detail-in .baca-juga h5.title{font-size:16px; line-height:20px; font-weight:700; margin:0 0 8px 0;}
.detail-artikel .detail-in .baca-juga h4.title{border-left:4px solid #aab9b9; font-size:18px; line-height:22px; font-weight:600; padding:4px 8px; margin-bottom:8px; background:#f9f9f9;}
.detail-artikel .detail-in .baca-juga a{color:#323C9F; font-size:18px; line-height:29px; margin:16px 0; font-weight:600;}
.detail-artikel .detail-in .baca-juga a:hover{opacity:0.7;}
/*detail - foto utama */
.box-foto-artikel{margin:0 0 16px 0; overflow:hidden;}
.box-foto-artikel .foto-artikel{width:100%; height:auto;overflow:hidden; margin:0; border-radius:10px;}
.box-foto-artikel .foto-artikel img{width:100%; height:auto;}
.box-foto-artikel .caption{font-size:12px; font-weight:400; line-height:120%; color:var(--dark_gray); padding:12px 0 0 0; }
/*detail judul */
.judul-artikel{padding:0; overflow: hidden;margin:0 0 30px 0;}
.judul-artikel h1.title{margin:0; font-size:32px; line-height:40px;font-weight:700;}
.judul-artikel h3.title{font-size:14px; line-height:20px;margin:0; font-weight:700; color:var(--dark_gray);}
.judul-artikel h4.date{font-size:12px; line-height:18px;margin:0; font-weight:400; color:var(--dark_gray);}
/*detail - tag*/
.box-tag{display:block;}
.box-tag a{display:inline-flex; align-items:center; justify-content:center;border-radius:6px; padding:4px 12px; margin:0 5px 5px 0; color:var(--blue); font-size:14px; line-height:22px; font-weight:500; border:1px solid var(--blue);}
.box-tag a:hover{color:var(--red); border-color:var(--red);}
.breakpage{height:32px; width:100%; display:flex; justify-content:center; align-items:center; position:relative;}
.breakpage::before{content:''; position:absolute; height:2px; left:0; right:0; top:15px; background:#ccc;}
.breakpage h6.title{position:absolute; height:32px; background:#fff; text-align:center; display:inline-flex; justify-content:center; align-items:center; font-size:12px; padding:0 16px; z-index:2; margin:0; color:var(--dark_gray); font-weight:500;}
/*top istilah*/
.top-istilah{display:block;}
.top-istilah a{display:inline-flex; align-items:center; justify-content:center; background:#f9f9f9; border-radius:4px; padding:3px 12px; margin:0 5px 5px 0; border:1px solid #292929; color:#292929; font-size:14px; font-weight:400;}
.top-istilah a:hover{border-color:#1488c9; color:#1488c9; background:#fff;}
/*breadcrumbs*/
.breadcrumbs{margin:0 auto; display:block; padding:0 0 10px 0; overflow:hidden;}
ul.sitemap{list-style:none; list-style-position:inside; margin:0; padding:0; display:flex; align-items:center; }
ul.sitemap li{float:left;padding:0 32px 0 0;position:relative; font-size:14px; font-weight:400; color: var(--blue); margin:0;}
ul.sitemap li:before{position:absolute;font-family: 'FontAwesome';content: '\f054'; top:1px; right:10px; font-size:9px; color:var(--blue);}
ul.sitemap li a{color:var(--blue);} ul.sitemap li a:hover{color:var(--red); }
ul.sitemap li:last-child{padding-right:0;}
ul.sitemap li:last-child:before{display:none;}
ul.sitemap li a.selected{color:var(--blue);}
/*sumber / penulis */
.box-sumber{background:#fff; padding:10px 0; overflow:hidden; position:relative;display: flex; align-items: flex-start; justify-content: flex-start; flex-flow:wrap; z-index:2;}
.box-sumber .avatar-sumber{width:40px; height:40px; overflow:hidden; float:left; margin-right:10px; border-radius:25px; border:1px solid #ddd;}
.box-sumber .avatar-sumber img{width:auto; height:40px;}
.box-sumber .text-sumber{min-height:40px; display:flex; align-items:flex-start; justify-content:center; flex-direction:column;}
.box-sumber .text-sumber h5.title{font-size:14px; line-height:18px; margin:0;}
/*footer*/
.footer{background:var(--dark); padding:0; font-size:14px; color:var(--white); position:relative; height:auto; width:100%;}
.footer img.footer-bg{width:100%; height:auto;}
.footer::before{content:''; width:auto; height:40px; background:var(--dark); position:absolute; top:-40px; left:0; right:0; z-index:-1;}
.footer.kanal::before{display:none;}
.footer .footer-in{padding:40px 16px 24px 16px; max-width:1100px; width:100%; margin:0 auto; overflow:hidden; bottom:0; left:0; right:0; height:auto; border-top:3px solid #BBDEFA;}
.footer a.link{font-size:14px; line-height:20px;color:var(--gray); display:inline-flex; font-weight:600; font-weight:400; padding-right:12px; margin-right:12px; margin:0; position:relative;}
.footer a.link::before{content:'|'; position:absolute; top:0; right:0; color:var(--gray);}
.footer a.link.last::before{display:none;}
.footer a.link:hover{color:var(--white);}
.footer a.link.icon i{display:flex; justify-content:center; align-items:center;}
.footer .footer-in .col-08{width:12.5%; float:left; padding:0 16px;}
ul.row-menu-footer{list-style: none; list-style-position: inside; margin:0 -8px; padding:0; display: flex; align-items: flex-start; justify-content: flex-start; flex-flow:wrap;}
ul.row-menu-footer li{width:12.5%;padding:0 8px;}
.footer .footer-bot{padding:40px 0;}
.footer .logo-footer{width:auto; height:46px; display:flex; margin-bottom:16px;}
.footer p.by{font-size:14px; line-height:28px; margin:0; color:var(--gray);}
.footer .logo-footer img{width:auto; height:46px;}
.footer .bottom-footer{border-top:1px solid #ededed; overflow:hidden; padding:16px 0 0 0;}
.footer .footer-bot .footer-apps{display:flex; align-items:center; justify-content:flex-start;}
.footer .footer-bot .footer-apps a{width:50%;}
.footer .footer-bot .footer-apps a img{width:100%; height:auto; margin:0;}
ul.sosmed{padding:0; margin:0 0 16px 0; list-style:none; list-style-position:inside; display:flex; justify-content:flex-end; align-items:flex-start; overflow:hidden;}
ul.sosmed li{display:inline-flex;margin:0 3px;width:46px; height:46px;}
ul.sosmed li a{ width:46px; height:46px; color:var(--white); border-radius:50%; font-size:18px; display:flex; justify-content:center; align-items:center; background:#232323; border:1px solid #333;}
ul.sosmed li a:hover{opacity:0.6; border-color:var(--gray);}
ul.sosmed li:first-child{margin-left:0;}

.footer p.copy{padding:0; margin:0;font-size:12px; color:#999;}
/*pagging*/
ul.pagging {list-style: none;list-style-position: inside;margin: 15px 0 30px;padding: 0;display: flex;align-items: center;justify-content: flex-start;min-height:40px;}
ul.pagging li {min-width: 40px;height: 40px;text-align: center;line-height: 30px;margin:2px; padding-left:0;}
ul.pagging li a {min-width:40px; height: 40px;display: block;padding: 5px;border: 1px solid var(--blue);color: var(--blue);background: var(--white);border-radius: 4px; font-size:14px; font-weight:600;}
ul.pagging li a:hover {background:var(--white);color: var(--dark_gray);border: 1px solid var(--dark_gray);}
ul.pagging li.selected a {background: var(--blue);color: var(--white);border: 1px solid var(--blue); }
ul.pagging.centerpos {justify-content: center}

/*avatar*/
.block-avatar{overflow:hidden; display:flex; justify-content:flex-start; align-items:center;}
.box-avatar{display:block;}
.box-avatar .avatar{width:36px; height:36px; overflow:hidden; background:#9bdff5; display:inline-flex; justify-content:center; align-items:center; border-radius:18px; float:left; color:var(--blue);}
.box-avatar .avatar img{height:36px; width:auto;}
.box-avatar.s54 .avatar{width:54px; height:54px; overflow:hidden;display:inline-flex; justify-content:center; align-items:center; border-radius:27px;}
.box-avatar.s54 .avatar img{height:54px; width:auto;}
.box-avatar .text-avatar{min-height:36px; padding-left:12px; justify-content:center; display:flex; flex-direction:column;}
.box-avatar .text-avatar h3.title{margin:0; font-size:16px; line-height:21px; color:#fff; font-weight:600;}
.box-avatar .text-avatar h4.title{margin:0; font-size:12px; line-height:16px; color:var(--dark_gray); font-weight:400;}
.box-avatar .text-avatar h4.title.bold{font-weight:600;}
.box-avatar.s54 .text-avatar h4.title{font-size:16px; line-height:21px;}
.box-avatar.s54 .text-avatar{min-height:54px; justify-content:center; display:flex; flex-direction:column;}
.box-avatar.s40 .avatar{width:40px; height:40px; overflow:hidden; display:inline-flex; justify-content:center; align-items:center; border-radius:20px;}
.box-avatar.s40 .avatar img{height:40px; width:auto;}
.box-avatar.s70 .avatar{width:70px; height:70px; overflow:hidden;display:inline-flex; justify-content:center; align-items:center; border-radius:35px;}
.box-avatar .avatar.s32{width:32px; height:32px; overflow:hidden;display:inline-flex; justify-content:center; align-items:center; border-radius:20px;}
.box-avatar.avatar.s32 img{height:32px; width:auto;}
.box-avatar.s70 .avatar img{height:70px; width:auto;}
.box-avatar.s20 .avatar{width:20px; height:20px; overflow:hidden; display:inline-flex; justify-content:center; align-items:center; border-radius:10px;}
.box-avatar.s20 .avatar img{height:20px; width:auto;}
.box-avatar.s20 .text-avatar{min-height:20px;}
.follow-btn{border:1px solid var(--blue); font-size:10px; color:var(--blue); border-radius:4px; padding:0 8px; display:inline-flex; justify-content:center; align-items:center; background:#fff; font-weight:400;}
.follow-btn.unfol{border-color:var(--dark_gray); color:var(--dark_gray)}
.follow-btn:hover{border-color:var(--dark_gray); color:var(--dark_gray);}
.box-avatar.s120{display:block;}
.box-avatar.s120 .avatar{width:120px; height:120px; overflow:hidden; background:#fefefe; display:inline-flex; justify-content:center; align-items:center; border-radius:60px; float:left;}
.box-avatar.s120 .avatar img{height:120px; width:auto;}
.box-avatar.s120 .text-avatar{min-height:120px; justify-content:center; display:flex; flex-direction:column; padding-left:16px;}
/*komentar*/
.box-komentar{display:block; position:relative; margin-bottom:16px; padding-top:16px; overflow:hidden;border-top:1px dotted rgba(0,0,0,0.2);}
.box-komentar.border-no{border:none;}
.box-komentar.balas{border-bottom:none; padding-bottom:0;}
.box-komentar .isi-komentar{padding-left:52px;}
.box-komentar .isi-komentar p{font-size:14px; line-height:24px; margin:0 0 16px 0; font-weight:400; color:var(--black);}
.box-komentar .isi-komentar .box-balas{display:flex; justify-content:flex-end; align-items:center;}
.box-komentar .isi-komentar .box-balas button.balas{display:inline-flex;justify-content: flex-start;align-items: center; border:none; background:transparent;padding:0;}
.box-komentar .isi-komentar .box-balas button.balas:hover{opacity:0.7;}
.box-komentar .isi-komentar .box-balas .icon-balas{width:16px; height:16px; display:inline-flex; justify-content:center; align-items:center;}
.box-komentar .isi-komentar .box-balas p{font-size:12px; line-height:20px; margin:0 0 0 8px; font-weight:600;}
.box-komentar .isi-komentar .box-balas p.balasan{position:relative;font-size:12px; line-height:20px;font-weight:600; margin:0; padding:0;}
.all-balasan-komentar{overflow:hidden;}
.all-balasan-komentar.active{display:block;}
.box-komentar a.click-balasan{ cursor:pointer;}
.box-komentar .box-balasan{display:none;width:100%; min-height:auto; overflow:hidden;}
.box-komentar .box-balasan.active{display:block;}
.box-komentar a.click-input-balasan{cursor:pointer; display:flex; align-items:center; justify-content:center;}
.box-komentar .box-input-balasan{display:none;width:100%; min-height:auto; overflow:hidden;}
.box-komentar .box-input-balasan.active{display:block;}
/*chat*/
.all-box-chat .barchat{position:absolute;bottom: 0;left: 0;right:0;z-index: 3;background: #fff;margin: 0;padding:8px;box-shadow: 2px 1px 2px rgba(0,0,0,0.2);height:55px;}
.barchat .element-box textarea.element-area{padding:4px !important; height:40px; font-size:12px; line-height:16px;border:1px solid rgba(0,0,0,0.5); border-radius:4px 0 0 4px !important; background:#f8f8f8 !important;}
.textarea-chat{min-height:10px !important; height:50px;overflow:auto;}
.chatbox{width:100%; max-width:800px; margin:0 auto; height:auto; padding:0 39px 0 0; position:relative;}
.chatbox .send-btn{width:40px; height:40px; position:absolute; top:0; right:0; z-index:2; border:1px solid rgba(0,0,0,0.5); display:flex; align-items:center; justify-content:center;border-radius:0 4px 4px 0 !important;background:#f8f8f8 !important;}
/*chat*/
.all-box-chat{position:relative;padding:8px; border-radius:4px;border: 1px solid #fff; height:auto;  margin:0 auto; max-width:800px; background:#070c16;}
.all-box-chat .box-chat-inside{ overflow-y:scroll; height:375px; padding-bottom:70px; }
box-chat-inside::-webkit-scrollbar {width:6px; background:#ccc; border-radius:0 6px 6px 0;}
box-chat-inside::-webkit-scrollbar-track { border-radius:0 6px 6px 0;}
box-chat-inside::-webkit-scrollbar-thumb {background-color:#555555; border-radius:4px;}
box-chat-inside::-webkit-scrollbar:horizontal {height:6px;}
box-chat-inside::-webkit-scrollbar:vertical {width:6px;}
.all-box-chat.video-chat{padding:15px; border-radius:4px;border: 1px solid #ddd; height:60vh; overflow-y:scroll; margin:0 auto; max-width:800px;}
.box-chat{display:block; position:relative; min-height:48px; padding:0; margin-bottom:5px; overflow:hidden;}
.text-chat{border-radius:4px; border:1px solid #C1CDE1; background:#fff; padding:8px; position:relative; font-size:16px; line-height:18px; margin:0 0 6px 0; min-height:42px;}
.text-chat p.left-text{margin:3px 0 20px 0;word-break:break-word;overflow: hidden; font-size:12px; color:#202020; line-height:16px;}
.text-chat.left-chat{margin-left:42px; position:relative; border-radius:0 6px 6px 6px;}
.text-chat.left-chat:before{content:''; position:absolute; top:-1px; left:-10px; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 0; border-color: transparent #C1CDE1 transparent transparent;}
.text-chat.left-chat:after{content:''; position:absolute; top:0; left:-7px; z-index:2; width: 0; height: 0; border-style: solid; border-width: 0 8px 8px 0; border-color: transparent #fff transparent transparent;}
.text-chat .date{position:absolute; z-index:2; bottom:8px; right:8px; font-size:12px; color:#999;}
.text-chat .username{font-size:12px; font-weight:600;}
.text-chat.right-chat{margin-right:60px; position:relative; border-radius:6px 0 6px 6px; background:rgba(235,255,238,1.00);}
.text-chat.right-chat:before{content:''; position:absolute; top:-1px; right:-10px; width: 0; height: 0; border-style: solid; border-width:10px 10px 0 0; border-color:#C1CDE1 transparent transparent transparent ;}
.text-chat.right-chat:after{content:''; position:absolute; top:0; right:-7px; z-index:2; width: 0; height: 0; border-style: solid; border-width: 8px 8px 0 0; border-color:rgba(235,255,238,1.00) transparent transparent transparent ;}
.date-chat{display:inline-block; border-radius:4px; padding:4px 8px; background:#fff; border:1px solid #1f1a17 ; font-size:11px; line-height:13px; margin:5px 0 10px 0; color:#1f1a17 ;}

.box-angka{background:#eef8fd; padding:32px 0;margin:0; overflow:hidden;}
.box-angka .card-box .text-card h2.title{font-size:72px; line-height:110%; font-weight:900; color:var(--blue);}
.box-angka .card-box .text-card h4.title{font-size:16px;font-weight:700; color:var(--blue); line-height:110%;}

/*tab*/
#tab-container {position:relative; width:100%; display:block; border:1px solid var(--gray);border-radius:16px; overflow:hidden;}
ul.tabs-menu {width:100%;height:60px;clear: both;list-style:none;list-style-position:inside;padding:0;margin:0 auto;border-bottom:1px solid var(--gray);display: flex;justify-content: flex-start;align-items: center;}
.tab-block{display:block;}
.tabs-menu li {padding:0px;color:#999;font-size:12px; display:inline-block; border-left:1px solid transparent; border-right:1px solid var(--gray); border-bottom:1px solid transparent; }
.tabs-menu li.current {position: relative;background-color: #fff;z-index: 5;color:rgba(0,174,256,1); border-bottom:1px solid #fff;}
.tabs-menu li a {padding:0 16px;color:var(--gray);text-decoration: none;height:60px; min-width:60px; font-size:20px; display:flex; justify-content:center; align-items:center; font-weight:800;}
.tabs-menu .current a {color:var(--blue);}
.tab {background-color: #fff;float:left;margin-bottom:0;width:100%;}

.tab-content {width:auto;display: none; overflow:hidden; padding:16px;}
#tab-pertama {display: block;}

.box_kabar .card-box.single_big{margin-bottom:32px;}
.box_kabar .card-box.single_big .text-card h2.title{font-size:32px;}
ul.row-list.list_kabar_front li .card-box .img-card{border-radius:10px;}

.box-dokumen{border-radius:16px; padding:16px; border:1px solid var(--gray); overflow:hidden; background:var(--white); position:relative;}
.box-dokumen::before{content:''; position:absolute; right:50%; top:0; bottom:0; width:1px; background:var(--gray);}

.list_kabar_terbaru .card-box{width:100%; margin-bottom:32px;}
.list_kabar_terbaru .card-box .img-card{width:255px; height:156px; float:left; border-radius:10px; margin:0;}
.list_kabar_terbaru .card-box .img-card img{width:auto; height:156px;object-fit:contain;}
.list_kabar_terbaru .card-box .text-card{padding:10px 16px; min-height:156px; display:flex; flex-direction:column; justify-content:center;}
.list_kabar_terbaru .card-box .text-card h3.title{font-size:20px;}

ul.row-list.list_kabar_small li{margin-bottom:16px;}
ul.row-list.list_kabar_small li .card-box .img-card{width:90px; height:90px; float:left; display:flex; justify-content:center; align-items:center; border-radius:10px; margin:0;}
ul.row-list.list_kabar_small li .card-box .img-card img{width:auto; height:90px;}
ul.row-list.list_kabar_small li .card-box .text-card{padding-left:16px;}
ul.row-list.list_kabar_small li .card-box .text-card h4.title{font-size:14px;}
/*subkanal*/
.box-subkanal{padding:0; border-top:1px solid var(--soft);border-bottom:1px solid var(--soft); margin-bottom:24px; display:flex; justify-content:center; align-items:center; background:var(--white);}
.box-subkanal ul {padding:0; list-style:none; list-style-position:inside; font-size:14px; line-height:24px; display:flex; flex-direction:row; margin:0; font-weight:600; white-space:nowrap; width:100%; justify-content:center;}
.box-subkanal ul li{ height:32px;display:inline-flex; justify-content:center; align-items:center;}
.box-subkanal ul li a{padding:0 12px; height:32px; display:inline-flex; justify-content:center; align-items:center; color:var(--black); position:relative;}
.box-subkanal ul li a:hover{color:var(--gray);}
.box-subkanal ul li a.selected{color:var(--red);}
.box-subkanal ul li a.selected::before{content:''; position:absolute; bottom:0; left:12px; right:12px; height:2px; background:var(--red);}
ul.row-list.list_agenda_kanal li{margin-bottom:32px;}
/*table*/
.out-table{height:auto; overflow-y:auto;}
.out-table::-webkit-scrollbar {width:6px; background:#ccc; border-radius:4px;}
.out-table::-webkit-scrollbar-track { border-radius:4px;}
.out-table::-webkit-scrollbar-thumb {background-color:#555555; border-radius:4px;}
.out-table::-webkit-scrollbar:horizontal {height:6px;}
.out-table::-webkit-scrollbar:vertical {width:6px;}
/* table */
table.rg-table {width: 100%;  margin-bottom: 0.5em;  font-size: 1em;  border-collapse: collapse;  border-spacing: 0;}
table.rg-table tr {-moz-box-sizing: border-box;  box-sizing: border-box;  margin: 0;  padding: 0;  border: 0;  font-size: 100%;  font: inherit;  vertical-align: baseline;  text-align: left;  color:var(--black);}
table.rg-table thead {border-bottom: 1px solid #ddd;  color:var(--black);}
table.rg-table tr {  border-bottom: 1px solid #ddd;  color:var(--black);}
table.rg-table tr td{text-align:left;}
table.rg-table tr td:first-child{text-align:left;}
table.rg-table tr.highlight {  background-color: #dcf1f0 !important;}
table.rg-table.zebra tr:nth-child(even) {  background-color: #f6f6f6;}
table.rg-table th {font-weight:600;  padding:12px 8px;  color:var(--blue);}
table.rg-table td {padding:12px 8px;  font-size:14px; line-height:20px;  font-weight:500;}
table.rg-table .highlight td {font-weight: bold;}
table.rg-table th.number,td.number {text-align: right;}
.detail_agenda table.rg-table tr td{text-align:left; padding:4px;}
.detail_agenda table.rg-table tr td:first-child{width:30%; text-align:left;}
.detail_agenda table.rg-table tr:last-child{border-bottom:none;}
/*list dokumen*/
.list_dokumen_terbaru .card-box{width:100%; margin-bottom:32px;}
.list_dokumen_terbaru .card-box .img-card{width:auto; height:250px; float:left; border-radius:10px; margin:0;}
.list_dokumen_terbaru .card-box .img-card img{width:auto; height:250px;object-fit:contain;}
.list_dokumen_terbaru .card-box .text-card{padding:10px 16px; min-height:156px; display:flex; flex-direction:column; justify-content:center;}
.list_dokumen_terbaru .card-box .text-card h3.title{font-size:20px;}
ul.row-list.list_dokumen_small li{margin-bottom:16px;}
ul.row-list.list_dokumen_small li .card-box .text-card h4.title{font-size:14px;}
/*loader*/
.lds-ellipsis {  display: inline-flex;  justify-content:center;  align-items:center;  position: relative;  width: 80px;  height: 40px;}
.lds-ellipsis div {  position: absolute;  top: 16px;  width: 13px;  height: 13px;  border-radius: 50%;  background: #fff;  animation-timing-function: cubic-bezier(0, 1, 1, 0);}
.lds-ellipsis div:nth-child(1) {  left: 8px;  animation: lds-ellipsis1 0.6s infinite;}
.lds-ellipsis div:nth-child(2) {  left: 8px;  animation: lds-ellipsis2 0.6s infinite;}
.lds-ellipsis div:nth-child(3) {  left: 32px;  animation: lds-ellipsis2 0.6s infinite;}
.lds-ellipsis div:nth-child(4) {  left: 56px;  animation: lds-ellipsis3 0.6s infinite;}
@keyframes lds-ellipsis1 {  0% {transform: scale(0);  }  100% {transform: scale(1);  }}
@keyframes lds-ellipsis3 {  0% {transform: scale(1);  }  100% {transform: scale(0);  }}
@keyframes lds-ellipsis2 {  0% {transform: translate(0, 0);  }  100% {transform: translate(24px, 0);  }}
ul.v-submenu{padding:0; margin:0 -16px; list-style:none; list-style-position:inside;}
ul.v-submenu li a{padding:12px 16px; border-bottom:1px solid var(--soft); font-size:16px; font-weight:600; display:block;}
ul.v-submenu li:last-child{border-bottom:none;}
ul.v-submenu li:hover{background:var(--f8);}
ul.v-submenu li a.selected{color:var(--blue);}

ul.row-list.list_pengurus{padding:0; margin:0 -8px; justify-content:center; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid var(--gray);}
ul.row-list.list_pengurus li .box-avatar{flex-direction:column; display:flex; justify-content:center; align-items:center;}
ul.row-list.list_pengurus li .box-avatar .avatar{height:90px; width:90px; border-radius:50%; background:var(--soft); color:var(--gray);}
ul.row-list.list_pengurus li .box-avatar .avatar i{font-size:60px;}
ul.row-list.list_pengurus li .box-avatar .avatar img{width:auto; height:90px;}
ul.row-list.list_pengurus li .box-avatar .text-avatar{padding:16px 0 0 0;}
ul.row-list.list_pengurus li .box-avatar .text-avatar h4{font-size:16px; line-height:120%; text-align:center;}
ul.row-list.list_pengurus li .box-avatar .text-avatar p{font-size:14px; line-height:120%; text-align:center;}
ul.row-list.list_pengurus li .box-avatar .text-avatar h6{font-size:12px; line-height:120%; text-align:center; font-weight:500; margin-bottom:8px;}

ul.accordion {list-style: none;padding: 0;}
.inner {padding:16px;overflow: hidden;display: none;background:var(--white);border-top:1px solid var(--gray);}  
ul.accordion li {margin: .5em 0; border-radius:6px; overflow:hidden;box-shadow: 1px 1px 6px rgba(0,0,0,0.1); position:relative;}  
 ul.accordion li  a.toggle {width: 100%;display: block;color:var(--black);padding:8px 46px 8px 16px;background:#fff;transition: background .3s ease;font-weight:600;position:relative;}
  ul.accordion li  a.toggle .arrows::before{position:absolute; top:5px; right:5px; width:32px; height:32px; font-size:16px; display:flex; justify-content:center; align-items:center;content: "\f107";font-family: 'FontAwesome'; border-radius:20px; background:#f8f8f8;}
  ul.accordion li  a.toggle .arrows.rotated::before{transform:rotate(180deg);}

ul.accordion.daftar li a.toggle .arrows::before{background:transparent;}