.fullwidthbanner-container {
     height: 450px !important;
     overflow: hidden;
     padding: 0;
     position: relative;
     width: 100%;
     background: #000;
     /* anti white flash */
 }

 .rev_slider,
 .rev_slider_wrapper {
     height: 450px !important;
 }

 .rev-slidebg {
     height: 100% !important;
 }

 .tp-bannertimer {
     z-index: 98;
 }

 .tp-caption {
     color: #fff;
     text-align: center;
 }

 .caption-big-title {
     font-size: 30px;
     line-height: 1.1667em;
     margin: 0;
 }

 .caption-big-title strong, .tp-caption .caption-big-title i {
     font-size: 30px;
 }

 .caption-medium-title {
     font-size: 25px;
     line-height: 1.1667em;
     margin: 0;
 }

 .caption-medium-title strong, .tp-caption .caption-medium-title i {
     font-size: 25px;
 }

 .caption-small-title {
     font-size: 20px;
     line-height: 1.1667em;
     margin: 0;
 }

 .caption-medium-title strong, .tp-caption .caption-medium-title i {
     font-size: 20px;
 }

 .tp-caption .button-group {
     text-align: left;
     margin: 0;
 }

 .tp-caption a {
     color: #fff;
 }

 .tp-caption a.link {
     display: inline-block;
     color: #fff;
     padding: 0 1.2em;
     line-height: 2.2em;
     font-weight: bold;
     font-size: 1.3333em;
 }

 .tp-caption a.link-home-slider-blue {
     background: #2d3e52;
 }

 .tp-caption a.link-home-slider-blue:hover {
     background: #223040;
 }

 .tp-caption a.link-home-slider-trans {
     background: transparent;
     border: 1px solid #fff;
     border-radius: 1px;
     font-size: 1.16667em;
     font-weight: normal;
     /*width: 120px;*/
     text-align: center;
 }

 .tp-caption a.link-home-slider-trans:hover {
     background: #fff;
     color: #78d9f8;
 }

 .tp-leftarrow.default, .tp-rightarrow.default {
     background: none;
     overflow: visible;
     opacity: .8;
     filter: alpha(80);
     -webkit-transform: none;
 }

 .tp-leftarrow.default:hover, .tp-rightarrow.default:hover {
     opacity: 1;
     filter: alpha(100);
 }

 .tp-leftarrow.default:before {
     position: absolute;
     top: 10px;
     right: 0;
     content: "\f053";
     display: block;
     color: white;
     font-size: 3em;
     font-family: FontAwesome;
 }

 .tp-rightarrow.default:before {
     position: absolute;
     top: 10px;
     left: 0;
     content: "\f054";
     display: block;
     color: white;
     font-size: 3em;
     font-family: FontAwesome;
 }

 .tp-caption.largewhitebg_button1 {
     background-color: rgba(0, 0, 0, 0);
     border-color: rgb(255, 255, 255);
     border-style: solid;
     border-width: 1px;
     color: rgb(255, 255, 255);
     font-size: 14px;
     font-weight: 400;
     line-height: 33px;
     padding: 0 25px;
     text-decoration: none;
     text-shadow: none;
     cursor: pointer;
 }

 .tp-caption.largewhitebg_button1 a {
     color: #fff;
 }

 .tp-caption.largewhitebg_button1:hover {
     background-color: rgb(255, 255, 255);
     border-color: rgb(255, 255, 255);
     border-style: solid;
     border-width: 1px;
     color: rgb(1, 183, 242);
     font-size: 14px;
     font-weight: 400;
     line-height: 33px;
     padding: 0 25px;
     text-decoration: none;
     text-shadow: none;
 }

 .tp-caption.largewhitebg_button1:hover a {
     color: #78d9f8;
 }

 .tp-caption.large_bold_white_med {
     background-color: transparent;
     border-color: rgb(255, 214, 88);
     border-style: none;
     border-width: 0;
     color: rgb(255, 255, 255);
     text-align: left;
     font-size: 25px;
     font-weight: 400;
     line-height: 28px;
     text-decoration: none;
 }

 .tp-caption.large_bold_white_med_2 {
     background-color: transparent;
     border-color: rgb(255, 214, 88);
     border-style: none;
     border-width: 0;
     color: rgb(255, 255, 255);
     font-size: 30px;
     font-weight: 500;
     line-height: 28px;
     text-decoration: none;
 }

 .tp-caption.large_bold_black2_1 {
     background-color: transparent;
     border-color: rgb(255, 214, 88);
     border-style: none;
     border-width: 0;
     color: #ffffff;
     font-size: 15px;
     font-weight: 500;
     line-height: 32px;
     text-decoration: none;
     text-transform: uppercase;
 }

 .tp-caption.large_bold_black2_2 {
     font-size: 20px;
     color: #fff;
     line-height: 30px;
 }

 .tp-caption.black22 {
     background-color: transparent;
     border-color: rgb(0, 0, 0);
     border-style: none;
     border-width: 0;
     color: rgb(255, 70, 53);
     font-size: 25px;
     text-decoration: none;
     text-shadow: none;
 }

 .tp-caption.black33 {
     background-color: transparent;
     border-color: rgb(0, 0, 0);
     border-style: none;
     border-width: 0;
     color: rgb(62, 62, 62);
     font-size: 40px;
     font-weight: 900;
     line-height: 33px;
     text-decoration: none;
     text-shadow: none;
 }

 .tp-caption.black331 {
     background-color: transparent;
     border-color: rgb(0, 0, 0);
     border-style: solid;
     border-width: 0;
     color: rgb(62, 62, 62);
     font-size: 48px;
     font-weight: 900;
     line-height: 17px;
     text-decoration: none;
     text-shadow: none;
 }

 .tp-caption.black3_1 {
     background-color: transparent;
     border-color: rgb(0, 0, 0);
     border-style: none;
     border-width: 0;
     color: rgb(255, 255, 255);
     font-size: 150px;
     line-height: 117px;
     text-decoration: none;
     text-shadow: 0 15px 10px rgba(51, 62, 2, 0.42);
     text-transform: uppercase;
     word-spacing: normal;
     font-family: 'NexaBlack';
     letter-spacing: -0.1em;
     padding-right: 0.1em;
 }

 .tp-caption.black3_11 {
     background-color: transparent;
     border-color: rgb(0, 0, 0);
     border-style: none;
     border-width: 0;
     color: rgb(255, 255, 255);
     font-size: 15px;
     font-weight: 800;
     line-height: 20px;
     text-decoration: none;
     text-shadow: 0 15px 10px rgba(51, 62, 2, 0.42);
     text-transform: uppercase;
     word-spacing: normal;
 }

 .tp-caption.large_bold_white_med111 {
     background-color: transparent;
     border-color: rgb(255, 214, 88);
     border-style: none;
     border-width: 0;
     color: rgb(255, 255, 255);
     font-size: 17px;
     font-weight: 600;
     line-height: 28px;
     text-decoration: none;
     text-transform: uppercase;
 }

 .tp-caption.large_bold_white_med_222 {
     background-color: transparent;
     border-color: rgb(255, 214, 88);
     border-style: none;
     border-width: 0;
     color: #ffffff;
     font-size: 51px;
     font-weight: 300;
     line-height: 58px;
     text-decoration: none;
     text-transform: uppercase;
 }

 .tp-caption.black3_1112 {
     background-color: transparent;
     border-color: rgb(0, 0, 0);
     border-style: none;
     border-width: 0;
     color: #ffffff;
     font-size: 16px;
     font-weight: normal;
     line-height: 22px;
     text-decoration: none;
     word-spacing: normal;
     text-align: left;
 }

 .tp-caption.large_bold_white_med1221 {
     background-color: transparent;
     border-color: rgb(255, 214, 88);
     border-style: none;
     border-width: 0;
     color: rgb(255, 255, 255);
     font-size: 30px;
     font-weight: bold;
     line-height: 40px;
     text-decoration: none;
     text-transform: uppercase;
 }

 .tp-caption.largewhitebg_button1_blue, .tp-caption.largewhitebg_button1_yellow, .tp-caption.largewhitebg_button1_green {
     background: transparent;
     border: 1px solid #fff;
     color: #fff;
     font-size: 16px;
     font-weight: bold;
     line-height: 36px;
     padding: 0 25px;
     text-decoration: none;
 }

 .tp-caption.largewhitebg_button1_blue:hover {
     background-color: #fff;
     color: #01b7f2;
 }

 .tp-caption.largewhitebg_button1_yellow:hover {
     background-color: #fff;
     color: #fdb714;
 }

 .tp-caption.largewhitebg_button1_green:hover {
     background-color: #fff;
     color: #98ce44;
 }

 .caption-nowrap .tp-caption {
     white-space: nowrap;
 }

 /*.tp-simpleresponsive > ul > li {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}*/




 /* disabilitas css */
 /* ========== ACCESSIBILITY PANEL (SAFE) ========== */
 /* ====== PANEL DENGAN GRADIENT ====== */


 #accessibility-panel {
     position: fixed;
     top: 0;
     left: -360px;
     width: 360px;
     height: 100vh;
     background: linear-gradient(160deg, #1a1f2bf2, #2c2f45f2, #1d1f33c9);
     backdrop-filter: blur(4px);
     color: #eee;
     z-index: 999999;
     transition: 0.35s ease;
     padding: 25px 20px;
     overflow-y: auto;
     box-shadow: 4px 0 25px rgba(0, 0, 0, 0.3);
     border-right: 1px solid rgba(255, 255, 255, 0.08);
 }

 #accessibility-panel.open {
     left: 0;
 }

 /* ====== TOMBOL CLOSE ====== */
 #acc-close-btn {
     position: absolute;
     top: 18px;
     right: 18px;
     font-size: 18px;
     cursor: pointer;
     background: linear-gradient(135deg, #dd9f16, #cc0000);
     color: white;
     width: 34px;
     height: 34px;
     border-radius: 12px;
     display: flex;
     align-items: center;
     justify-content: center;
     font-weight: bold;
     box-shadow: 0 4px 10px rgba(255, 0, 110, 0.35);
     transition: 0.25s;
 }

 #acc-close-btn:hover {
     transform: scale(1.08);
     box-shadow: 0 6px 14px rgba(255, 0, 110, 0.45);
 }

 /* ====== JUDUL ====== */
 .acc-title {
     font-size: 20px;
     font-weight: 600;
     letter-spacing: 0.5px;
     margin-bottom: 22px;
     margin-top: 5px;
     text-transform: uppercase;
     color: #fff;
 }

 /* ====== ITEM ====== */
 .acc-container {
     padding: 0;
 }

 .acc-switch {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 16px 0;
     border-bottom: 1px solid rgba(255, 255, 255, 0.07);
 }

 .acc-switch label {
     font-size: 16px;
     font-weight: 600;
 }

 /* ====== TOGGLE ====== */
 .acc-toggle {
     width: 52px;
     height: 26px;
     background: rgba(255, 255, 255, 0.25);
     border-radius: 30px;
     position: relative;
     cursor: pointer;
     transition: 0.25s;
     backdrop-filter: blur(2px);
 }

 .acc-toggle::after {
     content: "";
     width: 22px;
     height: 22px;
     background: #fff;
     border-radius: 50%;
     position: absolute;
     top: 2px;
     left: 2px;
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
     transition: 0.25s;
 }

 .acc-toggle.on {
     background: linear-gradient(135deg, #ff4f8a, #ff006e);
 }

 .acc-toggle.on::after {
     left: 28px;
 }

 /* ====== TEXT SCALE ====== */
 #text-scale-display {
     text-align: center;
     font-weight: bold;
     margin-top: 10px;
     color: #fff;
     font-size: 16px;
 }

 .acc-switch .acc-icon {
     font-size: 18px;
     margin-right: 12px;
     opacity: 0.9;
     display: inline-flex;
     width: 22px;
 }

 .acc-btn-scale {
     width: 42px;
     height: 42px;
     border-radius: 12px;
     border: none;
     font-size: 20px;
     font-weight: 700;
     cursor: pointer;
     margin: 5px;
     background: rgba(255, 255, 255, 0.2);
     color: #fff;
     transition: 0.25s;
 }

 .acc-btn-scale:hover {
     background: rgba(255, 255, 255, 0.35);
     transform: scale(1.08);
 }

 /* ====== FLOATING BUTTON ====== */
 /* Container tombol */
 #accessibility-btn {
     position: fixed;
     bottom: 32px;
     left: 32px;
     display: flex;
     align-items: center;
     gap: 14px;
     cursor: pointer;
     z-index: 99999;
     transition: 0.3s ease;
 }

 /* ========= 3D CIRCLE ========== */
 .acc-icon-circle {
     width: 50px;
     height: 50px;
     border-radius: 50%;
     background: #ffffff;

     display: flex;
     justify-content: center;
     align-items: center;
     border: 3px solid rgb(228, 0, 0);
     transition: 0.25s ease-out;
 }

 /* ICON GRADIENT 3D */
 .acc-icon {
     font-size: 30px;
     font-weight: bold;
     background: linear-gradient(150deg, #ffffff, #ffffff);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }


 /* ========= LABEL TEKS ========= */
 .acc-label {
     font-size: 20px;
     font-weight: 700;
     color: #111;
     letter-spacing: 0.5px;
     transition: 0.25s ease;
 }

 /* ========= HOVER EFFECT 3D LIFT-UP ========= */
 #accessibility-btn:hover .acc-icon-circle {
     transform: translateY(-6px);
     box-shadow:
         inset 2px 2px 4px rgba(0, 0, 0, 0.25),
         inset -2px -2px 4px rgba(255, 255, 255, 0.9),
         10px 10px 20px rgba(0, 0, 0, 0.35),
         -3px -3px 12px rgba(255, 255, 255, 0.75);
     border-color: #ff007f;
 }

 #accessibility-btn:hover .acc-label {
     color: #ff007f;
     letter-spacing: 1px;
 }


 /* ====== MODE EFEK ====== */
 html.monokrom {
     filter: grayscale(100%);
 }

 html.high-contrast {
     filter: contrast(180%);
 }

 html.bright-bg {
     background: #fff !important;
     color: #000 !important;
 }

 html.negative {
     filter: invert(100%);
 }

 html.dark-mode {
     background-color: #111 !important;
     color: #eee !important;
 }

 /* Tombol Aksesibilitas Modern */
 .accessibility-btn-modern {
     position: fixed;
     bottom: 30px;
     right: 30px;
     background: linear-gradient(135deg, #004aad, #6e8cff);
     padding: 12px 22px;
     border-radius: 50px;
     color: white;
     display: flex;
     align-items: center;
     gap: 10px;
     cursor: pointer;
     font-weight: 500;
     box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
     z-index: 999999;
     transition: 0.25s ease;
     border: 1px solid rgba(255, 255, 255, 0.15);
 }

 /* Hover */
 .accessibility-btn-modern:hover {
     transform: scale(1.07);
     box-shadow: 0 14px 28px rgba(0, 0, 0, 0.3);
 }

 /* Icon besar */
 .accessibility-btn-modern .icon {
     font-size: 32px;
     /* ICON LEBIH BESAR */
     line-height: 1;
 }

 /* Teks kecil dan elegan */
 .accessibility-btn-modern .text {
     font-size: 13px;
     letter-spacing: 0.2px;
     opacity: 0.9;
     font-weight: 400;
 }

 /* ====== FLOATING BUTTON (APPLE STYLE) ====== */
 #accessibility-btn {
     position: fixed;
     bottom: 32px;
     left: 32px;
     display: flex;
     align-items: center;
     gap: 10px;
     cursor: pointer;
     z-index: 999999;
     transition: 0.25s ease;
 }

 /* ICON CIRCLE — versi Apple + tetap 3D Anda */
 .acc-icon-circle {
     width: 54px;
     height: 54px;
     border-radius: 50%;
     background: white;

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

     box-shadow:
         0 6px 12px rgba(0, 0, 0, 0.18),
         inset 0 2px 4px rgba(255, 255, 255, 0.7);

     transition: 0.25s ease;
 }


 /* LABEL — kecil namun elegan */
 .acc-label {
     font-size: 13px;
     font-weight: 500;
     color: #222;
     opacity: 0;
     transform: translateX(-8px);
     transition: 0.25s ease;
     pointer-events: none;
 }

 /* ====== HOVER EFFECT ====== */

 #accessibility-btn:hover .acc-label {
     opacity: 1;
     transform: translateX(0);
 }

 #accessibility-btn:hover .acc-icon-circle {
     transform: translateY(-4px);
     box-shadow:
         0 10px 24px rgba(0, 0, 0, 0.28),
         inset 0 3px 6px rgba(255, 255, 255, 0.85);
 }


 /* Dasar dark mode */
 .dark-mode {
     background-color: #121212 !important;
     color: #e0e0e0 !important;
 }

 /* Teks di dalam div, section, article */
 .dark-mode body,
 .dark-mode div,
 .dark-mode section,
 .dark-mode article,
 .dark-mode p,
 .dark-mode span,
 .dark-mode li,
 .dark-mode a {
     color: #e0e0e0 !important;
     background-color: transparent !important;
 }

 /* Tombol */
 .dark-mode button {
     background-color: #333 !important;
     color: #f0f0f0 !important;
     border: 1px solid #555 !important;
 }

 /* Input / textarea */
 .dark-mode input,
 .dark-mode textarea,
 .dark-mode select {
     background-color: #222 !important;
     color: #f0f0f0 !important;
     border: 1px solid #555 !important;
 }

 /* Table */
 .dark-mode table {
     background-color: #1e1e1e !important;
     color: #f0f0f0 !important;
 }

 .dark-mode th, .dark-mode td {
     border-color: #555 !important;
 }

 /* Links */
 .dark-mode a {
     color: #4ea3f1 !important;
 }

 /* Tombol Reset */
 .acc-btn-reset {
     /*padding: 10px 20px;*/
     background: #dd016f;
     color: #fff;
     border: none;
     border-radius: 6px;
     cursor: pointer;
     font-weight: bold;
     transition: background 0.3s ease;
 }

 .acc-btn-reset:hover {
     background: #ff4fa0;
 }

 #accessibility-btn {
     display: flex;
     align-items: center;
     gap: 10px;
     cursor: pointer;
 }

 .acc-icon-circle {
     width: 44px;
     height: 44px;
     background: #3f8f7a;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .acc-icon {
     font-size: 22px;
     color: #fff;
 }

 .acc-label {
     font-size: 14px;
     font-weight: 600;
     color: #3f8f7a;
 }