/* StudentsVidya Study Abroad V54 — exact hero artwork, functional downward-only menus, transparent tab hotspots. */
.sa29-hero{position:relative;overflow:visible;isolation:isolate}
.sa29-hero-img{display:block;width:100%;height:auto;max-width:none;object-fit:contain}

/* All four hero tabs are transparent click targets aligned to the labels in the supplied artwork. */
.sv54-hero-tabs{position:absolute;left:6.3%;top:61.0%;width:31.5%;height:10.5%;z-index:8;display:block}
.sv54-hotspot{position:absolute;top:0;height:100%;display:block;text-indent:-9999px;overflow:hidden;border-radius:12px;background:transparent;outline:none}
.sv54-hotspot:hover,.sv54-hotspot:focus-visible{background:rgba(255,255,255,.08);box-shadow:0 0 0 2px rgba(255,255,255,.7) inset}
.sv54-tab-universities{left:0;width:28%}
.sv54-tab-courses{left:31%;width:21%}
.sv54-tab-countries{left:53%;width:24%}
.sv54-tab-scholarships{left:78%;width:22%}

/* Functional search overlays exactly over the search controls in the supplied artwork. */
.sv54-hero-search{position:absolute;left:6.52%;top:73.85%;width:50.35%;height:11.85%;display:grid;grid-template-columns:25% 26% 28.3% 15.8%;gap:1.35%;z-index:10}
.sv54-search-field,.sv54-search-button{position:relative;min-width:0}
.sv54-trigger,.sv54-search-button{box-sizing:border-box;width:100%;height:100%;margin:0;border:0;background:transparent;color:transparent;font:600 clamp(10px,0.85vw,14px)/1.2 Arial,sans-serif;cursor:pointer;text-align:left;padding:0 12% 0 12%;border-radius:10px;position:relative;z-index:2}
.sv54-trigger span{position:absolute;right:7%;top:50%;transform:translateY(-50%);color:transparent}
.sv54-trigger:hover,.sv54-search-button:hover{background:rgba(255,255,255,.035)}
.sv54-trigger:focus-visible,.sv54-search-button:focus-visible{outline:3px solid rgba(255,255,255,.95);outline-offset:-4px}
.sv54-trigger.is-selected{color:transparent}

/* Dropdowns can ONLY open downward. */
.sv54-menu{position:absolute;left:0;top:calc(100% + 8px);width:100%;min-width:230px;max-height:290px;padding:8px;background:#fff;border:1px solid #d5e1ef;border-radius:12px;box-shadow:0 14px 35px rgba(10,52,92,.22);display:none;z-index:99999;box-sizing:border-box}
.sv54-menu.is-open{display:block}
.sv54-menu-search{display:block;width:100%;box-sizing:border-box;height:38px;border:1px solid #c9d7e7;border-radius:9px;padding:0 10px;color:#111;background:#fff;font:500 14px/1.2 Arial,sans-serif;outline:none;margin-bottom:7px}
.sv54-menu-search:focus{border-color:#1f6feb;box-shadow:0 0 0 3px rgba(31,111,235,.12)}
.sv54-menu-list{max-height:225px;overflow:auto}
.sv54-option{display:block;width:100%;border:0;background:#fff;color:#111;text-align:left;border-radius:8px;padding:10px 11px;margin:1px 0;font:500 14px/1.25 Arial,sans-serif;cursor:pointer}
.sv54-option:hover,.sv54-option:focus{background:#eef5ff;color:#0d4ea6;outline:none}
.sv54-empty{padding:12px;color:#5f7187;font:500 13px/1.35 Arial,sans-serif}
.sv54-search-button{padding:0;text-align:center;color:transparent;border-radius:12px}

@media(max-width:900px){
  .sv54-hero-tabs{left:6.2%;width:31.7%;top:60.8%;height:10.8%}
  .sv54-hero-search{left:6.4%;width:50.4%;height:11.8%}
  .sv54-menu{min-width:205px}
  .sv54-option{font-size:13px}
}
@media(max-width:560px){
  .sv54-hero-tabs{left:6.1%;top:60.8%;width:31.8%;height:10.9%}
  .sv54-hero-search{left:6.25%;top:73.6%;width:50.7%;height:12.0%;grid-template-columns:25% 26% 28% 16%;gap:1.25%}
  .sv54-menu{min-width:180px;max-width:75vw}
  .sv54-menu-search{height:34px;font-size:13px}
  .sv54-option{padding:9px 10px;font-size:12px}
}
