/* FinTags ESG landing pages (UK + EU). Shared stylesheet. */

/* ---- Fonts (Lato, Poppins) ---- */
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/esg/fonts/lato-400-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/esg/fonts/lato-400-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("assets/esg/fonts/lato-700-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("assets/esg/fonts/lato-700-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/esg/fonts/poppins-400-devanagari.woff2") format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/esg/fonts/poppins-400-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/poppins-v15-latin-regular.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("assets/esg/fonts/poppins-500-devanagari.woff2") format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("assets/esg/fonts/poppins-500-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/poppins-v15-latin-500.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("assets/esg/fonts/poppins-600-devanagari.woff2") format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("assets/esg/fonts/poppins-600-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/poppins-v15-latin-600.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("assets/esg/fonts/poppins-700-devanagari.woff2") format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("assets/esg/fonts/poppins-700-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/poppins-v15-latin-700.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body{
  padding: 0;
}
/* ---- Base ---- */
.s1 [hidden] { display: none !important; }

/* ---- Component styles ---- */
.s1 {
  font-family: Lato,sans-serif;
  color: #0F1240;
  min-width: 0;
}
.s2 {
  background: #06155F;
  color: #DCE3FA;
  font-family: Poppins,sans-serif;
  font-size: 13px;
}
.s3 {
  max-width: 1240px;
  margin: 0 auto;
  padding: 8px 24px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 20px;
}
.s4 {
  font-weight: 600;
  color: #FCC22E;
}
.s5 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px;
}
.s6 {
  color: #fff;
  font-weight: 600;
}
.s7 {
  color: #fff;
}
.s8 {
  position: relative;
}
.s9 {
  display: flex;
  align-items: center;
  gap: 8px;
  background: none;
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 4px;
  color: #fff;
  font: inherit;
  font-weight: 600;
  padding: 4px 10px;
  cursor: pointer;
}
.s10 {
  width: 20px;
  height: 14px;
  display: block;
  background: url(https://fintags.co.uk/images/7-oth/flags/eu.svg) center/cover no-repeat;
}
.s11 {
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 40;
  padding-top: 6px;
}
.s12 {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 14px 40px rgba(6,21,95,.25);
  padding: 8px;
  min-width: 200px;
  display: flex;
  flex-direction: column;
}
.s13 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 6px;
  color: #06155F;
  font-weight: 500;
}
.s14 {
  width: 20px;
  height: 14px;
  display: block;
  flex: 0 0 auto;
  background: url(https://fintags.co.uk/images/7-oth/flags/uk.svg) center/cover no-repeat;
}
.s15 {
  width: 20px;
  height: 14px;
  display: block;
  flex: 0 0 auto;
  background: url(https://fintags.co.uk/images/7-oth/flags/eu.svg) center/cover no-repeat;
}
.s16 {
  width: 20px;
  height: 14px;
  display: block;
  flex: 0 0 auto;
  background: url(https://fintags.co.uk/images/7-oth/flags/ie.svg) center/cover no-repeat;
}
.s17 {
  width: 20px;
  height: 14px;
  display: block;
  flex: 0 0 auto;
  background: url(https://fintags.co.uk/images/7-oth/flags/za.svg) center/cover no-repeat;
}
.s18 {
  width: 20px;
  height: 14px;
  display: block;
  flex: 0 0 auto;
  background: url(https://fintags.co.uk/images/7-oth/flags/sg.svg) center/cover no-repeat;
}
.s19 {
  width: 20px;
  height: 14px;
  display: block;
  flex: 0 0 auto;
  background: url(https://fintags.co.uk/images/7-oth/flags/my.svg) center/cover no-repeat;
}
.s20 {
  position: sticky;
  top: 0;
  z-index: 30;
  background: #fff;
  border-bottom: 1px solid #E3E7F6;
  box-shadow: 0 2px 10px rgba(6,21,95,.05);
}
.s21 {
  position: relative;
  max-width: 1240px;
  margin: 0 auto;
  padding: 12px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.s22 {
  display: flex;
  align-items: center;
}
.s23 {
  height: 44px;
  width: auto;
  display: block;
}
.s24 {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
  font-family: Poppins,sans-serif;
  font-weight: 500;
  font-size: 15px;
}
.s25 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 12px;
  border-radius: 6px;
  color: #06155F;
  background: transparent;
  font-weight: 500;
}
.s26 {
  font-size: 11px;
}
.s27 {
  position: absolute;
  left: 24px;
  right: 24px;
  top: 100%;
  z-index: 40;
  padding-top: 4px;
}
.s28 {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 24px 60px rgba(6,21,95,.22);
  border-top: 4px solid #FCC22E;
  padding: 26px;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(220px,1fr));
  gap: 22px;
}
.s29 {
  font-weight: 700;
  font-size: 12px;
  letter-spacing: .14em;
  color: #001A90;
  margin-bottom: 10px;
}
.s30 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.s31 {
  display: block;
  padding: 8px 10px;
  border-radius: 6px;
}
.s32 {
  font-weight: 600;
  font-size: 15px;
  color: #06155F;
}
.s33 {
  font-family: Lato,sans-serif;
  font-size: 13px;
  color: #3B3F7A;
  margin-top: 2px;
}
.s34 {
  background: #001A90;
  color: #fff;
  border-radius: 10px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.s35 {
  font-weight: 700;
  font-size: 12px;
  letter-spacing: .14em;
  color: #FCC22E;
}
.s36 {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.25;
}
.s37 {
  font-family: Lato,sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #DCE3FA;
  flex: 1;
}
.s38 {
  font-weight: 600;
  font-size: 14px;
  color: #FCC22E;
}
.s39 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 12px;
  border-radius: 6px;
  color: #001A90;
  background: #FFF4D1;
  font-weight: 700;
}
.s40 {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  background: #001A90;
  color: #fff;
  border-radius: 3px;
  padding: 2px 5px;
}
.s41 {
  margin-left: 6px;
  background: #FCC22E;
  color: #06155F;
  font-weight: 600;
  padding: 10px 18px;
  border-radius: 6px;
}
.s42 {
  display: flex;
  align-items: center;
  gap: 10px;
}
.s43 {
  font-family: Poppins,sans-serif;
  font-weight: 600;
  font-size: 14px;
  background: #FCC22E;
  color: #06155F;
  padding: 10px 14px;
  border-radius: 6px;
}
.s44 {
  width: 44px;
  height: 44px;
  border-radius: 8px;
  border: 1.5px solid #CDD5F2;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  cursor: pointer;
}
.s45 {
  width: 20px;
  height: 2px;
  background: #06155F;
  display: block;
}
.s46 {
  border-top: 1px solid #E3E7F6;
  background: #fff;
  max-height: 75vh;
  overflow-y: auto;
  padding: 8px 16px 20px;
  font-family: Poppins,sans-serif;
}
.s47 {
  border-bottom: 1px solid #EEF0F6;
}
.s48 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 48px;
  font-weight: 600;
  font-size: 16px;
  color: #06155F;
}
.s49 {
  font-size: 14px;
  color: #6A6F99;
}
.s50 {
  display: flex;
  flex-direction: column;
  padding: 0 0 12px 8px;
}
.s51 {
  display: block;
  padding: 10px 0;
  font-size: 15px;
  color: #06155F;
}
.s52 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 48px;
  font-weight: 600;
  font-size: 16px;
  color: #001A90;
}
.s53 {
  display: none;
}
.s54 {
  position: relative;
  background: #001A90;
  color: #fff;
  overflow: hidden;
}
.s55 {
  display: contents;
}
.s56 {
  position: absolute;
  right: -6%;
  top: 0;
  bottom: 0;
  width: 46%;
  background: #06155F;
  clip-path: polygon(22% 0,100% 0,100% 100%,0 100%);
}
.s57 {
  position: absolute;
  right: -6%;
  top: 0;
  bottom: 0;
  width: 46%;
  background: #FCC22E;
  clip-path: polygon(22% 0,23.5% 0,1.5% 100%,0 100%);
}
.s58 {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0px 24px 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,440px),1fr));
  gap: 48px;
  align-items: center;
}
.s59 {
  min-width: 0;
}
.s60 {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: Poppins,sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: .18em;
  color: #FCC22E;
}
.s61 {
  width: 36px;
  height: 4px;
  background: #FCC22E;
  display: block;
}
.s62 {
  font-family: Poppins,sans-serif;
  font-weight: 600;
  font-size: clamp(36px,5vw,56px);
  line-height: 1.05;
  letter-spacing: -.03em;
  margin: 22px 0 0;
  text-wrap: balance;
  color:#fff
}
.s63 {
  color: #FCC22E;
}
.s64 {
  font-family: Poppins,sans-serif;
  font-weight: 500;
  font-size: clamp(17px,1.6vw,20px);
  line-height: 1.55;
  color: #DCE3FA;
  margin: 22px 0 0;
  max-width: 580px;
  text-wrap: pretty;
}
.s65 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 26px;
}
.s66 {
  font-family: Poppins,sans-serif;
  font-weight: 600;
  font-size: 14px;
  padding: 7px 14px;
  border-radius: 20px;
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.3);
}
.s67 {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(130px,1fr));
  margin-top: 34px;
  border-top: 4px solid #FCC22E;
  background: rgba(255,255,255,.07);
}
.s68 {
  padding: 18px 16px;
}
.s69 {
  font-family: Poppins,sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 1;
}
.s70 {
  font-family: Poppins,sans-serif;
  font-weight: 600;
  font-size: 11px;
  letter-spacing: .1em;
  color: #C9D3FA;
  margin-top: 8px;
}
.s71 {
  padding: 18px 16px;
  border-left: 1px solid rgba(255,255,255,.15);
}
.s72 {
  background: #fff;
  color: #0F1240;
  border-radius: 12px;
  padding: 32px;
  box-shadow: 0 24px 60px rgba(6,21,95,.35);
  border-top: 6px solid #FCC22E;
  min-width: 0;
  scroll-margin-top: 90px;
}
.s73 {
  text-align: center;
  padding: 20px 8px;
}
.s74 {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #FCC22E;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
}
.s75 {
  font-family: Poppins,sans-serif;
  font-weight: 600;
  font-size: 24px;
  color: #06155F;
}
.s76 {
  font-size: 16px;
  line-height: 1.6;
  color: #3B3F7A;
  margin: 10px 0 22px;
}
.s77 {
  font-family: Poppins,sans-serif;
  font-weight: 600;
  font-size: 15px;
  background: none;
  border: 1.5px solid #001A90;
  color: #001A90;
  padding: 10px 18px;
  border-radius: 6px;
  cursor: pointer;
}
.s78 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.s79 {
  font-family: Poppins,sans-serif;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: .14em;
  color: #001A90;
}
.s80 {
  font-family: Poppins,sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.2;
  color: #06155F;
  margin-top: 6px;
}
.s81 {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(180px,1fr));
  gap: 12px;
}
.s82 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-family: Poppins,sans-serif;
  font-weight: 600;
  font-size: 13px;
  color: #06155F;
}
.s83 {
  font: inherit;
  font-weight: 400;
  font-size: 15px;
  padding: 12px;
  border: 1.5px solid #CDD5F2;
  border-radius: 6px;
  color: #0F1240;
}
.s84 {
  font: inherit;
  font-weight: 400;
  font-size: 15px;
  padding: 12px;
  border: 1.5px solid #CDD5F2;
  border-radius: 6px;
  color: #0F1240;
  background: #fff;
}
.s85 {
  font-family: Poppins,sans-serif;
  font-weight: 600;
  font-size: 17px;
  background: #001A90;
  color: #fff;
  border: 0;
  padding: 15px 20px;
  border-radius: 6px;
  cursor: pointer;
}
.s86 {
  font-size: 13px;
  line-height: 1.5;
  color: #3B3F7A;
  text-align: center;
}
.s87 {
  background: #fff;
  border-bottom: 1px solid #E3E7F6;
}
.s88 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 24px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.s89 {
  font-family: Poppins,sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #06155F;
  display: flex;
  align-items: center;
  gap: 10px;
}
.s90 {
  width: 12px;
  height: 12px;
  background: #FCC22E;
  display: block;
}
.s91 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.s92 {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #001A90;
  border-radius: 6px;
  padding: 8px 14px;
}
.s93 {
  font-family: Poppins,sans-serif;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: .1em;
  line-height: 1.15;
  color: #fff;
}
.s94 {
  font-family: Poppins,sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: #001A90;
  border: 1.5px solid #9DAAE0;
  border-radius: 6px;
  padding: 10px 16px;
}
.s95 {
  background: #EEF2FD;
  scroll-margin-top: 70px;
}
.s96 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0px 24px;
}
.s97 {
  font-family: Poppins,sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: .16em;
  color: #001A90;
}
.s98 {
  font-family: Poppins,sans-serif;
  font-weight: 600;
  font-size: clamp(28px,3.4vw,40px);
  line-height: 1.12;
  letter-spacing: -.02em;
  color: #06155F;
  margin: 12px 0 0;
  max-width: 820px;
  text-wrap: balance;
}
.s99 {
  font-size: 18px;
  line-height: 1.6;
  color: #3B3F7A;
  margin: 14px 0 36px;
  max-width: 760px;
}
.s100 {
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(min(100%,350px),1fr));
  gap: 18px;
}
.s101 {
  background: #fff;
  border-radius: 10px;
  border-top: 4px solid #001A90;
  padding: 26px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.s102 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.s103 {
  font-family: Poppins,sans-serif;
  font-weight: 700;
  font-size: 22px;
  color: #06155F;
}
.s104 {
  font-family: Poppins,sans-serif;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: .1em;
  color: #fff;
  background: #001A90;
  padding: 4px 9px;
  border-radius: 3px;
  white-space: nowrap;
}
.s105 {
  font-size: 15px;
  line-height: 1.55;
  color: #1F2360;
  flex: 1;
}
.s106 {
  font-family: Poppins,sans-serif;
  color: #06155F;
}
.s107 {
  font-size: 15px;
  line-height: 1.55;
  color: #06155F;
  background: #FFF9E8;
  border-left: 4px solid #FCC22E;
  padding: 10px 14px;
  border-radius: 0 6px 6px 0;
}
.s108 {
  font-family: Poppins,sans-serif;
}
.s109 {
  background: #fff;
  border-radius: 10px;
  border-top: 4px solid #FCC22E;
  padding: 26px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.s110 {
  margin-top: 22px;
  background: #06155F;
  color: #fff;
  border-radius: 10px;
  padding: 22px 28px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 28px;
}
.s111 {
  font-family: Poppins,sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: #FCC22E;
}
.s112 {
  font-size: 16px;
  line-height: 1.55;
  color: #DCE3FA;
  flex: 1;
  min-width: 260px;
}
.s113 {
  background: #F6F7FB;
  scroll-margin-top: 70px;
}
.s114 {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0px 24px;
}
.s115 {
  text-align: center;
}
.s116 {
  font-family: Poppins,sans-serif;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: .14em;
  color: #001A90;
}
.s117 {
  font-family: Poppins,sans-serif;
  font-weight: 600;
  font-size: clamp(32px,4.4vw,52px);
  line-height: 1.07;
  letter-spacing: -.035em;
  color: #06155F;
  margin: 14px auto 0;
  max-width: 860px;
  text-wrap: balance;
}
.s118 {
  color: #001A90;
}
.s119 {
  font-family: Poppins,sans-serif;
  font-size: clamp(17px,1.8vw,20px);
  line-height: 1.55;
  color: #5A5F8C;
  margin: 18px auto 0;
  max-width: 640px;
}
.s120 {
  margin-top: 64px;
  background: #001A90;
  color: #fff;
  border-radius: 32px;
  overflow: hidden;
  box-shadow: 0 30px 70px rgba(0,26,144,.28);
}
.s121 {
  height: 6px;
  background: linear-gradient(90deg,#FCC22E 0 30%,#001A90 30%);
}
.s122 {
  padding: 44px 48px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 18px;
}
.s123 {
  font-family: Poppins,sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: .1em;
  background: #FCC22E;
  color: #06155F;
  padding: 6px 14px;
  border-radius: 999px;
}
.s124 {
  font-family: Poppins,sans-serif;
  font-weight: 600;
  font-size: clamp(22px,2.6vw,30px);
  letter-spacing: -.02em;
}
.s125 {
  margin-left: auto;
  font-family: Poppins,sans-serif;
  font-weight: 600;
  font-size: 15px;
  color: #FCC22E;
  white-space: nowrap;
}
.s126 {
  padding: 34px 48px 0;
}
.s127 {
  font-family: Poppins,sans-serif;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: .14em;
  color: #FCC22E;
  margin-bottom: 14px;
}
.s128 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.s129 {
  font-family: Poppins,sans-serif;
  font-weight: 500;
  font-size: 15px;
  padding: 9px 16px;
  border-radius: 999px;
  background: rgba(255,255,255,.09);
  border: 1px solid rgba(255,255,255,.18);
}
.s130 {
  margin: 36px 48px 0;
  padding-top: 34px;
  border-top: 1px solid rgba(255,255,255,.14);
}
.s131 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px 24px;
  margin-bottom: 26px;
}
.s132 {
  font-family: Poppins,sans-serif;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: .14em;
  color: #FCC22E;
}
.s133 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.s134 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: Poppins,sans-serif;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: .06em;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(252,194,46,.14);
  color: #FCC22E;
}
.s135 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #FCC22E;
}
.s136 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: Poppins,sans-serif;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: .06em;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(157,176,240,.16);
  color: #C9D3FA;
}
.s137 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #9DB0F0;
}
.s138 {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,92px),1fr));
  gap: 26px 10px;
}
.s139 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 10px;
}
.s140 {
  position: relative;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background: #fff;
  border: 4px solid #FCC22E;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 24px rgba(0,0,0,.18);
}
.s141 {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #FCC22E;
  color: #06155F;
  font-family: Poppins,sans-serif;
  font-weight: 700;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 0 3px #001A90;
}
.s142 {
  font-family: Poppins,sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.25;
  text-wrap: balance;
}
.s143 {
  font-family: Poppins,sans-serif;
  font-size: 13px;
  line-height: 1.4;
  color: #B9C4F0;
}
.s144 {
  position: relative;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background: #fff;
  border: 4px solid #9DB0F0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 24px rgba(0,0,0,.18);
}
.s145 {
  margin: 38px 48px 48px;
  padding: 22px 26px;
  background: rgba(252,194,46,.1);
  border: 1px solid rgba(252,194,46,.35);
  border-radius: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 30px;
}
.s146 {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: Poppins,sans-serif;
  font-weight: 500;
  font-size: 15px;
}
.s147 {
  flex: 0 0 auto;
}
.s148 {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 44px 0;
}
.s149 {
  flex: 1;
  height: 1px;
  background: #D7DCEE;
}
.s150 {
  font-family: Poppins,sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #5A5F8C;
  text-align: center;
  max-width: 560px;
}
.s151 {
  color: #06155F;
  font-weight: 600;
}
.s152 {
  background: #fff;
  border-radius: 32px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(6,21,95,.04),0 20px 60px rgba(6,21,95,.08);
}
.s153 {
  height: 6px;
  background: linear-gradient(90deg,#001A90 0 70%,#FCC22E 70%);
}
.s154 {
  font-family: Poppins,sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: .1em;
  background: #001A90;
  color: #fff;
  padding: 6px 14px;
  border-radius: 999px;
}
.s155 {
  font-family: Poppins,sans-serif;
  font-weight: 600;
  font-size: clamp(22px,2.6vw,30px);
  letter-spacing: -.02em;
  color: #06155F;
}
.s156 {
  padding: 30px 48px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 16px;
}
.s157 {
  font-family: Poppins,sans-serif;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: .14em;
  color: #001A90;
}
.s158 {
  font-family: Poppins,sans-serif;
  font-weight: 500;
  font-size: 15px;
  color: #06155F;
  padding: 9px 16px;
  border-radius: 999px;
  background: #F2F4FB;
  border: 1px solid #E1E5F3;
}
.s159 {
  margin: 36px 48px 0;
  padding-top: 34px;
  border-top: 1px solid #EEF0F6;
}
.s160 {
  font-family: Poppins,sans-serif;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: .14em;
  color: #001A90;
  margin-bottom: 26px;
}
.s161 {
  position: relative;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background: #fff;
  border: 4px solid #001A90;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 24px rgba(6,21,95,.12);
}
.s162 {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #001A90;
  color: #fff;
  font-family: Poppins,sans-serif;
  font-weight: 700;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 0 3px #fff;
}
.s163 {
  font-family: Poppins,sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.25;
  color: #06155F;
  text-wrap: balance;
}
.s164 {
  font-family: Poppins,sans-serif;
  font-size: 13px;
  line-height: 1.4;
  color: #6A6F99;
}
.s165 {
  position: relative;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background: #FCC22E;
  border: 4px solid #FCC22E;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 24px rgba(6,21,95,.12);
}
.s166 {
  margin: 38px 48px 48px;
  padding: 22px 26px;
  background: #F2F4FB;
  border: 1px solid #E1E5F3;
  border-radius: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 30px;
}
.s167 {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: Poppins,sans-serif;
  font-weight: 500;
  font-size: 15px;
  color: #06155F;
}
.s168 {
  margin-top: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-family: Poppins,sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #001A90;
}
.s169 {
  background: #06155F;
  color: #fff;
  scroll-margin-top: 70px;
}
.s170 {
  font-family: Poppins,sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: .16em;
  color: #FCC22E;
}
.s171 {
  font-family: Poppins,sans-serif;
  font-weight: 600;
  font-size: clamp(28px,3.4vw,40px);
  line-height: 1.12;
  letter-spacing: -.02em;
  margin: 12px 0 0;
  max-width: 820px;
  text-wrap: balance;
  color: #fff;

}
.s172 {
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(min(100%,320px),1fr));
  gap: 18px;
  margin-top: 40px;
}
.s173 {
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.16);
  border-top: 4px solid #FCC22E;
  border-radius: 10px;
  padding: 26px;
}
.s174 {
  font-family: Poppins,sans-serif;
  font-weight: 600;
  font-size: 20px;
}
.s175 {
  font-size: 15px;
  line-height: 1.55;
  color: #DCE3FA;
  margin-top: 8px;
}
.s176 {
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.16);
  border-top: 4px solid #9DB0F0;
  border-radius: 10px;
  padding: 26px;
}
.s177 {
  background: #fff;
  scroll-margin-top: 70px;
}
.s178 {
  font-family: Poppins,sans-serif;
  font-weight: 600;
  font-size: clamp(28px,3.4vw,40px);
  line-height: 1.12;
  letter-spacing: -.02em;
  color: #06155F;
  margin: 12px 0 36px;
}
.s179 {
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(min(100%,340px),1fr));
  gap: 18px;
}
.s180 {
  border: 1px solid #DEE3F5;
  border-radius: 10px;
  padding: 24px;
  display: flex;
  gap: 18px;
  align-items: flex-start;
}
.s181 {
  flex: 0 0 auto;
  width: 52px;
  height: 52px;
  border-radius: 10px;
  background: #EEF2FD;
  display: flex;
  align-items: center;
  justify-content: center;
}
.s182 {
  font-family: Poppins,sans-serif;
  font-weight: 600;
  font-size: 18px;
  color: #06155F;
}
.s183 {
  font-size: 15px;
  line-height: 1.55;
  color: #1F2360;
  margin-top: 6px;
}
.s184 {
  background: #EEF2FD;
}
.s185 {
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(min(100%,320px),1fr));
  gap: 18px;
}
.s186 {
  background: #FFF9E8;
  border: 1px solid #F0DC9A;
  border-top: 4px solid #FCC22E;
  border-radius: 10px;
  padding: 24px;
}
.s187 {
  font-family: Poppins,sans-serif;
  font-weight: 600;
  font-size: 19px;
  color: #06155F;
}
.s188 {
  font-size: 15px;
  line-height: 1.6;
  color: #3B3F7A;
  margin-top: 8px;
}
.s189 {
  max-width: 880px;
  margin: 0 auto;
  padding: 0 24px;
}
.s190 {
  font-family: Poppins,sans-serif;
  font-weight: 600;
  font-size: clamp(28px,4vw,44px);
  line-height: 1.1;
  letter-spacing: -.03em;
  color: #06155F;
  margin: 14px 0 0;
}
.s191 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 40px;
}
.s192 {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 1px 2px rgba(6,21,95,.04);
}
.s193 {
  margin: 0;
}
.s194 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  background: none;
  border: 0;
  padding: 20px 24px;
  cursor: pointer;
  text-align: left;
  font-family: Poppins,sans-serif;
  font-weight: 600;
  font-size: 17px;
  line-height: 1.35;
  color: #06155F;
}
.s195 {
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 600;
}
.s196 {
  margin: 0;
  padding: 0 24px 22px;
  font-family: Poppins,sans-serif;
  font-size: 15px;
  line-height: 1.7;
  color: #3B3F7A;
}
.s197 {
  background: #FCC22E;
}
.s198 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0px 24px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.s199 {
  max-width: 680px;
}
.s200 {
  font-family: Poppins,sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: .16em;
  color: #06155F;
}
.s201 {
  font-family: Poppins,sans-serif;
  font-weight: 600;
  font-size: clamp(26px,3vw,36px);
  line-height: 1.15;
  color: #06155F;
  margin: 10px 0 8px;
}
.s202 {
  font-size: 17px;
  line-height: 1.6;
  color: #06155F;
  margin: 0;
}
.s203 {
  font-family: Poppins,sans-serif;
  font-weight: 600;
  font-size: 17px;
  background: #001A90;
  color: #fff;
  padding: 16px 28px;
  border-radius: 6px;
}
.s204 {
  background: #001A90;
  color: #DCE3FA;
  border-top: 6px solid #FCC22E;
}
.s205 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 48px 24px 28px;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,220px),1fr));
  gap: 32px;
}
.s206 {
  background: #fff;
  display: inline-block;
  padding: 10px 14px;
  border-radius: 6px;
}
.s207 {
  height: 34px;
  width: auto;
  display: block;
}
.s208 {
  font-size: 14px;
  line-height: 1.6;
  margin: 14px 0 0;
}
.s209 {
  font-family: Poppins,sans-serif;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: .14em;
  color: #FCC22E;
  margin-bottom: 10px;
}
.s210 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 15px;
}
.s211 {
  font-size: 15px;
  line-height: 1.6;
}
.s212 {
  font-size: 15px;
  line-height: 1.7;
}
.s213 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 16px 24px 28px;
  border-top: 1px solid rgba(255,255,255,.15);
  font-size: 13px;
  color: #9DB0F0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
}
.s214 {
  width: 20px;
  height: 14px;
  display: block;
  background: url(https://fintags.co.uk/images/7-oth/flags/uk.svg) center/cover no-repeat;
}

/* ---- Hover states ---- */
.hv1:hover {
  background: #EEF2FD !important;
}
.hv2:hover {
  background: #FFD24D !important;
}
.hv3:hover {
  background: #06155F !important;
}
.hv4:hover {
  color: #FFD24D !important;
}
.hv5:hover {
  background: #06155F !important;
  color: #fff !important;
}

/* ---- FAQ toggle icon ---- */
.faq-icon { background: #EEF2FD; color: #001A90; }
.faq-icon.is-open { background: #001A90; color: #fff; }

/* ---- Responsive ---- */
@media (max-width: 1079.98px) { .only-dsk { display: none !important; } }   /* desktop-only: nav, opening hours */
@media (min-width: 1080px)    { .only-nrw { display: none !important; } }   /* mobile-only: hamburger, mobile menu */
@media (max-width: 1179.98px) { .only-wide { display: none !important; } }  /* hero diagonal shapes */
@media (max-width: 699.98px)  { .hero-in { padding: 40px 20px 48px !important; } }

/* ESG page section spacing */
/* Scoped to the ESG content only - a bare `section` rule leaked into the
   shared header/footer partials and the rest of the site theme. */
.s1 section {
  padding: 4rem 0 !important;
}

@media (max-width: 699.98px) {
  .s1 section {
    padding: 3rem 0 !important;
  }
}


/* ESG form validation message */
.esg-form-error{
  margin-top:12px;
  padding:10px 14px;
  border:1px solid #e6b8b8;
  border-radius:6px;
  background:#fff5f5;
  color:#b42318;
  font-size:14px;
  line-height:1.5;
}
.esg-form-error.is-success{
  border-color:#b7dfc5;
  background:#f3fbf5;
  color:#18713b;
}
.s83.esg-field-error,.s84.esg-field-error{
  border-color:#b42318 !important;
}

.esg-new-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    padding: 0 7px;
    border-radius: 3px;
    background: #001a90;
    color: #fff;
    font-size: 10px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .2px;
}