/* screen - index */

.index {
  align-items: center;
  background-color: var(--black-2);
  background-image: url(../img/dekstop-1440x1080.svg);
  background-position: 50% 50%;
  background-size: cover;
  border: 1px none;
  display: flex;
  flex-direction: column;
  /* height: 1080px; */
  padding: 40px 0;
  width: 1440px;
}

.index .logo-header-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 4.71px;
  position: relative;
  width: fit-content;
}

.index .logo-icon-1 {
  height: 100.96px;
  min-width: 100.96px;
  object-fit: cover;
  position: relative;
}

.index .text-1 {
  color: var(--white);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.index .frame-1694-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 84px;
  position: relative;
  width: 640px;
}

.index .frame-1690 {
  -webkit-backdrop-filter: blur(10px) brightness(100%);
  align-items: center;
  align-self: stretch;
  backdrop-filter: blur(10px) brightness(100%);
  background-color: var(--white);
  border-radius: 12px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  padding: 12px 20px;
  position: relative;
  transition: all 0.2s ease;
}

.index .frame-1690:hover {
  transform: scale(1.1);
}

.index .peraturan-gubernur-b-1 {
  flex: 1;
  letter-spacing: 0.50px;
  line-height: normal;
  position: relative;
}

.index .uangle-right-1 {
  height: 24px;
  min-width: 24px;
  position: relative;
}

.index .frame-169-1 {
  -webkit-backdrop-filter: blur(10px) brightness(100%);
  align-items: center;
  align-self: stretch;
  backdrop-filter: blur(10px) brightness(100%);
  background-color: var(--white);
  border-radius: 12px;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  padding: 12px 20px;
  position: relative;
}

.index .peta-jalan-sistem-pe-1 {
  flex: 1;
  letter-spacing: 0.50px;
  line-height: normal;
  position: relative;
}

.index .arsitektur-dan-peta-1 {
  flex: 1;
  letter-spacing: 0.50px;
  line-height: normal;
  position: relative;
}

.index .instruksi-gubernur-n-1 {
  flex: 1;
  letter-spacing: 0.50px;
  line-height: normal;
  position: relative;
}

.index .dokumen-proses-pengg-1 {
  flex: 1;
  letter-spacing: 0.50px;
  line-height: normal;
  position: relative;
}

.index .undangan-dan-notulen-1 {
  flex: 1;
  letter-spacing: 0.50px;
  line-height: normal;
  position: relative;
}

.index .sop-1 {
  flex: 1;
  letter-spacing: 0.50px;
  line-height: normal;
  position: relative;
}

.index .dokumen-jaringan-inf-1 {
  flex: 1;
  letter-spacing: 0.50px;
  line-height: normal;
  position: relative;
}

.index .logo-balikom-1 {
  height: 31px;
  margin-right: 0;
  margin-top: 134px;
  width: 162px;
}

.index .powered-by-aptika-1 {
  letter-spacing: 0.50px;
  line-height: normal;
  margin-left: 0;
  margin-top: 19px;
  min-height: 18px;
  min-width: 292px;
  text-align: center;
}
/* screen - short-link-mobile */

.short-link-mobile {
  align-items: center;
  background-color: var(--black-2);
  background-image: url(../img/mobile-size-414x736-vertical.png);
  background-position: 50% 50%;
  background-size: cover;
  border: 1px none;
  display: flex;
  flex-direction: column;
  height: 1032px;
  padding: 28px 0;
  width: 414px;
}

.short-link-mobile .logo-header-2 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 3.66px;
  margin-top: 12px;
  position: relative;
  width: fit-content;
}

.short-link-mobile .logo-icon-2 {
  height: 78.45px;
  min-width: 78.45px;
  object-fit: cover;
  position: relative;
}

.short-link-mobile .text-2 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.short-link-mobile .frame-1694-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 33px;
  position: relative;
  width: 345px;
}

.short-link-mobile .frame-169-2 {
  -webkit-backdrop-filter: blur(10px) brightness(100%);
  align-items: center;
  align-self: stretch;
  backdrop-filter: blur(10px) brightness(100%);
  background-color: var(--white);
  border-radius: 12px;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  padding: 12px 20px;
  position: relative;
}

.short-link-mobile .peraturan-gubernur-b-2 {
  flex: 1;
  letter-spacing: 0.50px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.short-link-mobile .uangle-right-2 {
  height: 24px;
  min-width: 24px;
  position: relative;
}

.short-link-mobile .peta-jalan-sistem-pe-2 {
  flex: 1;
  letter-spacing: 0.50px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.short-link-mobile .arsitektur-dan-peta-2 {
  flex: 1;
  letter-spacing: 0.50px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.short-link-mobile .instruksi-gubernur-n-2 {
  flex: 1;
  letter-spacing: 0.50px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.short-link-mobile .dokumen-proses-pengg-2 {
  flex: 1;
  letter-spacing: 0.50px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.short-link-mobile .undangan-dan-notulen-2 {
  flex: 1;
  letter-spacing: 0.50px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.short-link-mobile .sop-2 {
  flex: 1;
  letter-spacing: 0.50px;
  line-height: normal;
  position: relative;
}

.short-link-mobile .dokumen-jaringan-inf-2 {
  flex: 1;
  letter-spacing: 0.50px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.short-link-mobile .logo-balikom-2 {
  height: 31px;
  margin-right: 0;
  margin-top: 95px;
  width: 162px;
}

.short-link-mobile .powered-by-aptika-2 {
  letter-spacing: 0.50px;
  line-height: normal;
  margin-top: 19px;
  min-height: 18px;
  min-width: 292px;
  text-align: center;
}
/* screen - short-link-tab */

.short-link-tab {
  align-items: center;
  background-color: var(--black-2);
  background-image: url(../img/tablet-744x1133-vertical.svg);
  background-position: 50% 50%;
  background-size: cover;
  border: 1px none;
  display: flex;
  flex-direction: column;
  height: 1133px;
  padding: 38px 0;
  width: 744px;
}

.short-link-tab .logo-header {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 4.21px;
  margin-top: 2px;
  position: relative;
  width: fit-content;
}

.short-link-tab .logo-icon {
  height: 90.33px;
  min-width: 90.33px;
  object-fit: cover;
  position: relative;
}

.short-link-tab .text {
  color: var(--white);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.short-link-tab .frame-1694 {
  align-items: flex-start;
  flex-direction: column;
  gap: 20px;
  margin-top: 92px;
  width: 448px;
}

.short-link-tab .frame-169 {
  -webkit-backdrop-filter: blur(10px) brightness(100%);
  align-items: center;
  align-self: stretch;
  backdrop-filter: blur(10px) brightness(100%);
  background-color: var(--white);
  border-radius: 12px;
  justify-content: space-between;
  overflow: hidden;
  padding: 12px 20px;
}

.short-link-tab .peraturan-gubernur-b {
  flex: 1;
  letter-spacing: 0.50px;
  line-height: normal;
  position: relative;
}

.short-link-tab .uangle-right {
  height: 24px;
  min-width: 24px;
  position: relative;
}

.short-link-tab .peta-jalan-sistem-pe {
  flex: 1;
  letter-spacing: 0.50px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.short-link-tab .arsitektur-dan-peta {
  flex: 1;
  letter-spacing: 0.50px;
  line-height: normal;
  position: relative;
}

.short-link-tab .instruksi-gubernur-n {
  flex: 1;
  letter-spacing: 0.50px;
  line-height: normal;
  position: relative;
}

.short-link-tab .dokumen-proses-pengg {
  flex: 1;
  letter-spacing: 0.50px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.short-link-tab .undangan-dan-notulen {
  flex: 1;
  letter-spacing: 0.50px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.short-link-tab .sop {
  flex: 1;
  letter-spacing: 0.50px;
  line-height: normal;
  position: relative;
}

.short-link-tab .dokumen-jaringan-inf {
  flex: 1;
  letter-spacing: 0.50px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.short-link-tab .logo-balikom {
  height: 31px;
  margin-right: 0;
  margin-top: 162px;
  width: 162px;
}

.short-link-tab .powered-by-aptika {
  letter-spacing: 0.50px;
  line-height: normal;
  margin-top: 19px;
  min-height: 18px;
  min-width: 292px;
  text-align: center;
}

.short-link-tab .frame {
  display: flex;
  position: relative;
}
@media screen and (max-width: 743px) {
  .screen.short-link-tab { 
    display: none;
   }
  .screen.index { 
    display: none;
   }
}
@media screen and (min-width: 744px) and (max-width: 1439px) {
  .screen.index { 
    display: none;
   }
  .screen.short-link-mobile { 
    display: none;
   }
}
@media screen and (min-width: 1440px) {
  .screen.short-link-tab { 
    display: none;
   }
  .screen.short-link-mobile { 
    display: none;
   }
}