@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Titillium Web', sans-serif;
    font-size: 100%;
    scroll-behavior: smooth;
}
body {
    overflow-x: hidden;
}

@media (min-width: 300px) {

.large {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    background-image: url(imgs/bkg01.png), url(imgs/bkg02.png);
    background-size: auto 70vw, auto 75vw;
    background-position: left -200px top -100px, right -150px top 150px;
    background-repeat: no-repeat;
}

a {
    text-decoration: none;
}
a:link, a:visited, a:active {
    text-decoration: none;
    color: #000000;
}

p {
    font-size: 1rem;
}
h1 {
    font-size: 3rem;
    font-weight: 800;
    line-height: 50px;
}
h2 {
    font-size: 1.7rem;
    font-weight: 300;
    line-height: 30px;
}
h3 {
    font-size: 1.2rem;
    font-weight: 300;
}
h4 {
    font-size: 0.7rem;
    font-weight: 100;
    line-height: 25px;
    color:#979797;
}
h5 {
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 45px;
}
.bold {
    font-weight: 550;
}
.bolder {
    font-weight: 700;
}
.boldest {
    font-weight: 800;
}

.text01 {
    font-size: 1.3rem;
    font-weight: 600;
    color: #bf0000;
}
.text02 {
    font-size: 3rem;
    font-weight: 800;
    background-color: #9d0000;
    background-image: linear-gradient(147deg, #9d0000 0%, #FF2525 74%);
    -webkit-background-clip: text;
    color: transparent; 
}
.text03 {
    font-size: 1.3rem;
    font-weight: 700;
}
.text04_1 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 35px;
    text-align: left;
}
.text04_2 {
    font-size: 3.5rem;
    font-weight: 800;
    line-height: 55px;
    text-align: center;
    background-color: #9d0000;
    background-image: linear-gradient(360deg, #9d0000 0%, #FF2525 74%);
    -webkit-background-clip: text;
    color: transparent; 
}
.text04_3 {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 35px;
    text-align: right;
}

.par1 {
    font-size: 1rem;
    text-align: center;
}
.par2 {
    font-size: 1rem;
    text-align: left;
}
.par3 {
    font-size: 1rem;
    text-align: right;
}
.par4 {
    font-size: 1rem;
    text-align: center;
    padding: 0px 15px 10px 15px;
}

.list {
    padding: 0px 0px 0px 20px;
}
.list2 {
    text-align: right;
    padding: 0px 0px 0px 20px;
}

.tube01 {
    display: flex;
    width: 350px;
    height: 207px;
    padding: 20px 0px 0px 0px;
}

/*---------------------------------------------------------------*/

.space_5 {
    padding: 2px;
}
.space_10 {
    padding: 5px;
}
.space_20 {
    padding: 10px;
}
.space_30 {
    padding: 15px;
}
.space_50 {
    padding: 25px;
}
.space_100 {
    padding: 50px;
}

/*---------------------------------------------------------------*/

.header {
    display: none;
}
.header_alt {
    width: 90%;
    height: auto;
    position: fixed;
    display: flex;
    justify-content: center;
    padding: 10px 30px 10px 30px;
    z-index: 99;
    background: linear-gradient(180deg, rgb(134, 0, 0) 0%, rgba(170,0,0,1) 48%, rgb(204, 0, 0) 100%);
    border-radius: 0px 0px 5px 5px;
}

.footer {
    display: none;
}
.footer_alt {
    width: 90%;
    height: auto;
    position: fixed;
    bottom: -1px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 10px 30px 10px 30px;
    background: rgb(55,55,55);
    background: linear-gradient(10deg, rgba(55,55,55,1) 0%, rgba(74,74,74,1) 48%, rgba(92,92,92,1) 100%);
    border-radius: 5px 5px 0px 0px;
}
.footer_line {
    display: flex;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, rgba(157,0,0,1) 0%, rgba(170,0,0,1) 48%, rgba(255,0,0,1) 100%);
}
.footer_container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.menu_01 {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: auto;
    height: auto;
}

/*---------------------------------------------------------------*/

.logo_intermedik_black {
    width: 10%;
    min-width: 200px;
    height: 30px;
    background-image: url(imgs/logo_intermedik_black.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80%;
}
.logo_intermedik_white {
    width: 8%;
    min-width: 150px;
    height: 25px;
    background-image: url(imgs/logo_intermedik_white.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.logo_intermedik_white2 {
    width: 8%;
    min-width: 150px;
    height: 25px;
    background-image: url(imgs/logo_intermedik_white2.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.logo_whatsapp {
    width: 40px;
    height: 30px;
    background-image: url(imgs/logo_whatsapp_grey.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.logo_whatsapp:hover {
    background-image: url(imgs/logo_whatsapp_red.svg);
    cursor: pointer;
}
.logo_mail {
    width: 40px;
    height: 30px;
    background-image: url(imgs/logo_mail_grey.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.logo_mail:hover {
    background-image: url(imgs/logo_mail_red.svg);
    cursor: pointer;
}
.logo_instagram {
    width: 40px;
    height: 30px;
    background-image: url(imgs/logo_instagram_grey.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.logo_instagram:hover {
    background-image: url(imgs/logo_instagram_red.svg);
    cursor: pointer;
}
.logo_youtube {
    width: 40px;
    height: 30px;
    background-image: url(imgs/logo_youtube_grey.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.logo_youtube:hover {
    background-image: url(imgs/logo_youtube_red.svg);
    cursor: pointer;
}

/*---------------------------------------------------------------*/

.container01 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: auto;
}
.container02 {
    display: none;
}
.container02_alt {
    display: flex;
    flex-direction: column;
    justify-content: top;
    align-items: center;
    width: 100vw;
    height: auto;
}
.container03 {
    display: none;
}
.container03_alt {
    display: none;
}
.container03_alt2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: auto;
    padding: 0 0 75px 0;
}
.container04 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: auto;
    background-color: rgb(250, 250, 250);
    border: 1px solid rgb(255, 255, 255);
    backdrop-filter: blur(2px);
    box-shadow: rgba(99, 99, 99, 0.2) 8px 0px 8px 0px;
}

.container05 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: auto;
    padding: 75px 0;
    background-color: rgb(255, 255, 255);
}
.container06 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 30vw;
    background: #e0e0e0;
    background: linear-gradient(0deg,rgba(224, 224, 224, 1) 0%, rgba(237, 237, 237, 1) 24%, rgba(255, 255, 255, 1) 100%);
}

/*---------------------------------------------------------------*/

.content01 {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    width: 90%;
    height: auto;
    padding: 50px 0px 60px 0px;
}
.content01_1 {
    display: flex;
    flex-direction: row;
    width: 100%;
}
.content01_1_1 {
    padding-left: 10px;
    width: 0%;
    height: auto;
    border-radius: 2px;
    background: rgb(157,0,0);
    background: linear-gradient(365deg, rgba(157,0,0,1) 0%, rgba(170,0,0,1) 48%, rgba(255,0,0,1) 100%);
}
.content01_1_2 {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-left: 20px;
}
.content01_2 {
    display: flex;
    width: 70%;
    height: 400px;
    background-image: url(imgs/img01_1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: 5s;

    animation-name: animate;
    animation-direction: alternate;
    animation-play-state: running;
    animation-timing-function: ease-in-out;
    animation-duration: 30s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
}
@keyframes animate {
    0% {
        background-image: url(imgs/img01_2.png);
    }
    20% {
        background-image: url(imgs/img01_3.png);
    }
    40% {
        background-image: url(imgs/img01_4.png);
    }
    60% {
        background-image: url(imgs/img01_5.png);
    }
    80% {
        background-image: url(imgs/img01_6.png);
    }
    100% {
        background-image: url(imgs/img01_1.png);
    }
}

.content02 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
}
.content02_1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    height: auto;
}
.content02_2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: top;
    width: 95%;
    height: auto;
}
.content02_3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 90%;
    padding: 50px 0px 50px 0px;
}

.content03 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 90%;
    height: auto;
}
.content03_1 {
    display: none;
}
.content03_1_alt {
    display: flex;
    width: 100%;
    height: 300px;
    background-image: url(imgs/img02.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
}
.content03_2 {
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: 20px 0px 0px 0px;
}
.content03_2_0 {
    width: 95%;
    display: flex;
    flex-direction: column;
    justify-content: top;
    text-align: center;
}
.content03_2_1 {
    width: 95%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    padding-left: 20px;
}
.content03_2_2 {
    padding-left: 10px;
    width: 0%;
    height: auto;
    border-radius: 2px;
    background: rgb(157,0,0);
    background: linear-gradient(365deg, rgba(157,0,0,1) 0%, rgba(170,0,0,1) 48%, rgba(255,0,0,1) 100%);
}

.content04 {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 95%;
    height: auto;
    padding: 50px 0px 75px 0px;
}

.content05 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 1300px;
    height: auto;
    overflow: hidden;
}
.content05_0 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 150px;
    background-image: url(imgs/shake.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.content05_1 {
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 1300px;
    height: auto;
    padding: 15px 0 30px 0;
}

.content05_2 {
    display: none;
}

.content05_2_alt {
    display: flex;
    justify-content: center;
}
.clients {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    height: auto;
    width: 80%;
}
.clients img {
    height: 50px;
    width: auto;
    margin: 20px 20px 0 20px;
}

.content06 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 1300px;
    height: auto;
}


/*---------------------------------------------------------------*/

.features {
    display: flex;
    flex-direction: column;
    width: 45%;
    min-width: 300px;
    height: auto;
    padding: 20px 25px 20px 25px;
}
.features:hover {
    background-color: rgb(250, 250, 250);
    border-radius: 5px;
    backdrop-filter: blur(2px);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 5px 0px;
    cursor: pointer;
}
.features_alt {
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: left;
    width: 85%;
    min-width: 300px;
    height: auto;
    padding: 10px 15px 0px 15px;
    margin: 10px;
    background-color: rgb(250, 250, 250);
    border-radius: 5px;
    backdrop-filter: blur(2px);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 5px 0px;
    cursor: pointer;
}
.features_text {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0px 0px 0px 15px;
}

/*---------------------------------------------------------------*/

.icon {
    width: 80px;
    height: 80px;
}
.satusehat {
    background-image: url(imgs/icon_satusehat.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
}
.bpjs {
    background-image: url(imgs/icon_bpjs.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
}
.ttd {
    background-image: url(imgs/icon_ttd.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
}
.queue {
    background-image: url(imgs/icon_queue.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
}
.bed {
    background-image: url(imgs/icon_bed.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
}
.lis_pacs {
    background-image: url(imgs/icon_lis_pacs.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
}
.dashboard {
    background-image: url(imgs/icon_dashboard.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
}
.inventory {
    background-image: url(imgs/icon_inventory.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
}
.emr {
    background-image: url(imgs/icon_emr.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
}
.support {
    background-image: url(imgs/icon_support.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
}
.more {
    background-image: url(imgs/icon_more.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
}
.poli {
    background-image: url(imgs/icon_poli.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
}

/*---------------------------------------------------------------*/

.button01 {
    width: 150px;
    padding: 5px;
    text-align: center;
    background-color: rgb(250, 250, 250);
    border: 2px solid rgb(255, 255, 255);
    border-radius: 5px;
    backdrop-filter: blur(2px);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 5px 0px;
}
.button01:hover {
    color: #bf0000;
    cursor: pointer;
    border: 2px solid #bf0000;
}
.button02 {
    width: auto;
    text-align: center;
    padding: 15px;
    background-color: rgb(250, 250, 250);
    border: 2px solid rgb(255, 255, 255);
    border-radius: 5px;
    backdrop-filter: blur(2px);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 5px 0px;
}
.button02:hover {
    color: #bf0000;
    cursor: pointer;
    border: 2px solid #bf0000;
}
.button03 {
    position: fixed;
    width: 40px;
    height: 40px;
    border-radius: 0px 5px 0px 5px;
    background-image: url(imgs/x_white.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #bf0000;
    z-index: 999;
}

/*---------------------------------------------------------------*/

.popup{
    opacity: 0;
    pointer-events: none;
    transition: 0.4s;
    padding: 15px;
    position: fixed;

    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(5px);

    display: flex;
    justify-content: center;
    align-items: center;

    overflow: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.popup:target{
    opacity: 1;
    pointer-events: all;
}

.about{
    position: relative;
    display: flex;
    justify-content: right;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background: rgb(255, 255, 255);
    overflow: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.about_content {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: auto;
}
.about_content01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 50px 0px 50px 0px;
}
.about_content01_0 {
    width: 100%;
    height: 60px;
    background-image: url(imgs/logo_intermedik_black_satusehat.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.about_content01_1 {
    width: 100%;
    height: 300px;
    background-image: url(imgs/img_about01_1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.about_content01_2 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    width: 100%;
    height: auto;
    padding: 0px 20px 0px 20px;
}
.about_content01_2_1 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    width: 95%;
    height: auto;
}
.about_content01_2_2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: right;
    width: 100%;
    height: auto;
    padding: 20px 0px 0px 0px;
}
.about_content01_2_2img {
    width: 150px;
    height: 150px;
    background-image: url(imgs/img_about04.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.about_content02 {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end;
    width: 100%;
    height: auto;
    padding: 50px 0px 0px 0px;
}
.about_content02_1 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    width: 100%;
    height: auto;
    padding: 0px 20px 0px 20px;
}
.about_content02_2 {
    width: 100%;
    height: 350px;
    background-image: url(imgs/img_about02.png), url(imgs/arrow.svg);
    background-position: center, right top;
    background-repeat: no-repeat;
    background-size: contain, cover;
}
.about_content03 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 90%;
    height: auto;
    padding: 75px 0px 50px 0px;
}
.about_content03_1 {
    width: 90%;
    height: auto;
}
.about_content03_2 {
    display: none;
}
.about_content03_2s {
    width: 95%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 25px 0px 0px 0px;
}
.timeline {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
}
.time_a {
    width: 13%;
    height: auto;
    background-image: url(imgs/circle.svg), url(imgs/vert_line.svg);
    background-position: top 15px center, center top;
    background-repeat: no-repeat, repeat-y;
    background-size: 60%, 8%;
}
.time_b {
    width: 87%;
    height: auto;
    padding: 10px 0px 20px 0px;
}
.date {
    width: max-content;
    display: flex;
    border-radius: 5px;
    color: #ffffff;
    background-image: linear-gradient(to right, rgb(70, 70, 70), rgb(103, 103, 103));
    padding: 5px 10px 5px 10px;

}
.time_inner {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    background-color: rgb(250, 250, 250);
    border-radius: 5px;
    backdrop-filter: blur(2px);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 5px 0px;
    padding: 5px 10px 5px 10px;
}
.about_content04 {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 50px 0px 50px 0px;
    background-color: #fafafa;
}
.about_content04_1 {
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 100%;
    height: auto;
}
.about_content04_2 {
    display: flex;
    flex-direction: row;
    width: 95%;
    height: auto;
}
.about_content04_2_1 {
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 20%;
    height: auto;
}
.about_content05 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 50px 0px 50px 50px;
    background-image: url(imgs/img_about03.png);
    background-position: center left -100px;
    background-repeat: no-repeat;
    background-size: cover;
}
.about_content05_1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 65%;
    height: 250px;
}
.about_content05_2 {
    width: 35%;
}
.icon_a {
    width: 100%;
    height: 140px;
    background-image: url(imgs/icon01_on.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.icon_b {
    width: 100%;
    height: 140px;
    background-image: url(imgs/icon02_off.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.icon_c {
    width: 100%;
    height: 140px;
    background-image: url(imgs/icon03_off.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.icon_d {
    width: 100%;
    height: 140px;
    background-image: url(imgs/icon04_off.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.icon_e {
    width: 100%;
    height: 140px;
    background-image: url(imgs/icon05_off.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.popup01{
    position: relative;
    display: flex;
    justify-content: right;
    width: 98%;
    height: 100%;
    border-radius: 5px;
    background: rgb(255, 255, 255);
    overflow: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.popup01_content {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}
.popup01_content01 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}
.popup01_content01_1 {
    width: 85%;
    height: 300px;
    background-image: url(imgs/img_satusehat01.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup01_content01_2 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 0px 20px 0px 20px;
}
.popup01_content02 {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    height: auto;
}
.popup01_content02_1 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup01_content02_2 {
    width: 100%;
    height: 250px;
    background-image: url(imgs/img_satusehat02.png), url(imgs/polygon_01.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup01_content03 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}
.popup01_content03_1 {
    width: 100%;
    height: 275px;
    background-image: url(imgs/img_satusehat03.png), url(imgs/polygon_02.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 75%, contain;
}
.popup01_content03_2 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    text-align: right;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup01_content04 {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    height: auto;
}
.popup01_content04_1 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup01_content04_2 {
    width: 100%;
    height: 275px;
    background-image: url(imgs/img_satusehat04.png), url(imgs/polygon_03.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.popup02{
    position: relative;
    display: flex;
    justify-content: right;
    width: 98%;
    height: 100%;
    border-radius: 5px;
    background: rgb(255, 255, 255);
    overflow: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.popup02_content {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}
.popup02_content01 {
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 100%;
    height: auto;
}
.popup02_content01_1 {
    width: 85%;
    height: 300px;
    background-image: url(imgs/img_bpjs01.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup02_content01_2 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 20px 50px 0px 50px;
}
.popup02_content02 {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    width: 100%;
    height: auto;
}
.popup02_content02_1 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup02_content02_2 {
    width: 100%;
    height: 300px;
    background-image: url(imgs/img_bpjs02.png), url(imgs/polygon_03.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup02_content03 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}
.popup02_content03_1 {
    width: 100%;
    height: 275px;
    background-image: url(imgs/img_bpjs03.png), url(imgs/polygon_01.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup02_content03_2 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    text-align: right;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup02_content04 {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    height: auto;
}
.popup02_content04_1 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup02_content04_2 {
    width: 100%;
    height: 275px;
    background-image: url(imgs/img_bpjs04.png), url(imgs/polygon_02.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 75%, contain;
}
.popup02_content05 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}
.popup02_content05_1 {
    width: 100%;
    height: 275px;
    background-image: url(imgs/img_bpjs05.png), url(imgs/polygon_03.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 75%, contain;
}
.popup02_content05_2 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    text-align: right;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup02_content06 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: auto;
}
.popup02_content06_1 {
    width: 98%;
    height: 250px;
    background-image: url(imgs/img_bpjs06.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.popup02_content06_2 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    text-align: center;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup02_content07 {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    height: auto;
}
.popup02_content07_1 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup02_content07_2 {
    width: 100%;
    height: 275px;
    background-image: url(imgs/img_bpjs07.png), url(imgs/polygon_01.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup02_content08 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}
.popup02_content08_1 {
    width: 100%;
    height: 275px;
    background-image: url(imgs/img_bpjs08.png), url(imgs/polygon_02.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup02_content08_2 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    text-align: right;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup02_content09 {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    height: auto;
}
.popup02_content09_1 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup02_content09_2 {
    width: 100%;
    height: 300px;
    background-image: url(imgs/img_bpjs09.png), url(imgs/polygon_03.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.popup03{
    position: relative;
    display: flex;
    justify-content: right;
    width: 98%;
    height: 100%;
    border-radius: 5px;
    background: rgb(255, 255, 255);
    overflow: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.popup03_content {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}
.popup03_content01 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}
.popup03_content01_1 {
    width: 85%;
    height: 300px;
    background-image: url(imgs/img_ttd01.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup03_content01_2 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup03_content02 {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    height: auto;
}
.popup03_content02_1 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup03_content02_2 {
    width: 100%;
    height: 275px;
    background-image: url(imgs/img_ttd02.png), url(imgs/polygon_02.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 70%, contain;
}
.popup03_content03 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}
.popup03_content03_1 {
    width: 100%;
    height: 275px;
    background-image: url(imgs/img_ttd03.png), url(imgs/polygon_01.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup03_content03_2 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    text-align: right;
    width: 100%;
    height: auto;
    padding: 20px 20px 50px 20px;
}

.popup04{
    position: relative;
    display: flex;
    justify-content: right;
    width: 98%;
    height: 100%;
    border-radius: 5px;
    background: rgb(255, 255, 255);
    overflow: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.popup04_content {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}
.popup04_content01 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}
.popup04_content01_1 {
    width: 85%;
    height: 300px;
    background-image: url(imgs/img_queue01.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup04_content01_2 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup04_content02 {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    height: auto;
}
.popup04_content02_1 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup04_content02_2 {
    width: 100%;
    height: 275px;
    background-image: url(imgs/img_queue02.png), url(imgs/polygon_01.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup04_content03 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}
.popup04_content03_1 {
    width: 100%;
    height: 275px;
    background-image: url(imgs/img_queue03.png), url(imgs/polygon_01.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup04_content03_2 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    text-align: right;
    width: 100%;
    height: auto;
    padding: 20px;
}

.popup05{
    position: relative;
    display: flex;
    justify-content: right;
    width: 98%;
    height: 100%;
    border-radius: 5px;
    background: rgb(255, 255, 255);
    overflow: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.popup05_content {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}
.popup05_content01 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}
.popup05_content01_1 {
    width: 85%;
    height: 300px;
    background-image: url(imgs/img_bed01.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup05_content01_2 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup05_content02 {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    height: auto;
}
.popup05_content02_1 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup05_content02_2 {
    width: 100%;
    height: 275px;
    background-image: url(imgs/img_bed02.png), url(imgs/polygon_03.svg);
    background-position: center right -50px, center;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup05_content03 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}
.popup05_content03_1 {
    width: 100%;
    height: 275px;
    background-image: url(imgs/img_bed03.png), url(imgs/polygon_02.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup05_content03_2 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    text-align: right;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup05_content04 {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    height: auto;
}
.popup05_content04_1 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup05_content04_2 {
    width: 100%;
    height: 275px;
    background-image: url(imgs/img_bed04.png), url(imgs/polygon_03.svg);
    background-position: center left 85px, center;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup05_content05 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}
.popup05_content05_1 {
    width: 100%;
    height: 275px;
    background-image: url(imgs/img_bed05.png), url(imgs/polygon_02.svg);
    background-position: bottom left, center left 20px;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup05_content05_2 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    text-align: right;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup05_content06 {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    height: auto;
}
.popup05_content06_1 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup05_content06_2 {
    width: 100%;
    height: 275px;
    background-image: url(imgs/img_bed06.png), url(imgs/polygon_03.svg);
    background-position: center right -50px, center;
    background-repeat: no-repeat;
    background-size: contain;
}

.popup06{
    position: relative;
    display: flex;
    justify-content: right;
    width: 98%;
    height: 100%;
    border-radius: 5px;
    background: rgb(255, 255, 255);
    overflow: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.popup06_content {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}
.popup06_content01 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}
.popup06_content01_1 {
    width: 85%;
    height: 300px;
    background-image: url(imgs/img_lis_pacs01.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup06_content01_2 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup06_content02 {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    height: auto;
}
.popup06_content02_1 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup06_content02_2 {
    width: 100%;
    height: 275px;
    background-image: url(imgs/img_lis_pacs02_1.png), url(imgs/img_lis_pacs02.png), url(imgs/polygon_02.svg);
    background-position: bottom right 20px, center, center right 20px;
    background-repeat: no-repeat;
    background-size: 45%, contain, contain;
}
.popup06_content03 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}
.popup06_content03_1 {
    width: 100%;
    height: 275px;
    background-image: url(imgs/img_lis_pacs03_1.png), url(imgs/img_lis_pacs03.png), url(imgs/polygon_01.svg);
    background-position: bottom left 20px, center, center left;
    background-repeat: no-repeat;
    background-size: 75%, contain, contain;
}
.popup06_content03_2 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    text-align: right;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup07{
    position: relative;
    display: flex;
    justify-content: right;
    width: 98%;
    height: 100%;
    border-radius: 5px;
    background: rgb(255, 255, 255);
    overflow: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.popup07_content {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}
.popup07_content01 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}
.popup07_content01_1 {
    width: 85%;
    height: 300px;
    background-image: url(imgs/img_dashboard01.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup07_content01_2 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup07_content02 {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    height: auto;
}
.popup07_content02_1 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup07_content02_2 {
    width: 100%;
    height: 275px;
    background-image: url(imgs/img_dashboard02.png), url(imgs/polygon_02.svg);
    background-position: center right -50px, center;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup07_content03 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}
.popup07_content03_1 {
    width: 100%;
    height: 275px;
    background-image: url(imgs/img_dashboard03.png), url(imgs/polygon_01.svg);
    background-position: center left, center ;
    background-repeat: no-repeat;
    background-size: 75%, contain;
}
.popup07_content03_2 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    text-align: right;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup07_content04 {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    height: auto;
}
.popup07_content04_1 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup07_content04_2 {
    width: 100%;
    height: 275px;
    background-image: url(imgs/img_dashboard04.png), url(imgs/polygon_03.svg);
    background-position: center right 30px, center;
    background-repeat: no-repeat;
    background-size: 75%, contain;
}
.popup07_content05 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}
.popup07_content05_1 {
    width: 100%;
    height: 275px;
    background-image: url(imgs/img_dashboard05.png), url(imgs/polygon_02.svg);
    background-position: center left, center;
    background-repeat: no-repeat;
    background-size: 75%, contain;
}
.popup07_content05_2 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    text-align: right;
    width: 100%;
    height: auto;
    padding: 20px;
}

.popup08{
    position: relative;
    display: flex;
    justify-content: right;
    width: 98%;
    height: 100%;
    border-radius: 5px;
    background: rgb(255, 255, 255);
    overflow: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.popup08_content {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}
.popup08_content01 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}
.popup08_content01_1 {
    width: 85%;
    height: 300px;
    background-image: url(imgs/img_inventory01.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup08_content01_2 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup08_content02 {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    height: auto;
}
.popup08_content02_1 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup08_content02_2 {
    width: 100%;
    height: 275px;
    background-image: url(imgs/img_inventory02.png), url(imgs/polygon_02.svg);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup08_content03 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}
.popup08_content03_1 {
    width: 100%;
    height: 275px;
    background-image: url(imgs/img_inventory03.png), url(imgs/polygon_03.svg);
    background-position: bottom 30px left -20px, center left 20px;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup08_content03_2 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    text-align: right;
    width: 100%;
    height: auto;
    padding: 20px;
}

.popup09{
    position: relative;
    display: flex;
    justify-content: right;
    width: 98%;
    height: 100%;
    border-radius: 5px;
    background: rgb(255, 255, 255);
    overflow: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.popup09_content {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}
.popup09_content01 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}
.popup09_content01_1 {
    width: 85%;
    height: 300px;
    background-image: url(imgs/img_emr01.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup09_content01_2 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup09_content02 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}
.popup09_content02_1 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    text-align: right;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup09_content02_2 {
    width: 100%;
    height: 275px;
    background-image: url(imgs/img_emr02.png), url(imgs/polygon_02.svg);
    background-position: top 40px left -50px, center left 20px;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup09_content03 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}
.popup09_content03_1 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup09_content03_1_1 {
    width: 100%;
    height: 275px;
    background-image: url(imgs/img_emr03.png), url(imgs/polygon_01.svg);
    background-position: center left, center left;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup09_content03_2 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    text-align: right;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup09_content03_2_1 {
    width: 100%;
    height: 275px;
    background-image: url(imgs/img_emr04.png), url(imgs/polygon_03.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80%, contain;
}

.popup10{
    position: relative;
    display: flex;
    justify-content: right;
    width: 98%;
    height: 100%;
    border-radius: 5px;
    background: rgb(255, 255, 255);
    overflow: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.popup10_content {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}
.popup10_content01 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}
.popup10_content01_1 {
    width: 85%;
    height: 300px;
    background-image: url(imgs/img_support01.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup10_content01_2 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup10_content02 {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    height: auto;
}
.popup10_content02_1 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup10_content02_2 {
    width: 100%;
    height: 275px;
    background-image: url(imgs/img_support02.png), url(imgs/polygon_01.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup10_content03 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}
.popup10_content03_1 {
    width: 100%;
    height: 275px;
    background-image: url(imgs/img_support03.png), url(imgs/polygon_02.svg);
    background-position: center bottom -50px, center;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup10_content03_2 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    text-align: right;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup10_content04 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: auto;
}
.popup10_content04_1 {
    width: 100%;
    height: 250px;
    background-image: url(imgs/img_support04.png);
    background-position: bottom, center;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup10_content04_2 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    text-align: center;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup10_content05 {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    height: auto;
}
.popup10_content05_1 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup10_content05_2 {
    width: 100%;
    height: 350px;
    background-image: url(imgs/img_support05.png), url(imgs/polygon_03.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain, 60%;
}
.popup10_content06 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}
.popup10_content06_1 {
    width: 100%;
    height: 275px;
    background-image: url(imgs/img_support06.png), url(imgs/polygon_02.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup10_content06_2 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    text-align: right;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup10_content07 {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    height: auto;
}
.popup10_content07_1 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup10_content07_2 {
    width: 100%;
    height: 350px;
    background-image: url(imgs/img_support07.png), url(imgs/polygon_01.svg);
    background-position: center ;
    background-repeat: no-repeat;
    background-size: contain, 60%;
}

.popup11{
    position: relative;
    display: flex;
    justify-content: right;
    width: 98%;
    height: 100%;
    border-radius: 5px;
    background: rgb(255, 255, 255);
    overflow: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.popup11_content {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}
.popup11_content01 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}
.popup11_content01_1 {
    width: 85%;
    height: 300px;
    background-image: url(imgs/img_more01.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup11_content01_2 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup11_content02 {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    height: auto;
    padding: 100px 0px 0px 0px;
}
.popup11_content02_1 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup11_content02_2 {
    width: 100%;
    height: 275px;
    background-image: url(imgs/img_more02.png), url(imgs/polygon_01.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup11_content03 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    padding: 100px 0px 0px 0px;
}
.popup11_content03_1 {
    width: 100%;
    height: 275px;
    background-image: url(imgs/img_more03.png), url(imgs/polygon_02.svg);
    background-position: top center, center;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup11_content03_2 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    text-align: right;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup11_content04 {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    height: auto;
    padding: 100px 0px 0px 0px;
}
.popup11_content04_1 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup11_content04_2 {
    width: 100%;
    height: 275px;
    background-image: url(imgs/img_more04.png), url(imgs/polygon_03.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup11_content05 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    padding: 100px 0px 0px 0px;
}
.popup11_content05_1 {
    width: 100%;
    height: 275px;
    background-image: url(imgs/img_more05.png), url(imgs/polygon_01.svg);
    background-position: center left, center;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup11_content05_2 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    text-align: right;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup11_content06 {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    height: auto;
    padding: 100px 0px 0px 0px;
}
.popup11_content06_1 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup11_content06_2 {
    width: 100%;
    height: 275px;
    background-image: url(imgs/img_more06.png), url(imgs/polygon_02.svg);
    background-position: center, center right;
    background-repeat: no-repeat;
    background-size: 70%, contain;
}
.popup11_content07 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    padding: 100px 0px 0px 0px;
}
.popup11_content07_1 {
    width: 100%;
    height: 275px;
    background-image: url(imgs/img_more07.png), url(imgs/polygon_03.svg);
    background-position: center bottom, center;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup11_content07_2 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    text-align: right;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup11_content08 {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    height: auto;
    padding: 50px 0px 50px 0px;
}
.popup11_content08_1 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup11_content08_2 {
    width: 100%;
    height: 250px;
    background-image: url(imgs/img_more08.png), url(imgs/polygon_01.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup11_content09 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    padding: 50px 0px 50px 0px;
}
.popup11_content09_1 {
    width: 100%;
    height: 300px;
    background-image: url(imgs/img_more09.png), url(imgs/polygon_02.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup11_content09_2 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    text-align: right;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup11_content10 {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    height: auto;
    padding: 50px 0px 50px 0px;
}
.popup11_content10_1 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup11_content10_2 {
    width: 100%;
    height: 300px;
    background-image: url(imgs/img_more10.png), url(imgs/polygon_01.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup11_content11 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    padding: 50px 0px 50px 0px;
}
.popup11_content11_1 {
    width: 100%;
    height: 250px;
    background-image: url(imgs/img_more11.png), url(imgs/polygon_02.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup11_content11_2 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    text-align: right;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup11_content12 {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    height: auto;
    padding: 50px 0px 50px 0px;
}
.popup11_content12_1 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup11_content12_2 {
    width: 100%;
    height: 300px;
    background-image: url(imgs/img_more12.png), url(imgs/polygon_03.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.popup12{
    position: relative;
    display: flex;
    justify-content: right;
    width: 98%;
    height: 100%;
    border-radius: 5px;
    background: rgb(255, 255, 255);
    overflow: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.popup12_content {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}
.popup12_content01 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}
.popup12_content01_1 {
    width: 85%;
    height: 300px;
    background-image: url(imgs/img_poli01.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup12_content01_2 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 0px 50px 50px 50px;
}
.popup12_content02 {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    height: auto;
    padding: 50px 0px 50px 0px;
}
.popup12_content02_1 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup12_content02_2 {
    width: 100%;
    height: 300px;
    background-image: url(imgs/img_poli02.png), url(imgs/polygon_01.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup12_content03 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    padding: 50px 0px 50px 0px;
}
.popup12_content03_1 {
    width: 100%;
    height: 300px;
    background-image: url(imgs/img_poli03.png), url(imgs/polygon_02.svg);
    background-position: top center, center;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup12_content03_2 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    text-align: right;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup12_content04 {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    height: auto;
    padding: 50px 0px 50px 0px;
}
.popup12_content04_1 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup12_content04_2 {
    width: 100%;
    height: 300px;
    background-image: url(imgs/img_poli04.png), url(imgs/polygon_03.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup12_content05 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    padding: 50px 0px 50px 0px;
}
.popup12_content05_1 {
    width: 100%;
    height: 300px;
    background-image: url(imgs/img_poli05.png), url(imgs/polygon_01.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup12_content05_2 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    text-align: right;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup12_content06 {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    height: auto;
    padding: 50px 0px 50px 0px;
}
.popup12_content06_1 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup12_content06_2 {
    width: 100%;
    height: 300px;
    background-image: url(imgs/img_poli06.png), url(imgs/polygon_02.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup12_content07 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    padding: 50px 0px 50px 0px;
}
.popup12_content07_1 {
    width: 100%;
    height: 300px;
    background-image: url(imgs/img_poli07.png), url(imgs/polygon_03.svg);
    background-position: center bottom -65px, center;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup12_content07_2 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    text-align: right;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup12_content08 {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    height: auto;
    padding: 50px 0px 50px 0px;
}
.popup12_content08_1 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup12_content08_2 {
    width: 100%;
    height: 300px;
    background-image: url(imgs/img_poli08.png), url(imgs/polygon_01.svg);
    background-position: center, center right 100px;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup12_content09 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    padding: 50px 0px 50px 0px;
}
.popup12_content09_1 {
    width: 100%;
    height: 300px;
    background-image: url(imgs/img_poli09.png), url(imgs/polygon_02.svg);
    background-position: center top, center;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup12_content09_2 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    text-align: right;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup12_content10 {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    height: auto;
    padding: 50px 0px 50px 0px;
}
.popup12_content10_1 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup12_content10_2 {
    width: 100%;
    height: 300px;
    background-image: url(imgs/img_poli10.png), url(imgs/polygon_03.svg);
    background-position: center top, center;
    background-repeat: no-repeat;
    background-size: 65%, contain;
}
.popup12_content11 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    padding: 50px 0px 50px 0px;
}
.popup12_content11_1 {
    width: 100%;
    height: 300px;
    background-image: url(imgs/img_poli11.png), url(imgs/polygon_01.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup12_content11_2 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    text-align: right;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup12_content12 {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    height: auto;
    padding: 50px 0px 50px 0px;
}
.popup12_content12_1 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup12_content12_2 {
    width: 100%;
    height: 300px;
    background-image: url(imgs/img_poli12.png), url(imgs/polygon_02.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup12_content13 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    padding: 50px 0px 50px 0px;
}
.popup12_content13_1 {
    width: 100%;
    height: 300px;
    background-image: url(imgs/img_poli13.png), url(imgs/polygon_03.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup12_content13_2 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    text-align: right;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup12_content14 {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    height: auto;
    padding: 50px 0px 50px 0px;
}
.popup12_content14_1 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup12_content14_2 {
    width: 100%;
    height: 300px;
    background-image: url(imgs/img_poli14.png), url(imgs/polygon_01.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup12_content15 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    padding: 50px 0px 50px 0px;
}
.popup12_content15_1 {
    width: 100%;
    height: 300px;
    background-image: url(imgs/img_poli15.png), url(imgs/polygon_02.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.popup12_content15_2 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    text-align: right;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup12_content16 {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    height: auto;
    padding: 50px 0px 50px 0px;
}
.popup12_content16_1 {
    display: flex;
    flex-direction: column;
    justify-content: top;
    width: 100%;
    height: auto;
    padding: 20px;
}
.popup12_content16_2 {
    width: 100%;
    height: 300px;
    background-image: url(imgs/img_poli16.png), url(imgs/polygon_03.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

}