/*
 * IBS APP STAGING v0.7.128 — restore APPROVED Elementor four-card template.
 * Approved read-only page #17800, section #99b2a4b:
 * structure=40; gap=narrow; four columns desktop 25% each;
 * tablet 50% each; mobile 100% each.
 * Approved heading widget uses 18px bold, 10px internal padding.
 *
 * Replaces the INCORRECT v0.7.127 two-column stylesheet on this exact
 * Bangladesh group brochure only. All six promo links below, manager,
 * sidebar, galleries, EOI, itinerary and LIVE stay untouched.
 */
body.ibs-preview-page.ibs-app-v108-group-ux.ibs-app-v109-group-visual .ibs-related {
 width:100%;
 max-width:100%;
 box-sizing:border-box;
}
body.ibs-preview-page.ibs-app-v108-group-ux.ibs-app-v109-group-visual .ibs-related .ibs-related-grid {
 display:grid;
 width:100%;
 max-width:100%;
 box-sizing:border-box;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:10px;
 padding:10px;
}
body.ibs-preview-page.ibs-app-v108-group-ux.ibs-app-v109-group-visual .ibs-related-grid .ibs-related-card {
 min-width:0;
}
body.ibs-preview-page.ibs-app-v108-group-ux.ibs-app-v109-group-visual .ibs-related-grid .ibs-related-card h3 {
 box-sizing:border-box;
 font-family:var(--ibs-ref-heading,"IBS Merriweather",Merriweather,Georgia,serif);
 font-size:18px;
 line-height:1.4;
 font-weight:700;
 padding:10px;
 text-align:justify;
 text-align-last:start;
 color:#225A40;
 background:#E3E3E3;
}
@media (max-width:1024px){
 body.ibs-preview-page.ibs-app-v108-group-ux.ibs-app-v109-group-visual .ibs-related .ibs-related-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
 }
}
@media (max-width:767px){
 body.ibs-preview-page.ibs-app-v108-group-ux.ibs-app-v109-group-visual .ibs-related .ibs-related-grid {
  grid-template-columns:minmax(0,1fr);
 }
 body.ibs-preview-page.ibs-app-v108-group-ux.ibs-app-v109-group-visual .ibs-related-grid .ibs-related-card h3 {
  font-size:19px;
  text-align:center;
  text-align-last:center;
 }
}