body {
    font-family: "Poppins", sans-serif;
    font-family: "Cabin", sans-serif;
}

/* Section1 */
.satu .container .image img{
    width: 100%;
}
.satu .container .deskripsi h1{
    font-family: "Poppins";
    font-weight: bold;
    color: #0e5242;
    text-shadow: 2px 2px #9fbab3;
}
.satu .container .deskripsi p{
    font-family: "Poppins";
    color: #0F3D3E;
}
/* button hubungi kami */
.button1 {
    width: 250px;
    padding: 5px;
    font-weight: bold;
    font-size: 1.1em;
    border-radius: 5px;
    background-color: #0e5242;
    color: white;
    border: 0;
}

.button1:hover {
    background-color: #0f3d3e;
    color: white;
    border: 0;
}
/* end button hubungi kami */
/* End Section1  */

/* Section2 */
.dua{
    margin-top: 100px;
}
.dua h1{
    font-family: "Poppins";
    font-weight: bold;
    color: #0e5242;
}
.dua p{
    font-family: "Poppins";
    color: #0e5242;
}
/* End Section2 */

/* Section3 */
.tiga{
    margin-top: 100px;
}
.tiga .container .kotak{
    background-color: #f1f4f5;
    padding: 20px;
    border-radius: 10px;
}
.tiga .container .kotak .text .header h4{
    font-family: "Poppins";
    font-weight: 600;
    color: #0F3D3E;
}
.tiga .container .kotak .text .header h5{
    font-family: "Poppins";
    color: #166F61;
}
.tiga .container .kotak .text .list .text p{
    font-family: "Poppins";
    color: #166F61;
}

/* End Section3 */

/* Section4 */
.empat{
    margin-top: 100px;
}
.empat h1{
    font-family: "Poppins";
    font-weight: bold;
    color: #0e5242;
}
.empat p{
    font-family: "Poppins";
    color: #0e5242;
}
/* End Section4 */

/* Section5 */
.lima{
    margin-top: 100px;
}

/* End Section5 */



/* BreakPoints */
@media (max-width: 992px){
    .satu .container .image img{
        margin-left: 150px;
    }
    .tiga .container .kotak .text .header  h4, h5, .list p{
        font-size: 1.3em;
    }
    .tiga .container .kotak .text .list img{
        width: 25px;
    }
}

@media (max-width: 768px){
    .tiga .container .kotak .text .header  h4, h5, .list p{
        font-size: 1.1em;
    }
    .tiga .container .kotak .text .list img{
        width: 20px;
    }
}

@media (max-width: 576px){
    .satu .container .image{
        margin-left: 0px;
        margin-top: 30px;
    }
    .satu .container .image img{
        margin-left: 30px;
        width: 300px;
    }
    .tiga .container .kotak .text .header  h4, h5, .list p{ 
        font-size: 1.1em;
    }
    .tiga .container .kotak .text .list img{
        width: 20px;
    }
}