/*@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;500;700&family=Pacifico&family=Roboto:wght@300&family=Style+Script&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Rancho&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Berkshire+Swash&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Italiana&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Waterfall&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    /*background:#fff;*/
}

/*---------------------------------------------------BERANDA-------------------------*/
/*.kotak_tinggi{*/
/*    position:relative;*/
/*    min-height:100vh;*/
/*}*/

.relatif{
    position:relative;
}

.tutup{
    position:relative;
    font-family: "Nunito", sans-serif;
}

.tutup_warna{
    background:#F8F9FC;
}

.tutup_warna2{
    background:#202942;
}

.kotak{
    width:1080px;
    min-height:200px;
    /*border:1px solid black;*/
    margin:auto;
    text-align:center;
    /*padding:60px 8px;*/
}

.kotak_tinggi{
    min-height:100vh;
}

.kotak_tinggi_atas{
    min-height:100vh;
    text-align:left;
}


.tutup_tema{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.kotak_tema{
    width:calc(50% - 10px);
    border:3px solid #F8F9FC;
    border-bottom-width:5px;
    border-radius:10px;
    margin-bottom:20px;
}

.judul{
    font-size:24px;
    font-weight:600;
    line-height:50px;
}

.teks_detail{
    color:#8492a6;
}

.judul2{
    font-size:38px;
    font-weight:600;
    /*line-height:40px;*/
}

.teks_detail2{
    color:#8492a6;
    font-size:18px;
}

.teks_nama{
    font-size:30px;
    font-weight:600;
}

.teks_harga{
    font-size:30px;
    font-weight:600;
}

.teks_harga span{
    font-size:25px;
}












.teks_tengah{
    text-align:center;
}

.teks_kiri{
    text-align:left;
}

.border{
    border:1px solid black;
}


.kotak_bagian{
    width:100%;
    display:flex;
}

.kotak_kiri, .kotak_kanan{
    width:50%;
}

.kotak_bagian2{
    width:100%;
    display:flex;
}

.kotak_kiri2, .kotak_kanan2{
    width:50%;
}

.tutup_hp{
    height:auto;
}

.tutup_hp1{
    position:absolute;
    top:0;
    left:0;
}

.tutup_hp2{
    position:absolute;
    top:200px;
    left:240px;
}

.tutup_hp3{
    position:absolute;
    top:100px;
    left:120px;
}

/*.kotak_hp_depan .hp_gambar{*/
/*    border:1px solid black;*/
/*    border-radius:30px;*/
    
/*    background-position: center;*/
/*    background-repeat: no-repeat;*/
/*    background-size: cover;*/
/*    position:absolute;*/
/*    top:3px;*/
/*    left:2px;*/
/*    width:196px;*/
/*    aspect-ratio: 300 / 621;*/
/*    -webkit-box-shadow: 0px 0px 40px 20px rgba(0,0,0,0.23);*/
/*    -moz-box-shadow: 0px 0px 40px 20px rgba(0,0,0,0.23);*/
/*    box-shadow: 0px 0px 40px 20px rgba(0,0,0,0.23);*/
/*}*/

/*.kotak_hp_depan img{*/
/*    position:absolute;*/
/*    top:0;*/
/*    left:0;*/
/*    width:200px;*/
/*}*/

.flex{
    display:flex;
}

.vertikal{
    align-items:center;
}

.horizontal{
    justify-content:center;
}



.kotak_fitur{
    display:flex;
    align-items:center;
    padding:3px 0;
}

.kotak_fitur div{
    width:30px;
    height:30px;
    background:#E4F4FA;
    border-radius:10px;
    margin-right:6px;
    display:flex;
    justify-content:center;
    align-items:center;
}

.kotak_fitur span{
    color:#8492a6;
}

.kotak_fitur i{
    color:#165d99;
    font-size:20px;
}




.gambar3{
    width:100%;
}

.btn_hubungi2{
    text-decoration:none;
    background: linear-gradient(to right, #165d99 1%, #3c8dad 99%);
    font-family: "Nunito", sans-serif;
    color: #fff;
    font-weight:600;
    font-size:18px;
    padding: 8px 20px;
    border-radius: 25px;
    transition: all .2s;
}

.btn_hubungi2:hover{
    padding: 11px 20px;
}




.tutup_view{
    min-height:290px;
}

.tutup_view1{
    position:absolute;
    top:0;
    left:0;
}

.tutup_view2{
    position:absolute;
    top:30px;
    left:80px;
}

.kotak_tema .gambar_view{
    /*border:1px solid black;*/
    border-radius:15px;
    
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position:absolute;
    top:2px;
    left:2px;
    width:118px;
    aspect-ratio: 300 / 621;
    -webkit-box-shadow: 0px 0px 30px 10px rgba(0,0,0,0.23);
    -moz-box-shadow: 0px 0px 30px 10px rgba(0,0,0,0.23);
    box-shadow: 0px 0px 30px 10px rgba(0,0,0,0.23);
}

.kotak_view img{
    position:absolute;
    top:0;
    left:0;
    width:120px;
}



/*-----------------------------------------------------------------------------------------------------------------SETTING PADDING---------------------------*/
.pt10{
    padding-top:10px
}

.pb10{
    padding-bottom:10px
}

.pl10{
    padding-left:10px
}

.pr10{
    padding-right:10px
}
/*-----------------------*/
.pt20{
    padding-top:18px
}

.pb20{
    padding-bottom:18px
}

.pl20{
    padding-left:18px
}

.pr20{
    padding-right:18px
}
/*-----------------------*/
.pt30{
    padding-top:30px
}

.pb30{
    padding-bottom:30px
}

.pl30{
    padding-left:30px
}

.pr30{
    padding-right:30px
}
/*-----------------------*/
.pt60{
    padding-top:60px
}

.pb60{
    padding-bottom:60px
}

.pl60{
    padding-left:60px
}

.pr60{
    padding-right:60px
}


/*-----------------------------------------------------------------------------------------------------------------SETTING PADDING---------------------------*/



.futer span{
    color:#85949B;
}

.futer i{
    color:#E43F52;
}

.futer .kotak{
    width:1080px;
    min-height:120px;
    margin:auto;
    text-align:center;
}








/*.beranda{*/
/*    position:relative;*/
/*    text-align:center;*/
/*    padding:30px 20px;*/
/*    width:100%;*/
/*    height:100vh;*/
/*    color:#6E4733;*/
/*}*/

/*.beranda_bawah{*/
/*    position:absolute;*/
/*    bottom:10px;*/
/*    left:0;*/
/*    text-align:center;*/
/*    width:100%;*/
    
/*    font-family: 'Poppins', sans-serif;*/
/*}*/

/*.teks14{*/
/*    font-family: 'Berkshire Swash', cursive;*/
    
/*    font-size:3.4rem;*/
    /*letter-spacing:4px;*/
/*}*/

/*.teks15{*/
/*    font-family: 'Montserrat', sans-serif;*/
/*    font-weight:400;*/
/*    font-size:30px;*/
/*}*/

/*.fontlain .teks2, .fontlain .teks6{*/
/*    font-family: 'Waterfall', cursive;*/
/*    font-size:3.6rem;*/
/*}*/

/*.btn_hubungi{*/
/*    border: 1px solid transparent;*/
/*    text-decoration:none;*/
    /*border:none;*/
/*    background:#43BF51;*/
/*    border-bottom-width: 2px;*/
/*    border-bottom-color: #2E8538;*/
/*    border-radius: 25px;*/
/*    color: #fff;*/
    /*padding: 10px 20px 10px 25px;*/
/*    padding:12px 25px;*/
    /*text-align: center;*/
    /*display: flex;*/
    /*align-items: center;*/
/*    font-size:1.2rem;*/
/*    font-family: 'Montserrat', sans-serif;*/
/*}*/




/*.hp{*/
/*    position:relative;*/
/*}*/

/*.hp_gambar{*/
/*    border:1px solid black;*/
/*    border-radius:30px;*/
/*    background-image: url("https://rinduku.my.id/aset/img/tema/gambar1.jpg");*/
/*    background-position: center;*/
/*    background-repeat: no-repeat;*/
/*    background-size: cover;*/
/*    position:absolute;*/
/*    top:3px;*/
/*    left:2px;*/
/*    width:196px;*/
/*    aspect-ratio: 300 / 621;*/
/*    -webkit-box-shadow: 0px 0px 40px 20px rgba(0,0,0,0.23);*/
/*    -moz-box-shadow: 0px 0px 40px 20px rgba(0,0,0,0.23);*/
/*    box-shadow: 0px 0px 40px 20px rgba(0,0,0,0.23);*/
/*}*/

/*.hp img{*/
/*    position:absolute;*/
/*    top:0;*/
/*    left:0;*/
/*    width:200px;*/
/*}*/



@media only screen and (max-width: 1080px){
    
.kotak{
    width:100%;
}

}



@media only screen and (max-width: 720px){
    
.kotak_tinggi_atas{
    min-height:200px;
    text-align:center;
}
    
.kotak_bagian{
  flex-wrap: wrap;
}
    
.kotak_kiri, .kotak_kanan{
    width:100%;
}

.gambar3{
    width:70%;
}

.kotak_tema{
    width:100%;
}
    
}



@media only screen and (max-width: 480px){
    
.kotak_tema .kotak_kiri2{
    width:64%;
}

.kotak_tema .kotak_kanan2{
    width:36%;
}
    
/*.tutup_view{*/
/*    min-height:290px;*/
/*}*/

/*.tutup_view2{*/
/*    position:absolute;*/
/*    top:30px;*/
/*    left:80px;*/
/*}*/

/*.kotak_tema .gambar_view{*/
/*    border-radius:15px;*/
/*    top:2px;*/
/*    left:2px;*/
/*    width:118px;*/
/*}*/

/*.kotak_view img{*/
/*    width:100px;*/
/*}    */



.teks_nama{
    font-size:20px;
}

.teks_harga{
    font-size:20px;
}

.teks_harga span{
    font-size:18px;
}

}