.sr-belief,.sr-belief *{box-sizing:border-box}
.sr-belief{position:relative;width:100%;overflow:hidden;background:#063b72}
.sr-belief__stage{position:relative;min-height:900px;background-repeat:no-repeat;background-position:center center;background-size:cover;overflow:hidden;isolation:isolate}
.sr-belief__overall-overlay{position:absolute;inset:0;z-index:1;pointer-events:none}
.sr-belief__left-mask{position:absolute;z-index:2;left:0;top:0;bottom:0;width:63%;--sr-belief-mask:rgba(2,54,105,.96);background:linear-gradient(90deg,var(--sr-belief-mask) 0%,var(--sr-belief-mask) 58%,rgba(2,54,105,.88) 76%,rgba(2,54,105,.30) 93%,rgba(2,54,105,0) 100%);pointer-events:none}
.sr-belief__right-cleaner{position:absolute;z-index:2;right:3.2%;top:3.4%;width:190px;height:150px;border-radius:14px;background:rgba(255,224,190,.15);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);pointer-events:none}
.sr-belief__blueprint{position:absolute;z-index:3;left:-105px;bottom:70px;width:330px;opacity:.24;filter:brightness(3) saturate(.6);pointer-events:none}
.sr-belief__blueprint img{display:block;width:100%;height:auto}
.sr-belief__microcopy{position:absolute;z-index:5;right:5.7%;top:5.6%;color:rgba(33,74,130,.82);font-family:'Inter',Arial,sans-serif;font-size:15px;font-weight:500;line-height:1.42;letter-spacing:.15em;text-transform:uppercase;white-space:pre-line}
.sr-belief__microcopy:after{content:"";display:block;width:44px;height:2px;margin-top:14px;background:currentColor;opacity:.75}

.sr-belief__content{position:absolute;z-index:6;left:6.8%;top:8.8%;max-width:690px;color:#fff}
.sr-belief__eyebrow{display:flex;align-items:center;gap:20px;color:#fff;font-family:'Inter',Arial,sans-serif;font-size:14px;font-weight:600;line-height:1.2;letter-spacing:.28em;text-transform:uppercase;white-space:nowrap}
.sr-belief__eyebrow:before{content:"";width:105px;height:2px;background:rgba(255,255,255,.72)}
.sr-belief__eyebrow:after{content:"";width:310px;max-width:40vw;height:2px;background:rgba(255,255,255,.54)}
.sr-belief__heading{margin:40px 0 0!important;padding:0!important;font-family:'Poppins','Inter',Arial,sans-serif;font-size:57px;font-weight:800;line-height:1.09;letter-spacing:-1.6px}
.sr-belief__heading span{display:block}
.sr-belief__heading-main{color:#fff}
.sr-belief__heading-accent{margin-top:6px;color:#1b9df0}
.sr-belief__description{max-width:650px;margin-top:28px;color:#fff;font-family:'Inter',Arial,sans-serif;font-size:19px;font-weight:400;line-height:1.52}

.sr-belief__principles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:18px;margin-top:26px}
.sr-belief__principle{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;padding:0 12px}
.sr-belief__principle:not(:last-child):after{content:"";position:absolute;right:-9px;top:8px;width:1px;height:56px;background:rgba(255,255,255,.55)}
.sr-belief__principle-icon{display:flex;align-items:center;justify-content:center;width:66px;height:66px;border-radius:50%;background:#f5fbff;color:#082e6b;font-size:28px}
.sr-belief__principle-icon i,.sr-belief__principle-icon svg{width:1em;height:1em}
.sr-belief__principle-title{margin-top:10px;color:#fff;font-family:'Inter',Arial,sans-serif;font-size:15px;font-weight:500;line-height:1.3;white-space:nowrap}

.sr-belief__button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-width:300px;height:64px;margin-top:30px;padding:0 30px;border:1px solid #62b3ff;border-radius:9px;background:#1279ff;color:#fff;text-decoration:none!important;font-family:'Inter',Arial,sans-serif;font-size:21px;font-weight:500;line-height:1;box-shadow:0 12px 28px rgba(0,78,190,.22);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.sr-belief__button:hover,.sr-belief__button:focus-visible{background:#0567e7;color:#fff;transform:translateY(-2px);box-shadow:0 15px 34px rgba(0,78,190,.28)}
.sr-belief__button-icon{display:inline-flex;align-items:center;justify-content:center;font-size:20px}

.sr-belief__footer{display:flex;align-items:center;gap:22px;margin-top:46px;color:#fff;font-family:'Inter',Arial,sans-serif;font-size:12px;font-weight:500;line-height:1.2;letter-spacing:.28em;text-transform:uppercase;white-space:nowrap}
.sr-belief__footer:before,.sr-belief__footer:after{content:"";height:2px;background:rgba(255,255,255,.48)}
.sr-belief__footer:before{width:65px}.sr-belief__footer:after{width:98px}

@media(max-width:1350px){
  .sr-belief__content{max-width:610px;left:6%;top:8%}
  .sr-belief__heading{font-size:49px}
  .sr-belief__description{font-size:17px}
  .sr-belief__principle{padding:0 6px}
  .sr-belief__principle-title{font-size:13px}
  .sr-belief__button{min-width:265px;height:58px;font-size:19px}
}
@media(max-width:1050px){
  .sr-belief__stage{min-height:980px;background-position:60% center}
  .sr-belief__left-mask{width:72%}
  .sr-belief__content{left:5%;top:7%;max-width:62%}
  .sr-belief__eyebrow:after{width:150px}
  .sr-belief__heading{font-size:44px;line-height:1.08}
  .sr-belief__description{font-size:16px}
  .sr-belief__principles{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px}
  .sr-belief__principle:nth-child(2):after{display:none}
  .sr-belief__principle-title{white-space:normal}
  .sr-belief__right-cleaner,.sr-belief__microcopy{display:none}
}
@media(max-width:767px){
  .sr-belief__stage{min-height:1120px;background-position:69% center}
  .sr-belief__left-mask{width:100%;background:rgba(2,54,105,.95)}
  .sr-belief__blueprint{left:-70px;bottom:20px;width:250px;opacity:.18}
  .sr-belief__content{position:relative;left:auto!important;top:auto!important;max-width:100%!important;padding:44px 20px 34px}
  .sr-belief__eyebrow{gap:10px;font-size:11px;letter-spacing:.22em;white-space:normal}
  .sr-belief__eyebrow:before{width:38px}.sr-belief__eyebrow:after{width:70px}
  .sr-belief__heading{margin-top:28px!important;font-size:37px;letter-spacing:-1px}
  .sr-belief__description{margin-top:22px;font-size:15px;line-height:1.5}
  .sr-belief__principles{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px;margin-top:24px}
  .sr-belief__principle{padding:0 4px}
  .sr-belief__principle:after{display:none!important}
  .sr-belief__principle-icon{width:60px;height:60px;font-size:25px}
  .sr-belief__principle-title{font-size:13px}
  .sr-belief__button{width:100%;min-width:0;height:54px;margin-top:28px;font-size:17px}
  .sr-belief__footer{justify-content:center;white-space:normal;text-align:center;letter-spacing:.18em;font-size:10px;gap:10px;margin-top:34px}
  .sr-belief__footer:before,.sr-belief__footer:after{width:28px}
}


/* SR54 visual cleanup: remove baked-in duplicate principle/footer artwork from
   the reference background while keeping the live Elementor content clean. */
.sr-belief__left-mask{
  background:linear-gradient(90deg,
    #063b72 0%,
    #063b72 56%,
    #063b72 68%,
    rgba(6,59,114,.96) 78%,
    rgba(6,59,114,.72) 88%,
    rgba(6,59,114,0) 100%)!important;
}
.sr-belief__principles{
  position:relative!important;
  isolation:isolate!important;
}
.sr-belief__principles:before{
  content:"";
  position:absolute;
  z-index:-1;
  left:-24px;
  right:-24px;
  top:-28px;
  bottom:-18px;
  background:linear-gradient(90deg,
    rgba(6,59,114,1) 0%,
    rgba(6,59,114,.995) 82%,
    rgba(6,59,114,.86) 94%,
    rgba(6,59,114,0) 100%);
  pointer-events:none;
}
.sr-belief__button{
  position:relative!important;
  z-index:2!important;
}
.sr-belief__button:before{
  content:"";
  position:absolute;
  z-index:-1;
  left:-26px;
  right:-26px;
  top:-18px;
  bottom:-28px;
  background:linear-gradient(90deg,
    rgba(6,59,114,1) 0%,
    rgba(6,59,114,.995) 78%,
    rgba(6,59,114,.80) 92%,
    rgba(6,59,114,0) 100%);
  pointer-events:none;
}
/* The bottom slogan and its decorative rules were specifically marked for removal. */
.sr-belief__footer{display:none!important}
@media(max-width:1050px){
  .sr-belief__principles:before{left:-16px;right:-16px}
}
@media(max-width:767px){
  .sr-belief__principles:before,
  .sr-belief__button:before{display:none!important}
}


/* SR55: CTA matched to the supplied button reference. The button remains
   editable in Elementor, while the default desktop/tablet geometry is 300x64. */
.sr-belief__button{
  width:300px;
  min-width:300px;
  height:64px;
  min-height:64px;
  padding:0 30px;
  border:1px solid #62b3ff;
  border-radius:9px;
  background:#1279ff;
  color:#fff;
  justify-content:center;
  text-align:center;
  font-family:'Inter',Arial,sans-serif;
  font-size:21px;
  font-weight:500;
  line-height:1;
  gap:14px;
}
@media(max-width:1050px) and (min-width:768px){
  .sr-belief__button{
    width:300px;
    min-width:300px;
    height:64px;
    min-height:64px;
    font-size:21px;
  }
}
@media(max-width:767px){
  .sr-belief__button{width:100%;min-width:0;height:54px;min-height:54px;font-size:17px}
}


/* SR56: requested CTA colour refresh. */
.sr-belief__button{background:#1279ff;color:#ffffff}
.sr-belief__button:visited{color:#ffffff}


/* SR72 — remove the marked principles/CTA area and collapse the unused vertical space. */
.sr-belief__principles,
.sr-belief__button{display:none!important}

@media(min-width:1351px){
  .sr-belief__stage{min-height:620px!important}
}
@media(max-width:1350px) and (min-width:1051px){
  .sr-belief__stage{min-height:600px!important}
}
@media(max-width:1050px) and (min-width:768px){
  .sr-belief__stage{min-height:640px!important}
}
@media(max-width:767px){
  .sr-belief__stage{min-height:0!important}
  .sr-belief__content{padding-bottom:42px!important}
}


/* SR79 — keep What I Believe content inside the same centered site/header container. */
@media (min-width:1051px){
  .sr-belief__content{
    left:max(20px, calc((100% - var(--sr-content-width,1260px))/2))!important;
  }
  .sr-belief__microcopy{
    right:max(20px, calc((100% - var(--sr-content-width,1260px))/2))!important;
  }
}
@media (min-width:768px) and (max-width:1050px){
  .sr-belief__content{
    left:22px!important;
    max-width:62%!important;
  }
}


/* SR80 — remove right-side decorative words and align live belief content to the same inner gutter as header/footer. */
.sr-belief__microcopy,
.sr-belief__right-cleaner{
  display:none!important;
}
@media (min-width:1051px){
  .sr-belief__content{
    left:max(24px, calc((100% - var(--sr-content-width,1260px))/2 + 24px))!important;
    max-width:690px!important;
  }
}


/* SR97 reliable section overlay */
.sr-belief__overall-overlay{position:absolute!important;inset:0!important;z-index:50!important;pointer-events:none!important;}
.sr-belief__content{position:relative!important;z-index:60!important;}
.sr-belief__microcopy{position:relative!important;z-index:60!important;}

/* SR125 — vertically balance the What I Believe content block.
   Desktop/tablet content is centered inside the section so the visible
   top and bottom breathing room are equal. Mobile stays natural-flow. */
@media (min-width:768px){
  .sr-belief__content{
    position:absolute!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    margin-top:0!important;
    margin-bottom:0!important;
  }
}
@media (max-width:767px){
  .sr-belief__content{
    position:relative!important;
    top:auto!important;
    transform:none!important;
    padding-top:42px!important;
    padding-bottom:42px!important;
  }
}
