body{
    font-family: 'Carrois Gothic', sans-serif;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    color: #2C3E50;
}
footer{
    color: #707070;
}
footer a {
    color: #707070 !important;
}
.container-custom {
    max-width: 1640px;
}
.tombol-kuning{
    background-color: #EAB75C;
}
.gambar-kiri{
    background: url("/img1/gambar kiri.jpg") center;
}
.kontenweb1{
    background-color: #283339;
    color: #FFF;
    font-size: 20px;
}
.kontenweb1 h1{
    color: #fff;
    font-size: 62px;
}
.kontenweb2 p{
    font-size: 22px;
}
.kontenweb3 {
    background: #ECF0F1;
}
.judul-konten h2{
    display: flex;
    align-items: center;
    flex-direction: column;
    font-size: 34px;
    font-weight: 400;
    width: fit-content;
    margin: 0 auto;
}
.judul-konten h2:after {
    display: block;
    background-color: #EAB75C;
    height: 2px;
    content: "";
    width: 100%;
    margin-top: 7px;
    margin-bottom: 22px;
}
.text-putih{
    color: #fff;
}
.kontenweb4{
    background: #2C3E50;
}
.item-lakukan{
    background: #fff;
}
.text-abu{
    color: #707070;
}
.kontenweb6{
    background: url("/img1/background 6.png");
}

@media (max-width:768px) {
    .kontenweb1 h1{
        font-size: 48px;
    }
    .kontenweb2 p{
        font-size: 18px;
    }
    .text-abu{
        font-size: 20px;
    }
}

.mt-18{
    margin-top: 180px;
}

/*produk page*/
.produk1 p, .produk2 p, .produk3 p{
    font-size: 22px;
}
.gambar-produk1{
    max-height: 480px;
}
.nomer01{
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    max-width: 120px;
}
.font-kuning{
    color: #EAB75C;
}
.font-bold{
    color: #333333;
    font-weight: bold;
}
.produk2 {
    background: linear-gradient(to left bottom, #FFFFFF 50%, #F0F7E6 50%);
}
.produk3 {
    background: linear-gradient(to left bottom, #F0F7E6 50%, #FFFFFF 50%);
}
.judul-page {
    background: #283339;
}
.judul-page h1{
    color: #fff;
}
.font-putih{
    color: #FFFFFF;
}
.data-kontak {
    font-size: 18px;
}
.shortdesc {
    max-width: 450px;
}
.modal-dialog {
      max-width: 800px;
      margin: 30px auto;
  }

.modal-body {
  position:relative;
  padding:0px;
}
.close {
  position:absolute;
  right:-30px;
  top:0;
  z-index:999;
  font-size:2rem;
  font-weight: normal;
  color:#fff;
  opacity:1;
}