.frame1000002323-container {
    width: 100%;
    display: flex;
    overflow: auto;
    min-height: 100vh;
    align-items: center;
    flex-direction: column;
}

.frame1000002323-frame1000002323 {
    gap: 10px;
    width: 100%;
    height: auto;
    display: flex;
    z-index: 1;
    overflow: hidden;
    align-items: flex-start;
    flex-shrink: 0;
    flex-direction: column;
}

.frame1000002323-frame1000002325 {
    width: 100%;
    display: flex;
    flex-grow: 1;
    align-items: center;
    flex-shrink: 0;
    flex-direction: column;
    justify-content: space-between;
}

.frame1000002323-navbar-perlindungan-saksi {
    z-index: 10000;
    gap: 14px;
    width: -webkit-fill-available;
    height: 93px;
    display: flex;
    padding: 6px 40px;
    background: linear-gradient(90deg, rgba(157, 48, 53, 1) 0%, rgba(125, 0, 5, 1) 100%);
    align-items: center;
    flex-shrink: 0;
    justify-content: flex-end;
}

.frame1000002323-frame1000002312 {
    gap: 20px;
    height: 82px;
    display: flex;
    padding: 22.399999618530273px 33.60000228881836px 22.399999618530273px 0;
    flex-grow: 1;
    align-items: center;
    flex-shrink: 0;
    border-radius: 16px;
}

.frame1000002323-adhi-karyasvg3 {
    width: 36px;
    height: 37px;
}

.frame1000002323-frame1000001266 {
    gap: 11.199999809265137px;
    display: flex;
    flex-grow: 1;
    align-items: center;
}

.frame1000002323-frame1000001311 {
    gap: 30.399999618530273px;
    width: 667.9599609375px;
    display: flex;
    flex-grow: 1;
    align-items: flex-start;
    flex-shrink: 0;
    flex-direction: column;
}

.frame1000002323-frame100000126601 {
    gap: 17.600000381469727px;
    display: flex;
    align-self: stretch;
    align-items: center;
    flex-shrink: 0;
}

.frame1000002323-text {
    color: rgba(255, 255, 255, 1);
    height: auto;
    flex-grow: 1;
    font-size: 25.600000381469727px;
    font-style: Bold;
    text-align: left;
    font-family: Roboto;
    font-weight: 700;
    line-height: normal;
    font-stretch: normal;
    text-decoration: none;
}

.frame1000002323-frame10000023121 {
    gap: 8px;
    height: 41.599998474121094px;
    display: flex;
    padding: 11.199999809265137px 16.80000114440918px;
    align-items: center;
    flex-shrink: 0;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 1);
}

.frame1000002323-frame100000126602 {
    gap: 5.599999904632568px;
    display: flex;
    align-items: center;
}

.frame1000002323-frame10000013111 {
    gap: 15.199999809265137px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.frame1000002323-frame100000126603 {
    gap: 8.800000190734863px;
    display: flex;
    align-items: center;
}

.frame1000002323-text02 {
    color: rgba(157, 48, 53, 1);
    width: 107px;
    height: auto;
    font-size: 14px;
    font-style: Bold;
    text-align: left;
    font-family: Roboto;
    font-weight: 700;
    line-height: normal;
    font-stretch: normal;
    text-decoration: none;
}

.frame1000002323-frame1000002309 {
    gap: 8px;
    height: 41.599998474121094px;
    display: flex;
    padding: 11.199999809265137px 16.80000114440918px;
    align-items: center;
    flex-shrink: 0;
    border-radius: 8px;
}

.frame1000002323-frame100000126604 {
    gap: 5.599999904632568px;
    display: flex;
    align-items: center;
}

.frame1000002323-frame10000013112 {
    gap: 15.199999809265137px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.frame1000002323-frame100000126605 {
    gap: 8.800000190734863px;
    display: flex;
    align-items: center;
}

.frame1000002323-text04 {
    color: rgba(255, 255, 255, 1);
    height: auto;
    font-size: 14px;
    font-style: Bold;
    text-align: left;
    font-family: Roboto;
    font-weight: 700;
    line-height: normal;
    font-stretch: normal;
    text-decoration: none;
}

.frame1000002323-frame1000002308 {
    gap: 8px;
    height: 41.599998474121094px;
    display: flex;
    padding: 11.199999809265137px 16.80000114440918px;
    align-items: center;
    flex-shrink: 0;
    border-radius: 8px;
}

.frame1000002323-frame100000126606 {
    gap: 5.599999904632568px;
    display: flex;
    align-items: center;
}

.frame1000002323-frame10000013113 {
    gap: 15.199999809265137px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.frame1000002323-frame100000126607 {
    gap: 8.800000190734863px;
    display: flex;
    align-items: center;
}

.frame1000002323-text06 {
    color: rgba(255, 255, 255, 1);
    width: 107px;
    height: auto;
    font-size: 14px;
    font-style: Bold;
    text-align: left;
    font-family: Roboto;
    font-weight: 700;
    line-height: normal;
    font-stretch: normal;
    text-decoration: none;
}

.frame1000002323-line1 {
    width: 68px;
    height: 1px;
}

.frame1000002323-frame1000002311 {
    gap: 9.600000381469727px;
    height: 49.91999816894531px;
    display: flex;
    padding: 13.440000534057617px 20.160001754760742px;
    align-items: center;
    flex-shrink: 0;
    border-radius: 9.600000381469727px;
}

.frame1000002323-frame100000126608 {
    gap: 6.720000267028809px;
    display: flex;
    align-items: center;
}

.frame1000002323-frame10000013114 {
    gap: 18.239999771118164px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.frame1000002323-frame100000126609 {
    gap: 10.5600004196167px;
    display: flex;
    align-items: center;
}

.frame1000002323-text08 {
    color: rgba(255, 255, 255, 1);
    height: auto;
    font-size: 14px;
    font-style: Bold;
    text-align: left;
    font-family: Roboto;
    font-weight: 700;
    line-height: normal;
    font-stretch: normal;
    text-decoration: none;
}

.frame1000002323-frame1000002321 {
    gap: 9.600000381469727px;
    height: 49.91999816894531px;
    display: flex;
    padding: 13.440000534057617px 20.160001754760742px;
    align-items: center;
    flex-shrink: 0;
    border-color: rgba(255, 255, 255, 1);
    border-style: solid;
    border-width: 1.2000000476837158px;
    border-radius: 9.600000381469727px;
}

.frame1000002323-frame100000126610 {
    gap: 6.720000267028809px;
    display: flex;
    align-items: center;
}

.frame1000002323-frame10000013115 {
    gap: 18.239999771118164px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.frame1000002323-frame100000126611 {
    gap: 10.5600004196167px;
    display: flex;
    align-items: center;
}

.frame1000002323-text10 {
    color: rgba(255, 255, 255, 1);
    height: auto;
    font-size: 14px;
    font-style: Bold;
    text-align: left;
    font-family: Roboto;
    font-weight: 700;
    line-height: normal;
    font-stretch: normal;
    text-decoration: none;
}

.frame1000002323-frame1000002332 {
    margin-bottom: 20px;
    margin-top: 140px;
    gap: 40px;
    display: flex;
    padding: 0 80px;
    align-self: stretch;
    align-items: center;
    flex-shrink: 0;
}

.frame1000002323-frame1000002333 {
    margin-bottom: 40px;
    gap: 40px;
    padding: 150px 80px;
    align-self: stretch;
    align-items: center;
    flex-shrink: 0;
    height: 100vh;
}

.frame1000002323-frame1000002322 {
    gap: 10px;
    width: 1352px;
    display: flex;
    flex-grow: 1;
    align-items: center;
    flex-shrink: 0;
    flex-direction: column;
}

.frame1000002323-text12 {
    color: rgba(255, 255, 255, 1);
    height: auto;
    font-size: 40px;
    align-self: stretch;
    font-style: Bold;
    text-align: center;
    font-family: Roboto;
    font-weight: 700;
    line-height: normal;
    font-stretch: normal;
    text-decoration: none;
}

.frame1000002323-text14 {
    color: rgba(255, 252, 252, 1);
    height: auto;
    font-size: 40px;
    align-self: stretch;
    font-style: Bold;
    text-align: center;
    font-family: Roboto;
    font-weight: 700;
    line-height: normal;
    font-stretch: normal;
    text-decoration: none;
}

.frame1000002323-frame10000023251 {
    display: flex;
    max-width: fit-content;
    padding: 40px;
    overflow: hidden;
    align-items: center;
    flex-shrink: 0;
    border-radius: 50px 50px 0 0;
    justify-content: center;
    background-color: rgba(255, 255, 255, 1);
}

.frame1000002323-frame1000002335 {
    gap: 66px;
    display: flex;
    padding: 40px;
    overflow: hidden;
    position: relative;
    flex-grow: 1;
    flex-wrap: wrap;
    align-self: stretch;
    align-items: flex-start;
    border-radius: 20px 0 0;
}

.frame1000002323-polygon2 {
    top: 300.09051513671875px;
    left: 1161.9991455078125px;
    width: 825px;
    height: 1581px;
    position: absolute;
}

.frame1000002323-polygon4 {
    top: -44px;
    left: 258.5408020019531px;
    width: 1297px;
    height: 671px;
    z-index: 1;
    position: absolute;
}

.frame1000002323-frame1000002330 {
    gap: 20px;
    max-width: 850px;
    width: -webkit-fill-available;
    height: 307px;
    display: flex;
    z-index: 2;
    align-items: flex-start;
    flex-shrink: 0;
    flex-direction: column;
}

.frame1000002323-frame10000023351 {
    gap: 10px;
    display: flex;
    align-self: stretch;
    align-items: center;
    flex-shrink: 0;
}

.frame1000002323-text16 {
    color: rgba(157, 48, 53, 1);
    width: 720px;
    height: auto;
    font-size: 40px;
    font-style: Bold;
    text-align: left;
    font-family: Roboto;
    font-weight: 700;
    line-height: normal;
    font-stretch: normal;
    text-decoration: none;
}

.frame1000002323-text18 {
    color: rgba(17, 26, 37, 1);
    height: auto;
    font-size: 20px;
    align-self: stretch;
    font-style: Regular;
    text-align: justified;
    font-family: Roboto;
    font-weight: 400;
    line-height: 40px;
    font-stretch: normal;
    text-decoration: none;
}

.frame1000002323-frame1000002334 {
    gap: 25px;
    height: 587px;
    display: flex;
    padding: 40px;
    align-self: stretch;
    align-items: center;
    flex-shrink: 0;
    border-radius: 20px;
    flex-direction: column;
    justify-content: center;
    background-color: rgba(239, 239, 239, 1);
}

.frame1000002323-adhi-karyasvg31 {
    width: 177px;
    height: 177px;
}

.frame1000002323-text20 {
    color: rgba(157, 48, 53, 1);
    height: auto;
    font-size: 30px;
    font-style: Bold;
    text-align: left;
    font-family: Roboto;
    font-weight: 700;
    line-height: normal;
    font-stretch: normal;
    text-decoration: none;
}

.frame1000002323-frame10000023081 {
    cursor: pointer;
    gap: 8.847360610961914px;
    display: flex;
    padding: 14.40000057220459px 18.579458236694336px;
    align-self: stretch;
    background: linear-gradient(90deg, rgba(211, 46, 54, 1) 0%, rgba(255, 1, 13, 1) 100%);
    align-items: center;
    flex-shrink: 0;
    border-color: rgba(211, 46, 54, 1);
    border-style: solid;
    border-width: 0.800000011920929px;
    border-radius: 8.847360610961914px;
}

.frame1000002323-editdocument {
    width: 19px;
    height: 20px;
}

.frame1000002323-frame1000001267 {
    gap: 6.193152904510498px;
    display: flex;
    align-items: center;
}

.frame1000002323-frame10000013116 {
    gap: 16.80998420715332px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.frame1000002323-frame100000126612 {
    gap: 9.732096672058105px;
    display: flex;
    align-items: center;
}

.frame1000002323-text22 {
    color: rgba(255, 255, 255, 1);
    height: auto;
    font-size: 15.482881546020508px;
    font-style: Bold;
    text-align: left;
    font-family: Roboto;
    font-weight: 700;
    line-height: normal;
    font-stretch: normal;
    text-decoration: none;
}

.frame1000002323-frame10000023301 {
    cursor: pointer;
    gap: 8.847360610961914px;
    display: flex;
    padding: 14.40000057220459px 18.579458236694336px;
    align-self: stretch;
    align-items: center;
    flex-shrink: 0;
    border-color: rgba(211, 46, 54, 1);
    border-style: solid;
    border-width: 0.800000011920929px;
    border-radius: 8.847360610961914px;
    background-color: rgba(255, 250, 249, 1);
}

.frame1000002323-frame10000023301:hover {}

.frame1000002323-vector {
    width: 19px;
    height: 20px;
}

.frame1000002323-frame100000126613 {
    gap: 6.193152904510498px;
    display: flex;
    align-items: center;
}

.frame1000002323-frame10000013117 {
    gap: 16.80998420715332px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.frame1000002323-frame100000126614 {
    gap: 9.732096672058105px;
    display: flex;
    align-items: center;
}

.frame1000002323-text24 {
    color: rgba(211, 46, 54, 1);
    height: auto;
    font-size: 15.482881546020508px;
    font-style: Bold;
    text-align: left;
    font-family: Roboto;
    font-weight: 700;
    line-height: normal;
    font-stretch: normal;
    text-decoration: none;
}

.btn-primary {
    background: linear-gradient(90deg, rgba(211, 46, 54, 1) 0%, rgba(255, 1, 13, 1) 100%);
    border-color: rgba(211, 46, 54, 1);
}

.btn-primary:hover {
    border-color: rgba(211, 46, 54, 1);
}

.none:hover {
    color: white;
    text-decoration: none;
}