.logo-icon{
    height: 80px;
}
.wajib{
    color: red;
}
@media only screen and (min-width: 1000px) {
    .container-custom{
        padding: 0px 100px 100px 100px;
    }
}
@media only screen and (min-width: 300px) {
    .container-custom{
        padding-bottom: 100px;
    }
}
.heading-custom{
    font-weight: 600;
    font-size: 20px;
    margin: 10px;
}
.select-custom{
    border: 1px solid #ececec;
    color: #848484;
    display: block;
    font-size: 16px;
    height: 48px;
    margin-bottom: 25px;
    padding: 0 15px;
    width: 100%;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.w100{
    width: 100%;
}

.small-title{
    font-size: 50px !important;
    line-height: 94px !important;
  }
  .about-title{
    margin-bottom: 60px !important;
  }
  .banner-about{
    width: 100%;
    height: 450px;
  }
  .h250{
    height: 250px;
  }
  .img-cart{
    margin-right: 10px;
    width: 80px;
      height: 80px;
      object-fit: cover;
  }
  .h600{
    height: 600px !important;
  }
  .radius-30{
    border-radius: 23.5px;
  }
  .radius-10{
    border-radius: 10px;
  }
  .testimonial-bg {
    min-height: 360px !important;
  }
  .fit{
    object-fit: cover;
  }
  .w100{
    width: 100% !important;
  }
  .h150{
    height: 150px;
  }
  .m-t-20{
    margin-top: -20px;
  }
  .next-arrow:hover {
    background-color: #525252;
  }
  .next-arrow {
    background-color: #abd373;
    border-top-left-radius: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 80px;
    height: 80px;
    line-height: 110px;
    text-align: center;
    padding-left: 15px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    cursor: pointer;
  }
  .bg-choose-benih{
    background-color: #f6f7fb !important;
  }
  .section-space-top-70{
    padding-top: 70px;
  }
  .section-space-bottom-60{
    padding-bottom: 60px;
  }
  .item-choose{
    background-color: white;
    padding: 35px 30px 30px 30px;
  }
  .h180{
    height: 180px !important;
  }
  .choose-title{
    margin-bottom: 0px !important;
    margin-top:15px;
  }
  .content-choose{
    text-align: center;
  }
  .mb-50{
    margin-bottom: 50px !important;
  }
  .galeri-item{
    position: relative;
  }
  .galeri-img{
    width: 100%;
      height: 230px;
      object-fit: cover;
  }
  .choose-upbs{
    background-repeat: no-repeat;
    background-size: cover;
  }
  /* .modal-search-web-web{
    background-color: transparent;
      border: 0;
      border: 1px solid black;
      color: black;
      height: 100px;
      line-height: 100px;
      width: 100%;
      font-size: 30px;
      padding-right: 55px;
      font-weight: 300;
  } */
  .modal-search-web {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
  }
  .modal-search-web span.searchbox-info {
    margin-bottom: 30px;
    font-size: 20px;
    display: block;
    color: #ffffff;
    letter-spacing: 0.5px;
    text-align: center;
  }
  .modal-search-web .hm-searchbox {
    position: relative;
    width: 800px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  @media (max-width: 991px) {
    .modal-search-web .hm-searchbox {
      width: calc(100% - 25px);
    }
  }
  
  @media (min-width: 991px) {
    
    .desktop-flex{
      display: flex !important;
    }
  }
  @media (max-width: 768px){
  .img-desktop {
      display: none;
  }
  }
  .modal-search-web .hm-searchbox input {
    background-color: transparent;
    border: 0;
    border: 1px solid #abd373;
    border-radius: 50px;
    color: #abd373;
    height: 50px;
    line-height: 50px;
    width: 80%;
    text-align: inherit;
    font-size: 17px;
    padding-right: 20px;
    padding-left: 20px;
    font-weight: 300;
  }
  .modal-search-web .hm-searchbox input::-webkit-input-placeholder {
    color: #ffffff;
  }
  .modal-search-web .hm-searchbox input::-moz-placeholder {
    color: #ffffff;
  }
  .modal-search-web .hm-searchbox input:-ms-input-placeholder {
    color: #ffffff;
  }
  .modal-search-web .hm-searchbox input::-ms-input-placeholder {
    color: #ffffff;
  }
  .modal-search-web .hm-searchbox input::placeholder {
    color: #ffffff;
  }
  .quantity .cart-plus-minus .qtybutton{
    top: 50%;
  }
  .modal-search-web .hm-searchbox .search-btn {
    position: absolute;
    font-size: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 11%;
    border: 0;
    background: transparent;
    color: #abd373;
    padding: 0;
  }
  .modal-search-web .hm-searchbox .search-btn i {
    vertical-align: middle;
  }
  .main-header-area{
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.12) !important;
  }
  .bd-utama{
    align-items: end;
    margin: 12px 0px;
  }
  .mb-27{
    margin-bottom: 27px;
  }
  .h130{
    height: 130px !important;
  }
  .border-custom{
    border-bottom: 1px solid #abd373;
    padding-top: 5px;
    margin-bottom: 20px;
  }
  .border-custom-non{
    border-bottom: 1px solid #80808014;
    padding-top: 5px;
    margin-bottom: 20px;
  }
  .border-active{
    border: 1px solid #abd373;
  }
  .txt-underline{
    text-decoration: underline;
    color: #abd373;
  }
  .t-gn{
    color: #abd373 !important;
  }
  .align-center{
    text-align: center;
  }
  .align-end{
    text-align: end;
  }
  .c-red{
    color: red;
  }
  .fa-hourglass{
    font-size: 50px !important;
  }
  input[type=password],input[type=text],input[type=date],input[type=number],input[type=email],input[type=file], select {
    height: 50px !important;
  }
  input[type=radio] {
    height: 19px !important;
  }
  .pointer{
    cursor: pointer;
  }
  .cst-btnminplus{
    top:27px !important;
  }
  .cart-card{
    background-color: #ffffff;
    padding: 20px;
    border: 1px solid #80808014;
  }
  .float-left{
    float: left !important;
  }
  .float-right{
    float: right !important;
  }
  .d-flex {
    display: flex!important;
  }
  .m-auto{
    margin: auto !important;
  }
  .check{
    padding-right: 10px;
  }
  .p-right-40{
    padding-right: 50px;
  }
  .p-right-70{
    padding-right: 70px;
  }
  .m-top-15{
    margin-top: 15px;
  }
  .img-delete{
    width: 25px;
    margin-right: 20px;
    margin-left: 10px;
  }
  .fw-600{
    font-weight: 600;
  }
  .fw-500{
    font-weight: 500;
  }
  .bg-orange{
    background-color: #FFD673;
  }
  .bg-green{
    background-color: #abd373;
  }
  .bg-danger{
    background-color: #ef3a3a;
  }
  .img-reviews{
    height: 60px !important;
      width: 60px !important;
      border-radius: 100%;
      object-fit: cover;
  }
  .a1{
    width: 30%;
            margin-right: 10px;
  }
  .a2{
    width: 60%;
            margin-right: 10px;
  }
  .gr{
    background-color: #abd373;
  
  }
  .red{
    background-color: red;
  }
  .radio-data{
    width: 30px !important;
    margin-top:0px !important;
  }
  .mr-10{
    margin-right: 10px;
  }
  .mr-20{
    margin-right: 20px;
  }
  .mr-15{
    margin-right: 15px;
  }
  .mr-30{
    margin-right: 30px;
  }
  .mt-12{
    margin-top: 12px;
  }
  
  .mt-20{
    margin-top: 20px;
  }
  .mb-0{
    margin-bottom: 0px !important;
  }
  
  .mb-20{
    margin-bottom: 20px !important;
  }
  
  .po-in-image {
      position: absolute;
      z-index: 1000;
      margin: 10px;
  }
  
  @media (min-width: 1200px){
    .container-header{
      max-width: 1290px !important;
    }
  }
 
  .mb-8{
    margin-bottom: 8px;
    border-bottom: 1px solid #abd37354;
  }


  .frequently-area .frequently-item > ul > li.has-sub, .frequently-area .frequently-item > ul > li.children {
    border: 1px solid #dee2e6;
    padding: 20px;
}

.frequently-area .frequently-item > ul > li.has-sub.open > a, .frequently-area .frequently-item > ul > li.children.open > a {
  color: #abd373;
}
.order-tracking:first-of-type:before {
  background-color: transparent;
}

.btn-cstm{
  border-color: #30c8c9;
  color: #30c8c9;
}

.btn-cstm-after{
  background-color: #30c8c9;
  border-color: #30c8c9;
  color: white;
}
.btn.disabled, .btn:disabled {
  opacity: 0.65;
  background-color: grey;
  color: black;
  border-color: grey;
  cursor: no-drop;
}
.btn-cstm:hover{
  background-color: #30c8c9;
  border-color: #30c8c9;
  color: white !important;
}
.frequently-area .frequently-item > ul > li.has-sub > a, .frequently-area .frequently-item > ul > li.children > a {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  cursor: pointer;
  font-size: 16px;
  color: #555252;
}
.order-tracking {
  text-align: center;
  width: 25%;
  position: relative;
  display: block;
}
.order-tracking.completed .is-complete {
  border-color: #abd373;
  border-width: 0px;
  background-color: #abd373;
}
.order-tracking .is-complete {
  display: block;
  position: relative;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  border: 0px solid #AFAFAF;
  background-color: #f7be16;
  margin: 0 auto;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
  z-index: 2;
}
.order-tracking.completed p {
  color: #000;
}
.order-tracking.completed .is-complete:after {
  border-color: #fff;
  border-width: 0px 3px 3px 0;
  width: 7px;
  left: 11px;
  opacity: 1;
}
.order-tracking .is-complete:after {
  display: block;
  position: absolute;
  content: '';
  height: 14px;
  width: 7px;
  top: -2px;
  bottom: 0;
  left: 5px;
  margin: auto 0;
  border: 0px solid #AFAFAF;
  border-width: 0px 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
}
.order-tracking::before {
  content: '';
  display: block;
  height: 3px;
  width: calc(100% - 40px);
  background-color: #f7be16;
  top: 13px;
  position: absolute;
  left: calc(-50% + 20px);
  z-index: 0;
}
.span-pengaduan {
  padding: 3px 5px;
  border-radius: 10px;
  color: white;
  font-weight: 400;
}