html {
  scroll-behavior: smooth;
}
a {
  color: #ffffffb8;
  text-decoration: none;
}
a:hover {
  color: #ff8400;
  text-decoration: none;
}
body {
  font-family: 'Poppins', sans-serif;
}
.imusic {
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 40px;
    padding: 5px;
    border-radius: 50%;
}

.card-greeting {
	background-color: #fff;
	padding: 20px;
	border-radius: 20px;
	color: var(--warna);
	width: 100%;
	margin-bottom: 20px;
}

.circle {
	background-color: #ccc;
	border-radius: 100%;
	height: var(--avatar-size);
	text-align: center;
	width: var(--avatar-size);
}

.initials {
	font-size: calc(var(--avatar-size) / 2);
	/* 50% of parent */
	line-height: 1;
	position: relative;
	top: calc(var(--avatar-size) / 4);
	/* 25% of parent */
	color: white;
}
.pray {
	/* border-top: 2px solid #9C7756; */
	border-bottom: 2px solid #fff;
	text-align: center;
	width: 100%;
	margin-bottom: 20px;
}

/*.float {*/
/*  position: fixed;*/
/*  bottom: 15px;*/
/*  right: 15px;*/
/*}*/
/*navbar*/
.navbar {
  background-color: white;
  border-bottom: 1px solid #6e6e6e1f;
}
.navbar .brand-navbar img:hover {
  opacity: 0.7;
}
.img-brand {
  width: 200px;
  padding: 2px 20px;;
}
.navbar ul {
  padding: 0px 30px 0px 0px;
}
.navbar ul li a{
  color: #6e6e6e;
  margin: 10px 0px 0px 10px;
  font-size: 12px;
}
.navbar ul li a .fas {
  padding-right:5px; 
  padding-left:5px; 
}
.navbar ul li a:hover{
  color: #a85c21;
}

/*slider*/
.carousel-item {
    padding: 20px 40px;
}
.carousel-item .sliderhome {
    border-radius:30px;
    border: 1px solid #0808082e;
}

#tentang {
  padding: 40px
}
#tentang .judul {
  color: #a85c21;
  font-size: 38px;
}
#tentang .deskripsi {
  color: #6e6e6e;
  font-size: 16px;
}

#fitur {
  padding: 20px 40px
}
#fitur .card {
  border: 0;
  text-align: center;
  margin-bottom: 30px;
}
#fitur .card-title {
  font-size: 24px;
}
.judulh2 {
  text-decoration: underline;
  text-underline-position: under;
  text-align: center;
  width: 100%;
  color: #a85c21;
  margin-bottom: 20px;
}
.fitur-icon {
  margin-bottom: 16px;
  font-size: 100px;
  text-align: center;
  width: 100%;
  color: #a85c21;
}
.card-text {
  color: #6e6e6e;
}

/*cara pemesanan*/
.process-box{
  background: #fff;
  padding: 10px;
  border-radius: 15px;
  position: relative;
  box-shadow: 2px 2px 7px 0 #00000057;
}
.process-left:after{
  content: "";
  border-top: 15px solid #ffffff;
  border-bottom: 15px solid #ffffff;
  border-left: 15px solid #ffffff;
  border-right: 15px solid #ffffff;
  display: inline-grid;
  position: absolute;
  right: -15px;
  top: 42%;
  transform: rotate(45deg);
  box-shadow: 3px -2px 3px 0px #00000036;
  z-index: 1;
}
.process-right:after{
  content: "";
  border-top: 15px solid #ffffff00;
  border-bottom: 15px solid #ffffff;
  border-left: 15px solid #ffffff;
  border-right: 15px solid #ffffff00;
  display: inline-grid;
  position: absolute;
  left: -15px;
  top: 42%;
  transform: rotate(45deg);
  box-shadow: -1px 1px 3px 0px #0000001a;
  z-index: 1;
}
.process-step{
  background: #a85c21;
  text-align: center;
  width: 80%;
  margin: 0 auto;
  color: #fff;
  height: 100%;
  padding-top: 8px;
  position: relative;
  top: -26px;
  border-radius: 0px 0px 10px 10px;
  box-shadow: -6px 8px 0px 0px #00000014;
}
.process-point-right{
  background: #ffffff;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 8px solid #a85c21;
  box-shadow: 0 0 0px 4px #a85c21;
  margin: auto 0;
  position: absolute;
  bottom: 40px;
  left: -63px;
}
.process-point-right:before{
  content: "";
  height: 144px;
  width: 11px;
  background: #a85c21;
  display: inline-grid;
  transform: rotate(36deg);
  position: relative;
  left: -50px;
  top: -0px;
}
.process-point-left{
  background: #ffffff;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 8px solid #a85c21;
  box-shadow: 0 0 0px 4px #a85c21;
  margin: auto 0;
  position: absolute;
  bottom: 40px;
  right: -63px;
}
.process-point-left:before {
  content: "";
  height: 144px;
  width: 11px;
  background: #a85c21;
  display: inline-grid;
  transform: rotate(-38deg);
  position: relative;
  left: 50px;
  top: 0px;

}

.process-last:before{
  display: none;
}
.process-box p{
  z-index: 9;
}
.process-step p{
  font-size: 20px;
}
.process-step h2{
  font-size: 39px;
}
.process-step:after{
  content: "";
  border-top: 8px solid #04889800;
  border-bottom: 8px solid #944f1a;
  border-left: 8px solid #04889800;
  border-right: 8px solid #944f1a;
  display: inline-grid;
  position: absolute;
  left: -16px;
  top: 0;
}
.process-step:before{
  content: "";
  border-top: 8px solid #ff000000;
  border-bottom: 8px solid #944f1a;
  border-left: 8px solid #944f1a;
  border-right: 8px solid #ff000000;
  display: inline-grid;
  position: absolute;
  right: -16px;
  top: 0;
}
.process-line-l{
  background: white;
  height: 4px;
  position: absolute;
  width: 136px;
  right: -153px;
  top: 64px;
  z-index: 9;
}
.process-line-r{
  background: white;
  height: 4px;
  position: absolute;
  width: 136px;
  left: -153px;
  top: 63px;
  z-index: 9;
}
/*#cara {
  padding: 20px 40px
}
#cara .card {
  border: 0;
  margin-bottom: 30px;
}
#cara .card-title {
  font-size: 18px;
  }*/
  /*harga*/
  #harga {
    padding: 20px 40px;
  }
  .package{margin-top: 70px;padding:40px 0;}
  .harga_point{font-size:14px;line-height:16px;color:rgba(58,65,102,.7);margin-bottom:15px}
  .harga_card-wrapper,.harga_point{text-align:center}
  .harga_card-wrapper:hover
  .harga_card-wrapper:not(:last-child){margin-bottom:30px}
  .harga_card-wrapper:first-child,.harga_card-wrapper:nth-child(3){text-align:right!important}
  .harga_card-wrapper:nth-child(2),.harga_card-wrapper:nth-child(4){text-align:left!important}@media(min-width:1200px){.harga_card-wrapper{margin-bottom:0!important}}
  .harga_card{position:relative;min-height:700px;border-radius:8px;padding:88px 13px 35px;background:#fff;box-shadow:0 6px 20px rgba(17,26,104,.15);text-align:center}
  .harga_title{font-size:33px;margin-bottom:140px;text-align:center}
  .harga_best-seller{font-size:20px;color:#fff;width:100%;border-radius:8px;background:#b5311f;position:absolute;display:none;padding:14px 78px;top:-86px;left:50%;transform:translateX(-50%)}@media(min-width:768px){.harga_best-seller{display:inline-block}}
  .harga_best-seller:after{content:"";border:16px solid transparent;border-top-color:#b5311f;top:100%}
  .harga_best-seller:after,.harga_label{position:absolute;left:50%;transform:translateX(-50%)}
  .harga_label{font-weight:700;font-size:18px;color:#fff;background:#e5e5e5;display:inline-block;width:100.4%;top:0;border-top-left-radius:8px;border-top-right-radius:8px;padding:12px 0;text-align:center}
  .harga_label--green{background:#fb8c00}.harga_label--yellow{background:#B5311B}
  .harga_package-title{font-size:30px;margin-bottom:40px}
  .harga_price{position:relative;font-size:18px;opacity:.7}.harga_price--hidden{visibility:hidden}
  .harga_price:after{content:"";position:absolute;top:13px;left:50%;transform:translateX(-50%);width:130px;height:1px;background:#3a4166}
  .harga_discount-price{display:inline-block;font-weight:700;font-size:32px;color:#a85c21;margin-bottom:8px;position:relative}
  .harga_hr{height:1px;width:100%;background:#e5e5e5;margin-bottom:25px}.harga_description{opacity:.7;padding:0 10px;margin-top:30px;font-size:12px}
  .harga_feature{display:flex;flex-direction:column;align-items:flex-start;margin:0 0 0;padding:0 0 0 30px;list-style:none}
  .harga_feature>li{position:relative;padding:0}
  .harga_feature-text {text-align: left;}
  .harga_icon{position:absolute;left:-25px;}
  .harga_see-detail{display:inline-block;font-size:16px;color:#a85c21;margin-top:30px}
  .nh-tooltip__text{visibility:visible}
  .nh-tooltip__text{font-family:NunitoSansRegular,sans-serif;font-size:14px;visibility:hidden;display:inline-block;width:240px;padding:10px;color:#fff;background:rgba(0,0,0,.8);position:absolute;z-index:1;border-radius:3px;word-wrap:break-word;text-align:left}
  .nh-tooltip__text>a{color:#92a2b0}
  .nh-tooltip__text>a:hover{color:#92a2b0;text-decoration:underline}
  .nh-tooltip__text--top{bottom:100%;left:50%;transform:translateX(-50%)}
  .nh-tooltip__text--top:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:rgba(0,0,0,.7)}
  .nh-tooltip__text--left{top:50%;left:-258px;transform:translateY(-50%)}
  .nh-tooltip__text--left:after{content:"";position:absolute;top:50%;left:100%;transform:translateY(-50%);border:5px solid transparent;border-left-color:rgba(0,0,0,.7)}
  .nh-tooltip__text--right{top:50%;left:calc(100% + 4px);transform:translateY(-50%)}
  .nh-tooltip__text--right:after{content:"";position:absolute;top:50%;right:100%;transform:translateY(-50%);border:5px solid transparent;border-right-color:rgba(0,0,0,.7)}
  .nh-tooltip-item,.nh-tooltip-item td{position:relative}
  .nh-tooltip-item:hover .nh-tooltip-item__point{visibility:visible}
  .nh-tooltip:hover .nh-tooltip__text {visibility: visible;}
  .btn-secondary.pesan {
    background: #fb8c00;
    border: 0;
  }

  /*demo*/
  #demo {
    padding: 20px 40px;
  }
  .product-image5 .pic-1,.product-image5 .pic-2{backface-visibility:hidden;transition:all .5s ease 0s}
  .product-grid5{font-family:Poppins,sans-serif;position:relative;margin-bottom: 20px;}
  .product-grid5 .product-image5{overflow:hidden;position:relative}
  .product-grid5 .product-image5 a{display:block}
  .product-grid5 .product-image5 img{width:100%;height:auto}
  .product-image5 .pic-1{opacity:1}
  .product-grid5:hover .product-image5 .pic-2{opacity:1; transition:.5s ease 0s; }
  .product-grid5 .select-options{border: 1px solid #a85c21;color: #ffffff;background-color: #a85c21;font-size:14px;font-weight:400;text-align:center;padding:6px 5px;margin:0 auto;opacity:0;display:block;position:absolute;width:70%;left:0;bottom:-100px;right:0;transition:.5s ease 0s; border-radius: 10px;}
  .product-grid5:hover .select-options{opacity:1;bottom:70px}
  @media only screen and (max-width:990px){.product-grid5{margin-bottom:30px}
}

#demovideo {
  padding: 20px 40px;
}
#demovideo .card {
  margin-bottom: 20px;
}
#demovideo .card-title {
  color: #a85c21;
  text-align: center;
}
#demomusic {
  padding: 20px 40px;
}
#demomusic .music {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}
#demomusic .card {
  margin-bottom: 20px;
}
#demomusic .card-title {
  color: #a85c21;
  text-align: center;
}
.floatnav {
  display: none;
}
.floatnav i {
  color: #FFF;
}
.floatnav1 {
  display: none;
}
.floatnav1 i {
  color: #FFF;
}
/*kontak*/
#kontak {
  background-color: #a85c21;
  padding: 40px;
}
.judul-kontak {
  text-align: center;
  text-decoration: underline;
  text-underline-position: under;
  text-align: center;
  width: 100%;
  color: #fff;
  margin-bottom: 20px;
}
#kontak .wa {
  color: #fff;
  font-size: 20px;
  text-align: right;
  text-decoration: none;
}
#kontak .ig {
  color: #fff;
  font-size: 20px;
  text-align: left;
  text-decoration: none;
}

/*undangan*/
.wrap {
  width: 412px;
  margin: auto;
  border: 1px solid #653e1d;
}
#top-content {
  color: #fff;
  margin: auto;
  width: 100%;
  background: linear-gradient(180.03deg, rgba(101, 62, 29, 0.9) 0.02%, rgba(101, 62, 29, 0.471408) 77.07%, rgba(101, 62, 29, 0.178305) 99.96%, rgba(101, 62, 29, 0.201562) 99.97%, rgba(101, 62, 29, 0) 99.98%);
  z-index: -1;
}
.img-top {
  width: 100%;
  z-index: -1;
}
#wraptext {
  padding: 20px;
  width: 412px;
  text-align: center;
  position: absolute;
  top: 50px;
  font-size: 20px;
}
.guest {
  font-size: 20px;
  margin-top: 22px; 
}
.title-top {
  font-size: 18px;
}
.couple-name {
  text-align: center;
  position: absolute;
  right: 15%;
  left: 15%;
  font-size: 40px;
  font-family: Yellowtail;
  top: 355px;
}
.datetime {
  text-align: center;
  position: absolute;
  right: 15%;
  left: 15%;
  font-size: 18px;
  top: 420px;
}
.notice {
  text-align: center;
  position: absolute;
  right: 15%;
  left: 15%;
  font-size: 16px;
  top: 445px;
}
.live {
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  font-size: 16px;
  top: 510px;
  color: #fff
}
.video {
  padding: 10px;
  width: 100%;
  height: 260px;
}
.live a{
  color: #fff
}
.live a:hover{
  color: #000
}

#couple-content {
  color: #653E1D;
  margin: auto;
  width: 100%;
  padding: 20px 10px;
}
.couple-title {
  text-align: center;
  text-decoration: underline;
  font-size: 20px;
  margin-bottom: 20px;
  text-underline-position: under;
}
.couple-des {
    text-align:center;
    margin-bottom: 15px;
}
.wrap-img-man {
  border: solid 2px #653E1D;
  width: 220px;
  height: 220px;
  margin-left: 25px;
}
.wrap-img-women {
  border: solid 2px #653E1D;
  width: 220px;
  height: 220px;
  margin-right: 25px;
}
.img-couple {
  position: absolute;
  z-index: -1;
  padding: 10px;
}
.couple-man {
  width: 100%;
  text-align: center;
  color: #653E1D;
  font-size: 18px;
  margin: 28px 18px 0px;
}
.couple-parent {
  width: 100%;
  text-align: center;
  padding: 0 38px;
}

#prayer-content {
  color: #fff;
  background-color: #653E1D;
  margin: auto;
  width: 100%;
  padding: 30px 0px;
}
.prayer-text {
  width: 100%;
  text-align: center;
  font-size: 16px;
  padding: 0px 30px;
}

.event-title {
  width: 100%;
  font-size: 18px;
  text-align: center;
  font-weight: 600;
}
.location {
  font-size: 16px;
  color: #fff;
  background-color: #653E1D;
  margin-bottom: 30px;
}
.location a{
  margin: 10px 30px;
  color: #fff;
}
.location a:hover{
  color: #fff;
}

.covid-title {
  width: 100%;
  font-size: 18px;
  text-align: center;
  font-weight: 600;
  margin: 0 30px;
}
.img-covid {
  width: 40%;
  margin: 20px 0;
  background-color: #653E1D;
  border-radius: 50%;
}
.covid-info {
  text-align: center;
  margin: 0px 30px 10px;
  width: 100%;
}

.time-title {
  text-decoration: underline;
  font-size: 20px;
  margin-bottom: 20px;
  text-underline-position: under;
}
.countdown {
  font-size: 26px;
}
.countdownD {
  font-size: 14px;
}
.ct {
  margin: 12px 5px;
  width: 60px;
}

#gallery-content {
  color: #653E1D;
  width: 100%;
  padding: 20px 0px;
}
#gallery-row {
  margin-right: -16px;
  margin-left: -16px;
}
.img-gallery {
  max-width: 100%;
  height: auto;
  margin-bottom: 12px;
}

#ucapan {
  margin: 10px 30px;
}
#ucapan .form-control {
  border: 2px solid #653E1D;
  border-radius: 10px;
}
#ucapan .form-control:focus {
  color: #653E1D;
  background-color: #fff;
  border-color: #653e1d;
  outline: 0;
  box-shadow: 0 0 0 0.1rem #653E1D;
}
.btn-secondary.prayer {
  background-color: #653E1D;
  width: 100%;
  border-radius: 10px;
}
#ucapan-content {
  color: #fff;
  background-color: #653E1D;
  padding: 20px 45px;
}
.prayer-title {
  font-size: 18px;
  margin-bottom: 15px;
}
.comment-name {
  font-size: 16px;
  width: 100%;
}
.comment-text {
  font-size: 15px;
  width: 100%;
  margin-bottom: 10px;
}

.cashles {
    text-align: center;
    margin-bottom: 20px;
}
#couple-content .card {
  margin-bottom: 20px;
  text-align: center;
  padding: 10px;
}
#couple-content .card-img-top {
  padding: 0;
  width: 80%;
  margin: auto;
}
#couple-content .card-body {
  padding: 0;
  color: #000;
  margin-top: 5px;
}
#couple-content .card-title {
  margin-bottom: 3px;
}

#footer {
  border-top: 1px solid #eaeaea;
  padding: 20px 20px 10px;
}
.copyright {
  width: 100%;
  text-align: center;
  color: #000;
  font-size: 16px;
}
.img-copyright {
  width: 120px;
  padding: 0 10px;
  margin-bottom: 20px;
}
/*undangan*/

/*undangan1*/
#wraptext {
  padding: 20px;
  width: 412px;
  text-align: center;
  position: absolute;
  top: 40px;
  font-size: 20px;
}

.title-top1 {
  margin-bottom: 50px;
}
.couple-name1 {
  font-size: 40px;
  font-family: Yellowtail;
  margin-bottom: 0;
}


#prayer-content1 {
  color: #fff;
  background: #89694B;
  margin-top: -50px;
  width: 100%;
  padding: 20px 0px 10px;
}
.img-top1 {
  width: 100%;
  z-index: -1;
  /*border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;*/
}
.prayer-text1 {
  width: 100%;
  text-align: center;
  font-size: 16px;
  padding: 0px 30px;
}
.wrap-img-man1 {
  border-right: solid 2px #653E1D;
  border-top: solid 2px #653E1D;
  width: 200px;
  height: 200px;
  z-index: -1;
}
.wrap-img-man11 {
  border-left: solid 2px #653E1D;
  border-bottom: solid 2px #653E1D;
  width: 200px;
  height: 200px;
  position: absolute;
}
.img-couple1 {
  position: absolute;
  z-index: -1;
  width: 300px;
  margin-top: 8px;

}

#couple-content1 {
  background-color: #653e1d;
  color: #653E1D;
  margin: auto;
  width: 100%;
  padding: 30px 15px;
}
#couple-content1 .event-title {
  font-size: 35px;
  font-family: Yellowtail;
}
#couple-content1 .location {
  display: block;
  margin: auto;
  border-radius: 10px;
  border: 0;
}
#couple-content1 .card {
  border-radius: 15px;
  margin-bottom: 20px;
}
#couple-content1 .time-title {
  color: #fff;
  margin-top: 10px;
}
.ring-img {
  margin: auto;
  width: 10%;
  display: block;
  padding-bottom: 15px;
}
.radius-img {
  background: #89694b99;
  margin-top: -10px;
  width: 100%;
  height: 60px;
}
/*undangan1*/
@media screen and (max-width: 425px) {
    /*slider*/
    .carousel-item {
        padding: 15px;
    }
    .carousel-item .sliderhome {
        border-radius:15px;
    }
    #demo {
        padding: 20px 0px;
    }
  .wraptext {
    width: 100%;
  }
  .process-point-right {
    display: none;
  }
  .process-right:after {
    display: none;
  }
  .process-point-left {
    display: none;
  }
  .process-left:after {
    display: none;
  }
  .process-box {
    margin-bottom: 30px;
  }
  .wrap {
    width: 100%;
  }
  #tentang {
    padding: 20px 10px;
  }
  #tentang .judul {
    margin-top: 20px;
    font-size: 34px;
    text-align: center;
  }
  .judulh2 {
    font-size: 28px;
  }
  #fitur {
    padding: 20px 10px;
  }
  #cara {
    padding: 20px 10px;
  }
  #harga {
    padding: 20px 10px;
  }
  .package {
    margin-top: 0;
    padding: 0;
  }
  .harga_card {
    margin-bottom: 20px;
  }
  #kontak {
    padding: 30px 0px;
  }
  .judul-kontak {
    font-size: 24px;
  }
  #kontak .wa {
    font-size: 18px;
  }
  #kontak .ig {
    font-size: 18px;
  }
  #wraptext {
    width: 100%;
  }

  .floatnav {
    display: block;
    position: fixed;
    width: 45px;
    height: 45px;
    bottom: 5px;
    right: 15px;
    background-color: #653e1d;
    opacity: 0.3;
    color: #FFF;
    border-radius: 50%;
    text-align: center;
    padding-top: 10px;
    z-index: 1;
  }
  .floatnav1 {
    display: block;
    position: fixed;
    width: 45px;
    height: 45px;
    bottom: 55px;
    right: 15px;
    background-color: #653e1d;
    opacity: 0.3;
    color: #FFF;
    border-radius: 50%;
    text-align: center;
    padding-top: 10px;
    z-index: 1;
  }
  #demovideo {
      padding: 20px 0px;
  }
  #demomusic {
      padding: 20px 0px;
  }
}
@media screen and (max-width: 375px) {
  .couple-name {
    top: 340px;
  }
  .datetime {
    top: 390px;
  }
  .notice {
    top: 415px;
  }
  .live {
    top: 480px;
  }

  .floatnav1 {
    bottom: 53%;
  }
  .floatnav {
    bottom: 45%;
  }
}
/*mobile*/
@media screen and (max-width: 320px) {
  .couple-name {
    top: 300px;
  }
  .datetime {
    top: 342px;
  }
  .notice {
    top: 365px;
  }
  .live {
    top: 420px;
  }
}

/*Scroll bar custom*/
::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}

::-webkit-scrollbar-track {      
  background: #ffffff;
}

::-webkit-scrollbar-thumb {
  background: #042135;    
}

.my-wa {
    position: fixed;
    bottom: 30px;
    right: 20px;
    border-radius: 50%;
    z-index: 100;
}
.my-wa img {
    z-index: 100;
    width:50px;
}

/*review*/
.section-title {
  font-size: 28px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  font-weight: 400;
  display: inline-block;
  position: relative;
}
.section-title:after,
.section-title:before {
  content: "";
  position: absolute;
  bottom: 0;
}
.section-title:after {
  height: 2px;
  background-color: rgb(180 86 0 / 31%);
  left: 25%;
  right: 25%;
}

.section-title:before {
  width: 15px;
  height: 15px;
  border: 3px solid #fff;
  background-color: #a85c21;
  left: 50%;
  transform: translatex(-50%);
  bottom: -6px;
  z-index: 9;
  border-radius: 50%;
}

/* CAROUSEL STARTS */
.reviewPelanggan .owl-item img {
  display: initial !important;
  width: 85px !important;
  height: 85px;
  border-radius: 50%;
}

.feedback-slider-item {
  position: relative;
  padding: 60px;
  margin-top: -40px;
}

.customer-name {
  margin-top: 15px;
  margin-bottom: 25px;
  font-size: 20px;
  font-weight: 500;
}

.feedback-slider-item p {
  line-height: 1.875;
}

.customer-rating {
  background-color: #eee;
  border: 3px solid #fff;
  color: rgba(1, 1, 1, 0.702);
  font-weight: 700;
  border-radius: 50%;
  position: absolute;
  width: 47px;
  height: 47px;
  line-height: 44px;
  font-size: 15px;
  right: 0;
  top: 77px;
  text-indent: -3px;
}

.thumb-prev .customer-rating {
  top: -20px;
  left: 0;
  right: auto;
}

.thumb-next .customer-rating {
  top: -20px;
  right: 0;
}

.customer-rating i {
  color: #a85c21;
  position: absolute;
  top: 10px;
  right: 5px;
  font-weight: 600;
  font-size: 12px;
}

/* GREY BACKGROUND COLOR OF THE ACTIVE SLIDER */
.feedback-slider-item:after {
  content: "";
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 0;
  top: 103px;
  background-color: #f6f6f6;
  border: 1px solid rgba(251, 90, 13, 0.1);
  border-radius: 10px;
  z-index: -1;
}

.thumb-prev,
.thumb-next {
  position: absolute;
  z-index: 99;
  top: 45%;
  width: 98px;
  height: 98px;
  left: -90px;
  cursor: pointer;
  transition: all 0.3s;
}

.thumb-next {
  left: auto;
  right: -90px;
}

.feedback-slider-thumb img {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  overflow: hidden;
}

.feedback-slider-thumb:hover {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.reviewPelanggan .owl-nav [class*="owl-"] {
  position: relative;
  display: inline-block;
  bottom: 45px;
  transition: all 0.2s ease-in;
}

.reviewPelanggan .owl-nav i {
  background-color: transparent;
  color: #a85c21;
  font-size: 25px;
}

.reviewPelanggan .owl-prev {
  left: -15px;
}

.reviewPelanggan .owl-prev:hover {
  left: -20px;
}

.reviewPelanggan .owl-next {
  right: -15px;
}

.reviewPelanggan .owl-next:hover {
  right: -20px;
}

/* DOTS */
.reviewPelanggan .owl-dots {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 35px;
}
.reviewPelanggan .owl-dot {
  display: inline-block;
}

.reviewPelanggan .owl-dots .owl-dot span {
  width: 11px;
  height: 11px;
  margin: 0 5px;
  background: #fff;
  border: 1px solid #a85c21;
  display: block;
  -webkit-backface-visibility: visible;
  transition: all 200ms ease;
  border-radius: 50%;
}

.reviewPelanggan .owl-dots .owl-dot.active span {
  background-color: #a85c21;
}

/* RESPONSIVE */
@media screen and (max-width: 768px) {
  .feedback-slider-item {
    padding: 40px;
  }
  .feedback-slider-item:after {
    left: 30px;
    right: 30px;
  }
  .reviewPelanggan .owl-nav [class*="owl-"] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 45px;
    bottom: auto;
  }
  .reviewPelanggan .owl-prev {
    left: 0;
  }
  .reviewPelanggan .owl-next {
    right: 0;
  }
}
@media screen and (max-width: 468px) {
  .feedback-slider-thumb.hidden-xs {
    display: none;
  }
}

/*update homepage 2023 copywriting beli di omnirank*/
#section-white {
  padding: 40px;
}
#section-color {
  border-radius: 30px;
  padding: 40px;
  background-color: #D5B294;
}
.title-h1 {
  font-size: 26px;
  color: #A85C19;
}
.title-p {
  font-size: 18px;
  color: #6e6e6e;
  margin-bottom: 0;
}
.title-h2 {
  font-size: 30px;
  color: #A85C19;
}
.card-featured {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: 30px;
  margin-bottom: 20px;
  min-height: 280px;
}
.card-head {
  padding: 10px 0;
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  padding: 1.25rem 1.25rem 0;
}
.card-head i {
  font-size: 42px;
  color: #A85C19;
}
.card-featured .card-body {
  padding: 0 1.25rem 1.25rem;
}
.card-icon {
  display: block;
  width: auto;
  height: 50px;
  margin-right: 20px;
}
.title-h3 {
  font-size: 22px;
  color: #A85C19;
}
.slider-featured .card-featured {
  min-height: 275px;
}
.slider-featured .owl-nav {
  text-align: center;
}
.slider-featured .owl-nav i {
  padding: 2px;
  color: #a85c21;
  font-size: 25px;
}

/*timeline cara pemesanan*/
.card-featured-number {
  width: 30px;
  height: 30px;
  background-color: #b45700;
  text-align: center;
  line-height: 31px;
  color: #fff;
  left: 10px;
  font-size: 14px;
  z-index: 2;
  border-radius: 50%;
  position: absolute;
  top: -15px;
}
.card-featured-icon {
  color: #b45700;
  font-size: 28px;
  left: 30px;
  width: 60px;
  height: 60px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  border-radius: 50%;
  position: absolute;
  top: -15px;
}
.card-featured.pemesanan {
  border: 0;
  background-color: #f7f7f7d9;
  margin-bottom: 40px;
}
.img-cta-order {
  position: absolute;
  bottom: 0;
  right: 20px;
  width: 45%;
  z-index: 0;
}
.cta-order-h3 {
    margin-right: 45%;
}
.cta-order-p {
    margin-right: 45%;
}

@media screen and (max-width: 768px) {
  #section-white {
    padding: 26px 10px;
  }
  #section-color {
    padding: 26px 10px;
  }
  .title-h1 {
    font-size: 24px;
  }
  .title-h2 {
    font-size: 26px;
  }
  .title-p {
    font-size: 16px;
  }
  .card-icon {
    margin-right: 10px;
  }
  .card-head i {
    font-size: 34px;
  }
  .title-h3 {
    font-size: 20px;
  }
  .cta-order-h3 {
    margin-right: 30%;
  }
}
@media screen and (max-width: 468px) {
  #section-white {
    padding: 20px 2px;
  }
  #section-color {
    padding: 20px 2px;
  }
  .title-h1 {
    font-size: 20px;
  }
  .title-h2 {
    font-size: 24px;
    margin-top: 25px;
  }
  .card-featured {
    min-height: auto;
  }
  .img-cta-order {
    width: 60%;
    right: -15px;
  }
  .cta-order-h3 {
    margin-right: 0;
  }
  .cta-order-p {
    margin-right: 25%;
    z-index: 1;
    position: relative;
  }
}

.footer {
  border-radius: 30px 30px 0 0;
  padding: 0 10px 30px 10px;
  min-height: 285px;
  background-color: #A85C19;
  color: white;
}
.footer-logo {
    background-color: white;
    border-radius: 10px;
    width: 150px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -28px;
    box-shadow: 0px -5px 6px -2px rgb(0 0 0 / 15%);
}
.footer-logo img {
    margin-top: 10px;
    margin-bottom: 10px;
}
.sosmed-footer {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 165px;
}
.footer .wa {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: white;
    color: #A85C19;
    font-size: 28px;
}
.footer .ig {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: white;
    color: #A85C19;
    font-size: 28px;
    margin-right: 10px;
    margin-left: 10px;
}
.footer .maps {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: white;
    color: #A85C19;
    font-size: 28px;
}
.footer .sosmed-footer i {
    padding: 11px;
}
.footer .sosmed-footer a:hover {
  transform: translate(0, -5%);
}
.footer .wa:hover {
  color: #fff;
  background-color: #25D366;
}
.footer .ig:hover {
  color: #fff;
  background-color: #E4405F;
}
.footer .maps:hover {
  color: #fff;
  background-color: green;
}