.daftar-bengkel-mpm-insurance{
 
}
.type2-header h1.entry-title{
  font-size: 48px;  
  text-align: left;
}
.type2-header .entry-header{
  width: 71%;
}
.bengkel-item{ 
  margin-bottom: 30px;
  font-size: 14px;
}
 
.bengkel-listing-container .inner-container {
  padding: 25px;
  background: #fff;
}
.bengkel-name{
  font-size: 20px;
  font-weight: 600;
  flex: 0 0 100%;
  line-height: 24px;
  padding:0px 95px 0px 0px;
}
.bengkel-type{
  position: absolute;
  top: 0;
  right: 0px;
  border-radius: 5px;
  background: var(--main-color);
  color: #fff;
  padding: 4px 5px;
  font-size: 12px;
  text-transform: capitalize;
}
.top-bengkel-info{
  position: relative;
}
.filter-container{
	margin-bottom: 30px;
	gap: 20px; 
  flex-wrap: wrap;
}
.bengkel-name, .right-top {
  display: inline-flex;
  align-items: center;
}
.bengkel-name:before{
  content: '';
  display: block;
  width: 30px;
  flex: 0 0 30px;
  height: 26px;
  background: url(../img/icon/icon-branch-address.svg) no-repeat;
  margin-right: 10px;
}
.bengkel-map, .bengkel-map:active, .bengkel-map:focus, .bengkel-map:focus-visible {
  background: url(../img/icon/icon-pin-grey.svg) no-repeat center left;
  background-size: 11px;
  display: block;
  padding-left: 20px; 
  font-size: 12px;
  color: #999;
}
.bengkel-map:hover{
  background: url(../img/icon/icon-pin-orange.svg) no-repeat center left;
  background-size: 11px;
  color: var(--main-color);
  text-decoration: none;
}
.select2-results__options  li{
  margin: 0;
}
.googleit-container{
  position: absolute;
  right: 30px;
  bottom: 20px;
}
.top-bengkel-info, .bengkel-address{
  margin-bottom: 10px;
}
.extra-info-bengkel{
  display: none;
}
.bengkel-telp{
  margin-bottom: 10px;
}
.bengkel-telp, .bengkel-hp{
  display: flex;
  align-items: center;
}
.bengkel-telp:before, .bengkel-hp:before{
  content: '';
  display: inline-block;
  flex: 0 0 13px;
  height: 13px;
  background: url(../img/icon/icon-branch-phone.svg) no-repeat;
  margin-right: 10px;
  margin-top: 2px;
}
 
.ajax-pagination ul{
  display: flex;
  list-style: none;
  gap: 0 10px;
  padding: 0;
  margin: 0;
  justify-content: center;
}
.ajax-pagination ul li{
  display: block;
  padding: 0 5px;
  width: 32px;
  height: 32px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  border-radius: 50%;
  background: #E7E7E7;
  color: #999;
}
.ajax-pagination ul li.prev-page, .ajax-pagination ul li.next-page{
  font-size: 0;
}
.ajax-pagination ul li.prev-page:before, .ajax-pagination ul li.next-page:before{ 
  content: '';
  display: block;
  flex: 0 0 15px;
  height: 15px;
  background: url(../img/icon/arrow-right-grey.svg) no-repeat;
  background-size: contain;
}
.ajax-pagination ul li.prev-page:before{
  transform: rotate(180deg);
}
.ajax-pagination .inactive.prev-page, .ajax-pagination .inactive.next-page{
  display: none;
}
.ajax-pagination .selected.number-page, .ajax-pagination .active:hover{
  background: var(--main-color);
  text-decoration: none;
  color: #fff;
}
.ajax-pagination ul li.prev-page:hover::before, .ajax-pagination ul li.next-page:hover::before {
  background: url(../img/icon/arrow-right-white.svg) no-repeat;
}
input.bengkel-keyword{
  padding: 6px 15px;
  border: 1px solid #ccc;
  border-radius: 5px;
  display: block;
}
.btn-search-bengkel{
  display: flex;
  background: var(--main-color);
  color: #fff;
  align-items: center;
  height: 38px;
  border: 0; 
  border-radius: 5px;
  padding: 5px 32px;
}
.btn-search-bengkel::before{
  content: '';
  display: block;
  background:url(../img/icon/icon-magnifier-white.svg) no-repeat;
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  margin-right:5px;
}
 
.bengkel-listing-container  {
  max-height:800px;
  overflow: hidden;
  overflow-y: scroll;
  padding: 40px 40px;
  background: #fff;
}
.select-container{
  position: relative;
}
 
.bengkel-listing-container::-webkit-scrollbar {
  width: 10px;
  border-radius: 10px;
}
 
.bengkel-listing-container::-webkit-scrollbar-track {
  background: transparent; 
} 
.bengkel-listing-container::-webkit-scrollbar-thumb {
  background: #D1D1D1; 
  border-radius: 10px;
} 
/* Handle on hover */
.bengkel-listing-container::-webkit-scrollbar-thumb:hover {
  background: var(--main-color);
}
@media (max-width: 992px){
  .type2-header .entry-header{
    width: 100%;
  }
  .bengkel-listing-container  {
 
    padding: 0  ;
  }
}
@media (max-width: 767px) { 
  .filter-container .select-container{
    flex: 0 0 100%;
  }
  .rev-select, select.cselect{
    width: 100%;
  }
}