.u-section-1 {
    background-image: url("images/1595470158947.png");
    background-position: 50% 50%;
    margin-top: 0;
    margin-bottom: 0;
    min-height: 210px
}

@media (max-width: 1199px) {
    .u-section-1 {
        min-height: 179px
    }
}

@media (max-width: 575px) {
    .u-section-1 {
        min-height: 26px
    }
}

.u-section-2-tentang {
    margin-top: 0;
    margin-bottom: 0
}

.u-section-2-tentang .u-sheet-1 {
    min-height: 600px
}

.u-section-2-tentang .u-image-1 {
    width: 371px;
    height: 308px;
    animation-duration: 1000ms;
    margin: 5% auto 0 -197px
}

.u-section-2-tentang .u-image-2 {
    width: 371px;
    height: auto;
    animation-duration: 1000ms;
    margin: -30% 0 5% 0;
    right : 0px;
    float : right;
}

.u-section-2-tentang .u-group-1 {
    width: 858px;
    min-height: 424px;
    margin: 10% auto 60px 141px
}

.u-section-2-tentang .u-container-layout-1 {
    padding: 30px 60px
}

.u-section-2-tentang .u-text-1 {
    margin: 0
}

.u-section-2-tentang .u-line-1 {
    width: 686px;
    margin: 20px 0 0
}

.u-section-2-tentang .u-text-2 {
    margin: 20px 0 0
}

.u-section-2-tentang .u-text-3 {
    margin: 20px 0 0
}

@media (max-width: 1199px) {
    .u-section-2-tentang {
        min-height: 80%
    }
    .u-section-2-tentang .u-group-1 {
        margin-left: 82px;
        margin-top:10%
    }
}

@media (max-width: 991px) {
    .u-section-2-tentang .u-sheet-1 {
        min-height: 80%
    }
    .u-section-2-tentang .u-image-1 {
        margin-top: 0;
        margin-left: -15%
    }
     .u-section-2-tentang .u-image-2 {
        margin-top: -40%;
        margin-right: 0;
        
    }
    .u-section-2-tentang .u-group-1 {
        width: 720px;
        margin-top: 10%;
        margin-left: 0
    }
    .u-section-2-tentang .u-container-layout-1 {
        padding-left: 30px;
        padding-right: 30px
    }
    .u-section-2-tentang .u-line-1 {
        width: 660px
    }
}

@media (max-width: 767px) {
    .u-section-2-tentang .u-sheet-1 {
        min-height: 80%
    }
    .u-section-2-tentang .u-image-1 {
        margin-top: 0;
        margin-left: -15%
    }
      .u-section-2-tentang .u-image-2 {
        margin-top: 0;
        margin-right: -15%
    }
    .u-section-2-tentang .u-group-1 {
        min-height: 612px;
        margin-top: 10%;
        margin-right: initial;
        margin-left: initial;
        width: auto
    }
    .u-section-2-tentang .u-container-layout-1 {
        padding-left: 10px;
        padding-right: 10px
    }
    .u-section-2-tentang .u-line-1 {
        width: 520px
    }
}

@media (max-width: 575px) {
    .u-section-2-tentang {
        min-height: 80%
    }
    .u-section-2-tentang .u-image-1 {
        margin-top: 0;
        margin-left: -30%;
        width : 60%;
        height : auto;
        object-fit:fill;
    }  
    .u-section-2-tentang .u-image-2 {
        margin-top: -60%;
        margin-right: 0;
        float:right;
        width:70%;
        height:auto;
        object-fit:fill;
        
    }
    .u-section-2-tentang .u-group-1 {
        margin-top: 10%;
        width: auto;
        margin-right: initial;
        margin-left: initial
    }
    .u-section-2-tentang .u-line-1 {
        width: 320px
    }
}

.u-section-3-tentang {
    margin-top: 0;
    margin-bottom: 0
}

.u-section-3-tentang .u-sheet-1 {
    min-height: 528px
}

.u-section-3-tentang .u-image-1 {
    width: 463px;
    height: 311px;
    animation-duration: 1000ms;
    margin: -48px auto 0 -212px
}

.u-section-3-tentang .u-line-1 {
    width: 222px;
    height: 3px;
    transform-origin: left center 0;
    margin: -196px auto 0 195px
}

.u-section-3-tentang .u-image-2 {
    width: 348px;
    height: 333px;
    animation-duration: 1000ms;
    margin: -293px auto 0 892px
}

.u-section-3-tentang .u-text-1 {
    margin: -82px 0 0 195px
}

.u-section-3-tentang .u-repeater-1 {
    width: 830px;
    min-height: 281px;
    grid-template-columns: calc(33.3333% - 15px) calc(33.3333% - 15px) calc(33.3333% - 15px);
    grid-gap: 22px 22px;
    margin: 20px 116px 60px auto
}

.u-section-3-tentang .u-repeater-item-1 {
    background-size: auto
}

.u-section-3-tentang .u-container-layout-1 {
    padding: 30px 20px
}

.u-section-3-tentang .u-image-3 {
    height: 138px;
    width: 150px;
    margin: 0 auto 0 0
}

.u-section-3-tentang .u-text-2 {
    margin: 17px 0 0
}

.u-section-3-tentang .u-metadata-1 {
    font-size: 0.875rem;
    margin: 15px auto 0 0
}

.u-section-3-tentang .u-repeater-item-2 {
    background-size: auto
}

.u-section-3-tentang .u-container-layout-2 {
    padding: 30px 20px
}

.u-section-3-tentang .u-image-4 {
    height: 138px;
    width: 150px;
    margin: 0 auto 0 0
}

.u-section-3-tentang .u-text-3 {
    margin: 17px 0 0
}

.u-section-3-tentang .u-metadata-2 {
    font-size: 0.875rem;
    margin: 15px auto 0 0
}

.u-section-3-tentang .u-repeater-item-3 {
    background-size: auto
}

.u-section-3-tentang .u-container-layout-3 {
    padding: 30px 20px
}

.u-section-3-tentang .u-image-5 {
    height: 138px;
    width: 150px;
    margin: 0 auto 0 0
}

.u-section-3-tentang .u-text-4 {
    margin: 17px 0 0
}

.u-section-3-tentang .u-metadata-3 {
    font-size: 0.875rem;
    margin: 15px auto 0 0
}

@media (max-width: 1199px) {
    .u-section-3-tentang .u-image-1 {
        margin-top: -155px;
        margin-left: -210px
    }
    .u-section-3-tentang .u-line-1 {
        margin-top: -88px
    }
    .u-section-3-tentang .u-image-2 {
        margin-left: 592px
    }
    .u-section-3-tentang .u-text-1 {
        margin-left: 0
    }
    .u-section-3-tentang .u-repeater-1 {
        margin-right: 110px
    }
    .u-section-3-tentang .u-image-3 {
        height: 195px;
        width: 258px
    }
    .u-section-3-tentang .u-image-4 {
        height: 195px;
        width: 258px
    }
    .u-section-3-tentang .u-image-5 {
        height: 195px;
        width: 258px
    }
}

@media (max-width: 991px) {
    .u-section-3-tentang .u-image-2 {
        margin-left: 372px
    }
    .u-section-3-tentang .u-repeater-1 {
        width: 720px;
        min-height: 731px;
        grid-template-columns: calc(((100% - 720px) / 2) + 349px) calc(((100% - 720px) / 2) + 349px);
        margin-right: 0
    }
    .u-section-3-tentang .u-image-3 {
        height: 218px;
        width: 309px
    }
    .u-section-3-tentang .u-image-4 {
        height: 218px;
        width: 309px
    }
    .u-section-3-tentang .u-image-5 {
        height: 218px;
        width: 309px
    }
}

@media (max-width: 767px) {
    .u-section-3-tentang .u-image-1 {
        margin-top: -223px;
        margin-left: -187px
    }
    .u-section-3-tentang .u-line-1 {
        margin-top: -20px;
        margin-right: 123px;
        margin-left: auto
    }
    .u-section-3-tentang .u-image-2 {
        margin-top: -403px;
        margin-left: 291px
    }
    .u-section-3-tentang .u-text-1 {
        margin-top: 29px
    }
    .u-section-3-tentang .u-repeater-1 {
        grid-template-columns: 100%;
        margin-right: initial;
        margin-left: initial;
        width: auto
    }
    .u-section-3-tentang .u-container-layout-1 {
        padding-left: 30px;
        padding-right: 30px
    }
    .u-section-3-tentang .u-image-3 {
        height: 348px;
        width: 480px
    }
    .u-section-3-tentang .u-container-layout-2 {
        padding-left: 30px;
        padding-right: 30px
    }
    .u-section-3-tentang .u-image-4 {
        height: 348px;
        width: 480px
    }
    .u-section-3-tentang .u-container-layout-3 {
        padding-left: 30px;
        padding-right: 30px
    }
    .u-section-3-tentang .u-image-5 {
        height: 348px;
        width: 480px
    }
}

@media (max-width: 575px) {
    .u-section-3-tentang {
        padding-top: 100px;
    }
    .u-section-3-tentang .u-image-1 {
        margin-top: -385px;
        margin-left: 103px;
        width: 20%;
        height: 10%;
    }
    .u-section-3-tentang .u-line-1 {
        margin-top: 141px;
        margin-right: 0
    }
    .u-section-3-tentang .u-image-2 {
        width: 100px;
        height: 105px;
        margin-top: 167px;
        margin-left: 253px
    }
    .u-section-3-tentang .u-text-1 {
        margin-top: -533px
    }
    .u-section-3-tentang .u-container-layout-1 {
        padding-left: 10px;
        padding-right: 10px
    }
    .u-section-3-tentang .u-image-3 {
        height: 120px;
        width: 100px
    }
    .u-section-3-tentang .u-container-layout-2 {
        padding-left: 10px;
        padding-right: 10px
    }
    .u-section-3-tentang .u-image-4 {
        height: 232px;
        width: 320px
    }
    .u-section-3-tentang .u-container-layout-3 {
        padding-left: 10px;
        padding-right: 10px
    }
    .u-section-3-tentang .u-image-5 {
        height: 232px;
        width: 320px
    }
}