.plans{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.plans .plan input[type=radio]{position:absolute;opacity:0}.plans .plan{cursor:pointer;width:48.5%}.plans .plan .plan-content{display:-webkit-box;display:-ms-flexbox;display:flex;padding:30px;-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid #e1e2e7;border-radius:10px;-webkit-transition:-webkit-box-shadow .4s;transition:-webkit-box-shadow .4s;-o-transition:box-shadow .4s;transition:box-shadow .4s;transition:box-shadow .4s,-webkit-box-shadow .4s;position:relative}.plans .plan .plan-content img{margin-right:30px;height:72px}.plans .plan .plan-details span{margin-bottom:10px;display:block;font-size:20px;line-height:24px;color:#fff}.container .title{font-size:16px;font-weight:500;-ms-flex-preferred-size:100%;flex-basis:100%;color:#252f42;margin-bottom:20px}.plans .plan .plan-details p{color:#646a79;font-size:14px;line-height:18px}.plans .plan .plan-content:hover{-webkit-box-shadow:0 3px 5px 0 #06f;box-shadow:0 3px 5px 0 #06f}.plans .plan input[type=radio]:checked+.plan-content:after{content:"";position:absolute;height:8px;width:8px;background:#216fe0;right:20px;top:20px;border-radius:100%;border:3px solid #06f;-webkit-box-shadow:0 0 0 2px #06f;box-shadow:0 0 0 2px #06f}.plans .plan input[type=radio]:checked+.plan-content{border:2px solid #216ee0;-webkit-transition:ease-in .3s;-o-transition:ease-in .3s;transition:ease-in .3s}@media screen and (max-width:991px){.plans{margin:0 20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:40px}.plans .plan{width:100%}.plan.complete-plan{margin-top:20px}.plans .plan .plan-content .plan-details{width:70%;display:inline-block}.plans .plan input[type=radio]:checked+.plan-content:after{top:45%;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%)}}@media screen and (max-width:767px){.plans .plan .plan-content .plan-details{width:60%;display:inline-block}}@media screen and (max-width:540px){.plans .plan .plan-content img{margin-bottom:20px;height:56px;-webkit-transition:height .4s;-o-transition:height .4s;transition:height .4s}.plans .plan input[type=radio]:checked+.plan-content:after{top:20px;right:10px}.plans .plan .plan-content .plan-details{width:100%}.plans .plan .plan-content{padding:20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}}.font-description-mobile{font-size:12px!important}.detail-pemesanan-focus{font-weight:700;font-size:15px}.border-detail-pemesanan-grid{border-bottom:1px solid #cacaca}.mobile-map{width:100%}.map-responsive{overflow:hidden;padding-bottom:56.25%;position:relative;height:0}.map-responsive iframe{left:0;top:0;height:100%;width:100%;position:absolute}.container-home-mobile-slider{position:relative;text-align:center;color:#fff}.centered-home-mobile-slider{position:absolute;top:35%;left:50%;font-size:30px;font-weight:700;transform:translate(-50%,-50%)}.centered-home-mobile-slider-desc{position:absolute;top:45%;left:20%;right:20%;padding-top:5px}.centered-home-mobile-slider-2{position:absolute;top:50%;left:50%;width:80%;font-size:14px;font-weight:700;transform:translate(-50%,-50%)}.font-30{font-size:30px}.text-desc-progress{font-weight:700}.text-grey{color:#252525}.section-title-last{font-weight:700;font-size:20px;padding-bottom:10px}.center-costum-blog-list-mobile{display:flex;justify-content:center;align-items:center;height:100%}.font-12{font-size:12px}.scopyright{position:absolute;bottom:10}.size-image-jenis-kendaraan-cek-harga{width:150px;height:100px}.description-cek-harga-overflow-handle{height:51px;max-height:51px;overflow-y:scroll}.margin-top-info-pemesanan-berhasil{margin-top:10px;width:100%;text-align:justify;font-weight:500;color:#252f42}.roboto-font{font-family:Roboto,sans-serif!important}.costum-center-finish-order{display:flex;justify-content:center;flex-direction:column;align-items:center;height:100%}.costum-center-pagination-mobile{display:flex;justify-content:center;align-items:center;height:100%}.vsbm-left-desc{font-size:13px;color:#646a79;font-weight:500}body{--l:3.5em}.wrapper{position:fixed;left:0;bottom:0;margin-bottom:50px;width:100%;background-color:red;color:#fff;text-align:center}.triggerButton{display:none}.triggerButton+label{cursor:pointer;position:absolute;right:1em;bottom:1em;background-color:tomato;height:var(--l);width:var(--l);border-radius:50%;z-index:2}.triggerButton+label:after,.triggerButton+label:before{position:absolute;content:'';height:calc(var(--l)/ 2);width:.25em;background-color:#fff;top:0;bottom:0;left:0;right:0;margin:auto;border-radius:.5em;transition:all .25s}.triggerButton+label:before{height:calc(var(--l)/ 2);width:.25em}.triggerButton+label:after{width:calc(var(--l)/ 2);height:.25em}.triggerButton:checked+label:before{transform:rotatez(-45deg)}.triggerButton:checked+label:after{transform:rotatez(-45deg)}.one,.three,.two{cursor:pointer;position:absolute;right:1em;bottom:1em;padding:1em;width:3em;height:3em;border-radius:50%;opacity:0;z-index:1;transform:rotateZ(90deg);font-size:1em;color:#fff;transition-property:all;transition-duration:.35s;transition-timing-function:cubic-bezier(0.175,0.885,0.32,1.275)}.triggerButton:checked~.one,.triggerButton:checked~.three,.triggerButton:checked~.two{opacity:1}.triggerButton:checked~.one{background-color:#4cbf5a;transform:translateX(-5em);transition-delay:.2s}.triggerButton:checked~.two{background-color:#6a5acd;transform:translateX(-3.5em) translateY(-3.5em);transition-delay:.1s}.triggerButton:checked~.three{background-color:#ba55d3;transform:translateY(-5em)}.triggerButton:checked~.one:hover,.triggerButton:checked~.three:hover,.triggerButton:checked~.two:hover{opacity:.9}.centered-art-home{display:flex;justify-content:center;flex-direction:column;height:100%}.costum-center-artikel-btn{display:flex;align-items:center;height:100%}.bg-badge-artikel{background:#f2f3f4}.cont-category-artikel{overflow-x:scroll;white-space:nowrap}.cont-category-artikel::-webkit-scrollbar{height:2px}.cont-category-artikel::-webkit-scrollbar-track{background:#f1f1f1}.cont-category-artikel::-webkit-scrollbar-thumb{background:#e5e7e9}.cont-category-artikel::-webkit-scrollbar-thumb:hover{background-color:#031a61}.font-bold{font-weight:bolder!important}.shine{background:#f6f7f8;background-image:linear-gradient(to right,#f6f7f8 0,#edeef1 20%,#f6f7f8 40%,#f6f7f8 100%);background-repeat:no-repeat;background-size:800px 104px;position:relative;-webkit-animation-duration:1s;-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;-webkit-animation-name:placeholderShimmer;-webkit-animation-timing-function:linear}.box-loading{height:104px;width:100px}.lines-loading{height:10px;margin-top:10px;width:200px}@-webkit-keyframes placeholderShimmer{0%{background-position:-468px 0}100%{background-position:468px 0}}.costum-center-loading{display:flex;justify-content:center;align-items:center;height:100%}.text-black{color:#000}.txt-desc-slider-home{line-height:normal!important}

.cont-main-absoulte {
    position: absolute;
    margin-top: 200px;
}

.main-title-gallery {
    margin-bottom: 10px;
}


.text-center-main-title {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
}

.font-desc-gallery {
    font-size: 12px;
    line-height: 1.5;
}

.fix-image-pixel {
    object-fit:cover !important;
    object-position:50% 50%  !important;
}

.image-mb-bkl {
    width: 100%;
    height: 176px !important;
}

.container-mb-title-hd {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.rating-mobile-ts {
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
}


.container2 {
    margin-bottom: 5px !important;
}

.radius-10 {
    border-radius: 10px;
}

.container2 .title{
    color: #1a1a1a;
    text-align: center;
    
  }
  
  .content2 {
    position: relative;
    width: 99%;
    
    max-width: 400px;
    margin: auto;
    overflow: hidden;
  }
  
  .content2 .content-overlay {
    background: rgba(0,0,0,0.7);
    position: absolute;
    height: 99%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
  }
  
  .content2:hover .content-overlay{
    opacity: 1;
  }
  
  .content-image{
    width: 100%;
  }

  .rhc .owl-carousel .owl-item img {
    height: 176px;
  }
  
  .content-details {
    position: absolute;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    top: 40%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
  }
  
  .content2:hover .content-details{
    top: 50%;
    left: 50%;
    opacity: 1;
  }
  
  .content-details h3{
    color: #fff;
    font-weight: 500;
    /* letter-spacing: 0.15em;
    margin-bottom: 0.5em;
    text-transform: uppercase; */
  }

  .costum-center-sgh {
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
  }

  .container-cs-v {
      display: flex;
      justify-content: center;
      align-items: center;
  }