https://bengkaliskab.go.id/

Scan ID:: e4e025d8-bfb9-451a-b811-8a7642abf0bfFinished
Submitted URL:: https://bengkaliskab.go.id/
Report Finished:: Oct 3, 2024, 23:13:31
Links · 2 found

The outgoing links identified from the page
Link	Text
https://maps.google.com/maps?ll=1.473038,102.113118&z=15&t=m&hl=en&gl=ID&mapclient=embed&cid=14525992749569759787	icon Jl. Ahmad Yani, Bengkalis Kota
https://www.youtube.com/watch?v=-wyPGgKjR60	iconProfile Kabupaten BengkalisBy Prokopim Kabupaten Bengkalis
JavaScript Variables · 158 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
Name	Type
0	object
1	object
2	object
3	object
onbeforetoggle	object
documentPictureInPicture	object
onscrollend	object
gtag	function
dataLayer	object
$	function
Console log messages · 3 found

Messages logged to the web console
Type	Category	Log
error	other	URL https://platform-api.sharethis.com/panorama.js Text SYNC.JS: Aborting because TCF string was expected but not present.
error	other	URL https://platform-api.sharethis.com/panorama.js Text SYNC.JS: Aborting because no consent was present on the request or stored server-side
error	other	URL https://platform-api.sharethis.com/panorama.js Text SYNC.JS: Aborting due to above errors.
HTML

The raw HTML body of the page
<!DOCTYPE html><html lang="en"><head>
<meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="author" content="Abu Umar's House">
<meta charset="UTF-8">
<meta name="language" content="Indonesia">
<meta name="revisit-after" content="7">
<meta name="webcrawlers" content="all">
<meta name="rating" content="general">
<meta name="spiders" content="all">
<meta name="robots" content="all">
<meta property="fb:app_id" content="">
<meta property="fb:pages" content="">
<meta name="facebook-domain-verification" content="">
<!-- meta fb og start -->
<meta property="og:url" content="https://bengkaliskab.go.id">
<meta property="og:type" content="article">
<meta property="og:title" content="Bengkaliskab.go.id - Portal Resmi Pemerintah Kabupaten Bengkalis">
<meta property="og:image" content="https://kelurahankota.bengkaliskab.go.id/upload/banner/2022/08/544/16082022122412_channels4_profile.jpg">
<meta property="og:site_name" content="Bengkaliskab.go.id">
<meta property="og:description" content="Tempat Publikasi Informasi dan Layanan Resmi Pemerintah Kabupaten Bengkalis">
<meta name="description" content="Tempat Publikasi Informasi dan Layanan Resmi Pemerintah Kabupaten Bengkalis">
<meta name="keywords" content="Pemerintah Kabupaten Bengkalis">
<!-- meta fb og end -->

  <!-- FAVICONS ICON -->
  <link rel="icon" href="https://bengkaliskab.go.id/favicon.png" type="image/x-icon">
  <!-- PAGE TITLE HERE -->
  <title>Bengkaliskab.go.id - Portal Resmi Pemerintah Kabupaten Bengkalis</title>

  <!-- MOBILE SPECIFIC -->
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, shrink-to-fit=no">
  <meta name="mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-touch-fullscreen" content="yes">
  <meta name="theme-color" content="#07c">
  <!-- home screen icon defaults - 48x48 -->
  <link rel="apple-touch-icon" href="https://secure.webtoolhub.com/static/resources/icons/set117/8786563c.png">
  <meta name="HandheldFriendly" content="True">
  <link rel="apple-touch-startup-image" href="https://secure.webtoolhub.com/static/resources/icons/set117/8786563c.png">
  <meta name="application-name" content="Bengkaliskab.go.id">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css" integrity="sha512-MV7K8+y+gLIBoVD59lQIYicR65iaqukzvf/nwasF0nqhPay5w/9lJmVM2hMDcnK1OnMGCdVK+iQrJ7lzPJQd1w==" crossorigin="anonymous" referrerpolicy="no-referrer">
  
	<!-- inlcude google nunito sans font cdn link -->
	<link rel="preconnect" href="https://fonts.gstatic.com">
	<link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&amp;display=swap" rel="stylesheet">
	<!-- inlcude google cabin font cdn link -->
	<link href="https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&amp;display=swap" rel="stylesheet">
	<!-- include the site bootstrap stylesheet -->
	<link rel="stylesheet" href="https://bengkaliskab.go.id/template/egov/css/bootstrap.css">
	<!-- include the site stylesheet -->
	<link rel="stylesheet" href="https://bengkaliskab.go.id/template/egov/style.css">
	<!-- include theme color setting stylesheet -->
	<link rel="stylesheet" href="https://bengkaliskab.go.id/template/egov/css/colors.css">
	<!-- include the site responsive stylesheet -->
	<link rel="stylesheet" href="https://bengkaliskab.go.id/template/egov/css/responsive.css">
	<script async="" src="https://gdpr-api.sharethis.com/cmp-v2.js"></script><script async="" src="https://platform-api.sharethis.com/panorama.js"></script><iframe id="pxcelframe" title="pxcelframe" src="//t.sharethis.com/a/t_.htm?ver=1.1523.23404&amp;cid=c010&amp;cls=B#cid=c010&amp;cls=B&amp;dmn=bengkaliskab.go.id&amp;rnd=1727997225895&amp;tt=t.dhj&amp;dhjLcy=160&amp;lbl=pxcel&amp;flbl=pxcel&amp;ll=d&amp;ver=1.1523.23404&amp;ell=d&amp;cck=__stid&amp;pn=%2F&amp;qs=na&amp;rdn=bengkaliskab.go.id&amp;rpn=%2F&amp;rqs=na&amp;cc=ES&amp;cont=EU&amp;ipaddr=" style="display: none;"></iframe><script async="" src="https://buttons-config.sharethis.com/js/63e08254b71a0b00126c118c.js"></script><script type="text/javascript" src="https://platform-api.sharethis.com/js/sharethis.js#property=63e08254b71a0b00126c118c&amp;product=inline-share-buttons" async="async"></script>
	<!-- Google tag (gtag.js) -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-RCWXZ3QNSQ"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.3.2/lazysizes.min.js" async=""></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-RCWXZ3QNSQ');
</script>
<script type="text/javascript">
    document.addEventListener('DOMContentLoaded', (event) => {
        document.addEventListener('contextmenu', (e) => {
            e.preventDefault();
        });
        document.addEventListener('keydown', (e) => {
                if ((e.ctrlKey && (e.key === 'u' || e.key === 's' || e.key === 'r' || e.key === 'p' || e.key === 'i')) || e.key === "F5") {
                    e.preventDefault();
                }
            });
       
  
    });

</script>
<style type="text/css">@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600);</style><style type="text/css">#st-cmp-v2 .st-cmp-app {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999999;
  width: 100%;
  height: 100%;
}
#st-cmp-v2 .st-cmp-app * {
  box-sizing: border-box;
  font-family: "Open Sans";
  font-size: 13px;
}
#st-cmp-v2 .st-cmp-app .st-switch {
  height: unset;
}
#st-cmp-v2 .st-cmp-app .st-cmp-header-nav-buttons {
  display: none;
}
#st-cmp-v2 .st-cmp-app .st-cmp-footer-nav-buttons {
  display: inline-block;
}
#st-cmp-v2 .st-cmp-app .st-cmp-permanent-footer-nav-buttons {
  float: right;
}
#st-cmp-v2 .st-cmp-app .st-cmp-scroll-buttons {
  float: right;
}
#st-cmp-v2 .st-cmp-app .st-cmp-overlay {
  z-index: 1000000000;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}
#st-cmp-v2 .st-cmp-app .st-layer {
  height: 100%;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content {
  padding: 30px 40px;
  z-index: 1000000001;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  height: 80%;
  background-color: #fff;
  border-radius: 4px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content * {
  list-style: disc;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content ul {
  margin: 0px 0px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content a {
  color: #09cd18;
  text-decoration: none;
  font-size: 15px;
  cursor: pointer;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content a:hover {
  color: #08b515;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content p {
  font-weight: 100;
  font-size: 17px;
  margin-top: 0;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content h1 {
  color: #09cd18;
  display: inline-block;
  font-size: 40px;
  font-weight: 100;
  letter-spacing: 1px;
  margin: 0 0 20px 0;
  margin-bottom: 10px;
  max-width: none;
  padding: 0 0;
  position: inherit;
  text-align: left;
  text-transform: uppercase;
  transform: none;
  word-spacing: 1px;
  width: fit-content;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content h2 {
  line-height: 26px;
  margin: 20px 0 0 10px;
  font-size: 22px;
  font-weight: 600;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content h3 {
  line-height: 18px;
  margin: 10px 0 5px 10px;
  font-size: 16px;
  font-weight: 600;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content h4 {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  margin: 0 0 20px 10px;
  font-size: 14px;
  margin-bottom: 0px;
  color: inherit;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content h5 {
  font-size: 14px;
  font-weight: normal;
  line-height: 14px;
  margin: 0 0 10px 0;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .header {
  display: inline-block;
  width: 100%;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .header .st-text {
  vertical-align: text-top;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards {
  padding: 0px 0px 10px 0px;
  background-color: #f8f8f8;
  overflow: scroll;
  max-height: 47vh;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards-full {
  max-height: 60.4vh;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-disclaimer {
  padding: 0px 5px;
  overflow: scroll;
  height: 13vh;
  margin-top: 15px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-disclaimer p {
  font-size: 15px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-settings {
  width: 86px;
  height: 24px;
  background-color: #09cd18;
  color: #fff;
  cursor: pointer;
  position: fixed;
  right: -7px;
  bottom: 55px;
  border-radius: 2px;
  line-height: 11px;
  box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
}
#st-cmp-v2 .st-cmp-app .st-cmp-settings span {
  text-transform: uppercase;
  font-size: 12px;
  vertical-align: text-top;
  position: absolute;
  left: 10px;
  top: 6px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-settings img {
  width: 17px;
  height: 17px;
  filter: invert(100%);
  position: absolute;
  left: 60px;
  top: 3px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-settings:hover {
  background-color: #08b916;
}
#st-cmp-v2 .st-cmp-app-hidden {
  width: 0px !important;
  height: 0px !important;
}
@media (max-height: 1000px) {
  #st-cmp-v2 .st-cmp-app .st-cmp-content {
    width: 65%;
  }
  #st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards {
    max-height: 43vh;
  }
  #st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards-full {
    max-height: 58vh;
  }
  #st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-disclaimer {
    height: 14.5vh;
  }
}
@media (max-height: 835px) {
  #st-cmp-v2 .st-cmp-app .st-cmp-content {
    width: 75%;
  }
  #st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards {
    max-height: 36.3vh;
  }
  #st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards-full {
    max-height: 54.9vh;
  }
  #st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-disclaimer {
    height: 18vh;
  }
}
@media (max-height: 690px) {
  #st-cmp-v2 .st-cmp-app .st-cmp-content {
    width: 75%;
  }
  #st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards {
    max-height: 33vh;
  }
  #st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards-full {
    max-height: 49.3vh;
  }
  #st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-disclaimer {
    height: 15.5vh;
  }
}
@media (max-height: 550px) {
  #st-cmp-v2 .st-cmp-app .st-cmp-content {
    width: 85%;
    height: 85%;
  }
  #st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards {
    max-height: 32.1vh;
  }
  #st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards-full {
    max-height: 48vh;
  }
  #st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-disclaimer {
    height: 15vh;
  }
}
@media (max-height: 450px) {
  #st-cmp-v2 .st-cmp-app .st-cmp-content {
    width: 95%;
    height: 95%;
  }
  #st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards {
    max-height: 27vh;
  }
  #st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards-full {
    max-height: 38.3vh;
  }
  #st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-disclaimer {
    height: 10vh;
  }
}
@media (max-width: 1300px) {
  #st-cmp-v2 .st-cmp-app .st-cmp-content {
    width: 75%;
    height: 80%;
  }
}
@media (max-width: 1200px) {
  #st-cmp-v2 .st-cmp-app .st-cmp-content {
    width: 80%;
    height: 80%;
  }
}
@media (max-width: 1100px) {
  #st-cmp-v2 .st-cmp-app .st-cmp-content h1 {
    font-size: 35px;
  }
}
@media (max-width: 1000px) {
  #st-cmp-v2 .st-cmp-app .st-cmp-content h1 {
    font-size: 30px;
  }
}
@media (max-width: 900px) {
  #st-cmp-v2 .st-cmp-app .st-cmp-content {
    width: 90%;
    height: 90%;
  }
}
@media (max-width: 850px) {
  #st-cmp-v2 .st-cmp-app .st-button .st-text {
    display: unset;
  }
}
@media only screen and (max-device-height: 950px) and (max-device-width: 700px) {
  #st-cmp-v2 .st-cmp-app {
    height: 65%;
    top: 35%;
    border-top-left-radius: 0px;
    border-top-right-raidus: 0px;
    border-top: 1px solid #ddd;
  }
  #st-cmp-v2 .st-cmp-app .st-cmp-overlay {
    width: 0%;
    height: 0%;
  }
  #st-cmp-v2 .st-cmp-app .st-cmp-full-header {
    margin-left: -15px;
    padding-left: 15px;
    margin-top: -15px;
    padding-top: 15px;
    width: calc(100% + 30px);
  }
  #st-cmp-v2 .st-cmp-app .st-cmp-header-nav-buttons {
    display: block;
    margin-left: -3px;
    margin-top: -10px;
  }
  #st-cmp-v2 .st-cmp-app .st-cmp-header-nav-buttons .st-button-inner {
    min-width: 0px !important;
  }
  #st-cmp-v2 .st-cmp-app .st-cmp-footer-nav-buttons {
    display: none;
  }
  #st-cmp-v2 .st-cmp-app .st-cmp-permanent-footer-nav-buttons {
    float: none;
    background-color: #fff;
    display: flex;
    justify-st-cmp-content: space-around;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0px;
    padding: 10px 10px 20px 10px;
  }
  #st-cmp-v2 .st-cmp-app .st-cmp-permanent-footer-nav-buttons .st-button-inner {
    width: 28vw !important;
  }
  #st-cmp-v2 .st-cmp-app .st-cmp-scroll-buttons {
    display: none;
  }
  #st-cmp-v2 .st-cmp-app .st-cmp-content {
    width: 100%;
    height: 100%;
    padding: 15px;
  }
  #st-cmp-v2 .st-cmp-app .st-cmp-content h1 {
    font-size: 22px;
    letter-spacing: 0px;
    margin-bottom: 0px;
  }
  #st-cmp-v2 .st-cmp-app .st-cmp-content h2 {
    font-size: 17px;
    margin-top: 10px;
  }
  #st-cmp-v2 .st-cmp-app .st-cmp-content h3 {
    font-size: 15px;
  }
  #st-cmp-v2 .st-cmp-app .st-cmp-content h4 {
    font-size: 13px;
    margin-top: 0px;
  }
  #st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-disclaimer {
    height: 75%;
    margin-top: 0px;
  }
  #st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards {
    display: none;
  }
  #st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards-full {
    display: inherit;
    height: 75%;
    max-height: unset;
  }
  #st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards-full .st-cmp-item h4 {
    width: 190px;
  }
  #st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards-full .st-cmp-li-label-full {
    display: none;
  }
  #st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards-full .st-cmp-li-label-mobile {
    display: unset !important;
  }
  #st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-card {
    margin-top: 10px;
  }
  #st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-card .st-switch label {
    width: 230px;
  }
  #st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-detailed-selection-card {
    margin-top: -10px;
  }
  #st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-vendor-selection-card {
    margin: 0px;
  }
  #st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-vendor-selection-card h3 {
    width: 170px;
  }
  #st-cmp-v2 .st-cmp-app .st-cmp-content .st-third-layer .st-cmp-selection-cards h2 {
    margin-bottom: 10px;
  }
}
@media only screen and (max-device-height: 700px) and (max-device-width: 700px) {
  #st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards {
    height: 0%;
  }
  #st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards-full {
    height: 75%;
  }
  #st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-disclaimer {
    height: 75%;
  }
}
@media only screen and (max-device-width: 370px) {
  #st-cmp-v2 .st-cmp-app .st-cmp-content h1 {
    font-size: 20px;
    letter-spacing: -0.5px;
  }
  #st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards-full .st-cmp-item h4 {
    width: 145px;
  }
  #st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-card .st-switch label {
    width: 210px;
  }
  #st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-vendor-selection-card h3 {
    width: 150px;
  }
}
@media only screen and (max-device-width: 350px) {
  #st-cmp-v2 .st-cmp-app .st-cmp-content h1 {
    font-size: 20px;
    letter-spacing: -0.5px;
  }
  #st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards-full .st-cmp-item h4 {
    width: 140px;
  }
  #st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-card .st-switch label {
    width: 180px;
  }
  #st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-vendor-selection-card h3 {
    width: 140px;
  }
}
@media only screen and (max-device-width: 320px) {
  #st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-vendor-selection-card h3 {
    width: 110px;
  }
}
</style><style type="text/css">#st-cmp-v2 .st-cmp-app.st-cmp-twitter-orange h1,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-orange .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-orange .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
  color: #ff6900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-orange a {
  color: #ff6900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-orange a:hover {
  color: #e65e00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-orange .st-button .st-button-inner {
  background: #ff6900;
  border-color: #ff6900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-orange .st-button .st-button-inner:hover {
  background: #e65e00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-orange .st-button.ghost .st-button-inner {
  color: #ff6900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-orange .st-button.ghost .st-button-inner:hover {
  background: none;
  color: #e65e00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-orange .st-switch .slider[data-checked] {
  background-color: #ff6900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-orange .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-orange .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
  border-right: 2px solid #ff6900;
  border-bottom: 2px solid #ff6900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-orange .st-cmp-settings {
  background-color: #ff6900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-orange .st-cmp-settings:hover {
  background-color: #ff781a;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-yellow h1,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-yellow .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-yellow .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
  color: #fcb900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-yellow a {
  color: #fcb900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-yellow a:hover {
  color: #e3a600;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-yellow .st-button .st-button-inner {
  background: #fcb900;
  border-color: #fcb900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-yellow .st-button .st-button-inner:hover {
  background: #e3a600;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-yellow .st-button.ghost .st-button-inner {
  color: #fcb900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-yellow .st-button.ghost .st-button-inner:hover {
  background: none;
  color: #e3a600;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-yellow .st-switch .slider[data-checked] {
  background-color: #fcb900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-yellow .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-yellow .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
  border-right: 2px solid #fcb900;
  border-bottom: 2px solid #fcb900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-yellow .st-cmp-settings {
  background-color: #fcb900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-yellow .st-cmp-settings:hover {
  background-color: #ffc117;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-green h1,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-green .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-green .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
  color: #7bdcb5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-green a {
  color: #7bdcb5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-green a:hover {
  color: #67d7aa;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-green .st-button .st-button-inner {
  background: #7bdcb5;
  border-color: #7bdcb5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-green .st-button .st-button-inner:hover {
  background: #67d7aa;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-green .st-button.ghost .st-button-inner {
  color: #7bdcb5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-green .st-button.ghost .st-button-inner:hover {
  background: none;
  color: #67d7aa;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-green .st-switch .slider[data-checked] {
  background-color: #7bdcb5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-green .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-green .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
  border-right: 2px solid #7bdcb5;
  border-bottom: 2px solid #7bdcb5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-green .st-cmp-settings {
  background-color: #7bdcb5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-green .st-cmp-settings:hover {
  background-color: #60d5a6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-green h1,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-green .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-green .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
  color: #00d084;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-green a {
  color: #00d084;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-green a:hover {
  color: #00b674;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-green .st-button .st-button-inner {
  background: #00d084;
  border-color: #00d084;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-green .st-button .st-button-inner:hover {
  background: #00b674;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-green .st-button.ghost .st-button-inner {
  color: #00d084;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-green .st-button.ghost .st-button-inner:hover {
  background: none;
  color: #00b674;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-green .st-switch .slider[data-checked] {
  background-color: #00d084;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-green .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-green .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
  border-right: 2px solid #00d084;
  border-bottom: 2px solid #00d084;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-green .st-cmp-settings {
  background-color: #00d084;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-green .st-cmp-settings:hover {
  background-color: #0b7;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-blue h1,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-blue .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-blue .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
  color: #8ed1fc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-blue a {
  color: #8ed1fc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-blue a:hover {
  color: #75c7fb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-blue .st-button .st-button-inner {
  background: #8ed1fc;
  border-color: #8ed1fc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-blue .st-button .st-button-inner:hover {
  background: #75c7fb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-blue .st-button.ghost .st-button-inner {
  color: #8ed1fc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-blue .st-button.ghost .st-button-inner:hover {
  background: none;
  color: #75c7fb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-blue .st-switch .slider[data-checked] {
  background-color: #8ed1fc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-blue .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-blue .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
  border-right: 2px solid #8ed1fc;
  border-bottom: 2px solid #8ed1fc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-blue .st-cmp-settings {
  background-color: #8ed1fc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-blue .st-cmp-settings:hover {
  background-color: #68c1fb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-blue h1,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-blue .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-blue .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
  color: #0693e3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-blue a {
  color: #0693e3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-blue a:hover {
  color: #0583ca;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-blue .st-button .st-button-inner {
  background: #0693e3;
  border-color: #0693e3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-blue .st-button .st-button-inner:hover {
  background: #0583ca;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-blue .st-button.ghost .st-button-inner {
  color: #0693e3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-blue .st-button.ghost .st-button-inner:hover {
  background: none;
  color: #0583ca;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-blue .st-switch .slider[data-checked] {
  background-color: #0693e3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-blue .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-blue .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
  border-right: 2px solid #0693e3;
  border-bottom: 2px solid #0693e3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-blue .st-cmp-settings {
  background-color: #0693e3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-blue .st-cmp-settings:hover {
  background-color: #0ca3f9;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-grey h1,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-grey .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-grey .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
  color: #abb8c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-grey a {
  color: #abb8c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-grey a:hover {
  color: #9cabb8;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-grey .st-button .st-button-inner {
  background: #abb8c3;
  border-color: #abb8c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-grey .st-button .st-button-inner:hover {
  background: #9cabb8;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-grey .st-button.ghost .st-button-inner {
  color: #abb8c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-grey .st-button.ghost .st-button-inner:hover {
  background: none;
  color: #9cabb8;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-grey .st-switch .slider[data-checked] {
  background-color: #abb8c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-grey .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-grey .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
  border-right: 2px solid #abb8c3;
  border-bottom: 2px solid #abb8c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-grey .st-cmp-settings {
  background-color: #abb8c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-grey .st-cmp-settings:hover {
  background-color: #b3bfc9;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-magenta h1,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-magenta .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-magenta .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
  color: #eb144c;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-magenta a {
  color: #eb144c;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-magenta a:hover {
  color: #d31244;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-magenta .st-button .st-button-inner {
  background: #eb144c;
  border-color: #eb144c;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-magenta .st-button .st-button-inner:hover {
  background: #d31244;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-magenta .st-button.ghost .st-button-inner {
  color: #eb144c;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-magenta .st-button.ghost .st-button-inner:hover {
  background: none;
  color: #d31244;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-magenta .st-switch .slider[data-checked] {
  background-color: #eb144c;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-magenta .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-magenta .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
  border-right: 2px solid #eb144c;
  border-bottom: 2px solid #eb144c;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-magenta .st-cmp-settings {
  background-color: #eb144c;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-magenta .st-cmp-settings:hover {
  background-color: #ed2c5e;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-pink h1,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-pink .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-pink .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
  color: #f78da7;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-pink a {
  color: #f78da7;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-pink a:hover {
  color: #f57595;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-pink .st-button .st-button-inner {
  background: #f78da7;
  border-color: #f78da7;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-pink .st-button .st-button-inner:hover {
  background: #f57595;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-pink .st-button.ghost .st-button-inner {
  color: #f78da7;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-pink .st-button.ghost .st-button-inner:hover {
  background: none;
  color: #f57595;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-pink .st-switch .slider[data-checked] {
  background-color: #f78da7;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-pink .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-pink .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
  border-right: 2px solid #f78da7;
  border-bottom: 2px solid #f78da7;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-pink .st-cmp-settings {
  background-color: #f78da7;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-pink .st-cmp-settings:hover {
  background-color: #f898b0;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-purple h1,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-purple .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-purple .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
  color: #9900ef;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-purple a {
  color: #9900ef;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-purple a:hover {
  color: #8900d5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-purple .st-button .st-button-inner {
  background: #9900ef;
  border-color: #9900ef;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-purple .st-button .st-button-inner:hover {
  background: #8900d5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-purple .st-button.ghost .st-button-inner {
  color: #9900ef;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-purple .st-button.ghost .st-button-inner:hover {
  background: none;
  color: #8900d5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-purple .st-switch .slider[data-checked] {
  background-color: #9900ef;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-purple .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-purple .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
  border-right: 2px solid #9900ef;
  border-bottom: 2px solid #9900ef;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-purple .st-cmp-settings {
  background-color: #9900ef;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-purple .st-cmp-settings:hover {
  background-color: #a70bff;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-red h1,
#st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
  color: #b80000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-red a {
  color: #b80000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-red a:hover {
  color: #9f0000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-button .st-button-inner {
  background: #b80000;
  border-color: #b80000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-button .st-button-inner:hover {
  background: #9f0000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-button.ghost .st-button-inner {
  color: #b80000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-button.ghost .st-button-inner:hover {
  background: none;
  color: #9f0000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-switch .slider[data-checked] {
  background-color: #b80000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
  border-right: 2px solid #b80000;
  border-bottom: 2px solid #b80000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-cmp-settings {
  background-color: #b80000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-cmp-settings:hover {
  background-color: #d90000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-orange h1,
#st-cmp-v2 .st-cmp-app.st-cmp-github-orange .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-github-orange .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
  color: #db3e00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-orange a {
  color: #db3e00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-orange a:hover {
  color: #c23700;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-orange .st-button .st-button-inner {
  background: #db3e00;
  border-color: #db3e00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-orange .st-button .st-button-inner:hover {
  background: #c23700;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-orange .st-button.ghost .st-button-inner {
  color: #db3e00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-orange .st-button.ghost .st-button-inner:hover {
  background: none;
  color: #c23700;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-orange .st-switch .slider[data-checked] {
  background-color: #db3e00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-orange .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-github-orange .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
  border-right: 2px solid #db3e00;
  border-bottom: 2px solid #db3e00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-orange .st-cmp-settings {
  background-color: #db3e00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-orange .st-cmp-settings:hover {
  background-color: #f84600;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-yellow h1,
#st-cmp-v2 .st-cmp-app.st-cmp-github-yellow .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-github-yellow .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
  color: #fccb00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-yellow a {
  color: #fccb00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-yellow a:hover {
  color: #e3b600;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-yellow .st-button .st-button-inner {
  background: #fccb00;
  border-color: #fccb00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-yellow .st-button .st-button-inner:hover {
  background: #e3b600;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-yellow .st-button.ghost .st-button-inner {
  color: #fccb00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-yellow .st-button.ghost .st-button-inner:hover {
  background: none;
  color: #e3b600;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-yellow .st-switch .slider[data-checked] {
  background-color: #fccb00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-yellow .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-github-yellow .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
  border-right: 2px solid #fccb00;
  border-bottom: 2px solid #fccb00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-yellow .st-cmp-settings {
  background-color: #fccb00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-yellow .st-cmp-settings:hover {
  background-color: #ffd217;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-green h1,
#st-cmp-v2 .st-cmp-app.st-cmp-github-green .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-github-green .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
  color: #008b02;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-green a {
  color: #008b02;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-green a:hover {
  color: #007202;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-green .st-button .st-button-inner {
  background: #008b02;
  border-color: #008b02;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-green .st-button .st-button-inner:hover {
  background: #007202;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-green .st-button.ghost .st-button-inner {
  color: #008b02;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-green .st-button.ghost .st-button-inner:hover {
  background: none;
  color: #007202;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-green .st-switch .slider[data-checked] {
  background-color: #008b02;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-green .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-github-green .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
  border-right: 2px solid #008b02;
  border-bottom: 2px solid #008b02;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-green .st-cmp-settings {
  background-color: #008b02;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-green .st-cmp-settings:hover {
  background-color: #00b003;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-dark-green h1,
#st-cmp-v2 .st-cmp-app.st-cmp-github-dark-green .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-github-dark-green .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
  color: #006b76;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-dark-green a {
  color: #006b76;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-dark-green a:hover {
  color: #00545d;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-dark-green .st-button .st-button-inner {
  background: #006b76;
  border-color: #006b76;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-dark-green .st-button .st-button-inner:hover {
  background: #00545d;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-dark-green .st-button.ghost .st-button-inner {
  color: #006b76;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-dark-green .st-button.ghost .st-button-inner:hover {
  background: none;
  color: #00545d;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-dark-green .st-switch .slider[data-checked] {
  background-color: #006b76;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-dark-green .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-github-dark-green .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
  border-right: 2px solid #006b76;
  border-bottom: 2px solid #006b76;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-dark-green .st-cmp-settings {
  background-color: #006b76;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-dark-green .st-cmp-settings:hover {
  background-color: #008f9d;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-light-blue h1,
#st-cmp-v2 .st-cmp-app.st-cmp-github-light-blue .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-github-light-blue .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
  color: #1273de;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-light-blue a {
  color: #1273de;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-light-blue a:hover {
  color: #1067c6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-light-blue .st-button .st-button-inner {
  background: #1273de;
  border-color: #1273de;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-light-blue .st-button .st-button-inner:hover {
  background: #1067c6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-light-blue .st-button.ghost .st-button-inner {
  color: #1273de;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-light-blue .st-button.ghost .st-button-inner:hover {
  background: none;
  color: #1067c6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-light-blue .st-switch .slider[data-checked] {
  background-color: #1273de;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-light-blue .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-github-light-blue .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
  border-right: 2px solid #1273de;
  border-bottom: 2px solid #1273de;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-light-blue .st-cmp-settings {
  background-color: #1273de;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-light-blue .st-cmp-settings:hover {
  background-color: #1e80ed;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-blue h1,
#st-cmp-v2 .st-cmp-app.st-cmp-github-blue .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-github-blue .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
  color: #004dcf;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-blue a {
  color: #004dcf;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-blue a:hover {
  color: #0044b5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-blue .st-button .st-button-inner {
  background: #004dcf;
  border-color: #004dcf;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-blue .st-button .st-button-inner:hover {
  background: #0044b5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-blue .st-button.ghost .st-button-inner {
  color: #004dcf;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-blue .st-button.ghost .st-button-inner:hover {
  background: none;
  color: #0044b5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-blue .st-switch .slider[data-checked] {
  background-color: #004dcf;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-blue .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-github-blue .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
  border-right: 2px solid #004dcf;
  border-bottom: 2px solid #004dcf;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-blue .st-cmp-settings {
  background-color: #004dcf;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-blue .st-cmp-settings:hover {
  background-color: #0058ed;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-purple h1,
#st-cmp-v2 .st-cmp-app.st-cmp-github-purple .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-github-purple .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
  color: #5300eb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-purple a {
  color: #5300eb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-purple a:hover {
  color: #4a00d2;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-purple .st-button .st-button-inner {
  background: #5300eb;
  border-color: #5300eb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-purple .st-button .st-button-inner:hover {
  background: #4a00d2;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-purple .st-button.ghost .st-button-inner {
  color: #5300eb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-purple .st-button.ghost .st-button-inner:hover {
  background: none;
  color: #4a00d2;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-purple .st-switch .slider[data-checked] {
  background-color: #5300eb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-purple .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-github-purple .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
  border-right: 2px solid #5300eb;
  border-bottom: 2px solid #5300eb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-purple .st-cmp-settings {
  background-color: #5300eb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-purple .st-cmp-settings:hover {
  background-color: #5f07ff;
}
#st-cmp-v2 .st-cmp-app.st-cmp-black h1,
#st-cmp-v2 .st-cmp-app.st-cmp-black .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-black .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
  color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-black a {
  color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-black a:hover {
  color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-black .st-button .st-button-inner {
  background: #000;
  border-color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-black .st-button .st-button-inner:hover {
  background: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-black .st-button.ghost .st-button-inner {
  color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-black .st-button.ghost .st-button-inner:hover {
  background: none;
  color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-black .st-switch .slider[data-checked] {
  background-color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-black .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-black .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-black .st-cmp-settings {
  background-color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-black .st-cmp-settings:hover {
  background-color: #1a1a1a;
}
#st-cmp-v2 .st-cmp-app.st-cmp-red h1,
#st-cmp-v2 .st-cmp-app.st-cmp-red .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-red .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
  color: #e31010;
}
#st-cmp-v2 .st-cmp-app.st-cmp-red a {
  color: #e31010;
}
#st-cmp-v2 .st-cmp-app.st-cmp-red a:hover {
  color: #cb0e0e;
}
#st-cmp-v2 .st-cmp-app.st-cmp-red .st-button .st-button-inner {
  background: #e31010;
  border-color: #e31010;
}
#st-cmp-v2 .st-cmp-app.st-cmp-red .st-button .st-button-inner:hover {
  background: #cb0e0e;
}
#st-cmp-v2 .st-cmp-app.st-cmp-red .st-button.ghost .st-button-inner {
  color: #e31010;
}
#st-cmp-v2 .st-cmp-app.st-cmp-red .st-button.ghost .st-button-inner:hover {
  background: none;
  color: #cb0e0e;
}
#st-cmp-v2 .st-cmp-app.st-cmp-red .st-switch .slider[data-checked] {
  background-color: #e31010;
}
#st-cmp-v2 .st-cmp-app.st-cmp-red .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-red .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
  border-right: 2px solid #e31010;
  border-bottom: 2px solid #e31010;
}
#st-cmp-v2 .st-cmp-app.st-cmp-red .st-cmp-settings {
  background-color: #e31010;
}
#st-cmp-v2 .st-cmp-app.st-cmp-red .st-cmp-settings:hover {
  background-color: #ef1f1f;
}
#st-cmp-v2 .st-cmp-app.st-cmp-white h1,
#st-cmp-v2 .st-cmp-app.st-cmp-white .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-white .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
  color: #fff;
}
#st-cmp-v2 .st-cmp-app.st-cmp-white a {
  color: #fff;
}
#st-cmp-v2 .st-cmp-app.st-cmp-white a:hover {
  color: #f2f2f2;
}
#st-cmp-v2 .st-cmp-app.st-cmp-white .st-button .st-button-inner {
  background: #fff;
  border-color: #fff;
}
#st-cmp-v2 .st-cmp-app.st-cmp-white .st-button .st-button-inner:hover {
  background: #f2f2f2;
}
#st-cmp-v2 .st-cmp-app.st-cmp-white .st-button.ghost .st-button-inner {
  color: #fff;
}
#st-cmp-v2 .st-cmp-app.st-cmp-white .st-button.ghost .st-button-inner:hover {
  background: none;
  color: #f2f2f2;
}
#st-cmp-v2 .st-cmp-app.st-cmp-white .st-switch .slider[data-checked] {
  background-color: #fff;
}
#st-cmp-v2 .st-cmp-app.st-cmp-white .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-white .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
#st-cmp-v2 .st-cmp-app.st-cmp-white .st-cmp-settings {
  background-color: #fff;
  color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-white .st-cmp-settings img {
  filter: invert(0%);
}
#st-cmp-v2 .st-cmp-app.st-cmp-white .st-cmp-settings:hover {
  background-color: #e6e6e6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-red h1,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-red .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-red .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
  color: #eb9694;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-red a {
  color: #eb9694;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-red a:hover {
  color: #e7817f;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-red .st-button .st-button-inner {
  background: #eb9694;
  border-color: #eb9694;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-red .st-button .st-button-inner:hover {
  background: #e7817f;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-red .st-button.ghost .st-button-inner {
  color: #eb9694;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-red .st-button.ghost .st-button-inner:hover {
  background: none;
  color: #e7817f;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-red .st-switch .slider[data-checked] {
  background-color: #eb9694;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-red .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-red .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
  border-right: 2px solid #eb9694;
  border-bottom: 2px solid #eb9694;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-red .st-cmp-settings {
  background-color: #eb9694;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-red .st-cmp-settings:hover {
  background-color: #eda19f;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-orange h1,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-orange .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-orange .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
  color: #fad0c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-orange a {
  color: #fad0c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-orange a:hover {
  color: #f8beab;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-orange .st-button .st-button-inner {
  background: #fad0c3;
  border-color: #fad0c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-orange .st-button .st-button-inner:hover {
  background: #f8beab;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-orange .st-button.ghost .st-button-inner {
  color: #fad0c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-orange .st-button.ghost .st-button-inner:hover {
  background: none;
  color: #f8beab;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-orange .st-switch .slider[data-checked] {
  background-color: #fad0c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-orange .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-orange .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
  border-right: 2px solid #fad0c3;
  border-bottom: 2px solid #fad0c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-orange .st-cmp-settings {
  background-color: #fad0c3;
  color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-orange .st-cmp-settings img {
  filter: invert(0%);
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-orange .st-cmp-settings:hover {
  background-color: #fbd5c9;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-yellow h1,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-yellow .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-yellow .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
  color: #fef3bd;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-yellow a {
  color: #fef3bd;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-yellow a:hover {
  color: #feeea4;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-yellow .st-button .st-button-inner {
  background: #fef3bd;
  border-color: #fef3bd;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-yellow .st-button .st-button-inner:hover {
  background: #feeea4;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-yellow .st-button.ghost .st-button-inner {
  color: #fef3bd;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-yellow .st-button.ghost .st-button-inner:hover {
  background: none;
  color: #feeea4;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-yellow .st-switch .slider[data-checked] {
  background-color: #fef3bd;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-yellow .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-yellow .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
  border-right: 2px solid #fef3bd;
  border-bottom: 2px solid #fef3bd;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-yellow .st-cmp-settings {
  background-color: #fef3bd;
  color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-yellow .st-cmp-settings img {
  filter: invert(0%);
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-yellow .st-cmp-settings:hover {
  background-color: #fdeb91;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-green h1,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-green .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-green .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
  color: #c1e1c5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-green a {
  color: #c1e1c5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-green a:hover {
  color: #b0d9b5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-green .st-button .st-button-inner {
  background: #c1e1c5;
  border-color: #c1e1c5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-green .st-button .st-button-inner:hover {
  background: #b0d9b5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-green .st-button.ghost .st-button-inner {
  color: #c1e1c5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-green .st-button.ghost .st-button-inner:hover {
  background: none;
  color: #b0d9b5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-green .st-switch .slider[data-checked] {
  background-color: #c1e1c5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-green .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-green .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
  border-right: 2px solid #c1e1c5;
  border-bottom: 2px solid #c1e1c5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-green .st-cmp-settings {
  background-color: #c1e1c5;
  color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-green .st-cmp-settings img {
  filter: invert(0%);
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-green .st-cmp-settings:hover {
  background-color: #c7e4cb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-dark-green h1,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-dark-green .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-dark-green .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
  color: #bedadc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-dark-green a {
  color: #bedadc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-dark-green a:hover {
  color: #add1d3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-dark-green .st-button .st-button-inner {
  background: #bedadc;
  border-color: #bedadc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-dark-green .st-button .st-button-inner:hover {
  background: #add1d3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-dark-green .st-button.ghost .st-button-inner {
  color: #bedadc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-dark-green .st-button.ghost .st-button-inner:hover {
  background: none;
  color: #add1d3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-dark-green .st-switch .slider[data-checked] {
  background-color: #bedadc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-dark-green .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-dark-green .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
  border-right: 2px solid #bedadc;
  border-bottom: 2px solid #bedadc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-dark-green .st-cmp-settings {
  background-color: #bedadc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-dark-green .st-cmp-settings:hover {
  background-color: #c4dee0;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-light-blue h1,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-light-blue .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-light-blue .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
  color: #c4def6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-light-blue a {
  color: #c4def6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-light-blue a:hover {
  color: #aed2f3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-light-blue .st-button .st-button-inner {
  background: #c4def6;
  border-color: #c4def6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-light-blue .st-button .st-button-inner:hover {
  background: #aed2f3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-light-blue .st-button.ghost .st-button-inner {
  color: #c4def6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-light-blue .st-button.ghost .st-button-inner:hover {
  background: none;
  color: #aed2f3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-light-blue .st-switch .slider[data-checked] {
  background-color: #c4def6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-light-blue .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-light-blue .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
  border-right: 2px solid #c4def6;
  border-bottom: 2px solid #c4def6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-light-blue .st-cmp-settings {
  background-color: #c4def6;
  color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-light-blue .st-cmp-settings img {
  filter: invert(0%);
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-light-blue .st-cmp-settings:hover {
  background-color: #cae1f7;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-blue h1,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-blue .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-blue .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
  color: #bed3f3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-blue a {
  color: #bed3f3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-blue a:hover {
  color: #a8c4ef;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-blue .st-button .st-button-inner {
  background: #bed3f3;
  border-color: #bed3f3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-blue .st-button .st-button-inner:hover {
  background: #a8c4ef;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-blue .st-button.ghost .st-button-inner {
  color: #bed3f3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-blue .st-button.ghost .st-button-inner:hover {
  background: none;
  color: #a8c4ef;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-blue .st-switch .slider[data-checked] {
  background-color: #bed3f3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-blue .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-blue .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
  border-right: 2px solid #bed3f3;
  border-bottom: 2px solid #bed3f3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-blue .st-cmp-settings {
  background-color: #bed3f3;
  color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-blue .st-cmp-settings img {
  filter: invert(0%);
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-blue .st-cmp-settings:hover {
  background-color: #c5d7f4;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-purple h1,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-purple .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-purple .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
  color: #d4c4fb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-purple a {
  color: #d4c4fb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-purple a:hover {
  color: #c3acf9;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-purple .st-button .st-button-inner {
  background: #d4c4fb;
  border-color: #d4c4fb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-purple .st-button .st-button-inner:hover {
  background: #c3acf9;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-purple .st-button.ghost .st-button-inner {
  color: #d4c4fb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-purple .st-button.ghost .st-button-inner:hover {
  background: none;
  color: #c3acf9;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-purple .st-switch .slider[data-checked] {
  background-color: #d4c4fb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-purple .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-purple .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
  border-right: 2px solid #d4c4fb;
  border-bottom: 2px solid #d4c4fb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-purple .st-cmp-settings {
  background-color: #d4c4fb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-purple .st-cmp-settings:hover {
  background-color: #d8cafb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-red .st-cmp-content {
  background-color: #e31010;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-red .st-cmp-content .st-cmp-selection-cards {
  background-color: #d50f0f;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-red .st-cmp-content .st-cmp-item {
  background-color: #c60e0e;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-red .st-cmp-content .st-cmp-body {
  background-color: #d50f0f;
  border-color: #b80d0d;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-red .st-cmp-content .st-cmp-header {
  background-color: #c60e0e;
  border-color: #b80d0d;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-red .st-switch .slider {
  background-color: #9c0b0b;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-red .st-switch .slider:before {
  background-color: #e31010;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-red .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-red .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
  background-color: #e31010;
  border-color: #6c0808;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-red .st-button .st-button-inner {
  color: #e31010;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-black .st-cmp-content {
  background-color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-black .st-cmp-content .st-cmp-selection-cards {
  background-color: #101010;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-black .st-cmp-content .st-cmp-item {
  background-color: #171717;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-black .st-cmp-content .st-cmp-body {
  background-color: #101010;
  border-color: #232323;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-black .st-cmp-content .st-cmp-header {
  background-color: #171717;
  border-color: #232323;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-black .st-switch .slider {
  background-color: #555;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-black .st-switch .slider:before {
  background-color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-black .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-black .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
  background-color: #000;
  border-color: #777;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-black .st-button .st-button-inner {
  color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-st-green .st-cmp-content {
  background-color: #09cd18;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-st-green .st-cmp-content .st-cmp-selection-cards {
  background-color: #08be16;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-st-green .st-cmp-content .st-cmp-item {
  background-color: #08b015;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-st-green .st-cmp-content .st-cmp-body {
  background-color: #08be16;
  border-color: #07a113;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-st-green .st-cmp-content .st-cmp-header {
  background-color: #08b015;
  border-color: #07a113;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-st-green .st-switch .slider {
  background-color: #06840f;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-st-green .st-switch .slider:before {
  background-color: #09cd18;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-st-green .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-st-green .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
  background-color: #09cd18;
  border-color: #04530a;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-st-green .st-button .st-button-inner {
  color: #09cd18;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-orange .st-cmp-content {
  background-color: #ff6900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-orange .st-cmp-content .st-cmp-selection-cards {
  background-color: #f06300;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-orange .st-cmp-content .st-cmp-item {
  background-color: #e05c00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-orange .st-cmp-content .st-cmp-body {
  background-color: #f06300;
  border-color: #d15600;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-orange .st-cmp-content .st-cmp-header {
  background-color: #e05c00;
  border-color: #d15600;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-orange .st-switch .slider {
  background-color: #b34900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-orange .st-switch .slider:before {
  background-color: #ff6900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-orange .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-orange .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
  background-color: #ff6900;
  border-color: #803500;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-orange .st-button .st-button-inner {
  color: #ff6900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-yellow .st-cmp-content {
  background-color: #fcb900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-yellow .st-cmp-content .st-cmp-selection-cards {
  background-color: #edae00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-yellow .st-cmp-content .st-cmp-item {
  background-color: #dda300;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-yellow .st-cmp-content .st-cmp-body {
  background-color: #edae00;
  border-color: #ce9700;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-yellow .st-cmp-content .st-cmp-header {
  background-color: #dda300;
  border-color: #ce9700;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-yellow .st-switch .slider {
  background-color: #b08100;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-yellow .st-switch .slider:before {
  background-color: #fcb900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-yellow .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-yellow .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
  background-color: #fcb900;
  border-color: #7d5b00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-yellow .st-button .st-button-inner {
  color: #fcb900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-green .st-cmp-content {
  background-color: #7bdcb5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-green .st-cmp-content .st-cmp-selection-cards {
  background-color: #6fd9ae;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-green .st-cmp-content .st-cmp-item {
  background-color: #63d6a7;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-green .st-cmp-content .st-cmp-body {
  background-color: #6fd9ae;
  border-color: #57d2a1;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-green .st-cmp-content .st-cmp-header {
  background-color: #63d6a7;
  border-color: #57d2a1;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-green .st-switch .slider {
  background-color: #3fcc93;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-green .st-switch .slider:before {
  background-color: #7bdcb5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-green .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-green .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
  background-color: #7bdcb5;
  border-color: #2daa78;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-green .st-button .st-button-inner {
  color: #7bdcb5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-green .st-cmp-content {
  background-color: #00d084;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-green .st-cmp-content .st-cmp-selection-cards {
  background-color: #00c17a;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-green .st-cmp-content .st-cmp-item {
  background-color: #00b171;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-green .st-cmp-content .st-cmp-body {
  background-color: #00c17a;
  border-color: #00a267;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-green .st-cmp-content .st-cmp-header {
  background-color: #00b171;
  border-color: #00a267;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-green .st-switch .slider {
  background-color: #008453;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-green .st-switch .slider:before {
  background-color: #00d084;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-green .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-green .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
  background-color: #00d084;
  border-color: #005033;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-green .st-button .st-button-inner {
  color: #00d084;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-blue .st-cmp-content {
  background-color: #8ed1fc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-blue .st-cmp-content .st-cmp-selection-cards {
  background-color: #7fcbfc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-blue .st-cmp-content .st-cmp-item {
  background-color: #70c5fb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-blue .st-cmp-content .st-cmp-body {
  background-color: #7fcbfc;
  border-color: #61bffb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-blue .st-cmp-content .st-cmp-header {
  background-color: #70c5fb;
  border-color: #61bffb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-blue .st-switch .slider {
  background-color: #43b3fa;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-blue .st-switch .slider:before {
  background-color: #8ed1fc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-blue .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-blue .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
  background-color: #8ed1fc;
  border-color: #129ef9;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-blue .st-button .st-button-inner {
  color: #8ed1fc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-blue .st-cmp-content {
  background-color: #0693e3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-blue .st-cmp-content .st-cmp-selection-cards {
  background-color: #0689d4;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-blue .st-cmp-content .st-cmp-item {
  background-color: #0580c5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-blue .st-cmp-content .st-cmp-body {
  background-color: #0689d4;
  border-color: #0576b6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-blue .st-cmp-content .st-cmp-header {
  background-color: #0580c5;
  border-color: #0576b6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-blue .st-switch .slider {
  background-color: #046398;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-blue .st-switch .slider:before {
  background-color: #0693e3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-blue .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-blue .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
  background-color: #0693e3;
  border-color: #034367;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-blue .st-button .st-button-inner {
  color: #0693e3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-grey .st-cmp-content {
  background-color: #abb8c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-grey .st-cmp-content .st-cmp-selection-cards {
  background-color: #a2b0bd;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-grey .st-cmp-content .st-cmp-item {
  background-color: #99a9b6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-grey .st-cmp-content .st-cmp-body {
  background-color: #a2b0bd;
  border-color: #90a1b0;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-grey .st-cmp-content .st-cmp-header {
  background-color: #99a9b6;
  border-color: #90a1b0;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-grey .st-switch .slider {
  background-color: #7e92a3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-grey .st-switch .slider:before {
  background-color: #abb8c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-grey .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-grey .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
  background-color: #abb8c3;
  border-color: #63798b;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-grey .st-button .st-button-inner {
  color: #abb8c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-magenta .st-cmp-content {
  background-color: #eb144c;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-magenta .st-cmp-content .st-cmp-selection-cards {
  background-color: #dd1347;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-magenta .st-cmp-content .st-cmp-item {
  background-color: #cf1243;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-magenta .st-cmp-content .st-cmp-body {
  background-color: #dd1347;
  border-color: #c1103e;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-magenta .st-cmp-content .st-cmp-header {
  background-color: #cf1243;
  border-color: #c1103e;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-magenta .st-switch .slider {
  background-color: #a40e35;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-magenta .st-switch .slider:before {
  background-color: #eb144c;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-magenta .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-magenta .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
  background-color: #eb144c;
  border-color: #760a26;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-magenta .st-button .st-button-inner {
  color: #eb144c;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-pink .st-cmp-content {
  background-color: #f78da7;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-pink .st-cmp-content .st-cmp-selection-cards {
  background-color: #f67f9c;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-pink .st-cmp-content .st-cmp-item {
  background-color: #f57091;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-pink .st-cmp-content .st-cmp-body {
  background-color: #f67f9c;
  border-color: #f46286;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-pink .st-cmp-content .st-cmp-header {
  background-color: #f57091;
  border-color: #f46286;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-pink .st-switch .slider {
  background-color: #f24670;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-pink .st-switch .slider:before {
  background-color: #f78da7;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-pink .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-pink .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
  background-color: #f78da7;
  border-color: #ef164b;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-pink .st-button .st-button-inner {
  color: #f78da7;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-purple .st-cmp-content {
  background-color: #9900ef;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-purple .st-cmp-content .st-cmp-selection-cards {
  background-color: #8f00e0;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-purple .st-cmp-content .st-cmp-item {
  background-color: #8500d0;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-purple .st-cmp-content .st-cmp-body {
  background-color: #8f00e0;
  border-color: #7c00c1;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-purple .st-cmp-content .st-cmp-header {
  background-color: #8500d0;
  border-color: #7c00c1;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-purple .st-switch .slider {
  background-color: #6800a3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-purple .st-switch .slider:before {
  background-color: #9900ef;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-purple .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-purple .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
  background-color: #9900ef;
  border-color: #47006f;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-purple .st-button .st-button-inner {
  color: #9900ef;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-red .st-cmp-content {
  background-color: #b80000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-red .st-cmp-content .st-cmp-selection-cards {
  background-color: #a90000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-red .st-cmp-content .st-cmp-item {
  background-color: #900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-red .st-cmp-content .st-cmp-body {
  background-color: #a90000;
  border-color: #8a0000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-red .st-cmp-content .st-cmp-header {
  background-color: #900;
  border-color: #8a0000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-red .st-switch .slider {
  background-color: #6c0000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-red .st-switch .slider:before {
  background-color: #b80000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-red .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-red .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
  background-color: #b80000;
  border-color: #390000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-red .st-button .st-button-inner {
  color: #b80000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-red .st-cmp-content {
  background-color: #eb9694;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-red .st-cmp-content .st-cmp-selection-cards {
  background-color: #e98987;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-red .st-cmp-content .st-cmp-item {
  background-color: #e67d7a;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-red .st-cmp-content .st-cmp-body {
  background-color: #e98987;
  border-color: #e4706d;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-red .st-cmp-content .st-cmp-header {
  background-color: #e67d7a;
  border-color: #e4706d;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-red .st-switch .slider {
  background-color: #df5754;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-red .st-switch .slider:before {
  background-color: #eb9694;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-red .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-red .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
  background-color: #eb9694;
  border-color: #d72d29;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-red .st-button .st-button-inner {
  color: #eb9694;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-orange .st-cmp-content {
  background-color: #db3e00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-orange .st-cmp-content .st-cmp-selection-cards {
  background-color: #cc3a00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-orange .st-cmp-content .st-cmp-item {
  background-color: #bc3500;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-orange .st-cmp-content .st-cmp-body {
  background-color: #cc3a00;
  border-color: #ad3100;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-orange .st-cmp-content .st-cmp-header {
  background-color: #bc3500;
  border-color: #ad3100;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-orange .st-switch .slider {
  background-color: #8e2800;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-orange .st-switch .slider:before {
  background-color: #db3e00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-orange .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-orange .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
  background-color: #db3e00;
  border-color: #5b1a00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-orange .st-button .st-button-inner {
  color: #db3e00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-orange .st-cmp-content {
  background-color: #fad0c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-orange .st-cmp-content .st-cmp-selection-cards {
  background-color: #f9c5b5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-orange .st-cmp-content .st-cmp-item {
  background-color: #f8baa7;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-orange .st-cmp-content .st-cmp-body {
  background-color: #f9c5b5;
  border-color: #f6af99;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-orange .st-cmp-content .st-cmp-header {
  background-color: #f8baa7;
  border-color: #f6af99;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-orange .st-switch .slider {
  background-color: #f4997c;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-orange .st-switch .slider:before {
  background-color: #fad0c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-orange .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-orange .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
  background-color: #fad0c3;
  border-color: #f0744d;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-orange .st-button .st-button-inner {
  color: #fad0c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-yellow .st-cmp-content {
  background-color: #fccb00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-yellow .st-cmp-content .st-cmp-selection-cards {
  background-color: #edbf00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-yellow .st-cmp-content .st-cmp-item {
  background-color: #ddb200;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-yellow .st-cmp-content .st-cmp-body {
  background-color: #edbf00;
  border-color: #cea600;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-yellow .st-cmp-content .st-cmp-header {
  background-color: #ddb200;
  border-color: #cea600;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-yellow .st-switch .slider {
  background-color: #b08d00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-yellow .st-switch .slider:before {
  background-color: #fccb00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-yellow .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-yellow .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
  background-color: #fccb00;
  border-color: #7d6400;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-yellow .st-button .st-button-inner {
  color: #fccb00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-yellow .st-cmp-content {
  background-color: #fef3bd;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-yellow .st-cmp-content .st-cmp-selection-cards {
  background-color: #fef0ae;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-yellow .st-cmp-content .st-cmp-item {
  background-color: #feee9f;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-yellow .st-cmp-content .st-cmp-body {
  background-color: #fef0ae;
  border-color: #fdeb90;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-yellow .st-cmp-content .st-cmp-header {
  background-color: #feee9f;
  border-color: #fdeb90;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-yellow .st-switch .slider {
  background-color: #fde572;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-yellow .st-switch .slider:before {
  background-color: #fef3bd;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-yellow .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-yellow .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
  background-color: #fef3bd;
  border-color: #fcdc3f;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-yellow .st-button .st-button-inner {
  color: #fef3bd;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-green .st-cmp-content {
  background-color: #008b02;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-green .st-cmp-content .st-cmp-selection-cards {
  background-color: #007c02;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-green .st-cmp-content .st-cmp-item {
  background-color: #006c02;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-green .st-cmp-content .st-cmp-body {
  background-color: #007c02;
  border-color: #005d01;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-green .st-cmp-content .st-cmp-header {
  background-color: #006c02;
  border-color: #005d01;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-green .st-switch .slider {
  background-color: #003f01;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-green .st-switch .slider:before {
  background-color: #008b02;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-green .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-green .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
  background-color: #008b02;
  border-color: #000b00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-green .st-button .st-button-inner {
  color: #008b02;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-green .st-cmp-content {
  background-color: #c1e1c5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-green .st-cmp-content .st-cmp-selection-cards {
  background-color: #b7dcbb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-green .st-cmp-content .st-cmp-item {
  background-color: #acd7b2;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-green .st-cmp-content .st-cmp-body {
  background-color: #b7dcbb;
  border-color: #a2d2a8;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-green .st-cmp-content .st-cmp-header {
  background-color: #acd7b2;
  border-color: #a2d2a8;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-green .st-switch .slider {
  background-color: #8dc895;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-green .st-switch .slider:before {
  background-color: #c1e1c5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-green .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-green .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
  background-color: #c1e1c5;
  border-color: #6bb775;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-green .st-button .st-button-inner {
  color: #c1e1c5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-dark-green .st-cmp-content {
  background-color: #006b76;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-dark-green .st-cmp-content .st-cmp-selection-cards {
  background-color: #005d67;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-dark-green .st-cmp-content .st-cmp-item {
  background-color: #004f57;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-dark-green .st-cmp-content .st-cmp-body {
  background-color: #005d67;
  border-color: #004148;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-dark-green .st-cmp-content .st-cmp-header {
  background-color: #004f57;
  border-color: #004148;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-dark-green .st-switch .slider {
  background-color: #002629;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-dark-green .st-switch .slider:before {
  background-color: #006b76;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-dark-green .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-dark-green .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
  background-color: #006b76;
  border-color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-dark-green .st-button .st-button-inner {
  color: #006b76;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-dark-green .st-cmp-content {
  background-color: #bedadc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-dark-green .st-cmp-content .st-cmp-selection-cards {
  background-color: #b4d4d7;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-dark-green .st-cmp-content .st-cmp-item {
  background-color: #aacfd1;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-dark-green .st-cmp-content .st-cmp-body {
  background-color: #b4d4d7;
  border-color: #a0c9cc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-dark-green .st-cmp-content .st-cmp-header {
  background-color: #aacfd1;
  border-color: #a0c9cc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-dark-green .st-switch .slider {
  background-color: #8cbec1;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-dark-green .st-switch .slider:before {
  background-color: #bedadc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-dark-green .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-dark-green .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
  background-color: #bedadc;
  border-color: #6babaf;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-dark-green .st-button .st-button-inner {
  color: #bedadc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-light-blue .st-cmp-content {
  background-color: #1273de;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-light-blue .st-cmp-content .st-cmp-selection-cards {
  background-color: #116cd0;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-light-blue .st-cmp-content .st-cmp-item {
  background-color: #1064c2;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-light-blue .st-cmp-content .st-cmp-body {
  background-color: #116cd0;
  border-color: #0f5db4;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-light-blue .st-cmp-content .st-cmp-header {
  background-color: #1064c2;
  border-color: #0f5db4;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-light-blue .st-switch .slider {
  background-color: #0c4e97;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-light-blue .st-switch .slider:before {
  background-color: #1273de;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-light-blue .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-light-blue .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
  background-color: #1273de;
  border-color: #083668;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-light-blue .st-button .st-button-inner {
  color: #1273de;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-light-blue .st-cmp-content {
  background-color: #c4def6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-light-blue .st-cmp-content .st-cmp-selection-cards {
  background-color: #b7d7f4;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-light-blue .st-cmp-content .st-cmp-item {
  background-color: #a9cff2;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-light-blue .st-cmp-content .st-cmp-body {
  background-color: #b7d7f4;
  border-color: #9cc8f0;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-light-blue .st-cmp-content .st-cmp-header {
  background-color: #a9cff2;
  border-color: #9cc8f0;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-light-blue .st-switch .slider {
  background-color: #82b9ec;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-light-blue .st-switch .slider:before {
  background-color: #c4def6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-light-blue .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-light-blue .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
  background-color: #c4def6;
  border-color: #55a0e5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-light-blue .st-button .st-button-inner {
  color: #c4def6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-blue .st-cmp-content {
  background-color: #004dcf;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-blue .st-cmp-content .st-cmp-selection-cards {
  background-color: #0047c0;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-blue .st-cmp-content .st-cmp-item {
  background-color: #0042b0;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-blue .st-cmp-content .st-cmp-body {
  background-color: #0047c0;
  border-color: #003ca1;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-blue .st-cmp-content .st-cmp-header {
  background-color: #0042b0;
  border-color: #003ca1;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-blue .st-switch .slider {
  background-color: #003183;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-blue .st-switch .slider:before {
  background-color: #004dcf;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-blue .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-blue .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
  background-color: #004dcf;
  border-color: #001e4f;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-blue .st-button .st-button-inner {
  color: #004dcf;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-blue .st-cmp-content {
  background-color: #bed3f3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-blue .st-cmp-content .st-cmp-selection-cards {
  background-color: #b1caf1;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-blue .st-cmp-content .st-cmp-item {
  background-color: #a4c2ee;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-blue .st-cmp-content .st-cmp-body {
  background-color: #b1caf1;
  border-color: #97b9ec;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-blue .st-cmp-content .st-cmp-header {
  background-color: #a4c2ee;
  border-color: #97b9ec;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-blue .st-switch .slider {
  background-color: #7da7e7;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-blue .st-switch .slider:before {
  background-color: #bed3f3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-blue .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-blue .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
  background-color: #bed3f3;
  border-color: #528adf;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-blue .st-button .st-button-inner {
  color: #bed3f3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-purple .st-cmp-content {
  background-color: #5300eb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-purple .st-cmp-content .st-cmp-selection-cards {
  background-color: #4e00dc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-purple .st-cmp-content .st-cmp-item {
  background-color: #4800cc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-purple .st-cmp-content .st-cmp-body {
  background-color: #4e00dc;
  border-color: #4300bd;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-purple .st-cmp-content .st-cmp-header {
  background-color: #4800cc;
  border-color: #4300bd;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-purple .st-switch .slider {
  background-color: #38009f;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-purple .st-switch .slider:before {
  background-color: #5300eb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-purple .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-purple .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
  background-color: #5300eb;
  border-color: #26006c;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-purple .st-button .st-button-inner {
  color: #5300eb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-purple .st-cmp-content {
  background-color: #d4c4fb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-purple .st-cmp-content .st-cmp-selection-cards {
  background-color: #cab6fa;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-purple .st-cmp-content .st-cmp-item {
  background-color: #bfa7f9;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-purple .st-cmp-content .st-cmp-body {
  background-color: #cab6fa;
  border-color: #b599f8;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-purple .st-cmp-content .st-cmp-header {
  background-color: #bfa7f9;
  border-color: #b599f8;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-purple .st-switch .slider {
  background-color: #a07cf6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-purple .st-switch .slider:before {
  background-color: #d4c4fb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-purple .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-purple .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
  background-color: #d4c4fb;
  border-color: #7d4df3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-purple .st-button .st-button-inner {
  color: #d4c4fb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-text-white :not(.st-text):not(a):not(h1) {
  color: #fff;
}
#st-cmp-v2 .st-cmp-app.st-cmp-text-white .st-switch label {
  color: #fff;
}
#st-cmp-v2 .st-cmp-app.st-cmp-text-white .st-cmp-selection-card .st-cmp-item li {
  color: #fff;
}
#st-cmp-v2 .st-cmp-app.st-cmp-text-white .st-cmp-detailed-selection-card .st-cmp-item h4 {
  color: #fff;
}
#st-cmp-v2 .st-cmp-app.st-cmp-text-white .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-icon {
  filter: invert(100%);
}
#st-cmp-v2 .st-cmp-app.st-cmp-gear-bottom-left .st-cmp-settings {
  left: -3px;
  right: unset;
}
#st-cmp-v2 .st-cmp-app.st-cmp-gear-top-left .st-cmp-settings {
  left: -3px;
  top: 50px;
  right: unset;
  bottom: unset;
}
#st-cmp-v2 .st-cmp-app.st-cmp-gear-top-right .st-cmp-settings {
  top: 50px;
  bottom: unset;
}
</style><style type="text/css">@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap);</style><style type="text/css">#st-cmp-v2 .st-cmp-app .st-button {
  display: inline-block;
  margin: 5px;
}
#st-cmp-v2 .st-cmp-app .st-button .st-button-inner {
  background: #09cd18;
  border: 1px solid #09cd18;
  border-radius: 2px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.14);
  color: #fff;
  cursor: pointer;
  font-weight: 600;
  height: 40px;
  letter-spacing: -0.3px;
  line-height: 40px;
  min-width: 90px;
  padding: 0 16px;
  text-align: center;
  transition: color 0.5s;
  transition: background-color 0.3s;
}
#st-cmp-v2 .st-cmp-app .st-button .st-button-inner:hover {
  background: #08b916;
}
#st-cmp-v2 .st-cmp-app .st-button .st-button-inner:active {
  background: #07a613;
}
#st-cmp-v2 .st-cmp-app .st-button > a {
  color: #fff;
}
#st-cmp-v2 .st-cmp-app .st-button img {
  display: inline-block;
  max-height: 30px;
  vertical-align: middle;
  margin: 0 10px;
}
#st-cmp-v2 .st-cmp-app .st-button .st-icon {
  height: 20px;
  margin: -4px 4px 0 0;
}
#st-cmp-v2 .st-cmp-app .st-button .st-icon img {
  height: 20px;
  margin: 0 auto;
  vertical-align: top;
}
#st-cmp-v2 .st-cmp-app .st-button.large .st-button-inner {
  font-size: 18px;
  height: 60px;
  line-height: 60px;
  min-width: 200px;
}
#st-cmp-v2 .st-cmp-app .st-button.large .st-button-inner .st-icon {
  height: 24px;
  margin: -4px 10px 0 0;
}
#st-cmp-v2 .st-cmp-app .st-button.large .st-button-inner .st-icon img {
  height: 24px;
}
#st-cmp-v2 .st-cmp-app .st-button.small .st-button-inner {
  font-size: 12px;
  height: 32px;
  line-height: 32px;
  min-width: 60px;
  padding: 0 14px;
}
#st-cmp-v2 .st-cmp-app .st-button.small .st-button-inner .st-icon {
  height: 18px;
  margin: -4px 10px 0 0;
}
#st-cmp-v2 .st-cmp-app .st-button.small .st-button-inner .st-icon img {
  height: 18px;
}
#st-cmp-v2 .st-cmp-app .st-button.smaller .st-button-inner {
  font-size: 11px;
  height: 28px;
  line-height: 26px;
  padding: 0 12px;
  min-width: 50px;
}
#st-cmp-v2 .st-cmp-app .st-button.smaller .st-button-inner .st-icon {
  height: 14px;
  margin: -4px 10px 0 0;
}
#st-cmp-v2 .st-cmp-app .st-button.smaller .st-button-inner .st-icon img {
  height: 14px;
}
#st-cmp-v2 .st-cmp-app .st-button.smallest .st-button-inner {
  font-size: 10px;
  height: 24px;
  line-height: 22px;
  padding: 0 10px;
  min-width: 30px;
}
#st-cmp-v2 .st-cmp-app .st-button.smallest .st-button-inner .st-icon {
  height: 12px;
  margin: -4px 10px 0 0;
}
#st-cmp-v2 .st-cmp-app .st-button.smallest .st-button-inner .st-icon img {
  height: 12px;
}
#st-cmp-v2 .st-cmp-app .st-button.right {
  float: right;
}
#st-cmp-v2 .st-cmp-app .st-button.red .st-button-inner {
  background: #eb3232;
  border: 1px solid #eb3232;
}
#st-cmp-v2 .st-cmp-app .st-button.red .st-button-inner:hover {
  background: #de1616;
}
#st-cmp-v2 .st-cmp-app .st-button.red .st-button-inner:active {
  background: #b91212;
}
#st-cmp-v2 .st-cmp-app .st-button.red.outline .st-button-inner {
  color: #eb3232;
}
#st-cmp-v2 .st-cmp-app .st-button.rounded .st-button-inner {
  border-radius: 5px;
}
#st-cmp-v2 .st-cmp-app .st-button.secondary .st-button-inner,
#st-cmp-v2 .st-cmp-app .st-button.outline .st-button-inner {
  background: #fff;
  color: #09cd18;
}
#st-cmp-v2 .st-cmp-app .st-button.secondary .st-button-inner:hover,
#st-cmp-v2 .st-cmp-app .st-button.outline .st-button-inner:hover {
  background: #f5fff6;
}
#st-cmp-v2 .st-cmp-app .st-button.secondary .st-button-inner:active,
#st-cmp-v2 .st-cmp-app .st-button.outline .st-button-inner:active {
  background: #e1fee4;
}
#st-cmp-v2 .st-cmp-app .st-button.secondary > a,
#st-cmp-v2 .st-cmp-app .st-button.outline > a {
  color: #09cd18;
}
#st-cmp-v2 .st-cmp-app .st-button.secondary .st-icon,
#st-cmp-v2 .st-cmp-app .st-button.outline .st-icon {
  filter: invert(0.5) sepia(1) saturate(8) hue-rotate(90deg);
}
#st-cmp-v2 .st-cmp-app .st-button.plain .st-button-inner {
  background: #fff;
  border: 1px solid #ddd;
  color: #333;
}
#st-cmp-v2 .st-cmp-app .st-button.plain .st-button-inner:hover {
  background: #f2f2f2;
}
#st-cmp-v2 .st-cmp-app .st-button.plain .st-button-inner:active {
  background: #e6e6e6;
}
#st-cmp-v2 .st-cmp-app .st-button.plain > a {
  color: #333;
}
#st-cmp-v2 .st-cmp-app .st-button.ghost .st-button-inner {
  background: transparent;
  border: none;
  box-shadow: none;
  color: #09cd18;
  min-width: 40px;
  padding: 0;
}
#st-cmp-v2 .st-cmp-app .st-button.ghost > a {
  color: #09cd18;
}
#st-cmp-v2 .st-cmp-app .st-button.small-text .st-button-inner {
  font-size: 13px;
}
#st-cmp-v2 .st-cmp-app .st-button[disabled] {
  opacity: 0.4;
  pointer-events: none;
}
#st-cmp-v2 .st-cmp-app .st-button.black .st-button-inner {
  filter: invert(1);
}
#st-cmp-v2 .st-cmp-app .st-button.white .st-button-inner {
  filter: invert(0);
}
#st-cmp-v2 .st-cmp-app .st-button.green .st-button-inner {
  filter: invert(0.5) sepia(1) saturate(8) hue-rotate(90deg);
}
@media (max-width: 850px) {
  #st-cmp-v2 .st-cmp-app .st-button .st-button-inner {
    border: 0;
    min-width: 50px;
    padding: 0 10px;
  }
}
</style><style type="text/css">#st-cmp-v2 .st-cmp-app .st-checkbox [type="checkbox"]:not(:checked),
#st-cmp-v2 .st-cmp-app .st-checkbox [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
  opacity: 0;
}
#st-cmp-v2 .st-cmp-app .st-checkbox [type="checkbox"] + label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
}
#st-cmp-v2 .st-cmp-app .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app .st-checkbox [type="checkbox"]:not(.filled-in) + label:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  z-index: 0;
  border: 2px solid #5a5a5a;
  border-radius: 1px;
  margin-top: 1px;
  transition: 0.2s;
}
#st-cmp-v2 .st-cmp-app .st-checkbox [type="checkbox"].small + label:before,
#st-cmp-v2 .st-cmp-app .st-checkbox [type="checkbox"]:not(.filled-in).small + label:after {
  width: 10px;
  height: 10px;
}
#st-cmp-v2 .st-cmp-app .st-checkbox [type="checkbox"]:not(.filled-in) + label:after {
  border: 0;
  transform: scale(0);
}
#st-cmp-v2 .st-cmp-app .st-checkbox [type="checkbox"]:not(:checked):disabled + label:before {
  border: none;
  background-color: rgba(0,0,0,0.26);
}
#st-cmp-v2 .st-cmp-app .st-checkbox [type="checkbox"].tabbed:focus + label:after {
  transform: scale(1);
  border: 0;
  border-radius: 50%;
  box-shadow: 0 0 0 10px rgba(0,0,0,0.1);
  background-color: rgba(0,0,0,0.1);
}
#st-cmp-v2 .st-cmp-app .st-checkbox [type="checkbox"]:checked + label:before {
  top: -4px;
  left: -5px;
  width: 12px;
  height: 22px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #92d400;
  border-bottom: 2px solid #92d400;
  transform: rotate(40deg);
  backface-visibility: hidden;
  transform-origin: 100% 100%;
}
#st-cmp-v2 .st-cmp-app .st-checkbox [type="checkbox"]:checked.small + label:before {
  width: 9.3px;
  height: 17.1px;
}
#st-cmp-v2 .st-cmp-app .st-checkbox [type="checkbox"]:checked:disabled + label:before {
  border-right: 2px solid rgba(0,0,0,0.26);
  border-bottom: 2px solid rgba(0,0,0,0.26);
}
</style><style type="text/css">@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap);</style><style type="text/css">#st-cmp-v2 .st-cmp-app .st-switch {
  display: block;
  margin: 0 0 20px 0;
  position: relative;
}
#st-cmp-v2 .st-cmp-app .st-switch label {
  color: #333;
  display: block;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 4px;
}
#st-cmp-v2 .st-cmp-app .st-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
#st-cmp-v2 .st-cmp-app .st-switch .switch {
  display: block;
  height: 24px;
  position: relative;
  width: 40px;
}
#st-cmp-v2 .st-cmp-app .st-switch .slider {
  -webkit-transition: 0.4s;
  background-color: #ccc;
  border-radius: 4px;
  bottom: 0;
  cursor: pointer;
  height: 24px;
  left: 0;
  margin-left: 0;
  margin-right: auto;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.4s;
  width: 40px;
}
#st-cmp-v2 .st-cmp-app .st-switch .slider:before {
  -webkit-transition: 0.4s;
  background-color: #fff;
  bottom: 4px;
  content: "";
  height: 16px;
  left: 4px;
  position: absolute;
  transition: 0.4s;
  width: 16px;
}
#st-cmp-v2 .st-cmp-app .st-switch .slider[data-checked] {
  background-color: #09cd18;
}
#st-cmp-v2 .st-cmp-app .st-switch .slider[data-checked]:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}
</style><style type="text/css">.st-first-layer h1 {
  margin-bottom: 10px;
  text-align: left;
}
.st-first-layer h2 {
  margin-left: 0px;
}
.st-first-layer h3 {
  margin-left: 10px;
}
.st-first-layer h4 {
  margin-left: 15px;
  margin-top: 10px;
  margin-bottom: 10px !important;
}
.st-first-layer .st-cmp-nav-buttons {
  margin-top: 10px;
}
</style><style type="text/css">@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap);</style><style type="text/css">.st-button {
  display: inline-block;
  margin: 5px;
}
.st-button .st-button-inner {
  background: #09cd18;
  border: 1px solid #09cd18;
  border-radius: 2px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.14);
  color: #fff;
  cursor: pointer;
  font-weight: 600;
  height: 40px;
  letter-spacing: -0.3px;
  line-height: 40px;
  min-width: 90px;
  padding: 0 16px;
  text-align: center;
  transition: color 0.5s;
  transition: background-color 0.3s;
}
.st-button .st-button-inner:hover {
  background: #08b916;
}
.st-button .st-button-inner:active {
  background: #07a613;
}
.st-button > a {
  color: #fff;
}
.st-button img {
  display: inline-block;
  max-height: 30px;
  vertical-align: middle;
  margin: 0 10px;
}
.st-button .st-icon {
  height: 20px;
  margin: -4px 4px 0 0;
}
.st-button .st-icon img {
  height: 20px;
  margin: 0 auto;
  vertical-align: top;
}
.st-button.large .st-button-inner {
  font-size: 18px;
  height: 60px;
  line-height: 60px;
  min-width: 200px;
}
.st-button.large .st-button-inner .st-icon {
  height: 24px;
  margin: -4px 10px 0 0;
}
.st-button.large .st-button-inner .st-icon img {
  height: 24px;
}
.st-button.small .st-button-inner {
  font-size: 12px;
  height: 32px;
  line-height: 32px;
  min-width: 60px;
  padding: 0 14px;
}
.st-button.small .st-button-inner .st-icon {
  height: 18px;
  margin: -4px 10px 0 0;
}
.st-button.small .st-button-inner .st-icon img {
  height: 18px;
}
.st-button.smaller .st-button-inner {
  font-size: 11px;
  height: 28px;
  line-height: 26px;
  padding: 0 12px;
  min-width: 50px;
}
.st-button.smaller .st-button-inner .st-icon {
  height: 14px;
  margin: -4px 10px 0 0;
}
.st-button.smaller .st-button-inner .st-icon img {
  height: 14px;
}
.st-button.smallest .st-button-inner {
  font-size: 10px;
  height: 24px;
  line-height: 22px;
  padding: 0 10px;
  min-width: 30px;
}
.st-button.smallest .st-button-inner .st-icon {
  height: 12px;
  margin: -4px 10px 0 0;
}
.st-button.smallest .st-button-inner .st-icon img {
  height: 12px;
}
.st-button.right {
  float: right;
}
.st-button.red .st-button-inner {
  background: #eb3232;
  border: 1px solid #eb3232;
}
.st-button.red .st-button-inner:hover {
  background: #de1616;
}
.st-button.red .st-button-inner:active {
  background: #b91212;
}
.st-button.red.outline .st-button-inner {
  color: #eb3232;
}
.st-button.rounded .st-button-inner {
  border-radius: 5px;
}
.st-button.secondary .st-button-inner,
.st-button.outline .st-button-inner {
  background: #fff;
  color: #09cd18;
}
.st-button.secondary .st-button-inner:hover,
.st-button.outline .st-button-inner:hover {
  background: #f5fff6;
}
.st-button.secondary .st-button-inner:active,
.st-button.outline .st-button-inner:active {
  background: #e1fee4;
}
.st-button.secondary > a,
.st-button.outline > a {
  color: #09cd18;
}
.st-button.secondary .st-icon,
.st-button.outline .st-icon {
  filter: invert(0.5) sepia(1) saturate(8) hue-rotate(90deg);
}
.st-button.plain .st-button-inner {
  background: #fff;
  border: 1px solid #ddd;
  color: #333;
}
.st-button.plain .st-button-inner:hover {
  background: #f2f2f2;
}
.st-button.plain .st-button-inner:active {
  background: #e6e6e6;
}
.st-button.plain > a {
  color: #333;
}
.st-button.ghost .st-button-inner {
  background: transparent;
  border: none;
  box-shadow: none;
  color: #09cd18;
  min-width: 40px;
  padding: 0;
}
.st-button.ghost > a {
  color: #09cd18;
}
.st-button.small-text .st-button-inner {
  font-size: 13px;
}
.st-button[disabled] {
  opacity: 0.4;
  pointer-events: none;
}
.st-button.black .st-button-inner {
  filter: invert(1);
}
.st-button.white .st-button-inner {
  filter: invert(0);
}
.st-button.green .st-button-inner {
  filter: invert(0.5) sepia(1) saturate(8) hue-rotate(90deg);
}
@media (max-width: 850px) {
  .st-button .st-button-inner {
    border: 0;
    min-width: 50px;
    padding: 0 10px;
  }
}
</style><style type="text/css">@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap);</style><style type="text/css">.st-dialog3 {
  bottom: 0;
  display: block;
  left: 0;
  position: fixed;
  right: 0;
  top: 100%;
  z-index: 1300;
}
.st-dialog3 .background {
  -webkit-tap-highlight-color: transparent;
  background-color: rgba(255,255,255,0.9);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  touch-action: none;
  z-index: -1;
}
.st-dialog3 .content {
  align-items: center;
  background: #fff;
  border: solid 1px #eaeaea;
  border-radius: 3px;
  box-shadow: 0 0 100px rgba(0,0,0,0.4);
  left: 50%;
  max-height: 100%;
  min-width: 400px;
  outline: none;
  overflow: auto;
  padding: 20px;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
}
.st-dialog3 .content .title {
  color: #00d334;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.22px;
  padding-bottom: 10px;
  padding-top: 20px;
}
.st-dialog3 .content .st-input {
  text-align: left;
}
</style><style type="text/css">.st-icon {
  display: inline-block;
  filter: invert(1);
  height: 24px;
  margin: 0 10px;
  vertical-align: middle;
  width: 24px;
  transition: filter 0.3s linear;
}
.st-icon.black {
  filter: invert(1);
}
.st-icon.carbon {
  filter: invert(0.8);
}
.st-icon.grey {
  filter: invert(0.4);
}
.st-icon.white {
  filter: invert(0);
}
.st-icon.green {
  filter: invert(0.5) sepia(1) saturate(8) hue-rotate(90deg);
}
.st-icon.st-icon-sort {
  cursor: pointer;
}
</style><style type="text/css">#st-cmp-v2 .st-cmp-app .st-cmp-selection-card {
  margin-top: 20px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-selection-card .st-cmp-item {
  padding: 7px 0px;
  background-color: #f0f0f0;
  margin-top: 10px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-selection-card .st-cmp-item h3 {
  margin-left: 20px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-selection-card .st-cmp-item li {
  color: #333;
  font-size: 15px;
  font-weight: 500;
}
#st-cmp-v2 .st-cmp-app .st-cmp-selection-card .st-switch {
  padding: 0px 20px;
  margin: 0px 0px 5px 0px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-selection-card .st-switch label {
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
}
#st-cmp-v2 .st-cmp-app .st-cmp-selection-card .st-switch .switch {
  float: right;
  display: inline-block;
  margin-left: 20px;
  vertical-align: top;
}
</style><style type="text/css">@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap);</style><style type="text/css">.st-switch {
  display: block;
  margin: 0 0 20px 0;
  position: relative;
}
.st-switch label {
  color: #333;
  display: block;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 4px;
}
.st-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.st-switch .switch {
  display: block;
  height: 24px;
  position: relative;
  width: 40px;
}
.st-switch .slider {
  -webkit-transition: 0.4s;
  background-color: #ccc;
  border-radius: 4px;
  bottom: 0;
  cursor: pointer;
  height: 24px;
  left: 0;
  margin-left: 0;
  margin-right: auto;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.4s;
  width: 40px;
}
.st-switch .slider:before {
  -webkit-transition: 0.4s;
  background-color: #fff;
  bottom: 4px;
  content: "";
  height: 16px;
  left: 4px;
  position: absolute;
  transition: 0.4s;
  width: 16px;
}
.st-switch .slider[data-checked] {
  background-color: #09cd18;
}
.st-switch .slider[data-checked]:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}
</style><style type="text/css">.st-second-layer .st-cmp-nav-buttons {
  margin-top: 20px;
}
</style><style type="text/css">#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card {
  margin-top: 20px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card h3 {
  margin-top: 20px !important;
  margin-left: 10px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-cmp-item {
  padding: 7px 0px;
  background-color: #f0f0f0;
  margin-top: 10px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-cmp-item h4 {
  display: inline-block;
  width: 410px;
  margin-top: 10px;
  margin-left: 20px;
  margin-bottom: 20px;
  color: #000;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-cmp-item .h4-width-1 {
  width: 500px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-cmp-item .h4-width-2 {
  width: 450px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-cmp-item .h4-width-3 {
  width: 410px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-cmp-item .h4-width-4 {
  width: 340px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-cmp-toggles {
  display: inline-block;
  float: right;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-switch {
  float: right;
  display: inline-block;
  padding: 0px;
  margin: 7px 20px 0px -15px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-switch label {
  display: inline-block;
  width: 510px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-switch .switch {
  display: inline-block;
  margin-left: 20px;
  vertical-align: top;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-cmp-checkbox {
  cursor: pointer;
  margin-right: 10px;
  margin-top: 2px;
  display: inline-block;
  line-height: 30px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-cmp-checkbox .st-cmp-li-label {
  color: #777;
  font-weight: 500;
  line-height: 30px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-cmp-checkbox .st-cmp-li-label-mobile {
  display: none;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-cmp-checkbox .st-cmp-li-label-active {
  color: #09cd18;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-cmp-checkbox .st-checkbox {
  display: inline-block;
  margin-left: 7px;
  line-height: 30px;
  vertical-align: middle;
  margin-top: 5px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
  background-color: #fff;
  border-color: #ccc;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
  background-color: transparent;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #09cd18;
  border-bottom: 2px solid #09cd18;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-cmp-intro {
  display: block;
  margin-left: 20px;
  margin-right: 20px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-legal-item {
  display: block;
  margin-top: 10px;
  margin-left: 20px;
  margin-right: 20px;
}
</style><style type="text/css">.st-checkbox [type="checkbox"]:not(:checked),
.st-checkbox [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
  opacity: 0;
}
.st-checkbox [type="checkbox"] + label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
}
.st-checkbox [type="checkbox"] + label:before,
.st-checkbox [type="checkbox"]:not(.filled-in) + label:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  z-index: 0;
  border: 2px solid #5a5a5a;
  border-radius: 1px;
  margin-top: 1px;
  transition: 0.2s;
}
.st-checkbox [type="checkbox"].small + label:before,
.st-checkbox [type="checkbox"]:not(.filled-in).small + label:after {
  width: 10px;
  height: 10px;
}
.st-checkbox [type="checkbox"]:not(.filled-in) + label:after {
  border: 0;
  transform: scale(0);
}
.st-checkbox [type="checkbox"]:not(:checked):disabled + label:before {
  border: none;
  background-color: rgba(0,0,0,0.26);
}
.st-checkbox [type="checkbox"].tabbed:focus + label:after {
  transform: scale(1);
  border: 0;
  border-radius: 50%;
  box-shadow: 0 0 0 10px rgba(0,0,0,0.1);
  background-color: rgba(0,0,0,0.1);
}
.st-checkbox [type="checkbox"]:checked + label:before {
  top: -4px;
  left: -5px;
  width: 12px;
  height: 22px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #92d400;
  border-bottom: 2px solid #92d400;
  transform: rotate(40deg);
  backface-visibility: hidden;
  transform-origin: 100% 100%;
}
.st-checkbox [type="checkbox"]:checked.small + label:before {
  width: 9.3px;
  height: 17.1px;
}
.st-checkbox [type="checkbox"]:checked:disabled + label:before {
  border-right: 2px solid rgba(0,0,0,0.26);
  border-bottom: 2px solid rgba(0,0,0,0.26);
}
</style><style type="text/css">#st-cmp-v2 .st-cmp-app .st-third-layer .st-cmp-selection-cards h2 {
  margin-bottom: 20px;
}
#st-cmp-v2 .st-cmp-app .st-third-layer .st-cmp-selection-cards h3 {
  margin-left: 0px;
}
#st-cmp-v2 .st-cmp-app .st-third-layer .st-cmp-selection-cards h4 {
  margin-left: 0px;
}
#st-cmp-v2 .st-cmp-app .st-third-layer .st-cmp-nav-buttons {
  margin-top: 20px;
}
</style><style type="text/css">#st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card {
  margin: 0px 0px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card .st-cmp-header {
  background-color: #f0f0f0;
  padding: 5px 10px;
  border-bottom: 1px solid #e1e1e1;
}
#st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card .st-cmp-header h3 {
  display: inline-block;
}
#st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles {
  margin-top: 4px;
  display: inline-block;
  line-height: 29px;
  float: right;
}
#st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox {
  cursor: pointer;
  display: inline-block;
}
#st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label {
  cursor: pointer;
  vertical-align: top;
  margin-right: 10px;
  font-weight: 500;
  color: #555;
}
#st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-mobile {
  display: none;
}
#st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
  color: #09cd18;
}
#st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox {
  display: inline-block;
  margin-right: 10px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox > span > label {
  margin-bottom: 0rem;
}
#st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
  margin-top: 2px;
  background-color: #fff;
  border-color: #ccc;
}
#st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
  background-color: transparent;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #09cd18;
  border-bottom: 2px solid #09cd18;
}
#st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-switch {
  display: inline-block;
  margin-bottom: 0px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-icon {
  display: inline-block;
  margin-left: 10px;
  width: 25px;
  height: 25px;
  cursor: pointer;
  vertical-align: unset;
}
#st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card .st-cmp-body {
  background-color: #f7f7f7;
  padding: 15px 20px 5px 20px;
  border-bottom: 1px solid #e1e1e1;
}
#st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card .st-cmp-body .st-cmp-section {
  margin-bottom: 10px;
}
</style></head>
<body>
	<style>
		
		/* .nav-item:hover {
			background:none;
			border-top:2px solid red;
			border-bottom:2px solid green;
			border-left:2px solid yellow
			border-right:2px solid gold;
			border-radius:0 10px 0 10px
		} */
		.navbar-light .navbar-nav .nav-link{
			color:#000;
		}
		
		.navbar-light .navbar-nav .nav-link:hover{
			color:#F8C92C;
		}
	
		.flatpWrap:before {
	background-color: #06163A;
	border-radius:20px;

}
.pageMainHead:after {
	content:"";
	width:100%;
	background:#000;
	height:5px;
	bottom:0;
	position: absolute;
}

	</style>
	<!-- pageWrapper -->
	<div id="pageWrapper">
		<!-- phStickyWrap -->
		<div class="phStickyWrap">
			<!-- pageHeader -->
			<header id="pageHeader" class="bg-white">
				<div class="hdTopBar py-2 py-xl-3 bg-dark d-none d-md-block" style="background:url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc0JyBoZWlnaHQ9JzQnPjxwYXRoIGZpbGw9JyMzNjQxNTInIGZpbGwtb3BhY2l0eT0nLjQnIGQ9J00xIDNoMXYxSDFWM3ptMi0yaDF2MUgzVjF6Jy8+PC9zdmc+');">
					<div class="container">
						<div class="row">
							<div class="col-12">
							
								<ul class="list-unstyled hdScheduleList mb-0 d-flex flex-wrap align-items-center">
								<li>
										<a href="https://maps.google.com/maps?ll=1.473038,102.113118&amp;z=15&amp;t=m&amp;hl=en&amp;gl=ID&amp;mapclient=embed&amp;cid=14525992749569759787">
											<i class="icomoon-location align-middle icn"><span class="sr-only">icon</span></i>
											Jl. Ahmad Yani, Bengkalis Kota
										</a>
									</li>
								<li>
								<a href="javascript:void(0)">
											Selamat datang di Portal Resmi Pemerintah Kabupaten Bengkalis
										</a>
								</li>
								</ul>
							</div>
						
						</div>
					</div>
				</div>
				<div class="stickyWrap-hdFixerWrap stickyWrap-py-2 stickyWrap-py-md-3 stickyWrap-py-xl-5 stickyWrap-sSticky stickyWrap-bg-white"><div class="hdFixerWrap py-2 py-md-3 py-xl-5 sSticky bg-white" style="">
					<div class="container">
						<nav class="navbar navbar-expand-md navbar-light p-0">
							<div class="logo flex-shrink-0 mr-3 mr-xl-8 mr-xlwd-16">
								<a href="https://bengkaliskab.go.id">
									<img data-src="https://bengkaliskab.go.id/logo.png" class="img-fluid lazyloaded" alt="egovt" src="https://bengkaliskab.go.id/logo.png">
								</a>
							</div>
							<div class="hdNavWrap flex-grow-1 d-flex align-items-center justify-content-center justify-content-lg-center">
								<div class="collapse navbar-collapse pageMainNavCollapse mt-2 mt-md-0" id="pageMainNavCollapse">
								<ul class="navbar-nav mainNavigation">
									                          										  <li class="nav-item dropdown ddohOpener">
											<a class="nav-link dropdown-toggle dropIcn" href="javascript:void(0);" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Profile</a>
											<div class="dropdown-menu hdMainDropdown desktopDropOnHover">
												<ul class="list-unstyled mb-0 hdDropdownList">
                                                            		 
								<li><a class="dropdown-item" href="https://bengkaliskab.go.id/sejarah-kabupaten-bengkalis">Sejara Bengkalis</a></li>
								                                                          		 
								<li><a class="dropdown-item" href="https://bengkaliskab.go.id/arti-lambang">Arti Lambang</a></li>
								                                                          		 
								<li><a class="dropdown-item" href="https://bengkaliskab.go.id/peta-wilayah">Peta Wilayah</a></li>
								                                                          		 
								<li><a class="dropdown-item" href="https://bengkaliskab.go.id/masa-ke-masa">Masa ke Masa</a></li>
								                                                                </ul>
									</div>
                            	</li>
                            	                            	                          										  <li class="nav-item dropdown ddohOpener">
											<a class="nav-link dropdown-toggle dropIcn" href="javascript:void(0);" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Publikasi</a>
											<div class="dropdown-menu hdMainDropdown desktopDropOnHover">
												<ul class="list-unstyled mb-0 hdDropdownList">
                                                            		 
								<li><a class="dropdown-item" href="https://bengkaliskab.go.id/berita">Berita</a></li>
								                                                          		 
								<li><a class="dropdown-item" href="https://bengkaliskab.go.id/berita/kategori/press-release">Press Release</a></li>
								                                                          		 
								<li><a class="dropdown-item" href="https://bengkaliskab.go.id/agenda">Agenda</a></li>
								                                                          		 
								<li><a class="dropdown-item" href="https://bengkaliskab.go.id/download">Download</a></li>
								                                                                </ul>
									</div>
                            	</li>
                            	                            	                          										  <li class="nav-item dropdown ddohOpener">
											<a class="nav-link dropdown-toggle dropIcn" href="javascript:void(0);" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Informasi Publik</a>
											<div class="dropdown-menu hdMainDropdown desktopDropOnHover">
												<ul class="list-unstyled mb-0 hdDropdownList">
                                                            		
								  <li class="dropdown-submenu bg-white">

														<a href="javascript:void(0);" class="dropdown-item dropdown-toggle dropIcn" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Peraturan</a>
														<div class="dropdown-menu hdMainDropdown desktopDropOnHover">
															<ul class="list-unstyled mb-0 hdDropdownList">
																																<li><a class="dropdown-item" href="https://bengkaliskab.go.id/download/kategori/peraturan-bupati">Peraturan Bupati</a></li>
																																<li><a class="dropdown-item" href="https://bengkaliskab.go.id/download/kategori/peraturan-daerah">Peraturan Daerah</a></li>
																															</ul>
														</div>
													</li>
								                                                                </ul>
									</div>
                            	</li>
                            	                            	                          										  <li class="nav-item dropdown ddohOpener">
											<a class="nav-link dropdown-toggle dropIcn" href="javascript:void(0);" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Smart City</a>
											<div class="dropdown-menu hdMainDropdown desktopDropOnHover">
												<ul class="list-unstyled mb-0 hdDropdownList">
                                                            		 
								<li><a class="dropdown-item" href="http://epinter.bengkaliskab.go.id">Perizinan</a></li>
								                                                          		 
								<li><a class="dropdown-item" href="http://cctv.bengkaliskab.go.id">CCTv Roro Air Putih - Sei Selari</a></li>
								                                                                </ul>
									</div>
                            	</li>
                            	                            	                          										  <li class="nav-item dropdown ddohOpener">
											<a class="nav-link dropdown-toggle dropIcn" href="javascript:void(0);" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">E-Gov</a>
											<div class="dropdown-menu hdMainDropdown desktopDropOnHover">
												<ul class="list-unstyled mb-0 hdDropdownList">
                                                            		 
								<li><a class="dropdown-item" href="http://webmail.bengkaliskab.go.id">Webmail</a></li>
								                                                          		 
								<li><a class="dropdown-item" href="http://sicakeb.bengkaliskab.go.id">SiCakeb</a></li>
								                                                          		 
								<li><a class="dropdown-item" href="http://sijabpri.bengkaliskab.go.id">SiJabpri</a></li>
								                                                          		 
								<li><a class="dropdown-item" href="http://e-wartawan.bengkaliskab.go.id">E-Wartawan</a></li>
								                                                                </ul>
									</div>
                            	</li>
                            	                            	                          										  <li class="nav-item dropdown ddohOpener">
											<a class="nav-link dropdown-toggle dropIcn" href="javascript:void(0);" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Perangkat Daerah</a>
											<div class="dropdown-menu hdMainDropdown desktopDropOnHover">
												<ul class="list-unstyled mb-0 hdDropdownList">
                                                            		 
								<li><a class="dropdown-item" href="https://bengkaliskab.go.id/perangkat-daerah/sekretariat-daerah">Sekretariat Daerah</a></li>
								                                                          		 
								<li><a class="dropdown-item" href="https://bengkaliskab.go.id/perangkat-daerah/sekretariat-dprd">Sekretariat DPRD</a></li>
								                                                          		 
								<li><a class="dropdown-item" href="https://bengkaliskab.go.id/perangkat-daerah/inspektorat">Inspektorat</a></li>
								                                                          		 
								<li><a class="dropdown-item" href="https://bengkaliskab.go.id/perangkat-daerah/kategori/badan">Badan</a></li>
								                                                          		 
								<li><a class="dropdown-item" href="https://bengkaliskab.go.id/perangkat-daerah/kategori/dinas">Dinas</a></li>
								                                                          		 
								<li><a class="dropdown-item" href="https://bengkaliskab.go.id/perangkat-daerah/kategori/rsud">RSUD</a></li>
								                                                          		 
								<li><a class="dropdown-item" href="https://bengkaliskab.go.id/perangkat-daerah/kategori/kecamatan">Kecamatan</a></li>
								                                                                </ul>
									</div>
                            	</li>
                            	                            									</ul>
								</div>
								<form action="https://bengkaliskab.go.id/search" class="hdSearchForm ml-3 ml-xl-6">
								<input type="hidden" name="_token" value="XCpmYnc4g8QuzRsrQulU1USlfMsDBqEdKXd2QMWB">									<div class="collapse hdSearchCollapse d-block position-fixed" id="hdSearchCollapse">
										<div class="d-flex w-100 h-100 align-items-center jusity-content-center">
											<div class="container d-block text-center text-light">
												<div class="row">
													<div class="col-12 col-md-8 offset-md-2">
														
														<div class="input-group mb-3 pt-18 ">
															<input type="search" name="querys" class="form-control text-left" placeholder="Kata Kunci Pencarian...">
															<div class="input-group-append">
																<button class="btn btn-secondary">Mulai Cari</button>
															</div>
														</div>
														<p class="mb-0"> <img data-src="https://bengkaliskab.go.id/bermasa-logo.png" alt="" class="lazyload" src="/shimmer.gif"> </p>
													</div>
												</div>
											</div>
										</div>
										<a class="position-absolute rounded-circle bg-danger text-white btnClose d-flex align-items-center justify-content-center" data-toggle="collapse" href="#hdSearchCollapse" role="button" aria-expanded="true" aria-controls="hdSearchCollapse">
											<i class="fas fa-times"><span class="sr-only">search</span></i>
										</a>
									</div>
								</form>
							</div>
							<div class="hdRighterWrap d-flex align-items-center justify-content-end">
							<a class="hdSearchOpener" data-toggle="collapse" href="#hdSearchCollapse" role="button" aria-expanded="false" aria-controls="hdSearchCollapse">
										<i class="icomoon-search"><span class="sr-only">search</span></i>
									</a>
								<a href="javascript:void(0)" class="bdrWidthAlter btnHd d-none d-lg-block text-capitalize position-relative border-0 p-0" data-hover="Report an Issues">
									<span class="d-block btnText"> <img style="height:30px" data-src="https://bengkaliskab.go.id/bermasa-logo.png" alt="" class="lazyload" src="/shimmer.gif"> </span>
								</a>
								<button class="navbar-toggler pgNavOpener ml-2 bdrWidthAlter position-relative" type="button" data-toggle="collapse" data-target="#pageMainNavCollapse" aria-controls="pageMainNavCollapse" aria-expanded="false" aria-label="Toggle navigation">
									<span class="navbar-toggler-icon"></span>
								</button>
							</div>
						</nav>
					</div>
				</div></div>
			</header>
		</div><main style="background:#06163a">

<img data-src="https://bengkaliskab.go.id/upload/banner/2023/QYiDkSoIbF/2023-02-15-083824-banner-bengkaliskab-convert.jpg" alt="" class=" lazyloaded" src="https://bengkaliskab.go.id/upload/banner/2023/QYiDkSoIbF/2023-02-15-083824-banner-bengkaliskab-convert.jpg">
		
<section class="servicesBlock pt-5 pb-4 pt-md-9 pb-md-7 pb-lg-11  pb-xl-17" style="background:url('https://bengkaliskab.go.id/trnp.png') #fff">
				<div class="container">
				<div class="fabBtNoteTextWrap text-center fontAlter fzMedium  pb-6 pb-md-10 pb-lg-14">
					<div class="container">
						<div class="justify-content-center align-items-center">
						
							<p class="mb-lg-0"></p><h2 class="mb-0 ">Visi dan Misi Pemerintah</h2>
		<br>"TERWUJUDNYA KABUPATEN BENGKALIS YANG BERMARWAH, MAJU DAN SEJAHTERA"<p></p>
							<a href="https://bengkaliskab.go.id/visi-dan-misi" style="border-radius:10px" class="btn btn-warning fwMedium position-relative border-0 p-0 btnCustomSmall mt-md-1 mt-lg-0 ml-lg-4" data-hover="Selengkapnya"><span class="d-block btnText fwMedium">Selengkapnya</span></a>
							<br><br>
							<a href="https://www.youtube.com/watch?v=-wyPGgKjR60" class="btnPlayLink fontAlter position-relative d-inline-block align-top mt-4 mt-lg-7 lightbox" data-fancybox="true">
								<i class="icnPlay d-flex align-items-center justify-content-center position-absolute fas fa-play rounded-circle"><span class="sr-only">icon</span></i>
								<div class="bplTextWrap">
									<em class="d-block fsNormal">
										<span class="d-block">Profile Kabupaten Bengkalis</span>
										<span class="d-block"><small>By Prokopim Kabupaten Bengkalis</small></span>
									</em>
								</div>
							</a>
						</div>
					</div>
				</div>
					<header class="headingHead text-center mb-8 mb-lg-12">
						<h2 class="fwSemiBold">Layanan</h2>
					
					</header>
					<div class="row justify-content-center">
												<div class="col-6 col-md-6 col-lg-4">
							<article class="dcsColumn d-flex position-relative bg-white overflow-hidden mb-6">
								<div class="alignHolder w-100 d-flex align-items-center">
									<div class="align w-100 py-2 px-3 px-xl-6">
										<img data-src="https://bengkaliskab.go.id/upload/halaman/2023/XxRbpJPjBE/2023-02-10-154740-epinter.jpg" style="height:50px" class="mb-2 lazyloaded" alt="" src="https://bengkaliskab.go.id/upload/halaman/2023/XxRbpJPjBE/2023-02-10-154740-epinter.jpg">
										<h3 class="fwMedium">e-Pinter</h3>
										<div class="dcscCaptionWrap">
											<p>Elektronik Pelayanan Perizinan Terpadu</p>
											<a href="https://bengkaliskab.go.id/tautan/epinter" class="readMoreLink fontAlter">Selengkapnya <i class="fas fa-arrow-right btnRmlIcn" aria-hidden="true"><span class="sr-only">icon</span></i></a>
											<i class="icomoon-ico17 icnWatermark position-absolute ml-1"><span class="sr-only">icon</span></i>

										</div>
									</div>
								</div>
							</article>
						</div>
											<div class="col-6 col-md-6 col-lg-4">
							<article class="dcsColumn d-flex position-relative bg-white overflow-hidden mb-6">
								<div class="alignHolder w-100 d-flex align-items-center">
									<div class="align w-100 py-2 px-3 px-xl-6">
										<img data-src="https://play-lh.googleusercontent.com/Qfe4iJXKa3gKL7Jmt-rthTQhz_E1dwNi0vEJQc4FLlSDHx7wHa5fo-6jfdEaLAPzIfte" style="height:50px" class="mb-2 lazyloaded" alt="" src="https://play-lh.googleusercontent.com/Qfe4iJXKa3gKL7Jmt-rthTQhz_E1dwNi0vEJQc4FLlSDHx7wHa5fo-6jfdEaLAPzIfte">
										<h3 class="fwMedium">Simpel Dukcapil</h3>
										<div class="dcscCaptionWrap">
											<p>Layanan online pengurusan administrasi kependudukan</p>
											<a href="https://bengkaliskab.go.id/tautan/simpel" class="readMoreLink fontAlter">Selengkapnya <i class="fas fa-arrow-right btnRmlIcn" aria-hidden="true"><span class="sr-only">icon</span></i></a>
											<i class="icomoon-ico17 icnWatermark position-absolute ml-1"><span class="sr-only">icon</span></i>

										</div>
									</div>
								</div>
							</article>
						</div>
											<div class="col-6 col-md-6 col-lg-4">
							<article class="dcsColumn d-flex position-relative bg-white overflow-hidden mb-6">
								<div class="alignHolder w-100 d-flex align-items-center">
									<div class="align w-100 py-2 px-3 px-xl-6">
										<img data-src="https://jdih.bengkaliskab.go.id/jdihbengkalis/assets/images/logo/logo-dark.png" style="height:50px" class="mb-2 lazyloaded" alt="" src="https://jdih.bengkaliskab.go.id/jdihbengkalis/assets/images/logo/logo-dark.png">
										<h3 class="fwMedium">JDIH</h3>
										<div class="dcscCaptionWrap">
											<p>Jaringan Dokumentasi dan Informasi Hukum</p>
											<a href="https://bengkaliskab.go.id/tautan/jdih" class="readMoreLink fontAlter">Selengkapnya <i class="fas fa-arrow-right btnRmlIcn" aria-hidden="true"><span class="sr-only">icon</span></i></a>
											<i class="icomoon-ico17 icnWatermark position-absolute ml-1"><span class="sr-only">icon</span></i>

										</div>
									</div>
								</div>
							</article>
						</div>
											<div class="col-6 col-md-6 col-lg-4">
							<article class="dcsColumn d-flex position-relative bg-white overflow-hidden mb-6">
								<div class="alignHolder w-100 d-flex align-items-center">
									<div class="align w-100 py-2 px-3 px-xl-6">
										<img data-src="http://bengkaliskab.go.id/logobengkalis.png" style="height:50px" class="mb-2 lazyloaded" alt="" src="http://bengkaliskab.go.id/logobengkalis.png">
										<h3 class="fwMedium">Bapokting</h3>
										<div class="dcscCaptionWrap">
											<p>Melihat Semua Harga Barang Kebutuhan Pokok dan Penting Di Semua Kecamatan yang ada di Kabupaten Bengkalis</p>
											<a href="https://bengkaliskab.go.id/tautan/bapokting" class="readMoreLink fontAlter">Selengkapnya <i class="fas fa-arrow-right btnRmlIcn" aria-hidden="true"><span class="sr-only">icon</span></i></a>
											<i class="icomoon-ico17 icnWatermark position-absolute ml-1"><span class="sr-only">icon</span></i>

										</div>
									</div>
								</div>
							</article>
						</div>
											<div class="col-6 col-md-6 col-lg-4">
							<article class="dcsColumn d-flex position-relative bg-white overflow-hidden mb-6">
								<div class="alignHolder w-100 d-flex align-items-center">
									<div class="align w-100 py-2 px-3 px-xl-6">
										<img data-src="https://play-lh.googleusercontent.com/QsEO3x3Be8XAjdsQhE0tyTPfUv-ojs8g0999AItrKB-F9KDUtduBrRc3JhyNK0hirZ4" style="height:50px" class="mb-2 lazyload" alt="" src="/shimmer.gif">
										<h3 class="fwMedium">CCTV Bengkalis</h3>
										<div class="dcscCaptionWrap">
											<p>Pantau Antrian Penyeberangan Roro Bengkalis - Pakning Secara Online</p>
											<a href="https://bengkaliskab.go.id/tautan/cctv" class="readMoreLink fontAlter">Selengkapnya <i class="fas fa-arrow-right btnRmlIcn" aria-hidden="true"><span class="sr-only">icon</span></i></a>
											<i class="icomoon-ico17 icnWatermark position-absolute ml-1"><span class="sr-only">icon</span></i>

										</div>
									</div>
								</div>
							</article>
						</div>
											<div class="col-6 col-md-6 col-lg-4">
							<article class="dcsColumn d-flex position-relative bg-white overflow-hidden mb-6">
								<div class="alignHolder w-100 d-flex align-items-center">
									<div class="align w-100 py-2 px-3 px-xl-6">
										<img data-src="https://bengkaliskab.go.id/upload/halaman/2023/XxRbpJPjBE/2023-02-14-213827-menara.png" style="height:50px" class="mb-2 lazyload" alt="" src="/shimmer.gif">
										<h3 class="fwMedium">Menara</h3>
										<div class="dcscCaptionWrap">
											<p>Sistem Informasi Menara Telekomunikasi Pemerintah Kabupaten Bengkalis</p>
											<a href="https://bengkaliskab.go.id/tautan/menara" class="readMoreLink fontAlter">Selengkapnya <i class="fas fa-arrow-right btnRmlIcn" aria-hidden="true"><span class="sr-only">icon</span></i></a>
											<i class="icomoon-ico17 icnWatermark position-absolute ml-1"><span class="sr-only">icon</span></i>

										</div>
									</div>
								</div>
							</article>
						</div>
											<div class="col-6 col-md-6 col-lg-4">
							<article class="dcsColumn d-flex position-relative bg-white overflow-hidden mb-6">
								<div class="alignHolder w-100 d-flex align-items-center">
									<div class="align w-100 py-2 px-3 px-xl-6">
										<img data-src="https://bengkaliskab.go.id/upload/banner/2023/ZygzY25int/2023-02-28-151350-spbe.png" style="height:50px" class="mb-2 lazyload" alt="" src="/shimmer.gif">
										<h3 class="fwMedium">SPBE</h3>
										<div class="dcscCaptionWrap">
											<p>Seputar Informasi Sistem Pemerintahan Berbasis Elektronik (SPBE)</p>
											<a href="https://bengkaliskab.go.id/tautan/spbe" class="readMoreLink fontAlter">Selengkapnya <i class="fas fa-arrow-right btnRmlIcn" aria-hidden="true"><span class="sr-only">icon</span></i></a>
											<i class="icomoon-ico17 icnWatermark position-absolute ml-1"><span class="sr-only">icon</span></i>

										</div>
									</div>
								</div>
							</article>
						</div>
											<div class="col-6 col-md-6 col-lg-4">
							<article class="dcsColumn d-flex position-relative bg-white overflow-hidden mb-6">
								<div class="alignHolder w-100 d-flex align-items-center">
									<div class="align w-100 py-2 px-3 px-xl-6">
										<img data-src="https://bengkaliskab.go.id/upload/halaman/2023/XxRbpJPjBE/2023-03-31-103452-sakip.png" style="height:50px" class="mb-2 lazyload" alt="" src="/shimmer.gif">
										<h3 class="fwMedium">Dokumen Sakip</h3>
										<div class="dcscCaptionWrap">
											<p>Dokumen Sakip dalam bentuk PDF yang diupload oleh masing-masing SKPD</p>
											<a href="https://bengkaliskab.go.id/tautan/dokumen-sakip" class="readMoreLink fontAlter">Selengkapnya <i class="fas fa-arrow-right btnRmlIcn" aria-hidden="true"><span class="sr-only">icon</span></i></a>
											<i class="icomoon-ico17 icnWatermark position-absolute ml-1"><span class="sr-only">icon</span></i>

										</div>
									</div>
								</div>
							</article>
						</div>
											<div class="col-6 col-md-6 col-lg-4">
							<article class="dcsColumn d-flex position-relative bg-white overflow-hidden mb-6">
								<div class="alignHolder w-100 d-flex align-items-center">
									<div class="align w-100 py-2 px-3 px-xl-6">
										<img data-src="https://bengkaliskab.go.id/upload/aplikasi/2024/xn52afUX8p/2024-07-26-150343-cariyanlik.png" style="height:50px" class="mb-2 lazyload" alt="" src="/shimmer.gif">
										<h3 class="fwMedium">SIPPN - CARIYANLINK</h3>
										<div class="dcscCaptionWrap">
											<p>SIPPN MENPAN KAB. BENGKALIS</p>
											<a href="https://bengkaliskab.go.id/tautan/sippn-kabupaten-bengkalis" class="readMoreLink fontAlter">Selengkapnya <i class="fas fa-arrow-right btnRmlIcn" aria-hidden="true"><span class="sr-only">icon</span></i></a>
											<i class="icomoon-ico17 icnWatermark position-absolute ml-1"><span class="sr-only">icon</span></i>

										</div>
									</div>
								</div>
							</article>
						</div>
										</div>
				</div>
			</section>
			<section class="newsPulicationsBlock position-relative bg-light overflow-hidden pt-7 pb-4 pt-md-10 pb-md-4 pt-lg-16 pb-lg-10 pt-xl-22 pb-xl-16">
				<div class="container position-relative npbHolder">
					<div class="row">
						<div class="col-12 col-lg-3">
							<header class="headingHead pt-2 mb-7 mb-lg-0">
								<h2 class="fwSemiBold mb-2">Berita Publik</h2>
								<p>Telusuri berita seputar kegiatan Pemerintahan Kabupaten Bengkalis</p>
								<a href="https://bengkaliskab.go.id/berita" class="btn btn-outline-secondary bdrWidthAlter text-capitalize position-relative border-0 p-0 mt-5 btnXsMinWidth" data-hover="Semua Berita">
									<span class="d-block btnText">Semua Berita</span>
								</a>
							</header>
						</div>
						<div class="col-12 col-lg-9">
							<div class="row">
																								<div class="col-12 col-md-6 col-xl-6">
									<article class="npbColumn shadow bg-white mb-6">
										<div class="imgHolder position-relative">
											<a href="https://bengkaliskab.go.id/berita/bupati-bengkalis-apresiasi-safari-cooling-system-polres-bengkalis">
												<img data-src="https://bengkaliskab.go.id/upload/berita/2024/RKQ7t5H3wv/2024-09-18-154912-l4014009624231-img-20240918-wa0051.jpg" class="img-fluid w-100 d-block lazyload" alt="image description" src="/shimmer.gif">
											</a>
											<time datetime="2011-01-12" class="npbTimeTag font-weight-bold fontAlter position-absolute text-white px-2 py-1">18 September 2024</time>
										</div>
										<div class="npbDescriptionWrap px-5 pt-8 pb-5">
											<strong class="d-block npbcmWrap font-weight-normal mb-1">
												<span class="mr-5"><i class="fa fa-tags"></i> <a href="https://bengkaliskab.go.id/berita/kategori/lokal">Daerah</a></span>
												<!-- <i class="icomoon-chat"><span class="sr-only">icon</span></i> 0 -->
											</strong>
											<h3 class="fwSemiBold mb-6">
												<a href="https://bengkaliskab.go.id/berita/bupati-bengkalis-apresiasi-safari-cooling-system-polres-bengkalis">Bupati Bengkalis Apresiasi Safari Cooling System Polres Bengkalis </a>
											</h3>
											<a href="https://bengkaliskab.go.id/berita/bupati-bengkalis-apresiasi-safari-cooling-system-polres-bengkalis" class="btnCr d-inline-block align-top fontAlter">Lanjut Membaca <i class="icomoon-arrowRight bcIcn ml-2 align-middle"><span class="sr-only">icon</span></i></a>
										</div>
									</article>
								</div>
														<div class="col-12 col-md-6 col-xl-6">
						
							<nav class="widget widgetUpcoming mb-6 mb-lg-10">
							<ul class="list-unstyled pl-0 mb-7">

															
											<li>
												<div class="imgHolder flex-shrink-0 mr-4 mt-1">
													<img data-src="https://bengkaliskab.go.id/upload/berita/2024/D603lqJD7o/2024-09-18-154451-l3979959957492-img-20240918-wa0027.jpg" class="rounded img-fluid lazyload" alt="image description" src="/shimmer.gif">
												</div>
												<div class="descrWrap">
													<h4 class="fwMedium mb-1">
														<a href="https://bengkaliskab.go.id/berita/wujudkan-kemajuan-transportasi-dishub-bengkalis-gelar-rapat-kajian-master-plan-angkutan-umum-terpadu-dan-terintegrasi">Wujudkan Kemajuan Transportasi, Dishub Bengkalis Gelar Rapat Kajian Master Plan Angkutan Umum Terpadu dan Terintegrasi</a>
													</h4>
													<time class="d-block"><i class="icomoon-clock icn mr-1"><span class="sr-only">icon</span></i>18 September 2024</time> 
												</div>
											</li>
																			
											<li>
												<div class="imgHolder flex-shrink-0 mr-4 mt-1">
													<img data-src="https://bengkaliskab.go.id/upload/berita/2024/4ZjZuX3qa2/2024-09-18-153812-l3782121905151-b7fc60c1-2e5e-4a0a-9346-77f55fe15de9.jpg" class="rounded img-fluid lazyload" alt="image description" src="/shimmer.gif">
												</div>
												<div class="descrWrap">
													<h4 class="fwMedium mb-1">
														<a href="https://bengkaliskab.go.id/berita/bupati-kasmarni-terima-penghargaan-green-leadership-nirwasita-tantra">Bupati Kasmarni Terima Penghargaan Green Leadership Nirwasita Tantra</a>
													</h4>
													<time class="d-block"><i class="icomoon-clock icn mr-1"><span class="sr-only">icon</span></i>18 September 2024</time> 
												</div>
											</li>
																			
											<li>
												<div class="imgHolder flex-shrink-0 mr-4 mt-1">
													<img data-src="https://bengkaliskab.go.id/upload/berita/2024/LqDXTWxcH9/2024-09-18-104141-l3794393101639-img-20240917-wa0086.jpg" class="rounded img-fluid lazyload" alt="image description" src="/shimmer.gif">
												</div>
												<div class="descrWrap">
													<h4 class="fwMedium mb-1">
														<a href="https://bengkaliskab.go.id/berita/septian-dan-arsya-ditetapkan-sebagai-pimpinan-sementara-dprd-bengkalis">Septian dan Arsya Ditetapkan Sebagai Pimpinan Sementara DPRD Bengkalis</a>
													</h4>
													<time class="d-block"><i class="icomoon-clock icn mr-1"><span class="sr-only">icon</span></i>18 September 2024</time> 
												</div>
											</li>
																			
											<li>
												<div class="imgHolder flex-shrink-0 mr-4 mt-1">
													<img data-src="https://bengkaliskab.go.id/upload/berita/2024/BUAOZiJFa9/2024-09-18-103928-l3643689364927-img-20240917-wa0080.jpg" class="rounded img-fluid lazyload" alt="image description" src="/shimmer.gif">
												</div>
												<div class="descrWrap">
													<h4 class="fwMedium mb-1">
														<a href="https://bengkaliskab.go.id/berita/45-anggota-dprd-dilantik-bupati-kasmarni-ucapkan-selamat-dan-tahniah">45 Anggota DPRD Dilantik, Bupati Kasmarni Ucapkan Selamat dan Tahniah</a>
													</h4>
													<time class="d-block"><i class="icomoon-clock icn mr-1"><span class="sr-only">icon</span></i>18 September 2024</time> 
												</div>
											</li>
																			
											<li>
												<div class="imgHolder flex-shrink-0 mr-4 mt-1">
													<img data-src="https://bengkaliskab.go.id/upload/berita/2024/6YsgYkzylE/2024-09-18-102828-l355129220115-img-20240917-191927.jpg" class="rounded img-fluid lazyload" alt="image description" src="/shimmer.gif">
												</div>
												<div class="descrWrap">
													<h4 class="fwMedium mb-1">
														<a href="https://bengkaliskab.go.id/berita/45-anggota-dprd-bengkalis-periode-2024-2029-dilantik-berikut-nama-dan-perolehan-suaranya">45 Anggota DPRD Bengkalis Periode 2024-2029 Dilantik, Berikut Nama dan Perolehan Suaranya</a>
													</h4>
													<time class="d-block"><i class="icomoon-clock icn mr-1"><span class="sr-only">icon</span></i>18 September 2024</time> 
												</div>
											</li>
																					</ul>
									</nav>
							</div>
							</div>
						</div>
					</div>
				</div>
			</section>
			<section class="upcomeventsBlock position-relative pt-7 pb-3 pt-md-9 pb-md-6 pt-lg-14 pb-lg-11 pt-xl-20 pb-xl-16" style="background:#fff">
				<div class="container">
					<div class="row">
						<div class="col-12 col-lg-8 mb-5">
							<div class="pr-lg-8">
								<header class="headingHead mb-6 mb-lg-8 mb-xl-12">
									<div class="row align-items-end">
										<div class="col-12 col-sm-6 col-md-7">
											<h2 class="mb-sm-0 fwSemiBold h2Small">Agenda</h2>
										</div>
										<div class="col-12 col-sm-6 col-md-5 d-sm-flex justify-content-sm-end">
											<a href="https://bengkaliskab.go.id/agenda" class="btn-link fontAlter">Lihat semua <i class="fas fa-chevron-right blIcn"><span class="sr-only">icon</span></i></a>
										</div>
									</div>
								</header>
								
						<article class="ueEveColumn__list position-relative px-4 py-3">
							<div class="d-lg-flex align-items-md-center">
								<time datetime="2011-01-12" class="uecTime text-lDark fontAlter text-uppercase flex-shrink-0 mr-4 mr-lg-6 d-block mb-2 mb-lg-0">
									<span class="textLarge">02</span> Maret
									<span class="d-block textDay fwMedium pt-1">Rabu</span>
								</time>
								<div class="d-md-flex align-items-md-center flex-grow-1">
								
									<div class="descrWrap flex-grow-1">
										<h3 class="fwMedium">
											<a href="https://bengkaliskab.go.id/agenda/kunjungan-kerja-dandren-031wb-di-bengkalis">Kunjungan Kerja DANDREN 031/WB di Bengkalis</a>
										</h3>
										<ul class="list-unstyled ueScheduleList mb-0">
											<li>
												<i class="icomoon-clock icn position-absolute"><span class="sr-only">icon</span></i>
												 -  WIB
											</li>
											<li>
												<i class="icomoon-location icn position-absolute"><span class="sr-only">icon</span></i>
												Lapangan pasir Andam Dewi
											</li>
										</ul>
									</div>
									<a href="https://bengkaliskab.go.id/agenda/kunjungan-kerja-dandren-031wb-di-bengkalis" class="btn btnCustomLightOutline bdrWidthAlter btn-sm text-capitalize position-relative border-0 p-0 flex-shrink-0 ml-md-4" data-hover="Lihat">
										<span class="d-block btnText">Lihat</span>
									</a>
								</div>
							</div>
						</article>
								
						<article class="ueEveColumn__list position-relative px-4 py-3">
							<div class="d-lg-flex align-items-md-center">
								<time datetime="2011-01-12" class="uecTime text-lDark fontAlter text-uppercase flex-shrink-0 mr-4 mr-lg-6 d-block mb-2 mb-lg-0">
									<span class="textLarge">02</span> Februari
									<span class="d-block textDay fwMedium pt-1">Rabu</span>
								</time>
								<div class="d-md-flex align-items-md-center flex-grow-1">
								
									<div class="descrWrap flex-grow-1">
										<h3 class="fwMedium">
											<a href="https://bengkaliskab.go.id/agenda/makan-siang-bersama-ibu-bhayangkari-polres-bengkalis">Makan siang Bersama ibu Bhayangkari Polres Bengkalis</a>
										</h3>
										<ul class="list-unstyled ueScheduleList mb-0">
											<li>
												<i class="icomoon-clock icn position-absolute"><span class="sr-only">icon</span></i>
												11:00 - 11:00 WIB
											</li>
											<li>
												<i class="icomoon-location icn position-absolute"><span class="sr-only">icon</span></i>
												Ruang VIP Wisma Daerah
											</li>
										</ul>
									</div>
									<a href="https://bengkaliskab.go.id/agenda/makan-siang-bersama-ibu-bhayangkari-polres-bengkalis" class="btn btnCustomLightOutline bdrWidthAlter btn-sm text-capitalize position-relative border-0 p-0 flex-shrink-0 ml-md-4" data-hover="Lihat">
										<span class="d-block btnText">Lihat</span>
									</a>
								</div>
							</div>
						</article>
								
						<article class="ueEveColumn__list position-relative px-4 py-3">
							<div class="d-lg-flex align-items-md-center">
								<time datetime="2011-01-12" class="uecTime text-lDark fontAlter text-uppercase flex-shrink-0 mr-4 mr-lg-6 d-block mb-2 mb-lg-0">
									<span class="textLarge">02</span> Februari
									<span class="d-block textDay fwMedium pt-1">Rabu</span>
								</time>
								<div class="d-md-flex align-items-md-center flex-grow-1">
								
									<div class="descrWrap flex-grow-1">
										<h3 class="fwMedium">
											<a href="https://bengkaliskab.go.id/agenda/entry-briefing-tim-bpk-ri-perwakilan-provinsi-riau-atas-pemeriksaan-penahuluan-laporan-keuangan-perangkat-daerah-lkpd-kabupaten-bengkalis-tahun-2021">Entry Briefing Tim BPK-RI Perwakilan Provinsi Riau atas pemeriksaan penahuluan laporan Keuangan Perangkat Daerah (LKPD) Kabupaten Bengkalis tahun 2021</a>
										</h3>
										<ul class="list-unstyled ueScheduleList mb-0">
											<li>
												<i class="icomoon-clock icn position-absolute"><span class="sr-only">icon</span></i>
												21:00 - 21:00 WIB
											</li>
											<li>
												<i class="icomoon-location icn position-absolute"><span class="sr-only">icon</span></i>
												Ruang Rapat Hang Tuah Lantai II Kantor Bupati Bengkalis
											</li>
										</ul>
									</div>
									<a href="https://bengkaliskab.go.id/agenda/entry-briefing-tim-bpk-ri-perwakilan-provinsi-riau-atas-pemeriksaan-penahuluan-laporan-keuangan-perangkat-daerah-lkpd-kabupaten-bengkalis-tahun-2021" class="btn btnCustomLightOutline bdrWidthAlter btn-sm text-capitalize position-relative border-0 p-0 flex-shrink-0 ml-md-4" data-hover="Lihat">
										<span class="d-block btnText">Lihat</span>
									</a>
								</div>
							</div>
						</article>
													
							</div>
						</div>
						<aside class="col-12 col-lg-4 uecColBg position-static">
							<div class="pl-lg-5">
								<header class="headingHead mb-6 mb-lg-8 mb-xl-12">
									<h2 class="mb-0 fwSemiBold h2Small">Banner</h2>
								</header>
								<div><a target="_blank" href="https://bengkaliskab.go.id/tautan/sippn-kabupaten-bengkalis"><img title="Klik untuk selengkapnya" style="width:100%;" data-src="https://bengkaliskab.go.id/upload/banner/2024/TXJirTDTOl/2024-08-06-133629-qr-sippn-pemkab-bengkalis.png" class="lazyload" src="/shimmer.gif"></a></div>
							</div>
						</aside>
					</div>
				</div>
			</section>
			
			<section class="exploreResourceBlock pt-7 pt-md-10 pt-lg-16 pt-xl-22 pb-7 pb-md-10" style="background:url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc0JyBoZWlnaHQ9JzQnPjxwYXRoIGZpbGw9JyMzNjQxNTInIGZpbGwtb3BhY2l0eT0nLjQnIGQ9J00xIDNoMXYxSDFWM3ptMi0yaDF2MUgzVjF6Jy8+PC9zdmc+');">
				<div class="container">
					<div class="row">
						<div class="col-12 col-xl-4 pt-xl-2">
							<header class="erHeadingHead mb-7 mb-lg-11 mb-xl-0">
								<h2 class="text-white">Fasilitas Umum</h2>
								<p>Telusuri Fasilitas Umum yang tersedia di Kabupaten Bengkalis</p>
							</header>
						</div>
						<div class="col-12 col-xl-8">
							<div class="pl-xl-9">
								<div class="row no-gutters shadow">
									<div class="col-12 col-md-6 d-md-flex">
										<ul class="list-unstyled erLinksList px-7 py-7 px-lg-10 py-lg-10 bg-white w-100 mb-0">
																						<li>
												<a href="https://bengkaliskab.go.id/direktori/kategori/spbu">SPBU</a>
											</li>
																						<li>
												<a href="https://bengkaliskab.go.id/direktori/kategori/sekolah">Sekolah</a>
											</li>
																						<li>
												<a href="https://bengkaliskab.go.id/direktori/kategori/rumah-sakit">Rumah Sakit</a>
											</li>
																						<li>
												<a href="https://bengkaliskab.go.id/direktori/kategori/transportasi">Transportasi</a>
											</li>
																						<li>
												<a href="https://bengkaliskab.go.id/direktori/kategori/free-wifi">Free Wifi</a>
											</li>
																						<li>
												<a href="https://bengkaliskab.go.id/direktori/kategori/penginapan">Penginapan</a>
											</li>
																						<li>
												<a href="https://bengkaliskab.go.id/direktori/kategori/wisata">Wisata</a>
											</li>
																						<li>
												<a href="https://bengkaliskab.go.id/direktori/kategori/rumah-ibadah">Rumah Ibadah</a>
											</li>
																					
										</ul>
									</div>
									<div class="col-12 col-md-6 d-md-flex">
									<div><img style="width:100%;" data-src="https://bengkaliskab.go.id/upload/banner/2023/GwxrIdg8JC/2023-02-03-150328-63077982610img-20220227-wa0004.jpg" class="lazyload" src="/shimmer.gif"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>
			<section class="exploreHeightsBlock pt-4 pb-6 pb-md-9 pt-lg-7 pb-lg-14 pt-xl-11 pb-xl-20" style="background:#fff">
				<div class="container">
					<header class="headingHead text-center mb-12">
						<h2 class="fwSemiBold">Kecamatan</h2>
					</header>
				</div>
				<div class="row">
					<div class="echSliderWrap overflow-hidden w-100">
						<div class="echSlider mx-auto w-100 slick-initialized slick-slider slick-dotted"><div class="slick-list draggable" style="padding: 0px;"><div class="slick-track" style="opacity: 1; width: 10392px; transform: translate3d(-866px, 0px, 0px);"><div class="slick-slide slick-cloned" data-slick-index="-2" aria-hidden="true" tabindex="-1" style="width: 433px;"><div><div style="width: 100%; display: inline-block;">
								<div class="col-12">
									<div class="echColumn d-block w-100 bgCover position-relative" style="background-image: url(https://bengkaliskab.go.id/upload/image/opd/31949-1565166331.jpg);">
										<a href="https://bengkaliskab.go.id/perangkat-daerah/kecamatan-bantan" class="echCountTag position-absolute fwSemiBold " tabindex="-1">
											<img data-src="https://bengkaliskab.go.id/logobengkalis.png" style="height:50px" alt="" class="lazyload" src="/shimmer.gif">
										</a>
										<div class="echcCaptionWrap position-absolute w-100 text-white px-3 py-2 px-sm-5 py-sm-4">
											<h3 class="mb-0 text-white">
												<span class="d-block">Kecamatan Bantan</span>
											</h3>
											<a href="https://bengkaliskab.go.id/perangkat-daerah/kecamatan-bantan" class="d-inline-block" tabindex="-1"><i class="rounded-circle icomoon-arrowRight d-flex align-items-center justify-content-center bg-white text-dark spanLinkGo"><span class="sr-only">icon</span></i></a>
										</div>
									</div>
								</div>
							</div></div></div><div class="slick-slide slick-cloned" data-slick-index="-1" aria-hidden="true" tabindex="-1" style="width: 433px;"><div><div style="width: 100%; display: inline-block;">
								<div class="col-12">
									<div class="echColumn d-block w-100 bgCover position-relative" style="background-image: url(https://bengkaliskab.go.id/upload/image/opd/59628-1565166279.jpg);">
										<a href="https://bengkaliskab.go.id/perangkat-daerah/kecamatan-bengkalis" class="echCountTag position-absolute fwSemiBold " tabindex="-1">
											<img data-src="https://bengkaliskab.go.id/logobengkalis.png" style="height:50px" alt="" class="lazyload" src="/shimmer.gif">
										</a>
										<div class="echcCaptionWrap position-absolute w-100 text-white px-3 py-2 px-sm-5 py-sm-4">
											<h3 class="mb-0 text-white">
												<span class="d-block">Kecamatan Bengkalis</span>
											</h3>
											<a href="https://bengkaliskab.go.id/perangkat-daerah/kecamatan-bengkalis" class="d-inline-block" tabindex="-1"><i class="rounded-circle icomoon-arrowRight d-flex align-items-center justify-content-center bg-white text-dark spanLinkGo"><span class="sr-only">icon</span></i></a>
										</div>
									</div>
								</div>
							</div></div></div><div class="slick-slide slick-current slick-active slick-center" data-slick-index="0" aria-hidden="false" role="tabpanel" id="slick-slide00" style="width: 433px;"><div><div style="width: 100%; display: inline-block;">
								<div class="col-12">
									<div class="echColumn d-block w-100 bgCover position-relative" style="background-image: url(https://bengkaliskab.go.id/upload/perangkat-daerah/2019/OqxSJajnLj/2024-08-01-110703-kecamatan-bathin-solapan1.jpg);">
										<a href="https://bengkaliskab.go.id/perangkat-daerah/kecamatan-bathin-solapan" class="echCountTag position-absolute fwSemiBold " tabindex="0">
											<img data-src="https://bengkaliskab.go.id/logobengkalis.png" style="height:50px" alt="" class="lazyload" src="/shimmer.gif">
										</a>
										<div class="echcCaptionWrap position-absolute w-100 text-white px-3 py-2 px-sm-5 py-sm-4">
											<h3 class="mb-0 text-white">
												<span class="d-block">Kecamatan Bathin Solapan</span>
											</h3>
											<a href="https://bengkaliskab.go.id/perangkat-daerah/kecamatan-bathin-solapan" class="d-inline-block" tabindex="0"><i class="rounded-circle icomoon-arrowRight d-flex align-items-center justify-content-center bg-white text-dark spanLinkGo"><span class="sr-only">icon</span></i></a>
										</div>
									</div>
								</div>
							</div></div></div><div class="slick-slide" data-slick-index="1" aria-hidden="true" tabindex="-1" role="tabpanel" id="slick-slide01" style="width: 433px;"><div><div style="width: 100%; display: inline-block;">
								<div class="col-12">
									<div class="echColumn d-block w-100 bgCover position-relative" style="background-image: url(https://bengkaliskab.go.id/upload/perangkat-daerah/2019/0ufeeMJaUC/2024-08-01-111213-banner-talang-muandau-1.jpg);">
										<a href="https://bengkaliskab.go.id/perangkat-daerah/kecamatan-talang-muandau" class="echCountTag position-absolute fwSemiBold " tabindex="-1">
											<img data-src="https://bengkaliskab.go.id/logobengkalis.png" style="height:50px" alt="" class="lazyload" src="/shimmer.gif">
										</a>
										<div class="echcCaptionWrap position-absolute w-100 text-white px-3 py-2 px-sm-5 py-sm-4">
											<h3 class="mb-0 text-white">
												<span class="d-block">Kecamatan Talang Muandau</span>
											</h3>
											<a href="https://bengkaliskab.go.id/perangkat-daerah/kecamatan-talang-muandau" class="d-inline-block" tabindex="-1"><i class="rounded-circle icomoon-arrowRight d-flex align-items-center justify-content-center bg-white text-dark spanLinkGo"><span class="sr-only">icon</span></i></a>
										</div>
									</div>
								</div>
							</div></div></div><div class="slick-slide" data-slick-index="2" aria-hidden="true" tabindex="-1" role="tabpanel" id="slick-slide02" style="width: 433px;"><div><div style="width: 100%; display: inline-block;">
								<div class="col-12">
									<div class="echColumn d-block w-100 bgCover position-relative" style="background-image: url(https://bengkaliskab.go.id/upload/perangkat-daerah/2019/2NB2oot2x9/2024-08-01-111633-bandar-laksamana-3.png);">
										<a href="https://bengkaliskab.go.id/perangkat-daerah/kecamatan-bandar-laksamana" class="echCountTag position-absolute fwSemiBold " tabindex="-1">
											<img data-src="https://bengkaliskab.go.id/logobengkalis.png" style="height:50px" alt="" class="lazyload" src="/shimmer.gif">
										</a>
										<div class="echcCaptionWrap position-absolute w-100 text-white px-3 py-2 px-sm-5 py-sm-4">
											<h3 class="mb-0 text-white">
												<span class="d-block">Kecamatan Bandar Laksamana</span>
											</h3>
											<a href="https://bengkaliskab.go.id/perangkat-daerah/kecamatan-bandar-laksamana" class="d-inline-block" tabindex="-1"><i class="rounded-circle icomoon-arrowRight d-flex align-items-center justify-content-center bg-white text-dark spanLinkGo"><span class="sr-only">icon</span></i></a>
										</div>
									</div>
								</div>
							</div></div></div><div class="slick-slide" data-slick-index="3" aria-hidden="true" tabindex="-1" role="tabpanel" id="slick-slide03" style="width: 433px;"><div><div style="width: 100%; display: inline-block;">
								<div class="col-12">
									<div class="echColumn d-block w-100 bgCover position-relative" style="background-image: url(https://bengkaliskab.go.id/upload/image/opd/76551-1565166849.jpg);">
										<a href="https://bengkaliskab.go.id/perangkat-daerah/kecamatan-pinggir" class="echCountTag position-absolute fwSemiBold " tabindex="-1">
											<img data-src="https://bengkaliskab.go.id/logobengkalis.png" style="height:50px" alt="" class="lazyload" src="/shimmer.gif">
										</a>
										<div class="echcCaptionWrap position-absolute w-100 text-white px-3 py-2 px-sm-5 py-sm-4">
											<h3 class="mb-0 text-white">
												<span class="d-block">Kecamatan Pinggir</span>
											</h3>
											<a href="https://bengkaliskab.go.id/perangkat-daerah/kecamatan-pinggir" class="d-inline-block" tabindex="-1"><i class="rounded-circle icomoon-arrowRight d-flex align-items-center justify-content-center bg-white text-dark spanLinkGo"><span class="sr-only">icon</span></i></a>
										</div>
									</div>
								</div>
							</div></div></div><div class="slick-slide" data-slick-index="4" aria-hidden="true" tabindex="-1" role="tabpanel" id="slick-slide04" style="width: 433px;"><div><div style="width: 100%; display: inline-block;">
								<div class="col-12">
									<div class="echColumn d-block w-100 bgCover position-relative" style="background-image: url(https://bengkaliskab.go.id/upload/image/opd/83929-1565166802.jpg);">
										<a href="https://bengkaliskab.go.id/perangkat-daerah/kecamatan-mandau" class="echCountTag position-absolute fwSemiBold " tabindex="-1">
											<img data-src="https://bengkaliskab.go.id/logobengkalis.png" style="height:50px" alt="" class="lazyload" src="/shimmer.gif">
										</a>
										<div class="echcCaptionWrap position-absolute w-100 text-white px-3 py-2 px-sm-5 py-sm-4">
											<h3 class="mb-0 text-white">
												<span class="d-block">Kecamatan Mandau</span>
											</h3>
											<a href="https://bengkaliskab.go.id/perangkat-daerah/kecamatan-mandau" class="d-inline-block" tabindex="-1"><i class="rounded-circle icomoon-arrowRight d-flex align-items-center justify-content-center bg-white text-dark spanLinkGo"><span class="sr-only">icon</span></i></a>
										</div>
									</div>
								</div>
							</div></div></div><div class="slick-slide" data-slick-index="5" aria-hidden="true" tabindex="-1" role="tabpanel" id="slick-slide05" style="width: 433px;"><div><div style="width: 100%; display: inline-block;">
								<div class="col-12">
									<div class="echColumn d-block w-100 bgCover position-relative" style="background-image: url(https://bengkaliskab.go.id/upload/image/opd/57625-1565166669.jpg);">
										<a href="https://bengkaliskab.go.id/perangkat-daerah/kecamatan-rupat-utara" class="echCountTag position-absolute fwSemiBold " tabindex="-1">
											<img data-src="https://bengkaliskab.go.id/logobengkalis.png" style="height:50px" alt="" class="lazyload" src="/shimmer.gif">
										</a>
										<div class="echcCaptionWrap position-absolute w-100 text-white px-3 py-2 px-sm-5 py-sm-4">
											<h3 class="mb-0 text-white">
												<span class="d-block">Kecamatan Rupat Utara</span>
											</h3>
											<a href="https://bengkaliskab.go.id/perangkat-daerah/kecamatan-rupat-utara" class="d-inline-block" tabindex="-1"><i class="rounded-circle icomoon-arrowRight d-flex align-items-center justify-content-center bg-white text-dark spanLinkGo"><span class="sr-only">icon</span></i></a>
										</div>
									</div>
								</div>
							</div></div></div><div class="slick-slide" data-slick-index="6" aria-hidden="true" tabindex="-1" role="tabpanel" id="slick-slide06" style="width: 433px;"><div><div style="width: 100%; display: inline-block;">
								<div class="col-12">
									<div class="echColumn d-block w-100 bgCover position-relative" style="background-image: url(https://bengkaliskab.go.id/upload/image/opd/90882-1565166729.jpg);">
										<a href="https://bengkaliskab.go.id/perangkat-daerah/kecamatan-rupat" class="echCountTag position-absolute fwSemiBold " tabindex="-1">
											<img data-src="https://bengkaliskab.go.id/logobengkalis.png" style="height:50px" alt="" class="lazyload" src="/shimmer.gif">
										</a>
										<div class="echcCaptionWrap position-absolute w-100 text-white px-3 py-2 px-sm-5 py-sm-4">
											<h3 class="mb-0 text-white">
												<span class="d-block">Kecamatan Rupat</span>
											</h3>
											<a href="https://bengkaliskab.go.id/perangkat-daerah/kecamatan-rupat" class="d-inline-block" tabindex="-1"><i class="rounded-circle icomoon-arrowRight d-flex align-items-center justify-content-center bg-white text-dark spanLinkGo"><span class="sr-only">icon</span></i></a>
										</div>
									</div>
								</div>
							</div></div></div><div class="slick-slide" data-slick-index="7" aria-hidden="true" tabindex="-1" role="tabpanel" id="slick-slide07" style="width: 433px;"><div><div style="width: 100%; display: inline-block;">
								<div class="col-12">
									<div class="echColumn d-block w-100 bgCover position-relative" style="background-image: url(https://bengkaliskab.go.id/upload/image/opd/87736-1565166461.jpg);">
										<a href="https://bengkaliskab.go.id/perangkat-daerah/kecamatan-siak-kecil" class="echCountTag position-absolute fwSemiBold " tabindex="-1">
											<img data-src="https://bengkaliskab.go.id/logobengkalis.png" style="height:50px" alt="" class="lazyload" src="/shimmer.gif">
										</a>
										<div class="echcCaptionWrap position-absolute w-100 text-white px-3 py-2 px-sm-5 py-sm-4">
											<h3 class="mb-0 text-white">
												<span class="d-block">Kecamatan Siak Kecil</span>
											</h3>
											<a href="https://bengkaliskab.go.id/perangkat-daerah/kecamatan-siak-kecil" class="d-inline-block" tabindex="-1"><i class="rounded-circle icomoon-arrowRight d-flex align-items-center justify-content-center bg-white text-dark spanLinkGo"><span class="sr-only">icon</span></i></a>
										</div>
									</div>
								</div>
							</div></div></div><div class="slick-slide" data-slick-index="8" aria-hidden="true" tabindex="-1" role="tabpanel" id="slick-slide08" style="width: 433px;"><div><div style="width: 100%; display: inline-block;">
								<div class="col-12">
									<div class="echColumn d-block w-100 bgCover position-relative" style="background-image: url(https://bengkaliskab.go.id/upload/image/opd/86088-1565166407.jpg);">
										<a href="https://bengkaliskab.go.id/perangkat-daerah/kecamatan-bukit-batu" class="echCountTag position-absolute fwSemiBold " tabindex="-1">
											<img data-src="https://bengkaliskab.go.id/logobengkalis.png" style="height:50px" alt="" class="lazyload" src="/shimmer.gif">
										</a>
										<div class="echcCaptionWrap position-absolute w-100 text-white px-3 py-2 px-sm-5 py-sm-4">
											<h3 class="mb-0 text-white">
												<span class="d-block">Kecamatan Bukit Batu</span>
											</h3>
											<a href="https://bengkaliskab.go.id/perangkat-daerah/kecamatan-bukit-batu" class="d-inline-block" tabindex="-1"><i class="rounded-circle icomoon-arrowRight d-flex align-items-center justify-content-center bg-white text-dark spanLinkGo"><span class="sr-only">icon</span></i></a>
										</div>
									</div>
								</div>
							</div></div></div><div class="slick-slide" data-slick-index="9" aria-hidden="true" tabindex="-1" role="tabpanel" id="slick-slide09" style="width: 433px;"><div><div style="width: 100%; display: inline-block;">
								<div class="col-12">
									<div class="echColumn d-block w-100 bgCover position-relative" style="background-image: url(https://bengkaliskab.go.id/upload/image/opd/31949-1565166331.jpg);">
										<a href="https://bengkaliskab.go.id/perangkat-daerah/kecamatan-bantan" class="echCountTag position-absolute fwSemiBold " tabindex="-1">
											<img data-src="https://bengkaliskab.go.id/logobengkalis.png" style="height:50px" alt="" class="lazyload" src="/shimmer.gif">
										</a>
										<div class="echcCaptionWrap position-absolute w-100 text-white px-3 py-2 px-sm-5 py-sm-4">
											<h3 class="mb-0 text-white">
												<span class="d-block">Kecamatan Bantan</span>
											</h3>
											<a href="https://bengkaliskab.go.id/perangkat-daerah/kecamatan-bantan" class="d-inline-block" tabindex="-1"><i class="rounded-circle icomoon-arrowRight d-flex align-items-center justify-content-center bg-white text-dark spanLinkGo"><span class="sr-only">icon</span></i></a>
										</div>
									</div>
								</div>
							</div></div></div><div class="slick-slide" data-slick-index="10" aria-hidden="true" tabindex="-1" role="tabpanel" id="slick-slide010" style="width: 433px;"><div><div style="width: 100%; display: inline-block;">
								<div class="col-12">
									<div class="echColumn d-block w-100 bgCover position-relative" style="background-image: url(https://bengkaliskab.go.id/upload/image/opd/59628-1565166279.jpg);">
										<a href="https://bengkaliskab.go.id/perangkat-daerah/kecamatan-bengkalis" class="echCountTag position-absolute fwSemiBold " tabindex="-1">
											<img data-src="https://bengkaliskab.go.id/logobengkalis.png" style="height:50px" alt="" class="lazyload" src="/shimmer.gif">
										</a>
										<div class="echcCaptionWrap position-absolute w-100 text-white px-3 py-2 px-sm-5 py-sm-4">
											<h3 class="mb-0 text-white">
												<span class="d-block">Kecamatan Bengkalis</span>
											</h3>
											<a href="https://bengkaliskab.go.id/perangkat-daerah/kecamatan-bengkalis" class="d-inline-block" tabindex="-1"><i class="rounded-circle icomoon-arrowRight d-flex align-items-center justify-content-center bg-white text-dark spanLinkGo"><span class="sr-only">icon</span></i></a>
										</div>
									</div>
								</div>
							</div></div></div><div class="slick-slide slick-cloned" data-slick-index="11" aria-hidden="true" tabindex="-1" style="width: 433px;"><div><div style="width: 100%; display: inline-block;">
								<div class="col-12">
									<div class="echColumn d-block w-100 bgCover position-relative" style="background-image: url(https://bengkaliskab.go.id/upload/perangkat-daerah/2019/OqxSJajnLj/2024-08-01-110703-kecamatan-bathin-solapan1.jpg);">
										<a href="https://bengkaliskab.go.id/perangkat-daerah/kecamatan-bathin-solapan" class="echCountTag position-absolute fwSemiBold " tabindex="-1">
											<img data-src="https://bengkaliskab.go.id/logobengkalis.png" style="height:50px" alt="" class="lazyload" src="/shimmer.gif">
										</a>
										<div class="echcCaptionWrap position-absolute w-100 text-white px-3 py-2 px-sm-5 py-sm-4">
											<h3 class="mb-0 text-white">
												<span class="d-block">Kecamatan Bathin Solapan</span>
											</h3>
											<a href="https://bengkaliskab.go.id/perangkat-daerah/kecamatan-bathin-solapan" class="d-inline-block" tabindex="-1"><i class="rounded-circle icomoon-arrowRight d-flex align-items-center justify-content-center bg-white text-dark spanLinkGo"><span class="sr-only">icon</span></i></a>
										</div>
									</div>
								</div>
							</div></div></div><div class="slick-slide slick-cloned" data-slick-index="12" aria-hidden="true" tabindex="-1" style="width: 433px;"><div><div style="width: 100%; display: inline-block;">
								<div class="col-12">
									<div class="echColumn d-block w-100 bgCover position-relative" style="background-image: url(https://bengkaliskab.go.id/upload/perangkat-daerah/2019/0ufeeMJaUC/2024-08-01-111213-banner-talang-muandau-1.jpg);">
										<a href="https://bengkaliskab.go.id/perangkat-daerah/kecamatan-talang-muandau" class="echCountTag position-absolute fwSemiBold " tabindex="-1">
											<img data-src="https://bengkaliskab.go.id/logobengkalis.png" style="height:50px" alt="" class="lazyload" src="/shimmer.gif">
										</a>
										<div class="echcCaptionWrap position-absolute w-100 text-white px-3 py-2 px-sm-5 py-sm-4">
											<h3 class="mb-0 text-white">
												<span class="d-block">Kecamatan Talang Muandau</span>
											</h3>
											<a href="https://bengkaliskab.go.id/perangkat-daerah/kecamatan-talang-muandau" class="d-inline-block" tabindex="-1"><i class="rounded-circle icomoon-arrowRight d-flex align-items-center justify-content-center bg-white text-dark spanLinkGo"><span class="sr-only">icon</span></i></a>
										</div>
									</div>
								</div>
							</div></div></div><div class="slick-slide slick-cloned" data-slick-index="13" aria-hidden="true" tabindex="-1" style="width: 433px;"><div><div style="width: 100%; display: inline-block;">
								<div class="col-12">
									<div class="echColumn d-block w-100 bgCover position-relative" style="background-image: url(https://bengkaliskab.go.id/upload/perangkat-daerah/2019/2NB2oot2x9/2024-08-01-111633-bandar-laksamana-3.png);">
										<a href="https://bengkaliskab.go.id/perangkat-daerah/kecamatan-bandar-laksamana" class="echCountTag position-absolute fwSemiBold " tabindex="-1">
											<img data-src="https://bengkaliskab.go.id/logobengkalis.png" style="height:50px" alt="" class="lazyload" src="/shimmer.gif">
										</a>
										<div class="echcCaptionWrap position-absolute w-100 text-white px-3 py-2 px-sm-5 py-sm-4">
											<h3 class="mb-0 text-white">
												<span class="d-block">Kecamatan Bandar Laksamana</span>
											</h3>
											<a href="https://bengkaliskab.go.id/perangkat-daerah/kecamatan-bandar-laksamana" class="d-inline-block" tabindex="-1"><i class="rounded-circle icomoon-arrowRight d-flex align-items-center justify-content-center bg-white text-dark spanLinkGo"><span class="sr-only">icon</span></i></a>
										</div>
									</div>
								</div>
							</div></div></div><div class="slick-slide slick-cloned" data-slick-index="14" aria-hidden="true" tabindex="-1" style="width: 433px;"><div><div style="width: 100%; display: inline-block;">
								<div class="col-12">
									<div class="echColumn d-block w-100 bgCover position-relative" style="background-image: url(https://bengkaliskab.go.id/upload/image/opd/76551-1565166849.jpg);">
										<a href="https://bengkaliskab.go.id/perangkat-daerah/kecamatan-pinggir" class="echCountTag position-absolute fwSemiBold " tabindex="-1">
											<img data-src="https://bengkaliskab.go.id/logobengkalis.png" style="height:50px" alt="" class="lazyload" src="/shimmer.gif">
										</a>
										<div class="echcCaptionWrap position-absolute w-100 text-white px-3 py-2 px-sm-5 py-sm-4">
											<h3 class="mb-0 text-white">
												<span class="d-block">Kecamatan Pinggir</span>
											</h3>
											<a href="https://bengkaliskab.go.id/perangkat-daerah/kecamatan-pinggir" class="d-inline-block" tabindex="-1"><i class="rounded-circle icomoon-arrowRight d-flex align-items-center justify-content-center bg-white text-dark spanLinkGo"><span class="sr-only">icon</span></i></a>
										</div>
									</div>
								</div>
							</div></div></div><div class="slick-slide slick-cloned" data-slick-index="15" aria-hidden="true" tabindex="-1" style="width: 433px;"><div><div style="width: 100%; display: inline-block;">
								<div class="col-12">
									<div class="echColumn d-block w-100 bgCover position-relative" style="background-image: url(https://bengkaliskab.go.id/upload/image/opd/83929-1565166802.jpg);">
										<a href="https://bengkaliskab.go.id/perangkat-daerah/kecamatan-mandau" class="echCountTag position-absolute fwSemiBold " tabindex="-1">
											<img data-src="https://bengkaliskab.go.id/logobengkalis.png" style="height:50px" alt="" class="lazyload" src="/shimmer.gif">
										</a>
										<div class="echcCaptionWrap position-absolute w-100 text-white px-3 py-2 px-sm-5 py-sm-4">
											<h3 class="mb-0 text-white">
												<span class="d-block">Kecamatan Mandau</span>
											</h3>
											<a href="https://bengkaliskab.go.id/perangkat-daerah/kecamatan-mandau" class="d-inline-block" tabindex="-1"><i class="rounded-circle icomoon-arrowRight d-flex align-items-center justify-content-center bg-white text-dark spanLinkGo"><span class="sr-only">icon</span></i></a>
										</div>
									</div>
								</div>
							</div></div></div><div class="slick-slide slick-cloned" data-slick-index="16" aria-hidden="true" tabindex="-1" style="width: 433px;"><div><div style="width: 100%; display: inline-block;">
								<div class="col-12">
									<div class="echColumn d-block w-100 bgCover position-relative" style="background-image: url(https://bengkaliskab.go.id/upload/image/opd/57625-1565166669.jpg);">
										<a href="https://bengkaliskab.go.id/perangkat-daerah/kecamatan-rupat-utara" class="echCountTag position-absolute fwSemiBold " tabindex="-1">
											<img data-src="https://bengkaliskab.go.id/logobengkalis.png" style="height:50px" alt="" class="lazyload" src="/shimmer.gif">
										</a>
										<div class="echcCaptionWrap position-absolute w-100 text-white px-3 py-2 px-sm-5 py-sm-4">
											<h3 class="mb-0 text-white">
												<span class="d-block">Kecamatan Rupat Utara</span>
											</h3>
											<a href="https://bengkaliskab.go.id/perangkat-daerah/kecamatan-rupat-utara" class="d-inline-block" tabindex="-1"><i class="rounded-circle icomoon-arrowRight d-flex align-items-center justify-content-center bg-white text-dark spanLinkGo"><span class="sr-only">icon</span></i></a>
										</div>
									</div>
								</div>
							</div></div></div><div class="slick-slide slick-cloned" data-slick-index="17" aria-hidden="true" tabindex="-1" style="width: 433px;"><div><div style="width: 100%; display: inline-block;">
								<div class="col-12">
									<div class="echColumn d-block w-100 bgCover position-relative" style="background-image: url(https://bengkaliskab.go.id/upload/image/opd/90882-1565166729.jpg);">
										<a href="https://bengkaliskab.go.id/perangkat-daerah/kecamatan-rupat" class="echCountTag position-absolute fwSemiBold " tabindex="-1">
											<img data-src="https://bengkaliskab.go.id/logobengkalis.png" style="height:50px" alt="" class="lazyload" src="/shimmer.gif">
										</a>
										<div class="echcCaptionWrap position-absolute w-100 text-white px-3 py-2 px-sm-5 py-sm-4">
											<h3 class="mb-0 text-white">
												<span class="d-block">Kecamatan Rupat</span>
											</h3>
											<a href="https://bengkaliskab.go.id/perangkat-daerah/kecamatan-rupat" class="d-inline-block" tabindex="-1"><i class="rounded-circle icomoon-arrowRight d-flex align-items-center justify-content-center bg-white text-dark spanLinkGo"><span class="sr-only">icon</span></i></a>
										</div>
									</div>
								</div>
							</div></div></div><div class="slick-slide slick-cloned" data-slick-index="18" aria-hidden="true" tabindex="-1" style="width: 433px;"><div><div style="width: 100%; display: inline-block;">
								<div class="col-12">
									<div class="echColumn d-block w-100 bgCover position-relative" style="background-image: url(https://bengkaliskab.go.id/upload/image/opd/87736-1565166461.jpg);">
										<a href="https://bengkaliskab.go.id/perangkat-daerah/kecamatan-siak-kecil" class="echCountTag position-absolute fwSemiBold " tabindex="-1">
											<img data-src="https://bengkaliskab.go.id/logobengkalis.png" style="height:50px" alt="" class="lazyload" src="/shimmer.gif">
										</a>
										<div class="echcCaptionWrap position-absolute w-100 text-white px-3 py-2 px-sm-5 py-sm-4">
											<h3 class="mb-0 text-white">
												<span class="d-block">Kecamatan Siak Kecil</span>
											</h3>
											<a href="https://bengkaliskab.go.id/perangkat-daerah/kecamatan-siak-kecil" class="d-inline-block" tabindex="-1"><i class="rounded-circle icomoon-arrowRight d-flex align-items-center justify-content-center bg-white text-dark spanLinkGo"><span class="sr-only">icon</span></i></a>
										</div>
									</div>
								</div>
							</div></div></div><div class="slick-slide slick-cloned" data-slick-index="19" aria-hidden="true" tabindex="-1" style="width: 433px;"><div><div style="width: 100%; display: inline-block;">
								<div class="col-12">
									<div class="echColumn d-block w-100 bgCover position-relative" style="background-image: url(https://bengkaliskab.go.id/upload/image/opd/86088-1565166407.jpg);">
										<a href="https://bengkaliskab.go.id/perangkat-daerah/kecamatan-bukit-batu" class="echCountTag position-absolute fwSemiBold " tabindex="-1">
											<img data-src="https://bengkaliskab.go.id/logobengkalis.png" style="height:50px" alt="" class="lazyload" src="/shimmer.gif">
										</a>
										<div class="echcCaptionWrap position-absolute w-100 text-white px-3 py-2 px-sm-5 py-sm-4">
											<h3 class="mb-0 text-white">
												<span class="d-block">Kecamatan Bukit Batu</span>
											</h3>
											<a href="https://bengkaliskab.go.id/perangkat-daerah/kecamatan-bukit-batu" class="d-inline-block" tabindex="-1"><i class="rounded-circle icomoon-arrowRight d-flex align-items-center justify-content-center bg-white text-dark spanLinkGo"><span class="sr-only">icon</span></i></a>
										</div>
									</div>
								</div>
							</div></div></div><div class="slick-slide slick-cloned slick-center" data-slick-index="20" aria-hidden="true" tabindex="-1" style="width: 433px;"><div><div style="width: 100%; display: inline-block;">
								<div class="col-12">
									<div class="echColumn d-block w-100 bgCover position-relative" style="background-image: url(https://bengkaliskab.go.id/upload/image/opd/31949-1565166331.jpg);">
										<a href="https://bengkaliskab.go.id/perangkat-daerah/kecamatan-bantan" class="echCountTag position-absolute fwSemiBold " tabindex="-1">
											<img data-src="https://bengkaliskab.go.id/logobengkalis.png" style="height:50px" alt="" class="lazyload" src="/shimmer.gif">
										</a>
										<div class="echcCaptionWrap position-absolute w-100 text-white px-3 py-2 px-sm-5 py-sm-4">
											<h3 class="mb-0 text-white">
												<span class="d-block">Kecamatan Bantan</span>
											</h3>
											<a href="https://bengkaliskab.go.id/perangkat-daerah/kecamatan-bantan" class="d-inline-block" tabindex="-1"><i class="rounded-circle icomoon-arrowRight d-flex align-items-center justify-content-center bg-white text-dark spanLinkGo"><span class="sr-only">icon</span></i></a>
										</div>
									</div>
								</div>
							</div></div></div><div class="slick-slide slick-cloned" data-slick-index="21" aria-hidden="true" tabindex="-1" style="width: 433px;"><div><div style="width: 100%; display: inline-block;">
								<div class="col-12">
									<div class="echColumn d-block w-100 bgCover position-relative" style="background-image: url(https://bengkaliskab.go.id/upload/image/opd/59628-1565166279.jpg);">
										<a href="https://bengkaliskab.go.id/perangkat-daerah/kecamatan-bengkalis" class="echCountTag position-absolute fwSemiBold " tabindex="-1">
											<img data-src="https://bengkaliskab.go.id/logobengkalis.png" style="height:50px" alt="" class="lazyload" src="/shimmer.gif">
										</a>
										<div class="echcCaptionWrap position-absolute w-100 text-white px-3 py-2 px-sm-5 py-sm-4">
											<h3 class="mb-0 text-white">
												<span class="d-block">Kecamatan Bengkalis</span>
											</h3>
											<a href="https://bengkaliskab.go.id/perangkat-daerah/kecamatan-bengkalis" class="d-inline-block" tabindex="-1"><i class="rounded-circle icomoon-arrowRight d-flex align-items-center justify-content-center bg-white text-dark spanLinkGo"><span class="sr-only">icon</span></i></a>
										</div>
									</div>
								</div>
							</div></div></div></div></div><ul class="dotsList dotsListii d-flex align-items-center justify-content-center list-unstyled mb-0 mt-8 mt-lg-12" style="" role="tablist"><li class="slick-active" role="presentation"><button type="button" role="tab" id="slick-slide-control00" aria-controls="slick-slide00" aria-label="1 of 11" tabindex="0" aria-selected="true">1</button></li><li role="presentation"><button type="button" role="tab" id="slick-slide-control01" aria-controls="slick-slide01" aria-label="2 of 11" tabindex="-1">2</button></li><li role="presentation"><button type="button" role="tab" id="slick-slide-control02" aria-controls="slick-slide02" aria-label="3 of 11" tabindex="-1">3</button></li><li role="presentation"><button type="button" role="tab" id="slick-slide-control03" aria-controls="slick-slide03" aria-label="4 of 11" tabindex="-1">4</button></li><li role="presentation"><button type="button" role="tab" id="slick-slide-control04" aria-controls="slick-slide04" aria-label="5 of 11" tabindex="-1">5</button></li><li role="presentation"><button type="button" role="tab" id="slick-slide-control05" aria-controls="slick-slide05" aria-label="6 of 11" tabindex="-1">6</button></li><li role="presentation"><button type="button" role="tab" id="slick-slide-control06" aria-controls="slick-slide06" aria-label="7 of 11" tabindex="-1">7</button></li><li role="presentation"><button type="button" role="tab" id="slick-slide-control07" aria-controls="slick-slide07" aria-label="8 of 11" tabindex="-1">8</button></li><li role="presentation"><button type="button" role="tab" id="slick-slide-control08" aria-controls="slick-slide08" aria-label="9 of 11" tabindex="-1">9</button></li><li role="presentation"><button type="button" role="tab" id="slick-slide-control09" aria-controls="slick-slide09" aria-label="10 of 11" tabindex="-1">10</button></li><li role="presentation"><button type="button" role="tab" id="slick-slide-control010" aria-controls="slick-slide010" aria-label="11 of 11" tabindex="-1">11</button></li></ul></div>
					</div>
				</div>
			</section>
		<script type="text/javascript">
    window.addEventListener('DOMContentLoaded', function() {
      setTimeout(() => {
  $('#moda').modal('show');
}, "2000")

    });
</script>
		
</main>
<!-- ftAreaWrap -->
<div class="ftAreaWrap position-relative bg-gDark fontAlter" style="background:url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc0JyBoZWlnaHQ9JzQnPjxwYXRoIGZpbGw9JyMzNjQxNTInIGZpbGwtb3BhY2l0eT0nLjQnIGQ9J00xIDNoMXYxSDFWM3ptMi0yaDF2MUgzVjF6Jy8+PC9zdmc+') repeat">
		
			<!-- footerAside -->
			<aside class="footerAside pt-9 pb-sm-2 pt-xl-14 pb-xl-12">
				<div class="container">
					<div class="row">
						<div class="col-12 col-sm-6 col-md-5 col-xl-3 mb-6">
							<div class="ftLogos text-center mb-4">
								
									<img data-src="https://bengkaliskab.go.id/logobengkalis.png" class="img-fluid mb-4 lazyload" alt="egovt" src="/shimmer.gif">
									<h4 class="mb-2 text-white">Pemerintah Kabupaten Bengkalis</h4>
							<span>Media Sosial :</span>
								
							</div>

							<ul class="list-unstyled socialNetworks ftSocialNetworks d-flex flex-wrap justify-content-center justify-content-sm-center mb-0">
									<li>
										<a href="javascript:void(0);">
											<i class="fab fa-facebook-square"><span class="sr-only">facebook</span></i>
										</a>
									</li>
									<li>
										<a href="javascript:void(0);">
											<i class="fab fa-twitter"><span class="sr-only">twitter</span></i>
										</a>
									</li>
									<li>
										<a href="javascript:void(0);">
											<i class="fab fa-instagram"><span class="sr-only">instagram</span></i>
										</a>
									</li>
									<li>
										<a href="javascript:void(0);">
											<i class="fab fa-youtube"><span class="sr-only">youtube</span></i>
										</a>
									</li>
								</ul>
						</div>
						<div class="col-12 col-sm-6 col-md-4 col-xl-3 col-xlwd-2 mb-6">
							<h3 class="ftHeading text-white mb-4">Publikasi</h3>
							<ul class="list-unstyled ftsrLinksList mb-0">
							
								<li>
									<a href="">Berita</a>
								</li>
							
								<li>
									<a href="">Agenda</a>
								</li>
							
								<li>
									<a href="">Wisata</a>
								</li>
							
								<li>
									<a href="">Pengumuman</a>
								</li>
														</ul>
						</div>
						<div class="col-12 col-sm-4 col-md-3 col-xl-2 col-xlwd-3 mb-6">
							<div class="pl-xlwd-11">
								<h3 class="ftHeading text-white mb-4">Unduh</h3>
								<ul class="list-unstyled ftsrLinksList mb-0">
								
									<li>
										<a href="">Peraturan Presiden</a>
									</li>
								
									<li>
										<a href="">Peraturan Menteri</a>
									</li>
								
									<li>
										<a href="">Peraturan Bupati</a>
									</li>
								
									<li>
										<a href="">Peraturan Daerah</a>
									</li>
																</ul>
							</div>
						</div>
						<div class="col-12 col-sm-8 col-md-12 col-xl-4 mb-6">
							<div class="ml-xl-n1 ml-xlwd-n7">
								<h3 class="ftHeading text-white mb-5">Alamat Kantor</h3>
								<div class="ctConnectWrap d-sm-flex justify-content-sm-center justify-content-lg-start align-items-sm-center">
								<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3988.499805568902!2d102.11092941424442!3d1.473043361578816!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31d15fcbe48d0a8f%3A0xc996b17198015a2b!2sKantor%20Bupati%20Bengkalis!5e0!3m2!1sen!2sid!4v1673751251683!5m2!1sen!2sid" height="200" style="width:100%;border:0;border-radius:10px;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
							</div>
							</div>
						</div>
					</div>
				</div>
			</aside>
			<!-- pageFooter -->
			<footer id="pageFooter" class="text-center bg-dark pt-6 pb-3 pt-md-8 pb-md-5">
				<div class="container">
					<b class="text-white online"></b><br><br>
					<p>© 2023<a href="javascript:void(0);"> Bengkaliskab.go.id</a> <br>Diberdayakan oleh Diskominfotik Kab. Bengkalis </p>
				</div>
				<!-- <script>
					setInterval(function() {
						$('.online').load('https://bengkaliskab.go.id/totv');
					}, 5000);
				</script> -->
			</footer>
		</div>
	</div>
	<!-- include jQuery library -->
	<script src="https://bengkaliskab.go.id/template/egov/js/jquery-3.4.1.min.js"></script>
	<!-- include custom JavaScript -->
	<script src="https://bengkaliskab.go.id/template/egov/js/jqueryCustom.js"></script>
	<!-- include plugins JavaScript -->
	<script src="https://bengkaliskab.go.id/template/egov/js/plugins.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.lazyload/1.9.1/jquery.lazyload.js"></script>
	<script type="text/javascript">
	$("img").lazyload({
	    effect : "fadeIn"
	});
</script>
	<!-- include fontAwesome -->

<iframe name="__tcfapiLocator" style="display: none;"></iframe><iframe src="https://gdpr-api.sharethis.com/portal-v2.html" id="st_gdpr_iframe" title="GDPR Consent Management" style="width: 0px; height: 0px; position: absolute; left: -5000px;"></iframe><div id="st-cmp-v2"><div data-version="2.0.1" class="st-cmp-app  st-cmp-undefined "><meta name="viewport" content="width=device-width, initial-scale=1"><div class="st-cmp-overlay"></div><div class="st-cmp-content"><div class="st-layer st-first-layer"><div class="st-cmp-full-header"><div class="header"><h1>WE CARE ABOUT YOUR PRIVACY</h1></div><div class="st-cmp-header-nav-buttons"><div class="st-button  ghost"><span><div class="st-button-inner"><span class="st-text">Manage Settings</span></div></span></div><div class="st-button  ghost"><span><div class="st-button-inner"><span class="st-text">Vendors</span></div></span></div></div></div><div class="st-cmp-selection-cards"><div id="vendor-settings"><h2>Vendor Settings</h2><div class="st-cmp-selection-card"><h3>Purposes</h3><div class="st-cmp-item"><h4>Vendors can:</h4><div class="st-switch "><label>Store and/or access information on a device</label><div class="switch"><span class="slider"></span></div></div><div class="st-switch "><label>Use limited data to select advertising</label><div class="switch"><span class="slider"></span></div></div><div class="st-switch "><label>Create profiles for personalised advertising</label><div class="switch"><span class="slider"></span></div></div><div class="st-switch "><label>Use profiles to select personalised advertising</label><div class="switch"><span class="slider"></span></div></div><div class="st-switch "><label>Create profiles to personalise content</label><div class="switch"><span class="slider"></span></div></div><div class="st-switch "><label>Use profiles to select personalised content</label><div class="switch"><span class="slider"></span></div></div><div class="st-switch "><label>Measure advertising performance</label><div class="switch"><span class="slider"></span></div></div><div class="st-switch "><label>Measure content performance</label><div class="switch"><span class="slider"></span></div></div><div class="st-switch "><label>Understand audiences through statistics or combinations of data from different sources</label><div class="switch"><span class="slider"></span></div></div><div class="st-switch "><label>Develop and improve services</label><div class="switch"><span class="slider"></span></div></div><div class="st-switch "><label>Use limited data to select content</label><div class="switch"><span class="slider"></span></div></div></div></div><div class="st-cmp-selection-card"><h3>Special Purposes</h3><div class="st-cmp-item"><h4>Vendors can:</h4><ul><li>Ensure security, prevent and detect fraud, and fix errors
</li><li>Deliver and present advertising and content</li><li>Save and communicate privacy choices</li></ul></div></div><div class="st-cmp-selection-card"><h3>Features</h3><div class="st-cmp-item"><h4>Vendors can:</h4><ul><li>Match and combine data from other data sources</li><li>Link different devices</li><li>Identify devices based on information transmitted automatically</li></ul></div></div><div class="st-cmp-selection-card"><h3>Special Features</h3><div class="st-cmp-item"><h4>Vendors can:</h4><div class="st-switch "><label>Use precise geolocation data</label><div class="switch"><span class="slider"></span></div></div><div class="st-switch "><label>Actively scan device characteristics for identification</label><div class="switch"><span class="slider"></span></div></div></div></div></div></div><div class="st-cmp-disclaimer"><p>Some partners do not ask for your consent to process your data, instead, they rely on their legitimate business interest. Personal data processed includes but is not limited to cookies, IP addresses, and URLs visited.<a> View our list of partners </a>to see the purposes they believe they have a legitimate interest for and object to legitimate interests on a per vendor basis.<a> Manage your settings </a>and object to purposes as a legitimate interest in general.</p><p>You can change your settings at any time, including by withdrawing your consent, by clicking on the cog icon in the bottom right hand corner.</p></div><div class="st-cmp-nav-buttons"><div class="st-cmp-footer-nav-buttons"><div class="st-button"><span><div class="st-button-inner"><span class="st-text">Manage Settings</span></div></span></div><div class="st-button"><span><div class="st-button-inner"><span class="st-text">Vendors (855)</span></div></span></div></div><div class="st-cmp-permanent-footer-nav-buttons"><div class="st-button"><span><div class="st-button-inner"><span class="st-text">Accept All</span></div></span></div><div class="st-button"><span><div class="st-button-inner"><span class="st-text">Reject All</span></div></span></div><div class="st-button" disabled=""><span><div class="st-button-inner"><span class="st-text">Save &amp; Exit</span></div></span></div></div></div></div></div></div></div></body></html>