#s1{
    padding:100px 0;
    width: 100%;
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


#s1 .judul h4{
    font-size:38px;
    margin-bottom:50px;
}
#s1 .gambar{
    position:relative;
    margin-bottom:30px;
}
#s1 .gambar img:nth-child(2){
    position:absolute;
    right:0;
    width:60px;
}
#s1 .gambar img:nth-child(3){
    position:absolute;
    right:-20px;
    top:30px;
    width:30px;
}
#s1 .gambar img:nth-child(4){
    position:absolute;
    right:-5px;
    top:50px;
    width:45px;
}
#s1 .gambar img{
    width:550px;
}
#s1 .caption-s2{
    width:60%;
}
#s1 .caption-s2 .tandai{
    text-align:center;
    font-weight:bold;
    margin-bottom:30px;
    
}
#s1 .caption-s2 span{
    background:#F58230;
    padding:5px;
    border-radius:3px;
}

#s2{
    padding-top:100px;
    padding-bottom:120px;
    width:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    row-gap:60px;
}
#s2 .judul{
    position:relative;
}
#s2 .judul h4{
    font-size:38px;
}
#s2 .judul img{
    position:absolute;
    width:50px;
}
#s2 .judul img:nth-child(2){
    right:-60px;
    width:40px;
}
#s2 .judul img:nth-child(3){
    left:-50px;
    top:-20px;
    width:40px;
}
#s2 .judul img:nth-child(4){
    right:-30px;
    top:80px;
    width:20px;
}
#s2 .gambar{
    width:100%;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    column-gap:45px;
}

#s2 .gambar .gmbr{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    width:350px;
    row-gap:30px;
}
#s2 .gambar .gmbr .kotak{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    width:350px;
    height:350px;
}
#s2 .gambar .gmbr .kotak img{
    width:100%;
    height:100%;
}
#s2 .gambar .gmbr .kotak button{
    width:180px;
    height:40px;
    background: #F58230;
    border-radius: 3px;
    cursor: pointer;
    border:0;
    font-size:16px;
}
#s2 .gambar .gmbr .kotak button:hover{
    background: #F57000;
    color:white;
}
#s2 .gambar .gmbr2{
    margin-bottom:-35px;
}
#s2 .gambar .gmbr3{
    margin-bottom:-20px;
}
#s2 .gambar p{
    font-size:14px;
}

#s3{
    padding:100px 0;
    width:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}
#s3 .judul h4{
    font-size:38px;
    margin-bottom:50px;
}

#s3 .harga{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    column-gap:40px;
}
#s3 .harga .kotak{
    display:flex;
    flex-direction:column;
    justify-content:start;
    align-items:center;
    border:2px solid #000;
    width:380px;
    height:500px;
    border-radius:10px;
    position:relative;
}
#s3 .harga .kotak p:nth-child(1) {
    font-size:16px;
    margin-top:80px;
}
#s3 .harga .kotak p:nth-child(2) {
    font-size:20px;
    font-weight:bold;
    margin-top:30px;
}
#s3 .harga .kotak p:nth-child(3) {
    font-size:13px;
    margin-top:30px;
}
#s3 .harga .kotak ul{
    margin-top:30px;
}
#s3 .harga .kotak ul li {
    font-size:13px;
}
#s3 .harga .kotak button{
    width:180px;
    height:40px;
    background: #F58230;
    border-radius: 3px;
    cursor: pointer;
    border:0;
    font-size:16px;
    margin-top:auto;
    margin-bottom:30px;
}
#s3 .harga .kotak button:hover{
    background: #F57000;
    color:white;
}
#s3 .harga .kotak::before{
    content:'';
    position:absolute;
    width:240px;
    height:5px;
    top:40px;
    background: #F58230;
    border-radius: 3px;
}
#s3 .harga .kotak::after{
    content:'';
    position:absolute;
    width:30px;
    height:30px;
    left:60px;
    top:27px;
    border-radius:50%;
    background: #F58230;
}

#s3 .harga .kotak:nth-child(2)::before{
    background: #29B45C;
}
#s3 .harga .kotak:nth-child(2)::after{
    background: #29B45C;
}
#s3 .harga .kotak:nth-child(3)::before{
    background: #633190;
}
#s3 .harga .kotak:nth-child(3)::after{
    background: #633190;
}

#s3 .harga .kotak:nth-child(2) button{
    background: #29B45C;
}
#s3 .harga .kotak:nth-child(3) button{
    background: #633190;
}

#hubungi{
    margin-bottom:100px;
    width: 100%;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}#hubungi .judul h4{
    font-size:38px;
    margin-bottom:50px;
}
#hubungi .form{
    width:83%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    background-color: #633190;
    border-radius:10px;
}
#hubungi .form form{
    width:40%;
    display:flex;
    flex-direction: column;
    row-gap:20px;
}
#hubungi .form form input{
    width:100%;
    padding:10px;
    border-radius:3px;
    outline:0;
    border:0;
}
#hubungi .form form textarea{
    padding-left:10px;
    padding-top:10px;
    border:0;
    outline:0;
    border-radius: 3px;
    resize:none;
    width:100%;
}
#hubungi .form img{
    width:400px;
}
#hubungi .form button{
    width:100px;
    height:35px;
    background: #F58230;
    border-radius: 3px;
    cursor: pointer;
    border:0;
    font-size:16px;
}
#hubungi .form button:hover{
    background: #F57000;
    color:white;
}

p {
    text-align: justify;
}