/* @import url('https://fonts.googleapis.com/css2?family=Georama:ital,wght@0,100..900;1,100..900&display=swap'); */
*, body { padding: 0; box-sizing: border-box; margin: 0; font-family: "Georama", sans-serif;  }
:root {
  --color-primary: #0084D5;
  --color-secondary: #f5f5f5;
  --color-success: #28a745;
  --color-White: #ffffff;

  --font-size-sm: 14px;
  --font-size-md: 16px;
  --font-size-lg: 20px;

  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;

  --radius-sm: 4px;
  --radius-md: 8px;
  --shadow: 0 8px 24px -6px rgba(0, 0, 0, 0.16), 0 0 1px 0 rgba(0, 0, 0, 0.40);
}
/* ==================== CHANGES FOR BREADCRUMBS START ==================== */
/*
 * PRECISE INNER-PAGE HEADER + BREADCRUMB FIX
 * Homepage remains unchanged because only page.html.twig adds .mrsi-inner-header.
 */
.mrsi-inner-header {
  width: 100%;
  height: 100px;
  background: #fff;
  position: relative;
  z-index: 20;
}

.mrsi-inner-header .mrsih-hero-top {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  width: 100%;
  height: 100px;
  padding: 0 6.6%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff !important;
  z-index: 20;
}

.mrsi-inner-header .mrsih-left {
  align-items: center;
  gap: 28px;
}

.mrsi-inner-header .mrsih-left .mrsih-logo {
  top: 0;
  line-height: 0;
}

/* Header block contains both logos. Homepage shows light; inner pages show dark. */
.mrsih-logo-dark { display: none; }
.mrsi-inner-header .mrsih-logo-light { display: none; }
.mrsi-inner-header .mrsih-logo-dark { display: block; }
.mrsi-inner-header .mrsih-logo-dark img {
  width: 150px;
  height: auto;
  display: block;
  filter: none !important;
  margin: 0;
}

.mrsi-inner-header .mrsih-menu,
.mrsi-inner-header .mrsih-search-icon {
  width: 56px;
  height: 56px;
  background: #fff;
  border: 1px solid #0084D5;
  color: #0084D5;
}

.mrsi-inner-header .mrsih-actions {
  align-items: center;
  gap: 24px;
}

.mrsi-inner-header .mrsih-login { color: #0084D5; }
.mrsi-inner-header .mrsih-separator { background: #d8d8d8; }

.breadcrumb-wrapper {
  width: 100%;
  min-height: 46px;
  margin: 0 !important;
  padding: 0 6.6%;
  display: flex;
  align-items: center;
  background: #f5f5f5;
  position: relative;
  z-index: 10;
}

.breadcrumb-wrapper > .container {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

.breadcrumb-wrapper .breadcrumb {
  margin: 0;
  padding: 0;
  background: transparent;
}

.breadcrumb-wrapper .breadcrumb ol {
  display: flex;
  align-items: center;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 12px;
  line-height: 1;
}

.breadcrumb-wrapper .breadcrumb li {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  color: #707173;
}

.breadcrumb-wrapper .breadcrumb li + li::before {
  content: "›";
  color: #9a9a9a;
  margin: 0 12px;
  font-weight: 400;
}

.breadcrumb-wrapper .breadcrumb a {
  color: #707173;
  text-decoration: none;
}

.breadcrumb-wrapper .breadcrumb li:last-child,
.breadcrumb-wrapper .breadcrumb li:last-child a {
  color: #0084D5;
  font-weight: 600;
}

.breadcrumb-home-icon {
  width: 14px;
  height: 14px;
  display: block;
}

@media (max-width: 767px) {
  .mrsi-inner-header,
  .mrsi-inner-header .mrsih-hero-top { height: 76px; }
  .mrsi-inner-header .mrsih-hero-top { padding: 0 20px; }
  .mrsi-inner-header .mrsih-logo-dark img { width: 112px; }
  .breadcrumb-wrapper { min-height: 42px; padding: 0 20px; }
}
/* ===================== CHANGES FOR BREADCRUMBS END ===================== */
.site-footer { position: relative; border-bottom: 4px solid #32BFAF;}
.site-footer::before{ content: ''; position: absolute; right: 0; bottom: -4px; width: 24%; height: 4px; background: #E6007E;  }
.button { border-radius: 80px; background:  var(--color-primary); box-shadow: var(--shadow); border: 0; padding: 16px 32px; font-weight: 600; display: inline-block; text-decoration: none; cursor: pointer; text-transform: uppercase; }
.button:hover{ color: #ffffff; }
/* Feedback change: gap between the leading icon and the button label. */
.button i { margin-right: 8px; }
.button.outline { background: var(--color-White); color: #0084D5; border: 1px solid #0084D5;  box-shadow: none !important; }
.button.outline i { margin-right: 6px; }
.button.outline.btnBgNone{ border: 0; background: transparent; box-shadow: none; padding-left: 10px; padding-right: 10px; }
h2 { font-size: 48px; color: #707173; }
h5 { font-size: 24px; color: #707173; font-weight: 600; }
h3 { font-size: 20px; color: #707173; font-weight: 600; }
h4 { font-size: 12px; color: #707173;}
p { font-size: 12px; font-weight: 500; line-height: 25px; color: #707173; }
.mrsih-hero-top{ position:fixed; left: 0; top: 0px; padding: 0 100px; width: 100%; z-index:5; display:flex; justify-content:space-between; background: transparent; transition: all .5s;  }
.mrsih-hero-top.active { background: #ffffff; transition: all .5s; }
.mrsih-hero-top.active .mrsih-left .mrsih-logo img { filter: none; }
.mrsih-hero-top.active .mrsih-menu, .mrsih-hero-top.active .mrsih-search-icon { border: 1px solid #1898f5; }
.mrsih-hero-top.active .mrsih-login { color: #1898f5;  }
.mrsih-hero-top.active .mrsih-separator { background: #1898f5; }
.allEvents.borderTop { position: relative; margin-top: 30px; }
.allEvents.borderTop::before { content: ''; position: absolute; left: 32px; top: -15px; height: 1px; width: 90%; background: #707173; }
.mrsif-socials .mrsif-social-link { text-decoration: none; }

.mrsih-left{ display:flex; align-items:center; gap:35px; }
.mrsih-left .mrsih-logo { position: relative; top: 20px; }
.mrsih-left .mrsih-logo img { filter: brightness(100); }
.mrsih-left .mrsih-logo .field--type-entity-reference { margin-bottom: 0; }

.mrsih-menu,
.mrsih-search-icon{
  width:56px;
  height:56px;
  border-radius:50%; display: inline-flex; align-items: center; justify-content: center;
  border:none;
  background:#fff;
  color:#1898f5;
  font-size:20px; border: 1px solid #1898f5; 
/* Large */
box-shadow: 0 8px 24px -6px rgba(0, 0, 0, 0.16), 0 0 1px 0 rgba(0, 0, 0, 0.40);
}

.mrsih-logo img{
  width:230px;
}

.mrsih-actions{
  display:flex;
  align-items:center;
  gap:28px;
}

.mrsih-separator{
  width:1px;
  height:34px;
  background:#ffffff55;
}

.mrsih-register{
  background:#0084D5;
  padding:16px 32px;
  border-radius:40px; 
  color:#fff;
  text-decoration:none;
  font-weight:600;
  text-transform: uppercase;
}

.mrsih-login{
  color:#fff;
  text-decoration:none;
  font-weight:600;
  text-transform: uppercase;
}


/* Side menu hidden/off-canvas until opened */
.mrsih-side-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 760px;
  max-width: 92vw;
  height: 100vh;
  background: #fff;
  z-index: 99999;
  transform: translateX(-110%);
  transition: transform .35s ease;
  overflow-y: auto;
  padding: 36px 64px 56px;
  box-shadow: 20px 0 70px rgba(0,0,0,.28);
  border-radius: 0 0 24px 0;
}

body.mrsih-menu-open .mrsih-side-menu {
  transform: translateX(0);
}

body.mrsih-menu-open::after {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(34,0,55,.72);
  z-index: 99990;
}

body.mrsih-menu-open .mrsih-side-menu {
  z-index: 99999;
}

.mrsih-side-close { width: 56px; height: 56px; border-radius: 50%; border: 1px solid #999; background: #fff; color: #888; font-size: 36px; line-height: 1; box-shadow: 0 8px 28px rgba(0,0,0,.18); }
.mrsih-side-close { position: absolute;  }
.mrsih-side-logo { width: 196px; margin-left: 120px; }
.mrsih-side-logo img { width: 100%; }

.mrsih-side-inner {
  position: relative;
  margin-top: 120px; overflow-x: hidden;
  padding-left: 88px; max-height: 71vh;
}

.mrsih-side-line {
  position: absolute;
  left: 25px;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(to bottom, #27c6c0 0 62%, #ff1493 62% 100%);
}

.mrsih-side-label {
  font-size: 20px;
  color: #777;
  font-weight: 500;
  margin-bottom: 34px;
}

.mrsih-side-nav {
  font-size: 26px;
  color: #707070;
  font-weight: 700;
}

.mrsih-side-item {
  display: flex;
  align-items: center;
  font-size: 22px; font-weight: 500;
  gap: 10px;
  color: #707070;
  text-decoration: none;
  margin: 0 0 32px;
  border: 0;
  padding: 0;
}

.mrsih-side-item span {
  width: 28px;
  color: #888;
  font-size: 22px;
}

.mrsih-side-item.active {
  color: #008fe3;



}

.mrsih-side-item.active span {
  color: #008fe3;
}

.mrsih-side-item b {
  flex: 0 0 38px;
  margin-left: auto;
  border: 1px solid #008fe3;
  color: #008fe3;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0;
  font-weight: 400;
  background: #fff;
  position: relative;
}

.mrsih-side-item b::before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 15px; height: 15px; border: 0; border-bottom: 1px solid #008fe3; border-right: 1px solid #008fe3; }

.mrsih-side-events { margin: 0 0 34px; width: calc(100% + 26px); }
.mrsih-side-events-head { background: #4d2a86; color: #fff; border-radius: 18px; padding: 18px 28px; display: flex; align-items: center; gap: 22px; font-size: 26px; font-weight: 500; }

.mrsih-side-events-head b { margin-left: auto; background: #fff; color: #4d2a86; width: 38px; height: 38px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; position: relative; font-size: 0; border: 1px solid #23043C; }
.mrsih-side-events-head b::before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(225deg); width: 15px; height: 15px; border: 0; border-bottom: 1px solid #23043C; border-right: 1px solid #23043C;  }
.itemsNav.active {   }
.itemsNav.active .mrsih-side-item { color: #fff; background: #4D2A86; padding: 10px 20px; border-radius: 15px; width: 100%; box-sizing: border-box; }
.itemsNav:not(.active) .mrsih-side-item { background: transparent; padding: 0; border-radius: 0; width: 100%; box-sizing: border-box; }
.itemsNav.active .mrsih-side-item span { filter: brightness(100); }
.itemsNav.active .itemsDrops { display: block; }
.itemsDrops{ display: none; }
.itemsDrops li { list-style-type: none; }
.itemsDrops li a { color: #4D2A86; font-size: 12px; font-weight: 600; text-transform: uppercase; text-decoration: none; padding: 10px 0; display: block; }
.mrsih-side-sub { color: #4d2a86; font-size: 24px; margin: 28px 0 0 72px; font-weight: 500; }

.mrsih-side-events hr { margin: 28px 0 0 72px; border: 0; border-top: 1px solid #cfcfcf; }

.tagsWrap { display: flex; gap: 20px; align-items: center; flex-wrap: wrap; width: 100%; }
.tags { border-radius: 4px; display: inline-block; padding: 8px 10px; background: #F0FAF9; color: #32BFAF; font-size: 14px;
font-weight: 500; text-transform: uppercase;}
.tags.tagsBy { background: #C4E9FF; color: #0084D5; border-radius: 20px; padding: 8px 16px; margin-right: 0; margin-bottom: 0; cursor: pointer; }

.tabsPills { margin: 40px 0; }
.tabsPills .nav-tabs { display: inline-flex; flex-wrap: nowrap; background: #ffffff; padding: 5px; border-radius: 40px; overflow: hidden; }
.tabsPills .nav-tabs .nav-item { }
.tabsPills .nav-tabs .nav-item .nav-link.active,
.tabsPills .nav-tabs .nav-item .nav-link:hover { border: 1px solid transparent; color: #0084D5; background: #C4E9FF; border-radius: 30px; }
.tabsPills .nav-tabs .nav-item .nav-link { color: #707173; font-size: 12px; font-weight: 600; border-radius: 30px; border: 1px solid transparent; transition: all .4s; }
.highlightsWrap { list-style-type: none; padding-left: 0; }
.highlightsWrap i { margin-right: 8px; position: absolute; left: 0; }
.highlightsWrap li { margin-top: 10px; position: relative; padding-left: 30px;}


.mrsih-bg .field--name-field-media-image .image-style-large{ width: 100%; max-width: 100% ; margin-bottom: 0; }
.field--type-entity-reference { margin-bottom: 0 !important; }
.mrsih-hero { position: relative; }
.mrsih-hero-content { position: absolute; left: 100px; top: calc(50% + 80px); transform: translateY(-50%); }
.mrsih-hero-content h1 { color: var(--color-White);  max-width: 600px; font-size: 64px; margin-bottom: 24px; font-weight: 600; min-height: 153px; }
.hp-hero-star-image { position: absolute; right: 7%; top: 20%; }

.mrsih-hero-content .mrsih-search-box { display: flex; gap: 24px; }
.mrsih-hero-content .mrsih-search-box span { display: flex; width: 579px; align-items: center; border-radius: 50px; position: relative; background: #2A7B9B; background: linear-gradient(90deg, rgba(42, 123, 155, 1) 0%, rgba(230, 0, 126, 1) 0%, rgba(50, 191, 175, 1) 100%); overflow: hidden; }
.mrsih-hero-content .mrsih-search-box span::before { content: ''; position: absolute; left: 2px; top: 2px; width: calc(100% - 4px); height: calc(100% - 4px); background: var(--color-White); border-radius: 38px;  }
.mrsih-hero-content .mrsih-search-box span i { position: absolute; left: 20px; top: 50%; transform: translateY(-50%); z-index: 2;}
.mrsih-hero-content .mrsih-search-box input { background: #ffffff; padding: 16px 24px; padding-left: 54px; font-size: 12px; color: #23043C; border-radius: 50px; width: calc(100% - 4px); font-weight: 600; margin: 2px; position: relative; z-index: 1; border: 0;  }
.mrsih-hero-content .mrsih-search-box input::placeholder{ color: #23043C; font-weight: 500; }
.mrsih-hero-content .mrsih-search-box .button { width: 120px; }
.mrsih-suggestions { color: #F0F0F0; font-size: 14px; margin-top: 20px; }
.mrsih-suggestions p { font-weight: 400; color: #F0F0F0; }
.suggestionsSlider .suggestionsItems { margin-bottom: 23px; position: relative;  padding-left: 30px; min-height: 26px; }
.suggestionsSlider .suggestionsItems i { content: ''; position: absolute; left: 0; top: 0; width: 24px; height: 24px; }
.suggestionsSlider .suggestionsItems:nth-last-child(1) { opacity: .4; }
.suggestionsSlider .suggestionsItems:nth-last-child(2) { opacity: .6; }
.suggestionsSlider .suggestionsItems.slick-active + .slick-slide { opacity: .4; }
.suggestionsSlider .suggestionsItems.slick-active + .slick-slide + .slick-slide { opacity: .6; }

.mrsi-small-cards { display: flex; flex-wrap: wrap; gap: 24px; }
.mrsi-small-cards .mrsi-card:first-child { width: 100%; }
.mrsi-small-cards .mrsi-card:first-child figure { width: 40%; }
.mrsi-small-cards .mrsi-card:first-child .mrsi-cardContent { width: calc(100% - 45%); }
.mrsi-small-cards .mrsi-card:first-child .mrsi-cardContent h2 { margin: 12px 0; }
.mrsi-small-cards .mrsi-card:first-child .mrsi-cardContent .cardBtn { margin-top: 24px;}
.mrsi-card { border-radius: 20px; box-shadow: var(--shadow); display: inline-flex; flex-wrap: wrap; width: calc(50% - 12px); gap: 24px; background: var(--color-White); padding: 32px;}
.mrsi-card figure { width: 100%; margin-bottom: 0; }
.mrsi-card figure img { width: 100%; border-radius: 10px;
border: 0.5px solid #707173; }
.mrsi-card .mrsi-cardContent h3 { margin-bottom: 0; min-height: 48px; }
.mrsi-cardContent { display: flex; flex-wrap: wrap; gap: 12px; color: #707173; }
.cardBtn { display: flex; align-items: end; justify-content: end; width: 100%; }
.mrsi-cardContent h2 { color: #707173;}
.mrsi-resources { padding: 60px 100px; background: #ffffff; }
.mrsi-res-grid { display: flex; gap: 24px; }
.mrsi-res-left-grid { width: 60%;}
.mrsi-res-left-grid .mrsi-res-left { margin-bottom: 44px; }
.mrsi-res-Wrap { display: flex;  align-items: start; justify-content: space-between; margin-bottom: 44px; gap: 32px; }
.mrsi-res-Wrap .mrsi-res-left { width: 56%; }
.mrsi-res-Wrap .mrsi-res-left .mrsi-res-desc { color: #707173; }
.mrsi-res-Wrap .mrsi-res-categories { width: 39%; }
.mrsi-res-Wrap .mrsi-res-cat-title { margin-bottom: 22px; color: #707173; font-size: 20px; font-weight: 500; }
.mrsi-res-sidebar { width: 666px; box-shadow: var(--shadow); background: var(--color-White); border-radius: 20px; padding: 32px; }
.mrsi-res-sidebar .mrsi-res-categories { margin-bottom: 34px; }
.otherResources {  }
.otherResources h3 + .mrsi-side-item { margin-top: 24px; }
.otherResources .mrsi-side-item { padding-bottom: 44px; margin-bottom: 44px; border-bottom: 0.5px solid #707173; }
.otherResources .mrsi-side-item h3 { position: relative; padding-right: 20%; margin-top: 12px; font-weight: 600; }
.otherResources .mrsi-side-item h3 a { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; border-radius: 80px; border: 1px solid #0084D5; }
.otherResources .mrsi-side-item h3 a::before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-45deg); margin-left: -4px; width: 13px; height: 13px; border: 0.5px solid #0084D5; border-left: 0.5px solid transparent; border-top: 0.5px solid transparent; }
.otherResources .mrsi-side-item:last-child { padding-bottom: 0; margin-bottom: 0; border: 0; }
.mrsie-events { color: #F0F0F0; color: #707173; padding: 100px;}
.mrsie-head { display: flex; align-items: start; justify-content: space-between; padding-bottom: 60px; border-bottom: 1px solid rgba(112, 113, 115, 0.4); margin-bottom: 44px; }
.mrsie-head div { width: 60%; }
.mrsie-head h2 { margin-bottom: 32px;}

.mrsie-feature { display: flex; flex-wrap: wrap; gap: 40px; }
.mrsie-feature .mrsie-feature-img { width: 45%; }
.mrsie-feature .mrsie-feature-img img { width: 100% !important; height: auto !important; }
.mrsie-feature .mrsie-feature-info { width: calc(55% - 45px); }
.mrsie-feature .mrsie-feature-info h3 { margin-top: 24px; }
.mrsie-feature-label { margin-bottom: 24px; font-size: 20px; font-weight: 500; }
.metaWrap { display: flex; flex-wrap: wrap;  gap: 44px;}
.metaWrap .metaItems strong { display: block; color: #4D2A86; font-weight: 500; font-size: 20px; }
.metaWrap .metaItems small { font-size: 12px; color: #707173; }
.metaWrap .metaItems:first-child { width: 220px; }
.mrsie-actions { display: flex; align-items: end; justify-content: end; gap: 24px; margin-top: 24px; }
.mrsie-cards { display: flex; flex-wrap: wrap; gap: 30px; margin-top: 30px; padding-top: 30px; border-top: 1px solid rgba(112, 113, 115, 0.4); font-weight: 500; }
.mrsie-cards .mrsie-card { width: calc(25% - 23px); }
.mrsie-cards .mrsie-card .mrsie-card-img { position: relative;  display: flex; align-items: start; justify-content: center; margin-bottom: 15px; }
.mrsie-cards .mrsie-card .mrsie-card-img img { border-radius: 10px; border: 0.5px solid #707173; width: 100%; }
.mrsie-cards .mrsie-card .mrsie-card-img .mrsie-card-icon { position: absolute; top: 16px; right: 16px; width: 40px; height: 40px; border-radius: 50%; background: #F0FAF9;  display: inline-flex; align-items: center; justify-content: center;  }
.mrsie-cards .mrsie-card .cardContent { display: flex; flex-wrap: wrap; gap: 24px; }
.mrsie-cards .mrsie-card .cardContent .mrsie-date{ font-size: 12px; font-weight: 500; }
.mrsie-cards .mrsie-card .cardContent h4 { min-height: 58px; width: 100%; font-weight: 600; font-size: 20px; }
.mrsie-cards .mrsie-card .mrsie-card-bottom { padding-top: 24px; margin-top: 24px; border-top: 0.5px solid #707173; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }

.mrsigm { background: #ffffff; padding: 60px 100px; }
.mrsigm .mrsigm-head { display: flex; align-items: start; justify-content: space-between; }
.mrsigm .mrsigm-head .mrsigm-headTitle { width: 702px; }
.mrsigm-icon img { max-width: 88px; }
.mrsigm-features { display: flex; gap: 60px; margin-top: 60px; }
.mrsigm-features .mrsigm-feature { position: relative;}
.mrsigm-features .mrsigm-feature::before { content: ''; position: absolute; left: -32px; top: 0; width: 1px; height: 100%; background: #707173; opacity: 0.4; }
.mrsigm-features .mrsigm-feature:first-child:before {display: none; }
.mrsigm-features .mrsigm-feature p { font-size: 18px; font-weight: 400; }
.mrsigm-main { display: flex; flex-wrap: wrap; gap: 40px; margin-top: 60px; padding-top: 60px; border-top: 2px solid #32BFAF; position: relative;  }
.mrsigm-main::before { content: ''; position: absolute; right: 0; top: -2px; width: 35%; height: 2px; background: #E6007E; }
.mrsigm-main .mrsigm-left { width: 49%; }
.mrsigm-main .mrsigm-detail { width: calc(50% - 40px); }
.mrsigm-main .mrsigm-tab { border-radius: 20px; background: #F0F0F0; display: block; padding: 40px; margin-bottom: 24px; border: 1px solid #F0F0F0; transition: all .5s; }
.mrsigm-main .mrsigm-tab.active,
.mrsigm-main .mrsigm-tab:hover { border: 1px solid #4D2A86; box-shadow: 0 8px 24px -6px rgba(0, 0, 0, 0.16), 0 0 1px 0 rgba(0, 0, 0, 0.40); }
.mrsigm-main .mrsigm-tab.active b,
.mrsigm-main .mrsigm-tab:hover b { border: 1px solid #4D2A86; }
.mrsigm-main .mrsigm-tab:hover b path,
.mrsigm-main .mrsigm-tab.active b path { stroke: #4D2A86; }
.mrsigm-main .mrsigm-tab .mrsigm-tab-icon { background: #FFF; border: 1px solid #F0FAF9; box-shadow: (0 0 1px rgba(0, 0, 0, 0.40)) drop-shadow(0 6px 6px rgba(0, 0, 0, 0.16)); width: 50px; height: 50px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; vertical-align: middle; }
.middContent { padding: 0 20px; width: calc(100% - 139px); display: inline-block; vertical-align: middle; }
.middContent p { margin-bottom: 0; }
.mrsigm-tab b { width: 42px; height: 42px; background: #ffffff; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; cursor: pointer; border: 1px solid #0084D5; }
.mrsigm-detail .mrsigm-detailContent { border-radius: 20px; background: #32BFAF; box-shadow: 0 8px 24px -6px rgba(0, 0, 0, 0.16), 0 0 1px 0 rgba(0, 0, 0, 0.40); padding: 44px; color: #ffffff; height: calc(100% - 112px); position: relative;  }
.mrsigm-detail .mrsigm-detail-title { vertical-align: middle; margin-bottom: 20px; }
.mrsigm-detail .mrsigm-detail-title h3 { color: #ffffff; font-size: 24px; display: inline-block; vertical-align: middle; }
.mrsigm-detail .mrsigm-detail-title span { background: #FFF; border: 1px solid #F0FAF9; box-shadow: (0 0 1px rgba(0, 0, 0, 0.40)) drop-shadow(0 6px 6px rgba(0, 0, 0, 0.16)); width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%;  margin-right: 15px; }
.mrsigm-fee-content { color: #ffffff; }
.mrsigm-fee-content p, .mrsigm-fee-content h4, .mrsigm-fee-content h3, .mrsigm-fee-content h2, .mrsigm-fee-content b, .mrsigm-fee-content li, .mrsigm-fee-content b { color: #ffffff; font-size: 12px; }
.mrsigm-fee-description ul {  list-style-type: none; }
.mrsigm-fee-description li { position: relative; list-style-type: none; padding: 5px 0;}
.mrsigm-fee-description li::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 19px; height: 19px; }
.mrsigm-detail .mrsigm-detailContent .outline { position: absolute; left: 40px; bottom: 40px; text-transform: uppercase; }
.mrsigm-benefit-wrap { text-align: center; margin: 60px 0 30px 0; }
.mrsigm-fees { display: flex; margin-top: 30px; padding-top: 30px; border-top: 1px solid #ffffff;}
.mrsigm-fees div { width: 100%; }
.mrsigm-fees div small { font-size: 12px; }
.mrsigm-fees div strong { display: inline-block; width: 100%; font-size: 24px; font-weight: 400; }

.mrsiClints-logos { display: flex; margin-top: 60px;  }
.mrsiClints-logosItems { margin: 0 40px; align-items: center; justify-content: center; }
.mobileNav { display: none; }
footer .mrsif-top .mrsif-join h2 { font-weight: 600; }
footer .mrsif-top .mrsif-join p { color: #ffffff; font-weight:400; font-size: 14px; max-width: 400px; }
footer .mrsif-top .mrsif-join .mrsif-form {width: 670px;}

.mrsif-copy { font-size: 14px;}
.hideDsk { display: none;}
.slick-arrow { width: 39px; height: 39px; background: #ffffff; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; cursor: pointer;
    border: 1px solid #0084D5; position: relative; font-size: 0; }
.slick-arrow::before { content: ''; position: absolute; width: 10px; border: 1px solid #0084D5; border-left: 0; border-top: 0; height: 10px;
    transform: rotate(-45deg);  }
.slick-prev.slick-arrow::before { content: ''; transform: rotate(140deg);}
.mrsif-logo { max-width: 260px; }
.mrsif-logo img { margin-bottom: 0; }
.mrsif-copy { font-size: 14px; } 
footer .mrsif-top .mrsif-links a{ text-decoration: none;}
footer .mrsif-top .mrsif-links a.active, footer .mrsif-top .mrsif-links a:hover { color: #B9A2DE ;}
#typewriter { display: inline-block; white-space: nowrap; overflow: hidden; border-right: 2px solid #000; font-size: 24px; font-weight: 600;  animation: blinkCursor 0.8s infinite; }

@keyframes blinkCursor {
  50% {
    border-color: transparent;
  }
}



/* ABOUT US PAGE */
.journeyWrap { background: #F0F0F0; padding: 120px 100px; }
.journeyHead { display: flex; align-items: center; justify-content: space-between; }
.journeyHead h2 { max-width: 520px; }
.journeyHead .journeyHeadContent { max-width: 920px; }
.journeySliderBox { margin-top: 94px; }
.journeySliderBox h3 { display: block; }
.journeySlider { padding-top: 20px; display: flex; align-items: start; border-top: 1.5px solid #707173; margin-top: 20px; }
.journeySlider .journeyItems { width: 100%; position: relative; }
.journeySlider .journeyItems::before { content: ''; width: 6px; height: 6px; border-radius: 3px; background: #707173; display: inline-block; position: absolute; top: -24px; left: 0; }
.journeySlider .journeyItems p { display: block; }
.communityWrap { background: #ffffff; padding: 62px 100px; }
.communityHead { text-align: center; max-width: 752px; margin: 0 auto; }
.communityHead h5 { margin-bottom: 32px;  }
.communityHead p { line-height: 25px; }
.communityArea { display: flex;  justify-content: space-evenly; gap: 32px; margin-top: 20px; }
.communityArea .communityList { width: 100%; padding: 44px 32px; border-radius: 20px; background: #ffffff; box-shadow: 0 8px 24px -6px rgba(0, 0, 0, 0.16), 0 0 1px 0 rgba(0, 0, 0, 0.40); }
.communityArea .communityList h3 { display: block; }
.communityArea .communityList p { font-size: 18px; font-weight: 400; }

.memorandumWrap { display: flex;  justify-content: space-evenly; gap: 32px; margin-top: 20px; }
.memorandumWrap .memorandumList { width: 100%; padding: 44px 32px; border-radius: 20px; background: #ffffff; box-shadow: 0 8px 24px -6px rgba(0, 0, 0, 0.16), 0 0 1px 0 rgba(0, 0, 0, 0.40); }
.memorandumWrap .memorandumList h5 { display: block; }
.memorandumWrap .memorandumList p { font-size: 18px; font-weight: 400; margin-top: 24px; margin-bottom: 44px; }

.committeeWrap { padding: 60px 100px; display: flex; flex-wrap: wrap; }
.committeeLeft { width: 470px; }
.committeeLeft a { color: #0084D5; font-size: 16px; font-weight: 600; text-decoration: none;}
.committeeRight { width: calc(100% - 470px); padding-left: 140px; }
.bearersListWrap { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 24px; }
.bearersList { box-shadow: var(--shadow); border-radius: 20px; background: var(--color-White); padding: 24px; display: flex; }
.bearersList figure { width: 130px; height: 130px; border-radius: 10px; overflow: hidden; margin-bottom: 0; }
.bearersList p { margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: normal; }
.bearersList .bearersDetails { width: calc(100% - 130px); padding-left: 24px; }
.bearersList .bearersContent { margin-bottom: 24px; }
.bearersList .bearersDetails h3 { margin-bottom: 0;}
.bearersList .bearersContent span { display: flex; color: #707173; gap: 16px;  }
.bearersList .bearersContent span small { font-size: 14px; text-transform: uppercase; position: relative; line-height: 14px; }
.bearersList .bearersContent span small:first-child::before { display: none; }
.bearersList .bearersContent span small::before { content: ''; position: absolute; left: -8px; top: 0; width: 1px; height: 100%; background: #707173; }


.secretariatTeams { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 24px;  }
.secretariatTeams .secretariatList { box-shadow: var(--shadow); border-radius: 20px; background: var(--color-White); padding: 24px; display: flex; width: calc(33.3% - 17px); }
.secretariatTeams .secretariatList figure { width: 130px; height: 130px; border-radius: 10px; overflow: hidden; }
.secretariatTeams .secretariatList .secretariatContent { padding-left: 24px; }
.secretariatTeams .secretariatList .secretariatContent b { font-size: 22px; font-weight: 600; color: #707173; line-height: normal; }
.secretariatTeams .secretariatList .secretariatContent span { display: block; font-size: 12px; color: #707173; max-width: 130px; }
.annualReportsWrap { padding: 62px 100px; background: #ffffff; }
.annualReportsHead { display: flex; align-items: center; justify-content: space-between; }
.annualReportsHead .reportsHeadTitle { width: calc(100% - 20%); }
.annualReportsHead .reportsHeadTitle h5 { margin-bottom: 24px; }
.annualReportsHead .reportsHeadTitle p { margin-bottom: 0;  }

.reportsHeadBox { border-radius: 20px; background: linear-gradient(269deg, #4D2A86 -1.67%, #23043C 99.63%); box-shadow: 0 8px 24px -6px rgba(0, 0, 0, 0.16), 0 0 1px 0 rgba(0, 0, 0, 0.40); padding: 90px 100px; display: flex; align-items: center; justify-content: space-between; margin-top: 24px; }
.reportsHeadBox h5 { color: #ffffff; max-width: 621px; }
.colorDivider { position: relative; height: 2px; width: 100%; background: #32BFAF; border: 0; opacity: 1; }
.colorDivider::before { content: ''; position: absolute; right: 0; top: 0px; width: 26%; height: 2px; z-index: 2; background: #E6007E; }

.boxShow { border-radius: 20px; background: #ffffff; box-shadow: 0 8px 24px -6px rgba(0, 0, 0, 0.16), 0 0 1px 0 rgba(0, 0, 0, 0.40); }
.bringingWrap { background: #ffffff; padding: 62px 100px;  }
.bringingWrap h2 { max-width: 1012px; margin: 0 auto 40px; text-align: center; }
.bringingListWrap { display: flex; gap: 24px; }
.bringingListWrap .bringingList { padding: 44px 32px 126px 32px; max-width: 25%; position: relative; }
.bringingListWrap .bringingList h5 { margin-top: 24px; }
.bringingListWrap .bringingList .button { position: absolute; left: 50%; bottom: 44px; transform: translateX(-50%); white-space: nowrap; }
.bringingListWrap .bringingList p { font-size: 18px; font-weight: 400; line-height: 28px; margin-bottom: 40px; }





/* ABOUT US PAGE END */
/* ABOUT US DETAILS PAGE START */
.commonWrap { padding: 60px 100px; background: #ffffff; }
.grayBg { background: #F0F0F0;  }
.detailsTitle { display: flex; flex-wrap: wrap; align-items: start; justify-content: space-between; gap: 10%; }
.detailsTitle h2 { font-weight: 600; width: 35%; }
.detailsTitle p { width: calc(100% - 45%); }
.currentMemberWrap {  max-width: 90%; margin: 60px auto 0;  }
.currentMemberBox { display: flex; flex-wrap: wrap; gap: 12px;  }
.currentMemberBox .bearersList { width: calc(50% - 24px); }

.pastPresidents {  max-width: 90%; margin: 0px auto 0;  }
.pastPresidentsBox { display: flex; flex-wrap: wrap; gap: 12px;   }
.pastPresidentsBox .bearersList { width: calc(25% - 24px); flex-wrap: wrap;  }
.pastPresidentsBox .bearersList figure { width: 300px; height: 300px; background-size: cover; }
.pastPresidentsBox .bearersList .bearersDetails { padding-left: 0; width: 100%; }
.pastPresidentsBox .bearersList .bearersContent { margin-bottom: 0;}

.annualReports { border-radius: 20px; background: linear-gradient(269deg, #4D2A86 -1.67%, #23043C 99.63%); box-shadow: 0 8px 24px -6px rgba(0, 0, 0, 0.16), 0 0 1px 0 rgba(0, 0, 0, 0.40); padding: 44px 144px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;  margin-top: 60px;}
.annualReports h5 { color: #ffffff; width: 40%; }

.allReports { margin-top: 65px; }
.allReportsHead { }

.text-right { text-align: right; }
.reportsTable { border: 0; border-collapse: collapse; border-spacing: 0; }
.reportsTable thead { border: 0; }
.reportsTable thead th { color: #707173; font-size: 12px; background: #fff; font-weight: 400; padding: 33px 62px; border: 0; } 
.reportsTable thead tr {  background: #F0F0F0;  }
.reportsTable tbody { border: 0; }
.reportsTable tbody tr { padding: 0; margin: 0; border: 0 !important; }
.reportsTable tbody tr:nth-child(2n + 0) { background: #ffffff;  }
.reportsTable tbody tr td { padding: 33px 62px; border: 0 !important;  }
.reportsTable tbody tr td span { font-size: 20px; }
/* Feedback change: vertical divider between the two report columns, as in Figma (needs !important - the td rule above sets border:0 !important). */
.reportsTable tbody tr td:nth-child(2) { border-right: 1px solid #c8c8c8 !important; }

/* ABOUT US DETAILS PAGE START */

@media (max-width: 1740px) { 
  .button { font-size: 14px; font-weight: 400; padding: 16px 20px; }
}

@media (max-width: 1440px) {
  h2 { font-size: 24px; }
  .button { font-size: 14px; font-weight: 400; padding: 16px 20px; }
  .mrsi-res-sidebar { width: 340px; }
  .mrsi-res-Wrap .mrsi-res-categories { width: 38%; }
  .mrsie-cards .mrsie-card .mrsie-card-img {  }
  .mrsigm, .mrsi-resources, .mrsie-events { padding: 60px 80px; }
  .mrsigm-main .mrsigm-left { width: 49%; }
  .mrsigm-main .mrsigm-detail { width: calc(51% - 40px); }
  .mrsigm-main { gap: 24px;}
  .tabsPills .nav-tabs .nav-item .nav-link { padding: 8px 5px; }
  .mrsigm-detail .mrsigm-detailContent { padding: 30px;  }
  .tabsPills .nav-tabs { width: 100%; justify-content: space-between; }
}
@media (max-width: 1100px) {
  .journeyWrap, .communityWrap, .committeeWrap, .annualReportsWrap, .bringingWrap { padding: 60px 40px; }
}

@media (max-width: 767px) {
  .tagsWrap { gap: 20px; }
  .tags.tagsBy { margin-right: 0; margin-bottom: 0; }
  .mrsie-head {  padding-bottom: 0; border: 0; }
  .mrsie-head .button {  }
  .mrsie-feature-label { font-size: 20px; font-weight: 500; }
  .mrsih-side-menu { padding-left: 20px; }
  .mrsih-menu, .mrsih-search-icon, .mrsih-side-close { width: 36px; height: 36px; }
  .mrsih-hero-content .mrsih-search-box input { padding: 15px 24px 15px 52px;}
  .mrsih-hero-content .mrsih-search-box .button { width: 110px;}
  .mrsih-side-close { display: inline-flex; align-items: center; justify-content: center; }
  .mrsih-side-inner { padding-left: 45px; margin-top: 70px;  }
  .mrsih-side-events-head { font-size: 12px; }
  .mrsih-side-sub { margin-left: 32px; margin-top: 24px; font-size: 12px; }
  .mrsih-logo img { width: 170px; margin-bottom: 0; }
  .mrsih-side-item { font-size: 12px; font-weight: 600; margin-bottom: 22px; }
  .mrsih-side-item b { width: 42px; height: 42px; }
  flex: 0 0 38px;
  .mrsih-side-item b::before { width: 11px; height: 11px; }
  .hp-hero-star-image { width: 240px; top: 74px; right: 0; }
  .mrsih-hero { height: 84vh; background: #23043d; }
  .mrsih-hero .mrsih-bg { margin-top: 80px; }
  .mrsih-hero-top { padding: 0 20px; width: 100%; }
  .mrsih-left { gap: 24px; }
  .mrsih-left .mrsih-logo { top: 0;}
  .mrsih-hero-content { left: 34px; width: calc(100% - 90px); }
  .mrsih-hero-content h1 { font-size: 24px; max-width: 224px; min-height: 77px; }
  .mrsih-hero-content .mrsih-search-box { flex-wrap: wrap; gap: 14px; justify-content: end;  }
  .mrsih-hero-content .mrsih-search-box span { width: 100%; }
  .mrsigm-features .mrsigm-feature::before { width: 100%; height: 1px; left: 0; top: -32px; }
  .mrsih-actions { display: none; }
  .mobileNav { display: flex; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 99999; border-radius: 20px 20px 0 0; background: #FFF; box-shadow: 0 32px 32px -8px rgba(0, 0, 0, 0.08), 0 0 32px -8px rgba(0, 0, 0, 0.12), 0 0 1px 0 rgba(0, 0, 0, 0.20); padding: 12px; align-items: center; justify-content: space-evenly;  }
  .mobileNav a { width: 100%; font-size: 12px; color: #707173; text-align: center; text-decoration: none;  }
  .mobileNav a.active { color: #0084D5; }
  .mobileNav a i { display: inline-block; padding: 8px;  }
  .mobileNav a.active i { background: #C4E9FF; border-radius: 4px; }
  .mobileNav a i.searchMobile { box-shadow: 0 8px 24px -6px rgba(0, 0, 0, 0.16), 0 0 1px 0 rgba(0, 0, 0, 0.40); width: 56px; height: 56px; border-radius: 50%; display: inline-flex; border-radius: 80px; border: 1px solid #0084D5; align-items: center; justify-content: center; }
  .mrsiClints-logos { flex-wrap: wrap;}
  .mobileNav a span { text-transform: uppercase; display: block; margin-top: 5px; }
  footer { padding: 0 20px !important;}
  .cardBtn { align-items: center; justify-content: center; }
  footer .mrsif-bottom { flex-wrap: wrap; gap: 20px; width: 80%; }
  footer .mrsif-top .mrsif-join .mrsif-form { flex-wrap: wrap; gap: 20px; justify-content: end; }
  footer .mrsif-top .mrsif-join .mrsif-form input { width: 100%; padding: 5px 20px; }
  footer .mrsif-logo { width: 170px; }
  footer .mrsif-top .mrsif-links .footNavView { flex-wrap: wrap; gap: 0; }
  footer .mrsif-top .mrsif-links .footNavView div { width: 100%; }
  footer .mrsif-top .mrsif-links a { margin: 10px 0; } 
  footer .mrsif-top .mrsif-join .mrsif-form button { padding: 10px 20px; }
  .mrsif-join { width: 100%; }
  .mrsif-top { flex-direction: column-reverse; }
  .mrsi-res-sidebar { width: 100%;     box-shadow: none; margin-top: 40px;
    background: transparent;
    border-radius: 0;
    padding: 0; }
  .mrsi-res-sidebar .resourcesMB { margin-bottom: 20px; }
  .mrsi-res-sidebar .otherResourcesSlider {     box-shadow: var(--shadow);
    background: var(--color-White);
    border-radius: 20px;
    padding: 32px; }
  .mrsi-res-Wrap { flex-wrap: wrap; }
  h2 { font-size: 24px; }
  h5 { font-size: 20px; }
  h3 { font-size: 20px; }
  h4 { font-size: 12px;}
  p { font-size: 12px; }
  .button { font-size: 14px; font-weight: 400; padding: 10px 20px; }
  .button.outline i { display: none; }
  .mrsi-res-Wrap .mrsi-res-categories,
  .mrsi-res-Wrap .mrsi-res-left { width: 100%; }
  .mrsi-card, .mrsi-res-left-grid, .mrsi-small-cards .mrsi-card:first-child figure, .mrsi-small-cards .mrsi-card:first-child .mrsi-cardContent, .mrsie-head div, .mrsie-feature .mrsie-feature-img, .mrsie-feature .mrsie-feature-info, .mrsigm-main .mrsigm-left, .middContent { width: 100%; }
  .mrsi-res-grid, .mrsie-head, .mrsigm .mrsigm-head, .mrsigm-features, footer .mrsif-top { flex-wrap: wrap; }
  .mrsi-resources, .mrsie-events, .mrsigm { padding: 60px 32px; }
  .mrsigm-head .button {   }
  .mrsigm-main .mrsigm-detail { display: none; }
  .middContent { padding: 15px 0; }
  .middContent h3 { padding-left: 50px; margin-bottom: 20px; }
  .metaWrap .metaItems:first-child {     width: 180px; }
  .mrsigm-main .mrsigm-tab { padding: 24px; position: relative; }
  .mrsigm-tab b { margin-left: calc(50% - 20px); transform: rotate(90deg); }
  .mrsigm-main .mrsigm-tab .mrsigm-tab-icon { position: absolute; left: 24px; top: 28px; }
  .otherResources .mrsi-side-item { margin-bottom: 0; padding-bottom: 0; border: 0; }
  .otherResources .mrsi-side-item h3 { padding-right: 0; }
  .otherResources .mrsi-side-item h3 a { right: -10px; display: none; }
  .titleMb { margin-top: 44px;  }
  .otherResourcesSlider { position: relative; }
  .mrsie-cards .mrsie-card .mrsie-card-img .mrsie-card-icon { top: 12px; right: 12px; }
  .mrsie-cards { border-radius: 20px; background: #FFF; box-shadow: 0 32px 32px -8px rgba(0, 0, 0, 0.08), 0 0 32px -8px rgba(0, 0, 0, 0.12), 0 0 1px 0 rgba(0, 0, 0, 0.20); padding: 24px; position: relative; }
  .mrsiClints-logosItems { margin: 0; }
  .mrsie-cards .slick-arrow { position: absolute; right: 0; top: -65px; }
  .mrsie-cards .slick-arrow.slick-prev { right: 50px; }
  .otherResourcesSlider .slick-arrow { position: absolute; right: 0; top: -50px; }
  .otherResourcesSlider .slick-arrow.slick-prev { right: 50px; }
  .mrsigm-icon img { max-width: 88px; }
  .mrsie-cards .mrsie-card { width: 100%; }
  .mrsie-actions { gap: 10px; align-items: center; justify-content: center; }
  .hideDsk { display: block;  }
  .titleMb { position: relative; padding-top: 40px; }
  .titleMb::before { content: ''; position: absolute; top: 0; left: -32px; width: calc(100% + 64px); height: 1px; background: #707173; opacity: .5; }
  .mrsigm-benefit-wrap { margin: 24px 0;}
  footer .mrsif-top .mrsif-join .mrsif-form input { height: 38px; line-height: 54px;}
  footer .mrsif-line { display: none; }

  /* ABOUT US */
  .journeyHead, .communityArea, .memorandumWrap, .bearersList, .annualReportsHead, .reportsHeadBox, .bringingListWrap { flex-wrap: wrap;  }
  .reportsHeadBox { padding: 40px; }
  .reportsHeadBox h5 { margin-bottom: 20px; }
  .bearersList .bearersDetails { width: 100%; padding-left: 0; }
  .secretariatTeams .secretariatList { width: 100%; }
  .bringingListWrap .bringingList { max-width: 100%; }
  .committeeRight { padding-left: 0; width: 100%; margin-top: 40px; }
}

 







/* About MRSI page: Figma desktop alignment. */
.block-content-mrsi_hero_banner .heroBanner{height:420px!important;min-height:420px!important}
.block-content-mrsi_hero_banner .heroContent{top:50%;left:5.2%;width:44%;padding:0;transform:translateY(-50%)}
.block-content-mrsi_hero_banner .heroContent h2{margin:0 0 20px;font-size:48px;line-height:1.1}
.block-content-mrsi_hero_banner .heroDescription,.block-content-mrsi_hero_banner .heroDescription *{color:#fff;font-family:"Georama",sans-serif;font-size:16px;font-weight:400;line-height:1.5}
.block-content-mrsi_hero_banner .hp-hero-star-image{top:10%;right:7%;width:34%;height:80%}
.block-content-mrsi_hero_banner .hp-hero-star-image img{width:100%;height:100%;object-fit:contain}
.communityWrap{padding:62px 5.2% 0}
.communityHead{max-width:760px}
.communityArea{gap:32px;margin-top:36px}
.communityArea .communityList{min-height:310px;padding:44px 32px}
.communityArea .communityList figure{width:58px;height:58px;margin:0 0 20px}
.communityArea .communityList figure img{width:100%;height:100%;object-fit:contain}
.communityArea .communityList h3{margin-bottom:16px}
.communityArea .communityList p,.communityArea .communityList pre{color:#707173;font-family:"Georama",sans-serif;font-size:16px;font-weight:400;line-height:1.55;white-space:normal}
.documentCardsSection{padding:54px 5.2% 64px}
.memorandumWrap{gap:32px;margin-top:0}
.memorandumWrap .memorandumList{min-height:360px;padding:56px 64px}
.memorandumWrap .memorandumList h5{margin:0 0 28px;font-size:30px;line-height:1.2}
.memorandumWrap .memorandumList p,.memorandumWrap .memorandumList pre{margin:0 0 36px;color:#707173;font-family:"Georama",sans-serif;font-size:16px;line-height:1.55;white-space:normal}
.mrsiTeamSection{background:#f2f2f2;padding:46px 5.2% 66px}
.mrsiTeamSection .committeeWrap{padding:28px 0}
.mrsiTeamSection .committeeLeft{width:34%;padding-right:56px}
.mrsiTeamSection .committeeRight{width:66%;padding-left:0}
.mrsiTeamSection .committeeLeft h2{margin-bottom:28px;font-size:32px;line-height:1.2}
.mrsiTeamSection .committeeLeft p{font-size:16px;line-height:1.55}
.mrsiTeamSection .committeeRight>h3{margin:0 0 20px;font-size:20px}
.bearersListWrap{gap:20px;margin-top:0}
.bearersList{width:100%;min-height:150px;padding:20px;align-items:center}
.bearersList figure{width:112px;height:112px;flex-basis:112px}
.bearersList .bearersDetails{width:calc(100% - 112px);padding-left:24px}
.bearersList .bearersContent{margin-bottom:14px}
.secretariatTeams{gap:20px;margin-top:0}
.secretariatTeams .secretariatList{width:calc(33.333% - 14px);min-height:150px;padding:18px}
.secretariatTeams .secretariatList figure{width:110px;height:110px;flex-basis:110px}
.secretariatTeams .secretariatList .secretariatContent{padding-left:20px;overflow-wrap:normal;word-break:normal}
.secretariatTeams .secretariatList .secretariatContent b{font-size:20px}
.annualReportsWrap{padding:70px 5.2%}
.reportsHeadBox{min-height:220px;padding:60px 96px}
.bringingWrap{padding:70px 5.2% 80px}
.bringingWrap h2{margin-bottom:54px;font-size:40px;line-height:1.2}
.bringingListWrap{gap:24px}
.bringingListWrap .bringingList{width:calc(25% - 18px);max-width:none;min-height:510px;padding:44px 32px 120px}
.bringingListWrap .bringingList>img{width:58px;height:58px;object-fit:contain}
@media(max-width:1100px){.mrsiTeamSection .committeeLeft,.mrsiTeamSection .committeeRight{width:100%;padding:0}.mrsiTeamSection .committeeRight{margin-top:32px}.communityArea,.bringingListWrap{flex-wrap:wrap}.communityArea .communityList,.bringingListWrap .bringingList{width:calc(50% - 16px);max-width:none}}
@media(max-width:767px){.block-content-mrsi_hero_banner .heroBanner{height:360px!important;min-height:360px!important}.block-content-mrsi_hero_banner .heroContent{left:24px;width:calc(100% - 48px)}.block-content-mrsi_hero_banner .heroContent h2{font-size:36px}.communityArea .communityList,.bringingListWrap .bringingList,.secretariatTeams .secretariatList{width:100%}.memorandumWrap,.annualReportsHead,.reportsHeadBox{flex-direction:column;align-items:flex-start}}

.communityWrap > .colorDivider{margin:60px 0 0}

.communityListDescription{color:#707173;font-family:"Georama",sans-serif;font-size:16px;font-weight:400;line-height:1.55}



/* Managing Committee directory page. Current Members Header */
.committeeDirectoryInner {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

.view-mrsi-team-members .view-header {
  width: 100%;
  margin: 0;
  padding: 0 0 24px;
  display: grid;
  /* Feedback change: left column narrowed so the description starts closer to the heading, as in Figma. */
  grid-template-columns: minmax(0, 30fr) minmax(0, 70fr);
  gap: 32px;
  align-items: start;
  background: transparent;
}

/* Feedback change: heading set to 34px per Figma. */
.view-mrsi-team-members .committeeHeaderLeft h1 {
  margin: 0;
  color: #707173;
  font-size: 34px;
  font-weight: 600;
  line-height: 1.12;
}

.view-mrsi-team-members .committeeHeaderRight {
  padding-top: 5px;
}

/* Feedback change: description font reduced to 13px. */
.view-mrsi-team-members .committeeHeaderRight p {
  margin: 0 0 10px;
  color: #707173;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.2;
}

.view-mrsi-team-members .committeeHeaderRight p:last-child {
  margin-bottom: 0;
}
/* Managing Committee directory page. */
/* .committeeDirectorySection{background:#f2f2f2} */

.committeeDirectoryInner>h2{margin:0 0 16px;color:#707173;font-size:16px;font-weight:600}
.currentMembersGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
/* Feedback change: card size matched to Figma inspect panel (radius 20px, padding 24px, hugs taller content). */
/* Feedback change: card hugs its content height (photo + text) instead of a fixed 248px that left empty space below shorter bios. */
.currentMemberCard{display:flex;align-items:flex-start;min-height:0;padding:24px;border-radius:20px;background:#fff;box-shadow:var(--shadow)}
/* Feedback change: photo trimmed to 150px to slim the card down further (photo height drives the card: 24 + 150 + 24 = 198px tall). */
.currentMemberCard figure{width:150px;height:150px;flex:0 0 150px;margin:0;border-radius:8px;background-position:center;background-repeat:no-repeat;background-size:cover}
/* Feedback change: 32px gap to the text column - 720 card = 24 + 200 photo + 32 + 437 bio + 24. */
.currentMemberDetails{min-width:0;padding-left:32px;color:#707173}
/* Feedback change: text sizes scaled from the 720x248 Figma card (name 20, org/role 13, bio 14). */
.currentMemberDetails h3{margin:0;color:#707173;font-size:16px;line-height:1.2}
/* Feedback change: name/org/role cluster tightened (2px gaps, 1.1 leading). */
.currentMemberMeta{display:flex;gap:16px;margin-top:2px;text-transform:uppercase}
.currentMemberMeta span{position:relative;font-size:12px;line-height:1.1}
.currentMemberMeta span+span:before{content:"";position:absolute;top:0;bottom:0;left:-8px;width:1px;background:#707173}
.currentMemberDetails>strong{display:block;margin-top:2px;font-size:12px;font-weight:400;line-height:1.1;text-transform:uppercase}
/* Feedback change: the 4px gap applies to the tight name/org/role cluster only; the bio sits ~24px below it, as in Figma. */
/* Feedback change: tighter leading - Figma's bio block is 68px tall for 4 lines, i.e. ~17px per line (14px x 1.2). */
.currentMemberBio{margin-top:16px;font-size:12px;line-height:1.2}
.currentMemberBio p{margin:0;font-size:inherit;line-height:inherit}
/* Feedback change: divider now breaks out of the section's side padding to span the full viewport width edge-to-edge. */
.committeeDirectorySection--current .colorDivider{margin-top:60px;margin-bottom:0;width:100vw;position:relative;left:50%;transform:translateX(-50%);}
/* Feedback change: background now comes from the outer .view-mrsi-team-members.view-display-id-* wrapper (see below), so these two sections no longer set their own (was duplicating/conflicting with the wrapper's background). */
.pastPresidentsGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.pastPresidentCard{padding:20px;border-radius:20px;background:#fff;box-shadow:var(--shadow)}
.pastPresidentCard figure{width:100%;aspect-ratio:1/1;margin:0;border-radius:10px;background-position:center;background-repeat:no-repeat;background-size:cover}
.pastPresidentDetails{padding-top:20px;color:#707173}
.pastPresidentDetails h3{margin:0;font-size:20px;line-height:1.2}
.pastPresidentDetails span{display:block;margin-top:3px;font-size:14px}
@media(max-width:991px){.currentMembersGrid{grid-template-columns:1fr}.pastPresidentsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){.committeeDirectoryInner{width:calc(100% - 40px);padding:40px 0}.currentMemberCard{display:block}.currentMemberCard figure{width:100%;height:auto;aspect-ratio:1/1}.currentMemberDetails{padding:20px 0 0}.pastPresidentsGrid{grid-template-columns:1fr}}





@media(max-width:991px){.view-mrsi-team-members .view-header{grid-template-columns:1fr;gap:32px}.view-mrsi-team-members .committeeHeaderLeft h1{font-size:40px}}
@media(max-width:575px){.committeeDirectoryInner{width:calc(100% - 40px);padding:40px 0}.view-mrsi-team-members .committeeHeaderLeft h1{font-size:32px}}

/* Annual Reports dynamic listing */
.annualReportsListing{margin:0;background:#fff;padding:0 5.2% 70px}
.annualReportsListing .commonWrap{max-width:100%;padding:0}
.allReportsHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}
.allReportsHead h3{margin:0;font-size:20px;font-weight:500;color:#707173}
.reportsSortLabel{display:inline-flex;align-items:center;gap:8px;color:#0098dc;font-size:14px;font-weight:600}
.reportsTableHead{display:grid;grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr) 120px;padding:18px 42px;color:#707173;font-size:14px}
.reportsTableHead span:nth-child(even){text-align:right}
.reportsGrid{display:grid;grid-template-columns:1fr 1fr}
.reportListItem{min-height:78px;padding:18px 42px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#f0f0f0}
.reportListItem:nth-child(4n+3),.reportListItem:nth-child(4n+4){background:#fff}
.reportListItem:nth-child(odd){border-right:1px solid #c8c8c8}
.reportListTitle{font-size:16px;color:#707173}
.reportListItem .button{flex:0 0 auto;min-width:106px;padding:10px 18px;text-align:center;font-size:12px}
.reportListItem .button--disabled{opacity:.45;cursor:not-allowed}
.reportsEmpty{grid-column:1/-1;padding:28px 42px;background:#f0f0f0}
@media(max-width:767px){.annualReportsListing{padding:0 24px 45px}.reportsTableHead{display:none}.reportsGrid{grid-template-columns:1fr}.reportListItem,.reportListItem:nth-child(4n+3),.reportListItem:nth-child(4n+4){padding:16px 18px;background:#f0f0f0;border-right:0;border-bottom:1px solid #fff}.reportListItem:nth-child(even){background:#fff}}

/* Annual Reports header variants, controlled by the optional View All link. */
.annualReportsHead--with-link .reportsHeadTitle{width:calc(100% - 240px)}
.annualReportsHead--with-link .btnLink{flex:0 0 auto}
.annualReportsHead--without-link{align-items:flex-start;gap:60px}
.annualReportsHead--without-link .reportsHeadHeading{width:30%;margin:0}
.annualReportsHead--without-link .reportsHeadDescription{width:70%}
.annualReportsHead--without-link .reportsHeadDescription p{margin:0}
@media(max-width:767px){
  .annualReportsHead--with-link .reportsHeadTitle,
  .annualReportsHead--without-link .reportsHeadHeading,
  .annualReportsHead--without-link .reportsHeadDescription{width:100%}
  .annualReportsHead--without-link{gap:20px}
}

/* Global drawer overlay fix for inner pages. */
body.mrsih-menu-open::after { display: none !important; content: none !important; }
body.mrsih-menu-open .mrsih-side-menu { z-index: 2147483647 !important; background: #fff !important; opacity: 1 !important; filter: none !important; }

.mrsih-hero-top.active .mrsih-logo-light { display: none; }
.mrsih-hero-top.active .mrsih-logo-dark { display: block; }

/* About-us review fixes: use the existing component markup and design tokens. */
.path-about-us { overflow-x: hidden; }
.path-about-us .mrsih-hero-top { background: #fff; }
.path-about-us .memorandumWrap .memorandumList { display: flex; flex-direction: column; }
.path-about-us .memorandumWrap .memorandumList .button { margin-top: auto; align-self: flex-start; text-decoration: none; }
.path-about-us .textLink { text-decoration: none; color: #0084D5; position: relative; padding-right: 24px; }
.path-about-us .mrsih-hero-top { background: #fff; }
.path-about-us .memorandumWrap .memorandumList { display: flex; flex-direction: column; }
.path-about-us .memorandumWrap .memorandumList .button { margin-top: auto; align-self: flex-start; text-decoration: none; }
.path-about-us .textLink { text-decoration: none; color: #0084D5; position: relative; padding-right: 24px; }
.block-content-mrsi_hero_banner .committeeWrap { background: #f2f2f2; }
.block-content-mrsi_hero_banner .bearersListWrap { gap: 0; background: #fff; }
.block-content-mrsi_hero_banner .bearersList { border-radius: 0; box-shadow: none; border-bottom: 1px solid #f0f0f0; }
.block-content-mrsi_hero_banner .bearersList:first-child { border-radius: 20px 20px 0 0; }
.block-content-mrsi_hero_banner .bearersList:last-child { border-radius: 0 0 20px 20px; border-bottom: 0; }
.block-content-mrsi_hero_banner .bearersListWrap { background: transparent; }
/* Feedback change: removed the 89.6% centered width so each block's background spans full page width instead of showing a grey gutter around it. */
.view-mrsi-team-members { width: 100%; max-width: none; margin: 0; padding: 32px 5.2%; }
/* Feedback change: background now set per display (current_members vs past_presidents) on this same outer wrapper, instead of a single hardcoded white that ignored which block was rendered. */
/* Feedback change: no bottom padding on the current-members block, so the divider sits right at the white/grey partition instead of leaving a white gap before Past Presidents. */
.view-mrsi-team-members.view-display-id-current_members { background: #fff; padding-bottom: 0; }
.view-mrsi-team-members.view-display-id-past_presidents { background: #f2f2f2; }
.view-mrsi-team-members.view-display-id-office_bearers,
.view-mrsi-team-members.view-display-id-secretariat { background: #fff; }
.view-mrsi-team-members .bearersListWrap { background: transparent; }