/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 .ikm-stat .ikm-stat-header,
 .ikm-stat .nilai-ikm {
     text-align: center;
 }
 .ikm-stat .nilai-ikm {
     border: 10px solid #C7D0D9;
     border-radius: 30px;
     width: 400px;
     margin: 0 auto;
 }
 .ikm-stat .nilai-ikm p {
     line-height: 50px;
     font-size: 5.25rem;
     font-weight: 900;
     color: #E8090A;
     margin: 0;
     padding-top: 20px;
 }
  .ikm-stat .nilai-ikm p span {
      display: block;
      font-size: 28px;
      text-transform: uppercase;
      color: #000;
      margin-bottom: 5px;
  }
 .ikm-stat .jumlah-responden {
     text-align: center;
     text-transform: uppercase;
     font-weight: bold;
     font-size: 19px;
     color: #000;
 }
 .ikm-stat .chart-grid .pure-u-1 {
     text-align: center;
 }
 .ikm-stat .chart-grid .pure-u-1 h4 {
     text-transform: uppercase;
 }
 
 .ikm-logo-kiri, .ikm-logo-kanan {
     max-width: 150px !important;
 }
 .ikm-logo-kiri {
     max-width: 120px !important;
 }
  
  #statistic .logo-polda-sumbar img {
      width: 150px;
  }
  #statistic .logo-ikm img {
      width: 230px;
  }
  #data-responden-2 .pendidikan-terakhir .elementor-widget.elementor-widget-icon-list {
      margin-bottom: 0 !important;
  }
  
  .jc-bs3-container.container {
      width: 500px;
      margin:  0 auto;
  }
  .modal {
      display: none; /* Hidden by default */
      position: fixed; /* Stay in place */
      z-index: 1; /* Sit on top */
      left: 0;
      top: 0;
      width: 100%; /* Full width */
      height: 100%; /* Full height */
      overflow: auto; /* Enable scroll if needed */
      background-color: rgb(0,0,0); /* Fallback color */
      background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  .close {
      color: #aaa;
      float: right;
      font-size: 28px;
      font-weight: bold;
  }
  .close:hover,
  .close:focus {
      color: black;
      text-decoration: none;
      cursor: pointer;
  } 
  .modal-content {
      position: relative;
      background-color: #fefefe;
      /* margin: auto; */
      margin: 15% auto; /* 15% from the top and centered */
      padding: 0;
      /* border: 1px solid #888; */
      width: 80%;
      box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
      animation-name: animatetop;
      animation-duration: 0.4s;
  }
  .modal-header {
      padding: .5rem 1rem;
  }
  .modal-body {
      margin: 0 auto;
      width: 60%;
      padding: .5rem 1rem;
  }
  .modal-footer {
      padding: .5rem 1rem;
  }
  /* Add Animation */
  @keyframes animatetop {
      from {top: -300px; opacity: 0}
      to {top: 0; opacity: 1}
  } 
  
  .wizard-content {
      /* text-align: center; */
      border: none;
  }
  .wizard-content .wizard-pane {
      padding: 100px 0 80px;
  }
  .wizard-content .wizard-pane label {
      margin-right: 1rem;
  }
  .wizard-content .wizard-pane .iradio_square {
      margin-right: .5rem;
  }
  .wizard-buttons {
      text-align: center;
      margin: 1.5rem;
 }
 
 #footer-outer {
     z-index: -1 !important;
 }