@font-face {
    font-family: 'Manrope';
    src: url('../login/Manrope-VariableFont_wght.ttf') format('ttf');
    }
    body {
        font-family: 'Manrope', sans-serif !important;
        color: #2B2828 !important;
        width: 100vw;
        height: 100vh;
    }
    .sitab-car {
        background: rgb(232,55,14);
        background: linear-gradient(153deg, rgba(232,55,14,1) 0%, rgba(244,122,77,1) 43%, rgba(255,183,135,1) 100%);
        background-size: cover;
        background-image: url("../login/KPU\ Gedung\ -\ bg001.png");
        background-repeat: no-repeat;
        background-position: center top; 
    }
    .vcenter-item{
        display: flex;
        align-items: center;
    }
    .btn-primary.sitabLoginBtn {
      --bs-btn-color: #fff;
      --bs-btn-bg: #E8370E;
      --bs-btn-border-color: #E8370E;
      --bs-btn-hover-color: #fff;
      --bs-btn-hover-bg: #82230D;
      --bs-btn-hover-border-color: #82230D;
      --bs-btn-focus-shadow-rgb: 49,132,253;
      --bs-btn-active-color: #fff;
      --bs-btn-active-bg: #82230D;
      --bs-btn-active-border-color: #82230D;
      --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
      --bs-btn-disabled-color: #fff;
      --bs-btn-disabled-bg: #EC866F;
      --bs-btn-disabled-border-color: #EC866F
    }
    .btn-outline-primary {
        --bs-btn-color: #e8370e;
        --bs-btn-border-color: #e8370e;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #e8370e;
        --bs-btn-hover-border-color: #e8370e;
        --bs-btn-focus-shadow-rgb: 13,110,253;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #e8370e;
        --bs-btn-active-border-color: #e8370e;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #ff7e60;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: #ff7e60;
        --bs-gradient: none;
    }
    .container-fluid.sitabLogin, .sitabLoginRow.row {
      height: 100vh;
    }
    #carouselSitab {
      top: 16%;
    }
    #carouselSitab .carousel-caption {
      top: 4px;
    }
    #carouselSitab .carousel-indicators {
      bottom: -60px;
    }
    .carousel-indicators [data-bs-target] {
      width: 12px;
      height: 12px;
      margin-right: 4px;
      margin-left: 4px;
      border-top: 0px;
      border-bottom: 0px ;
      transition: opacity .6s ease, width .6s;
      border-radius: 20px !important;
    }
    .carousel-indicators .active {
      width: 30px;
    }
    .captchaSitab {
      display: flex;
      height: 40px;
    }
    .kpuPoweredSitab {
      margin-top: 100px;
    }
    @media only screen and (max-width: 991px) {
      .sitab-car {
        display: none;
      }
    }