/* Accessibility fixes shared by the public marketing pages. */
.skip-link {
  position: fixed; left: 1rem; top: .5rem; z-index: 20000;
  padding: .75rem 1rem; background: #fff; color: #102a43;
  border: 2px solid #102a43; transform: translateY(-200%);
}
.skip-link:focus { transform: none; }
:focus-visible { outline: 3px solid #102a43 !important; outline-offset: 3px; box-shadow: 0 0 0 6px #fff !important; }
main { min-width: 0; }
main:focus { outline: none; }
.field-label { display: block; margin: .5rem 0 .25rem; font-weight: 600; }
input:not([type=hidden]), select, textarea { border-color: #687888 !important; }
button.search_icon, button.close_div, button.clo_se { background: transparent; border: 0; }
button.tablinks { font: inherit; cursor: pointer; }
.tab button.tablinks, .tabs button.tablinks { padding: 10px 15px; }
button[class*="popupCloseButton"] { color: #102a43 !important; font: inherit; font-size: 1.5rem; cursor: pointer; }
.toolbar-toggle { color: #fff !important; border: 1px solid #fff; }
.accessibility-toolbar button { cursor: pointer; }
.read-wrapper { display: inline-flex; align-items: center; }
.a11y-list { list-style: none; padding-left: 0; }
.main-nav .product-menu { display: flex; flex-wrap: wrap; }
.main-nav .product-menu > li { flex: 1 1 45%; }
.main-nav .drop-down.a11y-menu-open > ul { opacity: 1; visibility: visible; top: 100%; }
.main-nav .drop-down > a:focus-visible { outline-offset: -3px; }
.table-container { max-width: 100%; overflow: auto; }
th, td { overflow-wrap: anywhere; }
p a, .copyright a, .sebi-investor-notice a { text-decoration: underline; text-underline-offset: .15em; }
a[href="https://smartodr.in/login"] { color: #a10000 !important; }
.app-icon .app-I { color: #595959 !important; }
.app-icon .app-II { color: #08752c !important; }
.banner_list b, .hover_bkgr_fricc b { color: #a10000 !important; }
#contact-us .contact-us-form > .large-text { color: #102a43; background: #fff; }
#about-us-header .text-section {
  padding: 1.5rem;
  border-radius: .5rem;
  color: #102a43;
  background-color: #fff;
}
#about-us-header .text-section .large-text,
#about-us-header .text-section .large-text span,
#about-us-header .text-section .small-text { color: #102a43; opacity: 1; }
.investor-advisory { background: #0100b5; color: #fff; padding: .75rem; line-height: 1.6; }
.accessible-promo { min-height: 320px; padding: clamp(1.5rem, 5vw, 5rem); background: #d6eaff; color: #102a43; }
.accessible-promo h2 { max-width: 28ch; color: #102a43; font-size: clamp(1.7rem, 3.5vw, 3rem); }
.accessible-promo p { max-width: 55ch; font-size: 1rem; font-weight: 400; line-height: 1.6; }
.accessible-promo span { display: inline-block; padding: .5rem 0; color: #0100b5; text-decoration: underline; font-weight: 700; }
.header-slide > div > a { display: block; }
body:has(iframe[src*="ipo.meon.co.in"]) { overflow: auto; }
main:has(> iframe[src*="ipo.meon.co.in"]) { height: 100vh; display: flex; flex-direction: column; }
main > iframe[src*="ipo.meon.co.in"] { flex: 1; min-height: 400px; }
.sebi-investor-notice { padding: 1.5rem; background: #edf3ff; color: #102a43; text-align: left; }
.sebi-investor-notice h2 { color: #102a43; }
.sebi-investor-notice a { color: #0100b5; }
.owl-dot { min-width: 24px; min-height: 24px; border: 2px solid #595959 !important; }
.owl-dot.active { background: #0056b3 !important; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}
@media (max-width: 600px) {
  .accessible-promo { min-height: 260px; }
  .table-container { width: 100%; }
  .field-label { max-width: 100%; }
}