/* 3i revamp — shared component layer. Loaded last in <head>. */
:root{ --r-brand:#4c629b; --r-on-brand:#fff; --r-ease:cubic-bezier(.2,.7,.2,1); }

/* WhatsApp button — house default, bottom LEFT (right collides with
   back-to-top and most chat widgets). Number read from the page's own tel:
   link, never typed in. */
.u-wa{
  position:fixed !important; left:16px !important; right:auto !important; bottom:16px !important;
  width:62px; height:62px; border-radius:50%; background:#25D366;
  box-shadow:0 6px 20px -6px rgba(0,0,0,.45); z-index:9000; display:block; text-decoration:none;
  transition:transform .2s var(--r-ease), box-shadow .2s ease;
}
.u-wa::after{
  content:""; position:absolute; inset:0; margin:auto; width:34px; height:34px; background:#fff;
  -webkit-mask:var(--wa) center/contain no-repeat; mask:var(--wa) center/contain no-repeat;
}
.u-wa{ --wa:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12.04 2A9.9 9.9 0 0 0 2.1 11.9a9.8 9.8 0 0 0 1.35 4.96L2 22l5.3-1.38a9.9 9.9 0 0 0 4.74 1.21h.01A9.9 9.9 0 0 0 22 11.93 9.9 9.9 0 0 0 12.04 2zm5.8 14.06c-.24.68-1.4 1.3-1.94 1.35-.5.05-.96.23-3.23-.67-2.72-1.07-4.45-3.84-4.58-4.02-.13-.18-1.1-1.46-1.1-2.79s.7-1.98.95-2.25c.25-.27.54-.34.72-.34h.52c.17 0 .4-.06.62.47.24.57.8 1.97.87 2.11.07.14.12.3.02.48-.1.18-.15.3-.3.46l-.44.5c-.14.14-.3.3-.13.6.17.3.75 1.23 1.6 2 1.1.98 2.02 1.28 2.32 1.43.3.15.47.13.64-.08.18-.2.74-.86.94-1.16.2-.3.4-.25.66-.15.27.1 1.67.79 1.96.93.29.14.48.21.55.33.07.12.07.7-.17 1.38z'/></svg>"); }
.u-wa:hover{ transform:translateY(-3px); box-shadow:0 10px 26px -8px rgba(0,0,0,.5); }
.u-wa:focus-visible{ outline:3px solid #fff; outline-offset:3px; }
@media (max-width:767px){ .u-wa{ width:56px; height:56px; left:14px !important; bottom:14px !important; } }
@media (prefers-reduced-motion:reduce){ .u-wa{ transition:none; } .u-wa:hover{ transform:none; } }

/* Phone row in the mobile menu. The theme's own menu is left alone wherever it
   works; this is the one thing it lacks. Full menu width, 48px target. */
.u-menu-call{
  display:none; box-sizing:border-box; width:100%; align-items:center; gap:10px;
  min-height:48px; padding:12px 20px; background:var(--r-brand); color:var(--r-on-brand) !important;
  font-weight:600; text-decoration:none; white-space:nowrap;
}
.u-menu-call svg{ width:18px; height:18px; fill:currentColor; flex:0 0 auto; }
@media (max-width:980px){ .u-menu-call{ display:flex; } }
.u-menu-call-item{ list-style:none; }
.u-menu-call-item{ margin:0 !important; padding:0 !important; border:0 !important; }

/* Mobile type floor. These themes drop body copy to 13-14px on phones.
   Body text only; heading sizes stay the designer's, desktop is untouched. */
@media (max-width:767px){
  body{ font-size:16px; }
  p, li, td, .et_pb_text, .et_pb_text_inner{ font-size:16px; line-height:1.65; }
  /* Betheme's own .big is 16px on desktop and 13px on phones - the one
     paragraph class whose rule outranks the line above. Named here so the
     floor actually holds: mtr-construction.com had exactly one line of
     13px text left after the sweep, and it was this. */
  p.big, .big{ font-size:16px; line-height:1.65; }
  footer p, footer li, footer a, #main-footer p, #main-footer li, #main-footer a{ font-size:15px; line-height:1.6; }
  small, .small{ font-size:14px; }
}

/* The enquiry form's reply box: success and failure printed in the same grey
   on every site seen so far. The live handler tags the FORM, so the states are
   styled from those classes. */
.wpcf7 form .wpcf7-response-output, form[data-3i] .wpcf7-response-output{
  margin:16px 0 0; padding:12px 16px; border:1px solid transparent; border-radius:10px;
  font-size:15px; line-height:1.5;
}
.wpcf7 form.sent .wpcf7-response-output, form[data-3i].sent .wpcf7-response-output{
  border-color:rgba(26,156,91,.40) !important; background:#effaf4 !important; color:#12623a !important;
}
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output,
form[data-3i].failed .wpcf7-response-output{
  border-color:rgba(190,120,20,.45) !important; background:#fff8ec !important; color:#8a5a06 !important;
}



/* A number that was plain text must not start looking like a link - and must
   not start OCCUPYING a different box either. On welicronlifesciences.com the
   theme's own `.icon_box a{display:block}` (meant for an icon box that is
   wholly a link) caught our injected anchor, so a number that had been inline
   text inside `<div class="desc">` became a full-width block and added exactly
   one 28px line box: /contact-us/ grew 28px with not one computed style
   different, which is how a cascade FAIL with no style diff looks when the
   cause is a box-model change rather than a restyle. Plain text is inline, so
   pin inline. (The mobile menu's phone row is .u-menu-call, not this class, so
   it keeps its own flex box.) */
a.u-tel{font:inherit!important;color:inherit!important;line-height:inherit!important;
  letter-spacing:inherit!important;text-decoration:inherit!important;font-weight:inherit!important;
  display:inline!important;width:auto!important;padding:0!important;margin:0!important}

/* Divi mobile menu — THE PANEL THAT HAD A HANDLER AND NO CSS.
   The flat-PHP conversion ships a small <script id="et-mm"> that toggles
   `body.et-mobile-open`, sets --et-mm-top/-bg/-fg from the live header, and
   marks an open submenu `li.et-mm-sub-open`. Nothing ever styled those, so on
   sompuratemples.com the hamburger added a class to <body> and the panel stayed
   `display:none, height 0` on every page - the menu was dead on phones, in the
   control build as much as ours, and only a real tap revealed it: the markup is
   present, the toggle is present, the console is clean, and 24 links are right
   there in the DOM. "The menu exists" is the easier question.
   This is the missing half. Divi's breakpoint is 980px; the panel is a <ul>
   positioned absolute inside a 40x40 static .mobile_nav, so it is pinned to the
   viewport under the header instead, full width and opaque - a translucent
   panel over a photo is the complaint that follows otherwise. */
@media (max-width:980px){
  body.et-mobile-open ul.et_mobile_menu{
    display:block!important; visibility:visible!important; opacity:1!important;
    position:fixed!important; top:var(--et-mm-top,64px)!important;
    left:0!important; right:0!important; width:100%!important;
    max-height:calc(100vh - var(--et-mm-top,64px))!important; overflow-y:auto!important;
    margin:0!important; padding:0!important; list-style:none!important;
    background:var(--et-mm-bg,#fff)!important; z-index:99999!important;
    border-top:1px solid rgba(0,0,0,.08);
    box-shadow:0 14px 30px -14px rgba(0,0,0,.45);
  }
  body.et-mobile-open ul.et_mobile_menu li{
    list-style:none!important; margin:0!important; padding:0!important; width:100%!important;
    float:none!important; position:relative!important;
  }
  /* :not(.mobile-toggle-icon) matters. Divi ships a SECOND, empty <a> inside
     every parent item - its own submenu arrow, which its CSS pins to the right
     as a small control. Styled by a blanket `li a` rule it became a full-width
     48px blank row with a chevron, sitting between "Gallery" and "Contact Us"
     and looking exactly like a menu item whose label had gone missing. */
  body.et-mobile-open ul.et_mobile_menu li>a:not(.mobile-toggle-icon){
    display:block!important; box-sizing:border-box!important;
    padding:14px 56px 14px 20px!important; min-height:48px!important;   /* 48px tap target */
    color:var(--et-mm-fg,#111)!important; text-decoration:none!important;
    font-size:16px!important; line-height:1.4!important;
    border-bottom:1px solid rgba(0,0,0,.07)!important; width:auto!important;
  }
  /* The toggle icon goes back to being a control: 48x48 at the right of its own
     row, carrying the chevron. It expands the submenu and the label beside it
     still NAVIGATES - which matters here, because /temple-construction-india/
     (the Gallery page itself) is not repeated inside its own submenu, so a
     parent link that only expands makes that page unreachable on a phone. */
  body.et-mobile-open ul.et_mobile_menu li>a.mobile-toggle-icon{
    position:absolute!important; top:0!important; right:0!important;
    width:48px!important; height:48px!important; min-height:0!important;
    padding:0!important; margin:0!important; border:0!important;
    display:flex!important; align-items:center; justify-content:center;
    color:var(--et-mm-fg,#111)!important; opacity:.55; z-index:2;
  }
  body.et-mobile-open ul.et_mobile_menu li>a.mobile-toggle-icon::before{
    content:"\203A"; display:block; font-size:22px; line-height:1;
    transform:rotate(90deg); transition:transform .18s ease;
  }
  body.et-mobile-open ul.et_mobile_menu li.et-mm-sub-open>a.mobile-toggle-icon::before{
    transform:rotate(-90deg);
  }
  /* Sub-menus stay closed until the handler marks the parent, so a long nav
     does not open as a wall of links. */
  body.et-mobile-open ul.et_mobile_menu .sub-menu{display:none!important; margin:0!important; padding:0!important}
  body.et-mobile-open ul.et_mobile_menu li.et-mm-sub-open>.sub-menu{display:block!important}
  body.et-mobile-open ul.et_mobile_menu .sub-menu a{padding-left:36px!important; font-size:15px!important}
  /* Only for a theme that gives us NO toggle icon of its own. Written as
     :not(:has(...)) on purpose: where :has() is unsupported the rule is dropped
     and such an item simply has no chevron, which is better than the two
     chevrons the other way round would produce. */
  body.et-mobile-open ul.et_mobile_menu li.menu-item-has-children:not(:has(>a.mobile-toggle-icon))>a::after{
    content:"\203A"; float:right; transform:rotate(90deg); opacity:.55;
  }
  body.et-mobile-open ul.et_mobile_menu li.et-mm-sub-open:not(:has(>a.mobile-toggle-icon))>a::after{
    transform:rotate(-90deg);
  }
}

/* ---------------------------------------------------------------------------
   u-lb — rescue lightbox for a gallery whose plugin lightbox is dead.

   mtr-construction.com runs Photo Gallery by WD (BWG). Every thumbnail is an
   <a class="bwg_lightbox" href="<full image>">, and the plugin answers the
   click by XHRing wp-admin/admin-ajax.php — which on a WordPress-free build is
   410 Gone. What a visitor got was a black overlay and a spinner that never
   stopped, on 98 thumbnails across 19 pages. The anchors already carry the full
   image, so the rescue is to take the click ourselves.

   Arrow sizing is written the long way on purpose: a theme's global
   button{padding:10px 35px} with content-box turns a 46px square into a
   130x80 pill (§3.3's arrow trap). Force the box model, don't just set w/h.
--------------------------------------------------------------------------- */
.u-lb{position:fixed; inset:0; z-index:2147483000; display:flex; align-items:center;
  justify-content:center; background:rgba(9,11,16,.93); opacity:0; transition:opacity .18s ease-out}
.u-lb.is-open{opacity:1}
.u-lb-fig{margin:0; max-width:94vw; max-height:92vh; display:flex; flex-direction:column;
  align-items:center; gap:10px}
.u-lb-img{max-width:94vw; max-height:80vh; width:auto; height:auto; object-fit:contain;
  border-radius:4px; background:#111; box-shadow:0 18px 50px rgba(0,0,0,.5)}
.u-lb-cap{color:#f2f4f8; font-size:15px; line-height:1.5; text-align:center; max-width:70ch;
  padding:0 12px; text-wrap:pretty}
.u-lb-count{color:#aeb6c4; font-size:13px; letter-spacing:.04em}
.u-lb button{box-sizing:border-box!important; padding:0!important; margin:0!important;
  min-width:0!important; border:0!important; letter-spacing:0!important; cursor:pointer;
  background:rgba(255,255,255,.14); color:#fff; border-radius:50%!important;
  width:46px!important; height:46px!important; line-height:46px!important; font-size:22px!important;
  transition:background .15s ease-out, transform .15s ease-out}
.u-lb button:hover{background:rgba(255,255,255,.28)}
.u-lb button:focus-visible{outline:3px solid #fff; outline-offset:3px}
.u-lb-prev{position:absolute; left:18px; top:50%; transform:translateY(-50%)}
.u-lb-next{position:absolute; right:18px; top:50%; transform:translateY(-50%)}
.u-lb-close{position:absolute; top:16px; right:18px; font-size:26px!important}
.u-lb-spin{position:absolute; width:34px; height:34px; border-radius:50%;
  border:3px solid rgba(255,255,255,.25); border-top-color:#fff; animation:u-lb-spin .8s linear infinite}
@keyframes u-lb-spin{to{transform:rotate(360deg)}}
body.u-lb-lock{overflow:hidden}
@media(max-width:600px){
  .u-lb button{width:40px!important; height:40px!important; line-height:40px!important; font-size:19px!important}
  .u-lb-prev{left:8px} .u-lb-next{right:8px} .u-lb-close{top:10px; right:10px}
  .u-lb-img{max-height:72vh}
  .u-lb-cap{font-size:14px}
}
@media(prefers-reduced-motion:reduce){
  .u-lb{transition:none} .u-lb button{transition:none} .u-lb-spin{animation-duration:2s}
}



/* === mtr-construction site block =============================================
   1. The page-title band.
      Betheme paints #Subheader transparent (theme options literally say
      rgba(247,247,247,0)) and its title white. 15 pages carry a header photo
      on #Header_wrapper behind it, so there the white title reads. On the
      other 181 - every gallery post, every attachment page, the project index
      pages - the band is white and the H1 is white on white: invisible, on the
      live site too. Measured, not guessed: getComputedStyle said
      color rgb(255,255,255) over backgroundColor alpha 0, and a screenshot of
      that band is a blank white strip.

      The repair gives the band a real surface instead of recolouring the
      theme's text: brand fill on #Header_wrapper (which already holds the
      photo where there is one, and is covered by #Top_bar above the band), and
      a scrim on #Subheader so white reads over photo and fill alike. White on
      the darkest end is 12.6:1, on the lightest 8.2:1. The breadcrumbs ship at
      white/0.6, which is 4.2:1 over the light end - under AA - so they go to
      0.78, which is 5.8:1.
   --------------------------------------------------------------------------- */
#Header_wrapper{
  background-color:var(--r-brand)!important;
  background-size:cover!important;          /* the 3 header photos are 1348x218 in a
                                               1440x270 box, positioned left top, so
                                               92px of white ran down the right edge
                                               and 52px across the bottom */
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
#Subheader{
  background-image:linear-gradient(90deg, rgba(20,30,58,.72) 0%, rgba(20,30,58,.34) 100%)!important;
}
#Subheader .title{text-shadow:0 1px 2px rgba(0,0,0,.28)}
#Subheader ul.breadcrumbs li, #Subheader ul.breadcrumbs li a{color:rgba(255,255,255,.78)!important}
#Subheader ul.breadcrumbs li a:hover{color:#fff!important}
/* The home page has no #Subheader, so #Header_wrapper is only as tall as the
   bar itself and the fill is never seen. */

/* 2. The project grid.
      Fifteen one-fourth tiles whose images are 210x140, 210x142, 210x151 ...
      and whose captions run one to three lines, so the floats wrap into ragged
      rows with captions hanging at six different heights (see the control
      screenshot). One shape for the picture and one height for the caption
      makes the rows line up. Scoped to the one-fourth image columns - the
      director photos and the ISO certificate are column_image too and keep
      their own proportions. */
.one-fourth.column_image .image_frame.image_item{
  border-radius:10px; overflow:hidden; background:#fff; border:1px solid rgba(37,55,100,.10);
  box-shadow:0 1px 2px rgba(20,30,58,.06), 0 6px 16px rgba(20,30,58,.06);
  transition:transform .18s ease-out, box-shadow .18s ease-out;
}
.one-fourth.column_image .image_frame.image_item:hover{
  transform:translateY(-3px); box-shadow:0 12px 26px rgba(20,30,58,.16);
}
.one-fourth.column_image .image_frame .image_wrapper img{
  width:100%!important; height:auto!important; aspect-ratio:3/2; object-fit:cover; display:block;
}
.one-fourth.column_image .image_frame p.wp-caption-text{
  margin:0!important; padding:11px 10px 13px; background:#fff; text-align:center;
  font-size:15px; color:#2a3550; min-height:3.6em;   /* line-height left at the theme's
     own `normal`: setting it would make this two changes to compare instead of one */
  display:flex; align-items:center; justify-content:center; text-wrap:balance;
}
@media(prefers-reduced-motion:reduce){
  .one-fourth.column_image .image_frame.image_item{transition:none}
  .one-fourth.column_image .image_frame.image_item:hover{transform:none}
}
/* The 16px floor applies to these captions too: at 390 the grid is one column
   wide, so there is no reason for them to be the one thing under it. */
@media(max-width:600px){
  .one-fourth.column_image .image_frame p.wp-caption-text{font-size:16px; min-height:0; padding:12px 14px 14px}
}

/* 3. The captcha answer box shipped as a bare browser default beside pill-shaped
      theme fields. Same shape, same border as the fields next to it. */
.u-cap-answer, input[name="cap"], input#cap{
  border:1px solid rgba(37,55,100,.22); border-radius:999px; padding:10px 16px;
  font-size:15px; line-height:1.3; background:#fff; color:#141414; min-height:44px;
}
.u-cap-answer:focus, input[name="cap"]:focus{outline:3px solid rgba(76,98,155,.45); outline-offset:1px}

/* 4. Two dead controls on the 20 gallery posts.
      - a.fixed-nav is Betheme's fixed prev/next rail at the two page edges.
        Its visible part is the adjacent post's featured image, and these posts
        are marked no-img: all 38 .photo divs are empty with no background, so
        both rails rendered as black squares floating at the edge of the page.
        Hiding only the square let the drawer's title spill across the content,
        so the whole rail goes. Nothing is lost: the SAME prev/next pair is
        already on the page as the two pill buttons above the title
        (ul.next-prev-nav), and those work.
      - a.mfn-love posts a "like" to wp-admin/admin-ajax.php. That URL is 410
        here, so the heart fills on click, the count stays 0 and nothing is
        saved: a control that tells the visitor it worked when it did not. */
.fixed-nav{display:none!important}
.post-header .button-love, a.mfn-love{display:none!important}

/* 5. The Director Desk widget - left alone, and here is why.
      The 120x155 photo floats left in a 285px sidebar, so the paragraph wraps
      beside it for five lines and the last two words drop to full width under
      it. Putting the photo above the text reads better on its own, and that
      is what the first pass did - but it made the sidebar 181px taller than
      the content column on 14 project pages, where the control has the two
      columns exactly level. 181px of empty content column on 14 pages is a
      worse page than a ragged float in one widget (3.0: a rule that lands
      where the designer chose something). Reverted; measured both ways.
   ========================================================================= */

/* === end mtr-construction site block === */


/* Promoted headings pinned to the look they had in the untouched build.
   Measured, not guessed: a wrong line-height shifts everything below it. */
h1.u-keep-1{font-size:26px!important;font-weight:400!important;line-height:29px!important;color:rgb(255, 255, 255)!important;margin:0px 0 15px!important;padding:0px 0 0px!important;letter-spacing:2px!important;text-align:start!important}
h1.u-keep-2{font-size:26px!important;font-weight:400!important;line-height:29px!important;color:rgb(32, 54, 109)!important;margin:0px 0 15px!important;padding:0px 0 0px!important;letter-spacing:2px!important;text-align:justify!important}
h2.u-keepd-1{font-size:35px!important;font-weight:400!important;line-height:35px!important;color:rgb(17, 33, 74)!important;margin:0px 0 15px!important;padding:0px 0 0px!important;letter-spacing:2px!important;text-align:start!important}
h2.u-keepd-2{font-size:35px!important;font-weight:400!important;line-height:35px!important;color:rgb(17, 33, 74)!important;margin:0px 0 15px!important;padding:0px 0 0px!important;letter-spacing:2px!important;text-align:start!important}
h2.u-keepd-3{font-size:35px!important;font-weight:400!important;line-height:35px!important;color:rgb(17, 33, 74)!important;margin:0px 0 15px!important;padding:0px 0 0px!important;letter-spacing:2px!important;text-align:start!important}
h2.u-keepd-4{font-size:35px!important;font-weight:400!important;line-height:35px!important;color:rgb(17, 33, 74)!important;margin:0px 0 15px!important;padding:0px 0 0px!important;letter-spacing:2px!important;text-align:start!important}
h2.u-keepd-5{font-size:35px!important;font-weight:400!important;line-height:35px!important;color:rgb(17, 33, 74)!important;margin:0px 0 15px!important;padding:0px 0 0px!important;letter-spacing:2px!important;text-align:start!important}
h2.u-keepd-6{font-size:35px!important;font-weight:400!important;line-height:35px!important;color:rgb(17, 33, 74)!important;margin:0px 0 15px!important;padding:0px 0 0px!important;letter-spacing:2px!important;text-align:start!important}
h2.u-keepd-7{font-size:35px!important;font-weight:400!important;line-height:35px!important;color:rgb(17, 33, 74)!important;margin:0px 0 15px!important;padding:0px 0 0px!important;letter-spacing:2px!important;text-align:start!important}
h2.u-keepd-8{font-size:35px!important;font-weight:400!important;line-height:35px!important;color:rgb(17, 33, 74)!important;margin:0px 0 15px!important;padding:0px 0 0px!important;letter-spacing:2px!important;text-align:start!important}
h2.u-keepd-9{font-size:35px!important;font-weight:400!important;line-height:35px!important;color:rgb(17, 33, 74)!important;margin:0px 0 15px!important;padding:0px 0 0px!important;letter-spacing:2px!important;text-align:start!important}
h2.u-keepd-10{font-size:35px!important;font-weight:400!important;line-height:35px!important;color:rgb(17, 33, 74)!important;margin:0px 0 15px!important;padding:0px 0 0px!important;letter-spacing:2px!important;text-align:start!important}
h2.u-keepd-11{font-size:35px!important;font-weight:400!important;line-height:35px!important;color:rgb(17, 33, 74)!important;margin:0px 0 15px!important;padding:0px 0 0px!important;letter-spacing:2px!important;text-align:start!important}
h2.u-keepd-12{font-size:35px!important;font-weight:400!important;line-height:35px!important;color:rgb(17, 33, 74)!important;margin:0px 0 15px!important;padding:0px 0 0px!important;letter-spacing:2px!important;text-align:start!important}
h2.u-keepd-13{font-size:35px!important;font-weight:400!important;line-height:35px!important;color:rgb(17, 33, 74)!important;margin:0px 0 15px!important;padding:0px 0 0px!important;letter-spacing:2px!important;text-align:start!important}
h2.u-keepd-14{font-size:35px!important;font-weight:400!important;line-height:35px!important;color:rgb(17, 33, 74)!important;margin:0px 0 15px!important;padding:0px 0 0px!important;letter-spacing:2px!important;text-align:start!important}
h2.u-keepd-15{font-size:35px!important;font-weight:400!important;line-height:35px!important;color:rgb(17, 33, 74)!important;margin:0px 0 15px!important;padding:0px 0 0px!important;letter-spacing:2px!important;text-align:start!important}
h2.u-keepd-16{font-size:35px!important;font-weight:400!important;line-height:35px!important;color:rgb(17, 33, 74)!important;margin:0px 0 15px!important;padding:0px 0 0px!important;letter-spacing:2px!important;text-align:start!important}
h2.u-keepd-17{font-size:35px!important;font-weight:400!important;line-height:35px!important;color:rgb(17, 33, 74)!important;margin:0px 0 15px!important;padding:0px 0 0px!important;letter-spacing:2px!important;text-align:start!important}
h2.u-keepd-18{font-size:35px!important;font-weight:400!important;line-height:35px!important;color:rgb(17, 33, 74)!important;margin:0px 0 15px!important;padding:0px 0 0px!important;letter-spacing:2px!important;text-align:start!important}
h2.u-keepd-19{font-size:35px!important;font-weight:400!important;line-height:35px!important;color:rgb(17, 33, 74)!important;margin:0px 0 15px!important;padding:0px 0 0px!important;letter-spacing:2px!important;text-align:start!important}
h2.u-keepd-20{font-size:35px!important;font-weight:400!important;line-height:35px!important;color:rgb(17, 33, 74)!important;margin:0px 0 15px!important;padding:0px 0 0px!important;letter-spacing:2px!important;text-align:start!important}

/* Mobile sizes for the promoted headings, measured on the untouched
   build at 768 and 390. The pins above were measured at 1440 only and
   are !important, so without these the heading kept its desktop size on
   a phone. Only the widths where the control actually differs appear. */
@media (max-width:390px){h2.u-keepd-1{font-size:27px!important;font-weight:400!important;line-height:27px!important;color:rgb(17, 33, 74)!important;margin:0px 0 15px!important;padding:0px 0 0px!important;letter-spacing:2px!important;text-align:start!important}}
@media (max-width:390px){h2.u-keepd-2{font-size:27px!important;font-weight:400!important;line-height:27px!important;color:rgb(17, 33, 74)!important;margin:0px 0 15px!important;padding:0px 0 0px!important;letter-spacing:2px!important;text-align:start!important}}
@media (max-width:390px){h2.u-keepd-3{font-size:27px!important;font-weight:400!important;line-height:27px!important;color:rgb(17, 33, 74)!important;margin:0px 0 15px!important;padding:0px 0 0px!important;letter-spacing:2px!important;text-align:start!important}}
@media (max-width:390px){h2.u-keepd-4{font-size:27px!important;font-weight:400!important;line-height:27px!important;color:rgb(17, 33, 74)!important;margin:0px 0 15px!important;padding:0px 0 0px!important;letter-spacing:2px!important;text-align:start!important}}
@media (max-width:390px){h2.u-keepd-5{font-size:27px!important;font-weight:400!important;line-height:27px!important;color:rgb(17, 33, 74)!important;margin:0px 0 15px!important;padding:0px 0 0px!important;letter-spacing:2px!important;text-align:start!important}}
@media (max-width:390px){h2.u-keepd-6{font-size:27px!important;font-weight:400!important;line-height:27px!important;color:rgb(17, 33, 74)!important;margin:0px 0 15px!important;padding:0px 0 0px!important;letter-spacing:2px!important;text-align:start!important}}
@media (max-width:390px){h2.u-keepd-7{font-size:27px!important;font-weight:400!important;line-height:27px!important;color:rgb(17, 33, 74)!important;margin:0px 0 15px!important;padding:0px 0 0px!important;letter-spacing:2px!important;text-align:start!important}}
@media (max-width:390px){h2.u-keepd-8{font-size:27px!important;font-weight:400!important;line-height:27px!important;color:rgb(17, 33, 74)!important;margin:0px 0 15px!important;padding:0px 0 0px!important;letter-spacing:2px!important;text-align:start!important}}
@media (max-width:390px){h2.u-keepd-9{font-size:27px!important;font-weight:400!important;line-height:27px!important;color:rgb(17, 33, 74)!important;margin:0px 0 15px!important;padding:0px 0 0px!important;letter-spacing:2px!important;text-align:start!important}}
@media (max-width:390px){h2.u-keepd-10{font-size:27px!important;font-weight:400!important;line-height:27px!important;color:rgb(17, 33, 74)!important;margin:0px 0 15px!important;padding:0px 0 0px!important;letter-spacing:2px!important;text-align:start!important}}
@media (max-width:390px){h2.u-keepd-11{font-size:27px!important;font-weight:400!important;line-height:27px!important;color:rgb(17, 33, 74)!important;margin:0px 0 15px!important;padding:0px 0 0px!important;letter-spacing:2px!important;text-align:start!important}}
@media (max-width:390px){h2.u-keepd-12{font-size:27px!important;font-weight:400!important;line-height:27px!important;color:rgb(17, 33, 74)!important;margin:0px 0 15px!important;padding:0px 0 0px!important;letter-spacing:2px!important;text-align:start!important}}
@media (max-width:390px){h2.u-keepd-13{font-size:27px!important;font-weight:400!important;line-height:27px!important;color:rgb(17, 33, 74)!important;margin:0px 0 15px!important;padding:0px 0 0px!important;letter-spacing:2px!important;text-align:start!important}}
@media (max-width:390px){h2.u-keepd-14{font-size:27px!important;font-weight:400!important;line-height:27px!important;color:rgb(17, 33, 74)!important;margin:0px 0 15px!important;padding:0px 0 0px!important;letter-spacing:2px!important;text-align:start!important}}
@media (max-width:390px){h2.u-keepd-15{font-size:27px!important;font-weight:400!important;line-height:27px!important;color:rgb(17, 33, 74)!important;margin:0px 0 15px!important;padding:0px 0 0px!important;letter-spacing:2px!important;text-align:start!important}}
@media (max-width:390px){h2.u-keepd-16{font-size:27px!important;font-weight:400!important;line-height:27px!important;color:rgb(17, 33, 74)!important;margin:0px 0 15px!important;padding:0px 0 0px!important;letter-spacing:2px!important;text-align:start!important}}
@media (max-width:390px){h2.u-keepd-17{font-size:27px!important;font-weight:400!important;line-height:27px!important;color:rgb(17, 33, 74)!important;margin:0px 0 15px!important;padding:0px 0 0px!important;letter-spacing:2px!important;text-align:start!important}}
@media (max-width:390px){h2.u-keepd-18{font-size:27px!important;font-weight:400!important;line-height:27px!important;color:rgb(17, 33, 74)!important;margin:0px 0 15px!important;padding:0px 0 0px!important;letter-spacing:2px!important;text-align:start!important}}
@media (max-width:390px){h2.u-keepd-19{font-size:27px!important;font-weight:400!important;line-height:27px!important;color:rgb(17, 33, 74)!important;margin:0px 0 15px!important;padding:0px 0 0px!important;letter-spacing:2px!important;text-align:start!important}}
@media (max-width:390px){h2.u-keepd-20{font-size:27px!important;font-weight:400!important;line-height:27px!important;color:rgb(17, 33, 74)!important;margin:0px 0 15px!important;padding:0px 0 0px!important;letter-spacing:2px!important;text-align:start!important}}
@media (max-width:768px){h1.u-keep-1{font-size:22px!important;font-weight:400!important;line-height:25px!important;color:rgb(255, 255, 255)!important;margin:0px 0 15px!important;padding:0px 0 0px!important;letter-spacing:2px!important;text-align:start!important}}
@media (max-width:390px){h1.u-keep-1{font-size:16px!important;font-weight:400!important;line-height:19px!important;color:rgb(255, 255, 255)!important;margin:0px 0 15px!important;padding:0px 0 0px!important;letter-spacing:2px!important;text-align:start!important}}
@media (max-width:768px){h1.u-keep-2{font-size:22px!important;font-weight:400!important;line-height:25px!important;color:rgb(32, 54, 109)!important;margin:0px 0 15px!important;padding:0px 0 0px!important;letter-spacing:2px!important;text-align:justify!important}}
@media (max-width:390px){h1.u-keep-2{font-size:16px!important;font-weight:400!important;line-height:19px!important;color:rgb(32, 54, 109)!important;margin:0px 0 15px!important;padding:0px 0 0px!important;letter-spacing:2px!important;text-align:justify!important}}