:root{
  --blue:#124A91;
  --grid:#D9DEE5;
  --grid2:#D9DEE5;
  --bodybg:#F3F4F6;
  --text:#1F2430;
  --thead:16px;
  --body:14px;
  --r:18px;
  --font:"Instrument Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.maynilad-block{
  width:100%;
  font-family:var(--font);
  color:var(--text);
}

.maynilad-filterbar{
  padding:0 0 12px 0;
  background:transparent;
}

.maynilad-filter{
  position:relative;
  display:inline-flex;
  align-items:center;
  width:320px;
  max-width:100%;
}

.maynilad-filter__select{
  width:100%;
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  border:2px solid #111;
  border-radius:999px;
  background:#fff;
  padding:12px 44px 12px 16px;
  font-size:14px;
  font-weight:600;
  line-height:1;
  cursor:pointer;
  outline:none;
  font-family:var(--font);
}

.maynilad-filter__icon{
  position:absolute;
  right:14px;
  top:50%;
  transform:translateY(-50%);
  width:18px;
  height:14px;
  pointer-events:none;
}

.maynilad-filter__icon::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  background:
    linear-gradient(#111,#111) left 0 top 0 / 18px 2px no-repeat,
    linear-gradient(#111,#111) left 0 top 6px / 12px 2px no-repeat,
    linear-gradient(#111,#111) left 0 top 12px / 6px 2px no-repeat;
  border-radius:2px;
}

.maynilad-wrap{
  border-radius:var(--r);
  overflow:hidden;
  background:var(--bodybg);
  box-shadow:0 0 0 1px var(--grid);
}

.maynilad-scroll{
  width:100%;
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
}

.maynilad-table{
  width:100%;
  min-width:960px;
  border-collapse:separate;
  border-spacing:0;
  font-family:var(--font);
  font-size:var(--body);
  line-height:1.55;
  color:var(--text);
  margin:0;
}

.maynilad-table thead th{
  background:var(--blue);
  color:#ffffff;
  font-weight:700;
  font-size:var(--thead);
  padding:18px 20px;
  text-align:left;
  border-right:1px solid rgba(255,255,255,.25);
  white-space:nowrap;
}

.maynilad-table thead th:last-child{
  border-right:none;
}

.maynilad-table tbody td{
  padding:18px 20px;
  vertical-align:middle;
  border-right:1px solid var(--grid2);
  border-bottom:1px solid var(--grid2);
  background:var(--bodybg);
  white-space:normal;
  word-break:break-word;
  font-weight:400;
  font-size:var(--body);
}

.maynilad-table tbody tr:last-child td{
  border-bottom:none;
}

.maynilad-table tbody td:last-child{
  border-right:none;
}

.maynilad-table th:nth-child(1),
.maynilad-table td:nth-child(1){
  width:14%;
  min-width:140px;
}

.maynilad-table th:nth-child(2),
.maynilad-table td:nth-child(2){
  width:26%;
  min-width:220px;
}

.maynilad-table th:nth-child(3),
.maynilad-table td:nth-child(3){
  width:22%;
  min-width:220px;
}

.maynilad-table th:nth-child(4),
.maynilad-table td:nth-child(4),
.maynilad-table th:nth-child(5),
.maynilad-table td:nth-child(5),
.maynilad-table th:nth-child(6),
.maynilad-table td:nth-child(6){
  width:9%;
  min-width:110px;
  text-align:center;
  white-space:nowrap;
}

.maynilad-table th:nth-child(7),
.maynilad-table td:nth-child(7){
  width:12%;
  min-width:180px;
}

.maynilad-loadmore{
  text-align:center;
  padding:16px 0 0;
  font-family:var(--font);
}

.maynilad-loadmore a{
  font-weight:500;
  font-size:14px;
  color:var(--blue);
  text-decoration:none;
}

.maynilad-loadmore a:hover{
  text-decoration:underline;
}

@media (max-width:720px){
  .maynilad-table thead th,
  .maynilad-table tbody td{
    padding:14px 12px;
  }
}

/* Remove green background from Elementor nested tabs */
.elementor-widget-n-tabs,
.elementor-widget-n-tabs .e-n-tabs {
  --n-tabs-title-background-color-active: transparent !important;
}

/* Active tab */
.elementor-widget-n-tabs .e-n-tab-title[aria-selected="true"] {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Hover tab */
.elementor-widget-n-tabs .e-n-tab-title:hover {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.maynilad-filterbar {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.maynilad-clear-city-filter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 16px;
  border-radius: 999px;
  border: 1px solid currentColor;
  text-decoration: none;
  font-weight: 600;
}
/* YOU SHOULD PASTE YOUR CODE HERE */
