/*
--------------------
WARNING!
Copyright Progress Systems Limited.
Explicit permission is required to copy or use any documents from this website
--------------------
*/

/* COMMON.CSS */

/*
--------------------------------------------------
TABLE OF CONTENTS
--------------------------------------------------

1.0 GENERAL
    1.1 NOTIFICATIONS

2.0 HEADER
            - main navigation - menu 1 
            - main navigation - menu 2  
            - secondary navigation (top menu)

    2.1 SEARCH BAR
    2.2 REMOVE X FROM SEARCH BAR
        - clears the 'X' from Internet Explorer 
        - clears the 'X' from Chrome 

    2.3 LOGIN BUTTONS
    2.4 BACK-TO-TOP BUTTON

3.0 CONTENT
    3.1 IMAGES SLIDER
        - basic image, video, youtube banner 
        - split image banner 

    3.2 SPOTLIGHTS
        - basic spotlights 
        - spotlight grid - CSS grid

    3.3 FANCY NUMBERED LIST
    3.4 NEWS SECTION
        - news carousel on homepage 
        - news carousel - 3 across 
        - news carousel - 4 across

        3.4.1 NEWS ARTICLE SCROLL WIDGET
        3.4.2 NEWS FILTERS
        3.4.3 NEWS ARTICLE PAGE
        - article page - type 1 
        - article page - type 2 

        3.4.4 ARTICLE DATE
        3.4.5 ARTICLE SOCIAL SHARE
        3.4.6 ARTICLE TAGS
        3.4.7 NEWS MASONRY GRID
        - news masonry grid - type 1 (no filters)
        - news masonry grid - type 2 (infinite scrolling, filters)
        - news masonry - type 2 paging (deprecated) 
        - news global CTA section
        - news header (top of the page) - umbraco blocks

    3.5 COUNTERS
    3.6 SOCIAL MEDIA FEED SCROLL

4.0 CONTENT PAGES
    4.1 CONTENT PAGES HEADER
        - basic page header with image
        - content page header (top of the page) - umbraco blocks 
        - content page header (top of the page) - umbraco blocks - breadcrumbs
        - contact header - (top of the page) - umbraco blocks 

    4.2 SIDEBAR
    4.3 SIDEBAR - NEWS SLIDER
    4.4 CONTACT US PAGE
    4.5 CAREERS PAGE
    4.6 SERVICES MASONRY GRID
        - basic services masory grid

    4.7 TEAM MASONRY
    4.8 TESTIMONIALS
        - testimonials half - image + text section

    4.9 CARDS
    4.10 FLIP CARDS
    4.11 DONUT CHART
    4.12 ANIMATED CHARTS
    4.13 IMAGE GALLERY
    4.14 GOOGLE MAPS
    4.15 404 ERROR PAGE
    4.16 SEARCH RESULT PAGE
    4.17 ACCORDION HELP FAQ
        - basic FAQ accordion / faq with schema 
        - FAQ picker (from the library of categorized FAQs)

    4.18 UMBRACO FORMS
        - pop up enquiry form from the loan calculator

    4.19 DOWNLOAD LINK
    4.20 RELATED ARTICLES
    4.21 FIXED/STICKY SOCIAL MEDIA BAR
    4.22 STRIPED LIST
    4.23 ANNOUNCEMENTS
        - scrolling announcements

    4.24 LARGE LOAN CALCULATOR (N/A)
    4.25 SMALL LOAN CALCULATOR (N/A)
    4.26 INPUT LOAN CALCULATOR
        - input loan calculator - error
        - input loan calculator - tool tip

    4.27 ICON LOAN CALCULATOR
    4.28 CTA
        - basic CTA block (usually in a sidebar)
        - two curves CTA 
        - hero bar CTA (banner)
        - background colours for CTA banners
        - colors for CTA banner buttons

    4.29 VIDEO POP UP
    4.30 COOKIE TAB AT THE BOTTOM
    4.31 QUICKLINKS DROPDOWN
    4.32 RESPONSIVE COMPARISON TABLE
    4.33 BUTTON WIDGET

5.0 LOAN APP BOXES POP UP OPTION
    5.1 LOAN APP TABS OPTION
    5.2 FLIP CARDS LOAN OPTION

6.0 FOOTER
    6.1 FOOTER GLOBAL ADDRESS
    6.2 FOOTER SOCIAL MEDIA
    6.3 FOOTER REGULATORY LINKS
    6.4 FOOTER PROGRESS LOGO

7.0 MISC
    7.1 SLIDER
    7.2 SLIDER ARROWS
    7.3 FANCY BOX
    7.4 OFFICE AREA - Breakout Video
    7.5 OFFICE AREA - Pop Out Video
    7.6 CUSTOM GENERAL CLASSES
        - loans page - content page
        - mobile app page - content page 
        - membership page - content page 
        - content page header buttons - Google Play and App Store 
        - QR code 
        - DPO information 
        - icon loan calculator - image/video slider 
        - loan application accordion arrows 
        - miscellaneous

    7.7 NEW WIDGETS
        - any new widgets developed need to have the styling added into this section

8.0 MEDIA QUERIES
    8.1 Extra Large devices (portrait phones, less than 1400px)
    8.2 Large devices (desktops, less than 1200px)
    8.3 Medium devices (tablets, less than 992px)
    8.4 Small devices (landscape phones, less than 768px)
    8.5 Extra small devices (portrait phones, less than 576px)

BOOTSTRAP BREAKPOINTS
.col-lg- > 1200px (container width 1170px)
.col-md- > 992px (container width 970px)
.col-sm- > 768px (container width 750px)
.col-xs- < 768px (container width 100%)

*/

/* ---------------------------------------------------------------------------------------------------------------- 0.1 BOOTSTRAP 5 COMPATIBILITY � order utilities */
/* Bootstrap 4 generated order-0 through order-12 for all breakpoints (sm, md, lg, xl).
   Bootstrap 5 trimmed this to order-0 through order-5, and changed order-last from 13 to 6.
   The missing classes (6�12) are restored here so any v8 markup using them continues to work.
   order-last is also restored to 13 so it sits correctly above order-12 items. */

.order-6 {
  order: 6 !important;
}

.order-7 {
  order: 7 !important;
}

.order-8 {
  order: 8 !important;
}

.order-9 {
  order: 9 !important;
}

.order-10 {
  order: 10 !important;
}

.order-11 {
  order: 11 !important;
}

.order-12 {
  order: 12 !important;
}

.order-last {
  order: 13 !important;
}

@media (min-width: 576px) {
  .order-sm-6 {
    order: 6 !important;
  }

  .order-sm-7 {
    order: 7 !important;
  }

  .order-sm-8 {
    order: 8 !important;
  }

  .order-sm-9 {
    order: 9 !important;
  }

  .order-sm-10 {
    order: 10 !important;
  }

  .order-sm-11 {
    order: 11 !important;
  }

  .order-sm-12 {
    order: 12 !important;
  }

  .order-sm-last {
    order: 13 !important;
  }
}

@media (min-width: 768px) {
  .order-md-6 {
    order: 6 !important;
  }

  .order-md-7 {
    order: 7 !important;
  }

  .order-md-8 {
    order: 8 !important;
  }

  .order-md-9 {
    order: 9 !important;
  }

  .order-md-10 {
    order: 10 !important;
  }

  .order-md-11 {
    order: 11 !important;
  }

  .order-md-12 {
    order: 12 !important;
  }

  .order-md-last {
    order: 13 !important;
  }
}

@media (min-width: 992px) {
  .order-lg-6 {
    order: 6 !important;
  }

  .order-lg-7 {
    order: 7 !important;
  }

  .order-lg-8 {
    order: 8 !important;
  }

  .order-lg-9 {
    order: 9 !important;
  }

  .order-lg-10 {
    order: 10 !important;
  }

  .order-lg-11 {
    order: 11 !important;
  }

  .order-lg-12 {
    order: 12 !important;
  }

  .order-lg-last {
    order: 13 !important;
  }
}

@media (min-width: 1200px) {
  .order-xl-6 {
    order: 6 !important;
  }

  .order-xl-7 {
    order: 7 !important;
  }

  .order-xl-8 {
    order: 8 !important;
  }

  .order-xl-9 {
    order: 9 !important;
  }

  .order-xl-10 {
    order: 10 !important;
  }

  .order-xl-11 {
    order: 11 !important;
  }

  .order-xl-12 {
    order: 12 !important;
  }

  .order-xl-last {
    order: 13 !important;
  }
}

@media (min-width: 1400px) {
  .order-xxl-6 {
    order: 6 !important;
  }

  .order-xxl-7 {
    order: 7 !important;
  }

  .order-xxl-8 {
    order: 8 !important;
  }

  .order-xxl-9 {
    order: 9 !important;
  }

  .order-xxl-10 {
    order: 10 !important;
  }

  .order-xxl-11 {
    order: 11 !important;
  }

  .order-xxl-12 {
    order: 12 !important;
  }

  .order-xxl-last {
    order: 13 !important;
  }
}

/* ---------------------------------------------------------------------------------------------------------------- 0.2 BOOTSTRAP 5 COMPATIBILITY — card-based accordion */
/* Bootstrap 4 styled .accordion > .card with border-radius resets for stacked cards.
   Bootstrap 5 dropped the card-based accordion pattern in favour of .accordion-item.
   The existing widgets still use .card inside .accordion, so restore the old resets. */

.accordion > .card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.accordion > .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

/* ---------------------------------------------------------------------------------------------------------------- 0.3 PICTURE ELEMENT LAYOUT RESET */
/* v8 rendered bare <img> tags directly. v17 wraps them in <picture> for WebP support.
   display:contents removes the <picture> box entirely from layout so the <img> inside
   behaves exactly as it did in v8 — no inline gaps, no extra dimensions. */
picture {
  display: contents;
  align-content: center;
  width: auto;
  height: auto;
}

/*.row {
  margin-right: -15px;
  margin-left: -15px;
}*/
.row .announcementPic {
  width: 100%;
}
.card picture.card-icon {
  max-width: 150px;
  display: block;
}
/* ---------------------------------------------------------------------------------------------------------------- 1.0 GENERAL */
:root {
  /* Bootstrap 4 compatibility shim � Bootstrap 5 removed these global colour variables.
     Adding them here keeps all credit-union stylesheets working without touching 50+ files.
     Individual CU stylesheets can override these by declaring the same variable later. */
  --white: #fff;
  --black: #000;
  /* Accessibility overrides */
  --a11y-primary: rgb(98, 27, 231);
  --a11y-secondary: rgb(98, 27, 231);
  --a11y-background: rgb(255, 255, 255);
  --a11y-on-surface: rgb(98, 27, 231);
}

html {
}

body {
  overflow-x: hidden;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
}

a {
  outline: none;
  text-decoration: none;
  /* EASING */
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

a:hover {
  text-decoration: none;
  outline: none;
}

.btn,
button,
.button {
  font-weight: 600;
  letter-spacing: 0em;
}

.button:hover {
  color: white;
}

button:focus {
  outline: none;
}

h1,
h2,
h3,
h4,
p.heading,
button,
.tabs,
thead,
nav#pagination,
.apc.pod-windows .item .link,
blockquote {
  line-height: normal;
}

h1,
h2,
h3 {
  font-weight: 600;
  margin: 15px 0;
}

h4,
h5,
h6 {
  font-weight: 600;
  margin: 10px 0;
}

h1 {
  font-size: 1.5rem;
  font-size: clamp(1.425rem, 1.425rem + 2vw, 1.5rem);
}

h2 {
  font-size: 1.313rem;
  font-size: clamp(0.938rem, 0.938rem + 2vw, 1.313rem);
}

h3 {
  font-size: 1.25rem;
  font-size: clamp(1.125rem, 1.125rem + 2vw, 1.25rem);
}

h4 {
  font-size: 1.125rem;
  font-size: clamp(1rem, 1rem + 2vw, 1.125rem);
}

h5 {
  font-size: 1rem;
  font-size: 1rem;
  font-size: clamp(0.5rem, 0.5rem + 2vw, 1rem);
}

h6,
table th,
footer .heading {
  font-size: 1rem;
  font-size: clamp(0.5rem, 0.5rem + 2vw, 1rem);
}

dl,
ol,
ul {
  padding-left: 1.75rem;
}

p,
li,
label,
td {
  font-size: 0.938rem;
  font-size: clamp(0.5rem, 0.5rem + 2vw, 0.938rem);
}

p {
  line-height: 1.6;
  margin: 0 0 15px;
}

p.caption {
  margin: 10px 0 0;
  font-size: 90%;
  font-style: italic;
  opacity: 0.6;
  display: none;
}

.container.content-page li {
  padding: 3px;
}

blockquote {
  position: relative;
  padding: 0 15px 0 70px;
  border: 0 none;
  margin: 30px 0;
  font-size: 150%;
  font-style: italic;
  font-weight: 600;
  font-size: 1.25rem;
}

blockquote::before {
  content: "";
  display: inline-block;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  left: 10px;
  width: 40px;
  height: 40px;
  margin-top: -5px;
  background-image: url("../content/images/quote.svg");
  background-repeat: no-repeat;
  background-position: top 6px right 3px;
  top: -3px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -khtml-border-radius: 50px;
  -moz-border-radius: 50px;
}

blockquote p {
  font-weight: 600;
  letter-spacing: -0.02em;
}

blockquote cite {
  font-size: 12px;
  font-weight: 400;
}

table {
  margin: 5px 0 30px;
}

.small,
small {
  font-size: 80%;
  font-weight: 300;
}

.hide {
  display: none;
}

/* ---------------------------------------------------------------------------------------------------------------- 1.1 NOTIFICATIONS */

header {
  position: relative;
}

.bn-breaking-news {
  max-width: 100%;
  margin: auto;
  left: 0;
  right: 0;
  border-radius: 0 !important;
  line-height: 40px !important;
}

.bn-news ul li span {
  line-height: 40px;
  font-size: 1rem !important;
  font-weight: 400 !important;
}

.bn-play::after {
  border-width: 6px;
  margin-top: -5px;
  margin-left: 1px;
}

.fancybox-content ul {
  padding-left: 1rem;
  list-style: circle;
}

.fancybox-content li {
  font-size: 0.938rem;
  font-size: clamp(0.5rem, 0.5rem + 2vw, 0.938rem);
  padding: 3px 0;
}

/* ---------------------------------------------------------------------------------------------------------------- 2.0 HEADER */

/*** main navigation - menu 1 ***/

.navigation {
  max-width: 1368px;
  margin: auto;
  z-index: 10;
}

.navigation.float {
  background: rgba(255, 255, 255, 0.97) !important;
  max-width: 1368px;
  height: 90px;
  display: table;
  position: relative;
  font-family: inherit;
  margin: auto;
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  top: 20px;
  display: block;
}

.nav-toggle:before {
  width: 22px;
}

.nav-header {
  padding: 16px 15px;
}

.nav-header img {
  width: 200px;
}

.nav-menu:not(.nav-menu-social, .nav-dropdown) > li a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 18px;
  margin: auto;
  top: 6px;
  bottom: 0;
  display: none;
}

.nav-menu:not(.nav-menu-social) > li:first-child a::before,
.nav-menu:not(.nav-menu-social) > li:last-child a::before {
  display: none;
}

.navigation-landscape .nav-menu:not(.nav-menu-social) > li:not(.icon-item) > a {
  padding: 33px 27px 22px;
}

.navigation-landscape
  .nav-menu:not(.nav-menu-social)
  > li:not(.icon-item)
  > a::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 1px;
  height: 17px;
  bottom: 0;
  margin: auto;
}

.nav-menu > li {
  opacity: 1;
}

.submenu-indicator {
  right: 11px;
  top: 5px;
}

.nav-menu > li:hover > a .submenu-indicator-chevron,
.nav-menu > .active > a .submenu-indicator-chevron,
.nav-menu > .focus > a .submenu-indicator-chevron {
}

.nav-search-button {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.nav-dropdown > li > a {
  background-color: white;
  font-weight: 400;
  font-size: 15px;
}

.nav-dropdown > li:hover > a,
.nav-dropdown > li.focus > a,
.nav-dropdown > li > a.active {
  color: white;
}

.nav-dropdown > li {
  opacity: 0.97;
}

#navigation1 {
  display: flex;
  justify-content: flex-end;
  min-height: 90px;
}

#navigation1 .nav-header {
  float: unset;
  left: 0;
}

#navigation1 .nav-menus-wrapper {
  float: unset;
}

#navigation1 .nav-search {
  float: unset;
}

/*** main navigation - menu 2 ***/

.navbar {
  background: white !important;
  box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.16);
  z-index: 8;
  height: 110px;
}

.navbar-nav.main-navigation {
  flex-grow: 2;
  padding-top: 15px;
  justify-content: flex-end;
}

.navbar-nav.main-navigation li {
  border-bottom: 4px solid transparent;
  margin-right: 2.5rem;
}

.navbar-nav.main-navigation li:hover {
  border-bottom: 4px solid #e47d51;
}

.navbar-brand,
.navbar-brand img {
  width: 220px;
}

.navbar-light .navbar-nav .nav-link {
  padding: 34px 0;
  color: #182958;
  font-size: 0.938rem;
  font-weight: 600;
}

.navbar-nav .nav-item:hover > ul,
.navbar-nav .nav-item:focus-within > ul,
.navbar-nav .nav-item ul:hover {
  border-bottom: 4px solid #00b0ad;
}

.nav-item.dropdown {
  padding-right: 20px;
}

.dropdown-toggle::after {
  content: "\f105";
  font-size: 17px;
  line-height: 28px;
  font-family: "Font Awesome 6 Pro";
  right: 30px;
  font-weight: 400;
  position: absolute;
  bottom: 0;
  transform: rotate(90deg);
  border: none;
  top: 0;
}

.navbar-light .navbar-nav .dropdown-menu {
  box-shadow: 0 2px 5px rgba(53, 69, 95, 0.2);
  margin-top: 0;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  overflow: hidden;
  border: none;
  width: 100%;
  min-width: 210px;
  margin-left: -20px;
}

.dropdown-item {
  clear: both;
  text-align: inherit;
  white-space: nowrap;
  border: 0;
  width: 100%;
  padding: 10px 20px;
  text-decoration: none;
  float: left;
  font-size: 0.875rem;
  color: #182958;
  background-color: rgba(255, 255, 255, 0.95);
  text-transform: capitalize;
  -webkit-transition:
    color 0.3s,
    background 0.3s;
  transition:
    color 0.3s,
    background 0.3s;
}

.navbar-light .login-button .dropdown-menu {
  background: #006ea0;
  border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  -khtml-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  min-width: 100%;
  margin-left: 0;
  padding: 0 1rem;
}

.navbar-nav.login-button .btn-group.show a {
  border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -khtml-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
}

.navbar-nav.login-button .btn-group.show li a {
  text-align: left;
  padding: 17px 0 10px;
  font-weight: 600;
}

.navbar-nav.login-button .btn-group.show li a:hover {
  font-weight: 800;
}

.navbar-light .login-button .dropdown-menu li {
  border-bottom: 1px solid white;
}

.navbar-light .login-button .dropdown-menu li:last-child {
  border-bottom: none;
}

.navbar-light .login-button .dropdown-menu a {
  width: 100%;
  display: block;
  background: none;
  border-radius: 0;
}

.navbar-light .login-button .dropdown-menu li:last-child a {
  padding: 10px 0 17px;
}

.navbar-nav.login-button {
  margin: 10px 5px 0;
}

.navbar-nav.login-button a {
  min-width: 180px;
  max-width: 180px;
  font-size: 0.875rem;
  line-height: normal;
  font-weight: 700;
  color: white;
  border: none;
  text-align: center;
  padding: 17px 0;
  border-radius: 10px;
  background: #8561a9;
  background: -moz-linear-gradient(top, #8561a9 0%, #463f76 100%);
  background: -webkit-linear-gradient(top, #8561a9 0%, #463f76 100%);
  background: linear-gradient(to bottom, #8561a9 0%, #463f76 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8561a9', endColorstr='#463f76',GradientType=0 );
}

.navbar-nav.login-button > li {
  display: flex;
}

.navbar-nav.login-button .dropdown-toggle::after {
  right: 33px;
  top: 4px;
}

.navbar-nav.login-button a.buttonStyle1 {
  background: #dbb625;
  background: -moz-linear-gradient(top, #dbb625 0%, #ea9521 100%);
  background: -webkit-linear-gradient(top, #dbb625 0%, #ea9521 100%);
  background: linear-gradient(to bottom, #DBB6250%, #ea9521 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DBB625 ', endColorstr='#EA9521',GradientType=0 );
}

.navbar-nav.login-button a.buttonStyle1:hover {
  background: #ea9521;
  background: -moz-linear-gradient(top, #ea9521 0%, #dbb625 100%);
  background: -webkit-linear-gradient(top, #ea9521 0%, #dbb625 100%);
  background: linear-gradient(to bottom, #ea9521 0%, #dbb625 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EA9521', endColorstr='#DBB625',GradientType=0 );
  box-shadow: 0 5px 15px rgba(240, 138, 32, 0.7);
}

.navbar-nav.login-button a.buttonStyle2 {
  background: #006ea0;
  background: -moz-linear-gradient(top, #006ea0 0%, #0e4373 100%);
  background: -webkit-linear-gradient(top, #006ea0 0%, #0e4373 100%);
  background: linear-gradient(to bottom, #006ea0 0%, #0e4373 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006EA0', endColorstr='#0E4373',GradientType=0 );
  padding-right: 15px;
}

.navbar-nav.login-button a.buttonStyle2:hover {
  background: #0e4373;
  background: -moz-linear-gradient(top, #0e4373 0%, #006ea0 100%);
  background: -webkit-linear-gradient(top, #0e4373 0%, #006ea0 100%);
  background: linear-gradient(to bottom, #0e4373 0%, #006ea0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0E4373', endColorstr='#006EA0',GradientType=0 );
  box-shadow: 0 5px 15px rgba(0, 110, 160, 0.4);
}

.navbar-light .navbar-toggler-icon {
  width: 30px;
  height: 1.25rem;
}

.navbar-light .navbar-toggler {
  color: #182958;
  border: none;
  padding: 0.25rem 0;
  font-size: 1.25rem;
}

.navbar-light .navbar-toggler .fas {
  font-weight: 300;
  font-size: 30px;
  width: 30px;
}

.nav-link:focus,
.nav-link:hover {
  text-decoration: none;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: #182958;
  border-color: #00b0ad;
}

/*** secondary navigation (top menu) ***/

.top-menu-wrapper {
  background-color: #f1f1f1;
  line-height: 1.25rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #182958;
  position: relative;
}

.top-menu {
  display: flex;
  max-width: 1381px;
  margin: auto;
  padding: 0 15px;
}

.top-menu-links {
  flex-grow: 2;
}

.top-menu-links ul,
.top-menu-socialLinks,
.top-menu-socialLinks ul {
  display: flex;
  padding: 0;
  margin: 0;
}

.top-menu ul li {
  list-style-type: none;
}

.top-menu-links a {
  padding: 10px 40px 10px 0;
  display: block;
  font-weight: 500;
  font-size: 0.875rem;
}

.top-menu-socialLinks {
  padding: 10px 30px 0 10px;
}

.top-menu-socialLinks ul {
  margin-left: 20px;
}

.top-menu-socialLinks li {
  padding: 0 7px;
  font-size: 1.063rem;
}

.top-menu-CallUs {
  padding: 10px 10px 10px 30px;
  position: relative;
}

.top-menu-CallUs:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 20px;
  background: lightgray;
  margin: auto;
  bottom: 0;
}

.callUsIcon {
  margin-right: 10px;
}

.callUsHeading {
  margin-right: 5px;
}

span.callUs {
  font-weight: normal;
}

.topBarWrapper {
  position: relative;
}

.topBarWrapper:hover > ul.topBarWrapperDropdown {
  display: flex;
}

ul.topBarWrapperDropdown {
  display: none;
  flex-direction: column;
  position: absolute;
  top: 37px;
  left: 35%;
  z-index: 9;
  border-radius: 5px;
  background: rgb(255 255 255 / 100%);
  box-shadow: 0 2px 6px #00000040;
  transform: translate(-50%, 0);
}

ul.topBarWrapperDropdown:after {
  content: "";
  position: absolute;
  top: -5px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 0px;
  height: 0px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #ffffff;
}

li.topBarWrapperSubItem {
  min-width: 120px;
}

.topBarWrapperSubItem a {
  color: #445356 !important;
  padding: 8px 10px;
}

.topBarWrapperSubItem a:hover {
  background-color: #ededed;
  border-radius: 5px;
}

.btn-group.show {
  display: block;
}

.btn-group .topBarWrapperDropdown_mobile {
  display: none;
}

.btn-group.show .topBarWrapperDropdown_mobile {
  display: grid;
  padding: 5px 0;
}

li.topBarWrapperSubItem_mobile a {
  padding: 10px 0 !important;
}

.top-nav-menu-mobile_navbar-form .dropdown-toggle:after {
  position: absolute;
  top: 0px;
  right: 45px;
  font-size: 12px;
}

.top-nav-menu-mobile .top-menu-links a {
  padding: 5px 40px 5px 0;
  position: relative;
}

.top-nav-menu-mobile a.dropdown-toggle {
  width: fit-content;
  padding: 5px 60px 5px 0 !important;
}

/* ---------------------------------------------------------------------------------------------------------------- 2.1 SEARCH BAR */

.nav-search > form {
  background: rgb(255, 255, 255);
  box-shadow: none;
}

.nav-search-inner input[type="text"],
.nav-search-inner input[type="search"] {
  font-size: 24px;
}

.nav-search {
  overflow: hidden;
}

.nav-search-button {
  margin-left: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.nav-search-button:hover .nav-search-icon {
  color: #fff;
}

/* ---------------------------------------------------------------------------------------------------------------- 2.2 REMOVE X FROM SEARCH BAR */

/*** clears the 'X' from Internet Explorer ***/
input[type="search"]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type="search"]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
/*** clears the 'X' from Chrome ***/
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

/* ---------------------------------------------------------------------------------------------------------------- 2.3 SOCIAL MEDIA IN THE HEADER */

/* ---------------------------------------------------------------------------------------------------------------- 2.4 LOGIN BUTTONS */

.loginButtons {
  margin: 0;
  width: 95px;
  border: none;
}

.loginButtons.icon.button1,
.loginButtons.icon.button2 {
  width: 100%;
  height: 26px;
  display: inline-block;
  text-align: center;
  background-position: center;
  margin: auto !important;
}

.loginButtons.buttons1 {
  background-image: url("../content/images/register-btn-icon.svg");
  background-repeat: no-repeat;
  background-position: center top 12px;
}

.loginButtons.buttons2 {
  background-image: url("../content/images/login-btn-icon.svg");
  background-repeat: no-repeat;
  background-position: center top 12px;
}

.navigation-landscape .nav-menu > li.loginButtons > a {
  padding: 15px 0 0 !important;
}

.menuButtons {
  position: relative;
  width: 100%;
  display: block;
}

.loginButtons .buttonTitle {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 30px;
  display: block;
}

.loginButtons:hover > a {
  border-bottom-color: transparent !important;
}

.nav-menu > li.loginButtons > a,
.nav-menu > li.loginButtons > a:hover {
  text-transform: uppercase !important;
  text-align: center;
  font-weight: normal;
  color: white !important;
  line-height: 0.938rem;
  letter-spacing: 0.35px;
}

.nav-menu > li.loginButtons .submenu-indicator-chevron {
  display: none;
}

.nav-menu > li.loginButtons .nav-dropdown {
  min-width: 95px;
  width: 95px;
  box-shadow: none;
  overflow: hidden;
}

.nav-menu > li.loginButtons .nav-dropdown::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  left: 0;
  right: 0;
  transform: rotate(0deg);
  margin: auto;
  top: -2px;
  z-index: 10;
}

.nav-menu > li.loginButtons .nav-dropdown::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid rgba(255, 255, 255, 1);
  left: 0;
  right: 0;
  transform: rotate(0deg);
  margin: auto;
  top: 0;
  z-index: 5;
}

.loginButtons.buttons1,
.nav-menu > li.loginButtons.buttons1 .nav-dropdown {
  margin-left: 1.5rem;
}

.loginButtons.buttons1:not(.icon):hover,
.loginButtons.buttons2:not(.icon):hover {
  filter: brightness(1.05);
}

.nav-menu > li.loginButtons > a,
.nav-menu > li.loginButtons > a:hover {
  font-size: clamp(0.5rem, 0.5rem + 2vw, 0.75rem) !important;
}

.loginButtons.icon {
  opacity: 1;
}

.nav-menu > li.loginButtons .nav-dropdown li:first-child {
  border-top: 1px solid rgba(255, 255, 255, 1);
}

.nav-menu > li.loginButtons .nav-dropdown li:last-child a {
  border-bottom: none;
}

.nav-menu > li.loginButtons .nav-dropdown li:last-child::before,
.nav-menu > li.loginButtons .nav-dropdown li:last-child::after {
  display: none;
}

.nav-menu > li.loginButtons > a::before {
  display: none;
}

.nav-menu > li.loginButtons .nav-dropdown li a {
  background: transparent;
  text-transform: uppercase;
  color: white;
  font-size: clamp(0.5rem, 0.5rem + 2vw, 0.75rem);
  text-align: center;
  padding: 18px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.nav-menu > li.loginButtons .nav-dropdown li a:hover {
  background: rgba(0, 0, 0, 0.1);
}

/* ---------------------------------------------------------------------------------------------------------------- 2.5 BACK-TO-TOP BUTTON */

#BtnBackToTop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 1rem;
  z-index: 99;
  border: none;
  outline: none;
  color: white;
  cursor: pointer;
  border-radius: 50px;
  margin-bottom: 5px;
  line-height: 1rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  width: 45px;
  height: 45px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

#BtnBackToTop:after {
  content: "\f106";
  text-align: center;
  font: 17px/29px;
  font-family: "Font Awesome 6 Pro";
  color: #fff;
  text-align: center;
}

#BtnBackToTop:hover {
  filter: brightness(1.05);
}

/* ---------------------------------------------------------------------------------------------------------------- 3.0 CONTENT */

.container.bodyStart h1 {
  position: relative;
  margin-bottom: 1.5rem;
  padding-bottom: 0.75rem;
  text-transform: capitalize;
  font-weight: 300;
  font-size: clamp(1.25rem, 1.25rem + 2vw, 1.375rem);
  max-width: 1368px;
  margin: 15px auto 1.5rem;
}

.container.bodyStart .spotlights-wrapper h2,
h1#pageHeading {
  position: relative;
  font-weight: 600 !important;
  margin-bottom: 1.5rem;
  padding-bottom: 0.75rem;
  text-transform: capitalize;
}

.container.bodyStart .spotlights-wrapper h2:before,
h1#pageHeading:before,
.container.bodyStart h1:before {
  content: "";
  height: 1px;
  position: absolute;
  width: 5rem;
  top: 45px;
  left: 0;
}

.container.bodyStart .news-top-story h2 {
  font-weight: 600 !important;
  font-size: clamp(0.938rem, 0.75rem + 2vw, 1.25rem) !important;
}

.container.bodyStart p {
  font-size: clamp(0.625rem, 0.625rem + 2vw, 0.938rem);
}

.container.content-page li,
.container.news-page li,
.articleContainer li {
  font-size: clamp(0.5rem, 0.5rem + 2vw, 0.938rem);
}

.ImageHeadingTextWrapper {
  position: relative;
  background-position: center;
}

.container.content-page.with-header.spWithImage {
  margin-top: -100px !important;
}

.container.content-page.with-header,
.container.content-page,
.container.news-page,
.article {
  margin-top: -163px !important;
  background: white;
  max-width: 1368px !important;
  border-radius: 5px;
  padding: 40px 20px 0;
}

.container.services-page {
  padding: 0;
}

.spWithImageHeadingText {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin: 0 auto auto;
  width: calc(1368px - 30px);
  color: white;
  transform: translateY(-50%);
  text-align: left !important;
  background: none;
  height: auto;
}

.spWithImageHeadingText h1 {
  font-size: 0.875rem;
  font-size: clamp(0.5rem, 0.5rem + 2vw, 0.875rem);
  color: white;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 1px;
}

.spWithImageHeadingText h2 {
  font-size: 2.5rem;
  font-size: clamp(1.875rem, 1rem + 2vw, 2.5rem);
  color: white;
}

.spWithImageHeadingText h3 {
  font-size: 1.063rem;
  font-size: clamp(1rem, 1rem + 2vw, 1.063rem);
  font-weight: 400;
  color: white;
}

/* ---------------------------------------------------------------------------------------------------------------- 3.1 IMAGES SLIDER */

/*** basic image, video, youtube banner ***/

.homepageSlider .item.image {
  height: 100%;
}

.homepageSlider .NextArrow,
.calcslider .NextArrow {
  position: absolute;
  top: 45%;
  right: 15px;
  width: 45px;
  height: 45px;
  border: 0 none;
  text-align: center;
  font: 17px/36px;
  font-family: "Font Awesome 6 Pro";
  color: #fff;
  z-index: 5;
  margin-top: 45px;
  border-radius: 50px;
  outline: none;
  transition: all 0.3s ease-out 0s;
}

.homepageSlider .NextArrow:before,
.calcslider .NextArrow:before {
  content: "\f105";
}

.homepageSlider .PrevArrow,
.calcslider .PrevArrow {
  position: absolute;
  top: 45%;
  left: 15px;
  width: 45px;
  height: 45px;
  border: 0 none;
  text-align: center;
  font: 17px/36px;
  font-family: "Font Awesome 6 Pro";
  color: #fff;
  z-index: 5;
  margin-top: 35px;
  border-radius: 50px;
  outline: none;
  transition: all 0.3s ease-out 0s;
}

.homepageSlider .PrevArrow:before,
.calcslider .PrevArrow:before {
  content: "\f104";
}

.homepageSlider .slick-dots li button:before,
.calcslider .slick-dots li button:before {
  color: #60d880;
  font-size: 10px;
}

.homepageSlider .slick-dots li.slick-active button:before,
.calcslider .slick-dots li.slick-active button:before {
  color: #fff;
}

.info-text {
  max-width: 600px;
}

.info {
  display: none;
}

.slick-slide .info {
  display: block;
}

.info {
  position: absolute;
  left: 30px;
  right: 0;
  top: 50%;
  margin: 30px auto auto;
  max-width: calc(1368px - 30px);
  color: white;
  transform: translateY(-50%);
  text-align: left !important;
  background: none;
  height: auto;
}

.info > div {
  max-width: 500px;
  width: clamp(450px, 40%, 500px);
  margin: 0;
  font-size: 16px;
  line-height: 24px;
}

.info > div h3 {
  border-bottom: medium none;
  font-weight: 600;
  margin-bottom: 0px;
  padding-top: 10px;
  padding-bottom: 20px;
  line-height: 1.125em;
  text-transform: initial;
  margin-top: 0;
}

.info > div h3:before {
  content: "";
  height: 50px;
  position: absolute;
  left: 0;
  width: 5px;
  margin: auto;
  top: 37px;
}

.centerLeft > div {
  margin: auto auto auto 0;
  text-align: left !important;
}

.centerCenter > div {
  margin: auto;
  text-align: center !important;
}

.centerRight > div {
  margin: auto 0 auto auto;
  text-align: right !important;
}

.sliderList {
  margin-left: -25px;
}

.sliderList li {
  font-size: 1.063rem;
  font-size: clamp(0.75rem, 0.75rem + 2vw, 1.063rem);
  margin-bottom: 0;
  font-weight: 300;
  color: white;
  padding: 2px 0;
}

.slidebutton {
  margin-top: 1.5rem;
}

.slick-dots li {
  margin: 0;
}

.Modern-sliderV2 {
  transition: all 1.2s ease;
}

.Modern-sliderV2 .slick-slide {
  max-height: 100%;
  position: relative;
}

.homepageSlider .NextArrow,
.homepageSlider .PrevArrow,
.calcslider .NextArrow,
.calcslider .PrevArrow {
  top: 45%;
  background: rgba(0, 0, 0, 0.3);
}

.homepageSlider .slick-dots li.slick-active button::before,
.homepageSlider .slick-dots li button::before,
.homepageSlider .slick-dots li.slick-active button::before,
.calcslider .slick-dots li button::before {
  color: #fff;
}

.homepageSlider img,
.calcslider img {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.homepageSlider img.lazyloaded,
.calcslider img.lazyloaded {
  filter: blur(0);
}

/*** split image banner ***/

.splitPictureWrapper {
  overflow: hidden;
}

.splitPictureWrapper .twoCurves .BannerImages .col-bgr-cover-left,
.splitPictureWrapper .twoCurves .BannerImages .col-bgr-cover-right,
.splitPictureWrapper .twoCurves .BannerImages .curve,
.splitPictureWrapper .twoCurves .BannerImages .secondcurve {
  min-height: 500px;
  overflow: hidden;
}

/* ---------------------------------------------------------------------------------------------------------------- 3.2 SPOTLIGHTS */

/*** basic spotlights ***/

.spotlights-wrapper h2:before,
h1#pageHeading:before,
.container.bodyStart h1:before {
  content: "";
  height: 1px;
  position: absolute;
  width: 5rem;
  left: 0;
  bottom: -1px;
}

.spotlights {
  width: 100%;
  margin-bottom: 0;
}

.spotlight {
  display: flex;
  flex-direction: column;
}

.spotlight-box {
  border-top: none;
  border-bottom: none;
  padding: 5px 0.5rem 18px !important;
}

.spotlights h2 {
  text-align: center;
  font-weight: normal;
  font-weight: 600;
  margin: 30px 0 10px;
  text-align: left;
  margin-top: 0;
}

.spot-icon {
  height: 90px;
  text-align: right;
  margin: auto 0 auto auto;
  width: 90px;
  position: relative;
}

.spotlights img {
  padding: 12px 0;
  height: 90px;
  height: clamp(80px, 60px + 2vw, 90px);
  margin: auto;
  z-index: 1;
  position: relative;
}

.spotlights .fa-stack {
  width: 100%;
}

.spotlights p {
  text-align: left;
}

.spot-icon-bgr {
  width: 75px;
  height: 75px;
  width: clamp(65px, 65px + 2vw, 85px);
  height: clamp(65px, 65px + 2vw, 85px);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
  border-radius: 50%;
  z-index: 0;
  display: none;
}

.spot-icon-bgr::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 85px;
  height: 85px;
  margin: auto;
  bottom: 0;
}

.spotlights a,
.button,
.contactUsForm input[type="submit"],
.umbraco-forms-navigation input[type="submit"] {
  text-transform: initial;
  font-size: clamp(0.75rem, 0.75rem + 2vw, 1rem);
  text-align: center;
  margin: 0;
  color: white;
  font-weight: normal;
  border: none;
  padding: 9px 15px;
  display: block;
}

.spotlights a {
  display: block;
}

.spotlights a:hover,
.button a:hover,
.contactUsForm input[type="submit"]:hover,
.umbraco-forms-navigation input[type="submit"]:hover {
  text-decoration: none;
  color: white;
  filter: brightness(1.05);
}

.spotlights::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 0;
  bottom: 0;
  margin: auto;
}

.spotlights.spot1:before {
  display: none;
}

/*** spotlight grid - CSS grid ***/

.spotlight-grid .row {
  max-width: 1129px;
  margin: auto;
}

.parent5Across {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 15px;
}

.parent4Across {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 15px;
}

.parent3Across {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 15px;
}

.parent2Across {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 15px;
}

.parent1Across {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 15px;
}

.spotlight-grid .spotlight-box {
  padding: 0 !important;
  max-width: 100%;
  background: white;
  margin-bottom: 0;
}

.spotlight-grid .spotlights p {
  display: table-cell;
  vertical-align: middle;
  height: 50px;
  font-size: 0.938rem;
}

.spotlight-grid .spot-icon {
  height: 50px;
}

.spotlight-grid .spotlights img {
  padding: 0;
  width: 46px;
  height: 46px;
}

.spotlight-grid .spot-text {
  width: 90%;
  padding: 5px 0 20px 30px;
}

/* ---------------------------------------------------------------------------------------------------------------- 3.3 FANCY NUMBERED LIST */

.TopFeatures a,
.TopFeatures a:hover {
  height: auto;
  width: 100%;
}

.features-icon {
  font-size: 8.375em;
  font-size: clamp(3em, 3em + 2vw, 8.375em);
  font-weight: bold;
  letter-spacing: -3px;
  position: relative;
  text-indent: -38px;
  max-width: 80px;
  min-width: 55px;
  height: 100%;
  line-height: normal;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.features-icon:after {
  content: "";
  height: 0;
  position: absolute;
  right: 0;
  width: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.features-main {
  border-bottom: medium none;
  font-size: clamp(0.688rem, 0.688rem + 2vw, 1.125rem);
  font-weight: 600;
  margin: 0;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.features-sub {
  font-weight: normal;
  line-height: 1.4em;
  margin: 0;
  opacity: 0.8;
  font-size: clamp(0.438rem, 0.438rem + 2vw, 0.875rem) !important;
}

/* ---------------------------------------------------------------------------------------------------------------- 3.4 NEWS SECTION */

#featured {
  overflow: hidden;
}

.newsboxes div:nth-child(2) .rounded-0 {
  overflow: hidden;
}

.newsboxes div:nth-child(4) .rounded-0 {
  overflow: hidden;
}

.news-cat {
  border: 1px solid #caced5;
}

.news-meta {
  font-size: 0.813rem;
  font-weight: 300;
  color: white;
}

.category {
  font-size: 0.813rem;
  border: 1px solid rgba(255, 255, 255, 0.5);
  width: auto;
  display: inline;
  border-radius: 5px;
  padding: 2px 5px;
  color: white !important;
}

h2.post-title {
  font-size: 1.125rem;
  border: none !important;
  padding-bottom: 0 !important;
  margin: 5px 0 !important;
  opacity: 1;
}

h2.post-title:before {
  display: none;
}

.carousel-indicators li {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  margin-right: 5px;
  margin-left: 5px;
}

.article {
  margin-top: -163px;
  max-width: 1368px !important;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

.newsboxes h2 {
  font-weight: 600;
  border: none !important;
  padding-bottom: 0 !important;
  font-size: clamp(0.938rem, 0.938rem + 2vw, 1.25rem) !important;
}

.newsboxes h2:before {
  display: none;
}

div.rounded-0 span.badge-primary,
.newsboxes div.rounded-0 span.badge-primary {
  color: white;
  border: 1px solid rgba(255, 255, 255, 0.5);
}

span.badge-primary:focus,
span.badge-primary:hover {
  background: none;
}

.badge {
  font-size: 0.75rem;
  font-weight: 300;
  background: none;
}

.b-0 {
  bottom: 0;
}

.bg-shadow {
  background: rgba(76, 76, 76, 0);
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0%, rgba(179, 171, 171, 0)),
    color-stop(49%, rgba(48, 48, 48, 0.5)),
    color-stop(100%, rgba(19, 19, 19, 0.75))
  );
  background: linear-gradient(
    to bottom,
    rgba(179, 171, 171, 0) 0%,
    rgba(48, 48, 48, 0.5) 49%,
    rgba(19, 19, 19, 0.75) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 );
  padding: 40px 16px 20px !important;
}

.carousel-item .bg-shadow {
  padding-bottom: 25px !important;
}

.top-indicator {
  right: 0;
  top: 1rem;
  bottom: inherit;
  left: inherit;
  margin-right: 1rem;
}

.overflow {
  position: relative;
  overflow: hidden;
}

.zoom img {
  transition: all 0.2s linear;
}

.zoom:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.NewsWidgetsliderDetailed .slick-slide .slide .row > .col-md-12 {
  padding: 0;
}

.news-cat {
  border: none;
  display: inline;
  padding: 0.5rem 1.5rem;
  border-radius: 0;
  color: white !important;
  position: absolute;
  background: #00b0ad;
  background-color: rgb(0, 176, 173);
  font-weight: 500;
  z-index: 1;
  font-size: 0.813rem;
}

/*** news carousel on homepage ***/

.lib-row.lib-desc a:hover {
  color: #182958;
}

a h2.articleTitle:hover {
  color: #182958;
}

/*** news carousel - 3 across ***/

.detailedImageContainer {
  position: relative;
  overflow: hidden;
  transform: translateZ(0);
  max-height: 200px;
}

/*** news carousel - 4 across ***/

.NewsWidgetsliderDetailed4Across .col-md-12 {
  padding: 15px;
}

.news-item {
  margin: 25px 0;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.1s ease-out 0s;
  -moz-transition: all 0.1s ease-out 0s;
  -o-transition: all 0.1s ease-out 0s;
  transition: all 0.1s ease-out 0s;
}

.is-cover.detailedImageContainer img {
  object-fit: cover;
  font-family: "object-fit: cover";
  object-position: center;
  width: 100%;
}

.NewsWidgetsliderDetailed4Across .news-content {
  padding-left: 20px;
  padding-right: 20px;
}

.NewsFourAcrossCarousel .row {
  max-width: 1400px;
  margin: auto;
}

.NewsFourAcrossCarousel .col-xl-12 {
  padding: 0;
}

.NewsWidgetsliderDetailed4Across .articleDate {
  font-size: 0.875rem;
  font-weight: 400;
  top: 0;
  opacity: 1;
  color: #aaaaaa;
  margin-left: 5px;
}

.news-content i,
.news-content .articleDate {
  color: #aaaaaa;
}

/* ---------------------------------------------------------------------------------------------------------------- 3.4.1 NEWS ARTICLES SCROLL WIDGET */

.cardbox {
  width: calc(100% - 30px);
  margin: 15px auto auto;
  padding: 15px;
  border-radius: 5px;
}

.cardbox:last-child {
  margin-bottom: 15px;
}

.cardbox h2.post-title {
  margin: 0;
}

.cardbox small {
  color: initial;
}

.cardbox .author {
  display: none;
}

.cardbox .news-cat {
  font-size: 13px !important;
}

.cardbox-img {
  position: relative;
  overflow: hidden;
}

.cardbox-item p {
  display: none;
}

.cardbox-item img {
  transition: all 0.2s linear;
}

.cardbox-item a:hover img {
  transform: scale(1.1);
}

.all-news-link {
  margin-top: 0.5rem;
}

/* ---------------------------------------------------------------------------------------------------------------- 3.4.2 NEWS FILTERS */

.newsFiltersbar.container {
  max-width: 100% !important;
  padding: 0.5rem 0;
  box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.16);
}

.newsFiltersbar .row {
  max-width: 1381px;
  margin: auto;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px;
}

.newsFiltersbar .row > * {
  width: auto;
  flex-shrink: 1;
}

.mainBox.container {
  max-width: 1435px !important;
}

.mainBox .container-fluid {
  padding: 0;
}

.newsFiltersSelect .quick-select-dropdown {
  background: #d9ebf4;
  border-bottom: 0;
}

.newsFiltersSelect .bootstrap-select > .dropdown-toggle,
.newsFiltersSelect .show > .btn-light.dropdown-toggle,
.newsFiltersSelect .btn-light:not(:disabled):not(.disabled).active:focus,
.newsFiltersSelect .btn-light:not(:disabled):not(.disabled):active:focus,
.newsFiltersSelect .show > .btn-light.dropdown-toggle:focus {
  min-width: 325px;
  background: none;
  color: #3c3c3c;
  font-weight: 400;
  padding: 10px 10px 10px 0 !important;
  font-size: 0.938rem;
}

.newsFiltersSelect .bootstrap-select > .dropdown-toggle:after {
  right: 2rem;
}

.newsFiltersSelect .bootstrap-select .dropdown-menu {
  border: none;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(53, 69, 95, 0.2);
  margin-top: 5px;
  background: white;
}

.bootstrap-select .dropdown-menu li {
  color: #182958;
}

.newsFiltersHeading h3 {
  font-size: 0.938rem;
  font-weight: 700;
  color: #182958;
}

/* ---------------------------------------------------------------------------------------------------------------- 3.4.3 NEWS ARTICLE PAGE */

/*** article page - type 1 ***/

.article .container {
  background: white;
  padding: 0;
}

.article {
  margin-top: -163px !important;
  max-width: 1368px !important;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

.news-page h1 {
  color: inherit;
  font-weight: 600;
  left: 30px;
  max-width: calc(100% - 60px);
  top: -15px;
}

.text-article {
  vertical-align: top;
  padding-top: 53px !important;
  padding-top: 0px;
}

.text-article a.backNews {
  background: url("../content/images/back_news.svg") no-repeat left top 4px;
  padding-left: 23px;
  line-height: normal;
  margin-top: 30px;
  display: inline-block;
}

.latest-news {
  margin-top: -8rem !important;
}

#articleDetailsMasonryBottom {
  display: block;
  padding: 15px 0;
  margin: 0 25px;
  font-size: 14px;
  opacity: 0.7;
}

.art-img {
  position: relative;
}

.art-img img {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 20px;
  border-radius: 0;
}

.art-img .art-title {
  position: absolute;
  bottom: 0;
  padding: 40px 30px 160px;
}

.art-img.noImage .art-title {
  position: relative;
}

.art-title h1 {
  color: white;
  margin-bottom: 0;
  line-height: 2rem;
}

.art-text {
  max-width: 1550px;
}

.articleContainer {
  background: white;
  min-height: 300px;
  border-radius: 0;
  margin-top: -120px;
}

.article {
  margin-top: 160px;
}

.text-detail {
  padding: 50px 20px 0 50px;
  margin-top: 0;
}

.newsboxes h2 {
  font-weight: 600;
  border: none !important;
  padding-bottom: 0 !important;
  font-size: clamp(0.938rem, 0.938rem + 2vw, 1.25rem) !important;
}

.newsboxes h2:before {
  display: none;
}

.author {
  font-style: italic;
  font-size: 14px;
  padding: 2px 0;
  background: url(../content/images/author.svg) no-repeat left 5px center / 10px
    auto;
  padding-left: 25px;
}

/*** article page - type 2 ***/

.articleType2 .breadcrumb {
  background: none;
  padding: 0;
  margin-bottom: 0;
}

.articleType2 > .container {
  max-width: 668px !important;
}

.articleType2 .row {
  margin: 0;
}

.articleType2 .offset-lg-1 {
  margin-left: 0;
  width: 100%;
}

.text-articleType2 {
  padding: 0;
  margin-top: 2rem;
}

.text-articleType2 .container {
  padding: 0;
}

.articleType2.articleDate {
  color: #aaa;
  font-size: 0.875rem;
  font-weight: 400;
  position: relative;
  top: 0;
  background: white;
}

.articleType2.articleDate i {
  margin-right: 5px;
  font-size: 1rem;
}

.articleType2 h1 {
  font-size: 2.25rem;
}

.text-articleType2 ol {
  padding-left: 2rem;
  list-style: none;
  counter-reset: my-awesome-counter;
}

.text-articleType2 ol > li {
  padding: 0;
  list-style-position: inside;
  counter-increment: my-awesome-counter;
}

.text-articleType2 ol > li:last-child {
  border: none;
}

.text-articleType2 ol > li::before {
  content: counter(my-awesome-counter) ". ";
  color: #00b0ad;
  font-weight: 700;
  margin-right: 10px;
}

.text-articleType2 ol > li ul {
  padding-top: 10px;
}

.text-articleType2 ol > li ul li {
  list-style-position: outside;
  margin-left: 15px;
  padding-left: 5px;
}

.backNews {
  display: none;
}

.more-news-button-wrapper .btn {
  margin: auto;
}

.Related-articles {
  background: white;
}

.Related-articles .news-sidebar {
  max-width: 1381px;
  margin: auto;
  padding-bottom: 2rem;
}

/* ---------------------------------------------------------------------------------------------------------------- 3.4.4 ARTICLE DATE */

.day {
  font-size: 38px;
  font-weight: bold;
  display: inline-block;
  line-height: 1.95rem;
  margin-right: 5px;
}

.month-year {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  margin-left: 0;
  position: relative;
  top: 3px;
  line-height: 1.5rem;
}

.month {
  display: block;
  line-height: 0.675rem;
}

/* ---------------------------------------------------------------------------------------------------------------- 3.4.5 ARTICLE SOCIAL SHARE */

/* ---------------------------------------------------------------------------------------------------------------- 3.4.6 ARTICLE TAGS */

.tags {
  font-size: 15px;
  font-weight: bold;
}

/* ---------------------------------------------------------------------------------------------------------------- 3.4.7 NEWS MASONRY GRID */

/*** news masonry grid - type 1 (no filters) ***/

.grid {
  text-align: left;
  max-width: 98vw;
  margin: 1vw auto;
}

.grid-sizer {
  width: 98vw;
}

.Newsgrid__item {
  box-sizing: border-box;
  display: inline;
  box-shadow: 0 10px 30px rgba(53, 69, 95, 0.2);
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}

.NewsArticles.are-images-unloaded {
  opacity: 0;
}

.Newsgrid__item,
.Newsgrid__col-sizer {
  width: 23%;
}

.Newsgrid__gutter-sizer {
  width: 2%;
}

/* hide by default */
.Newsgrid.are-images-unloaded .image-grid__item {
  opacity: 0;
}

.Newsgrid__item {
  margin-bottom: 20px;
  float: left;
}

#NewsDetailsMasonry {
  padding: 25px;
}

#NewsDetailsMasonry p {
  color: #35455f;
}

#NewsDetailsMasonryBottom {
  border-top: 1px solid #caced5;
  display: block;
  padding: 15px 0;
  margin: 0 25px;
  font-size: 14px;
  opacity: 0.7;
  color: #35455f;
  font-family: "Lato";
}

.Newsgrid__item img {
  display: block;
  width: 100%;
  height: auto;
  filter: blur(50px);
  transition: filter 0.3s ease-in-out 0;
}

.Newsgrid__item img.lazyloaded {
  filter: blur(0);
}

#articleGrid {
  margin-top: 10px;
}

.grid-item {
  box-sizing: border-box;
  display: inline;
  box-shadow: 0 10px 30px rgba(53, 69, 95, 0.2);
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}

.grid-item:hover {
  box-shadow: 0 0 30px rgba(53, 69, 95, 0.2);
}

#articleDetailsMasonry {
  padding: 25px;
}

/*** news masonry grid - type 2 (infinite scrolling) ***/

.articleType2 {
  background: #f5f5f5;
}

.articleType2 > .container {
  max-width: 1129px !important;
  background: white;
  padding-bottom: 0.5rem;
  margin-bottom: 4rem;
}

.articleType2 .row {
  max-width: 668px;
  margin: auto;
}

.details-card {
  margin: 3rem 0;
}

.articleType2 .col-lg-12 {
  padding: 0;
}

.details-card .container-fluid .row {
  display: grid;
  grid-gap: 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-row-gap: 20px;
}

.details-card .container-fluid .row .col-sm-3 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  width: 100%;
  padding: 0 10px;
}

#NewsDate {
  color: #aaa;
  font-size: 0.875rem;
  opacity: 1;
  font-weight: 400;
  position: relative;
  margin-top: 2rem;
  padding: 0 1.5rem;
}

#NewsDate i {
  margin-right: 5px;
  font-size: 1rem;
}

.card-desc h3,
h2.articleTitle {
  line-height: 23px;
  font-weight: 600;
  min-height: 46px;
}

.card-content {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.card-desc {
  padding: 0 1.5rem 1rem;
}

.card-desc p {
  min-height: 70px;
}

.card-content .btn i {
  display: none;
}

.card-content .btn::after {
  padding: 1px 12.5px;
}

.card-content:hover .btn::after,
.servicesPadding:hover .button:after {
  background: #00b0ad;
  color: white;
}

.news-header p {
  font-size: 17px;
  font-weight: 600;
  max-width: 568px;
}

/*** news masonry - type 2 paging (deprecated) ***/

.pagingWrapper {
  display: flex;
  width: 100vw;
  margin: 2rem calc(-0vw + 177%) 0;
}

.pagingWrapper .fas:before {
  color: #00b0ad;
}

.paging-block.text-center {
  margin: 0 1.5rem;
  color: #00b0ad;
  font-size: 0.938rem;
  font-weight: 500;
}

#paging {
  display: flex;
  justify-content: center;
  margin: 40px auto;
}

.paging-block {
}

.paging-block a {
  color: #5a5a5a;
  text-transform: uppercase;
  padding: 15px;
  border: 1px solid #ccc;
  margin: 10px;
}

.paging-block #PrevArticles:before,
.paging-block #NextArticles:after {
  font-size: 16px;
  line-height: 16px;
  font-family: "Font Awesome 6 Pro";
  font-weight: 500;
}

.paging-block #PrevArticles:before {
  margin-right: 10px;
  content: "\f053";
}

.paging-block #NextArticles:after {
  margin-left: 10px;
  content: "\f054";
}

#NewsArticles {
  margin-left: 27px;
}

/*** news global CTA section ***/

.NewsGlobalCTA.imageRight .card > .row {
  min-height: 500px;
  max-width: 100%;
  margin: 0;
}

.imageRight .heroWrapperContainer {
  margin: auto;
  height: 100%;
}

.imageRight .heroWrapper {
  max-width: 790px;
  margin: auto 0 auto auto !important;
  padding-left: 130px !important;
  padding-right: 5rem !important;
}

.imageRight .BannerImages .curve {
  right: auto;
}

.imageRight .BannerImages .secondcurve {
}

.footer-wrapper,
.footer-wrapper p {
  margin-top: 0 !important;
}

/*** news header (top of the page) - umbraco blocks ***/

.news-header .BannerText,
.news-header .BannerImages .col-bgr-cover-left {
  min-height: 350px;
}

.news-header h2 {
  font-size: 2.25rem;
  margin-bottom: 25px;
  font-weight: 700 !important;
}

/* ---------------------------------------------------------------------------------------------------------------- 3.5 COUNTERS */

.banner {
  text-align: center !important;
  font-weight: 600;
  background: #fff !important;
  border-radius: 0;
  margin: auto;
  z-index: 2;
  position: relative;
}

.downpointer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -12px;
  width: 20px;
  height: 20px;
  background: red;
  margin: auto;
  transform: rotate(45deg);
}

.banner-wrap::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -9px;
  width: 20px;
  height: 20px;
  background: white;
  margin: auto;
  transform: rotate(45deg);
}

.banner .counter {
  font-size: 40px;
  line-height: 60px;
  margin-bottom: 10px;
}

.banner .currency {
  font-size: 40px;
  line-height: 60px;
  margin-bottom: 10px;
}

.banner-subtitem {
  margin: 0;
  font-size: 1.5rem;
  color: white;
}

.banner .banner-content {
  padding: 40px 0 30px;
}

.banner .banner-icon {
  height: 210px;
  background-size: cover;
  background-position: center;
}

.banner-icon .icon-wrap {
}

.banner .banner-icon .icon-wrap {
  border-radius: 50%;
  width: 65px;
  height: 65px;
  display: inline-block;
  position: absolute;
  bottom: 125px;
  box-shadow: 0 0 68px white;
  left: 0;
  right: 0;
  margin: auto;
}

.banner .banner-icon .icon-wrap i {
  display: block;
  line-height: 180px;
  position: relative;
  top: -56px;
}

.banner .banner-icon .icon-wrap i.fa-3x {
  font-size: 1.5rem;
}

/* ---------------------------------------------------------------------------------------------------------------- 3.6 SOCIAL MEDIA SCROLL */

.twitter-feed {
  border: 1px solid #f1f1f1;
  padding-right: 1px;
}

/* ---------------------------------------------------------------------------------------------------------------- 4.0 CONTENT PAGES */

#submenu > h2,
.news-sidebar > h2 {
  font-size: 1.25rem;
  font-weight: 400;
  margin-bottom: 0;
}

.col-bgr-cover {
  background-size: cover;
  height: 100%;
  padding: 0;
  background-position: center;
  background-repeat: no-repeat;
}

.container.content-page-inner {
  padding: 0;
}

.container.content-page h1 {
  text-transform: capitalize;
  margin-top: 0;
}

/* ---------------------------------------------------------------------------------------------------------------- 4.1 CONTENT PAGES HEADER */

/*** basic page header with image ***/

.spHeader.spWithImageHeadingImage.ExtraLarge {
  height: 100vh;
}

.spHeader.spWithImageHeadingImage.Large {
  height: 75vh;
}

.spHeader.spWithImageHeadingImage.Medium {
  height: 50vh;
}

.spHeader.spWithImageHeadingImage.small {
  height: 25vh;
}

.spHeader {
  height: 200px;
}

/*** content page header (top of the page) - umbraco blocks  ***/

.BannerImages .col-bgr-cover-left {
  background-size: cover;
  height: 100%;
  padding: 0;
  background-position: right center;
  background-repeat: no-repeat;
  text-align: center;
  min-height: 500px;
}

.BannerImages .col-bgr-cover-right {
  background-size: cover;
  height: 100%;
  padding: 0;
  background-position: right center;
  background-repeat: no-repeat;
  text-align: center;
  min-height: 500px;
}

.BannerText .flex-centered {
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.BannerText .breadcrumbs {
  margin-bottom: 2rem;
  margin-top: 2rem;
}

.BannerImages .curve {
  position: absolute;
  z-index: 1;
  top: 0;
  background-size: contain;
  right: 0;
  left: 0;
  margin: auto;
  bottom: 0;
  background-repeat: no-repeat;
  width: 170px;
  min-height: 500px;
}

.BannerImages .secondcurve {
  position: absolute;
  top: 0;
  position: absolute;
  z-index: 1;
  top: 0;
  background-size: contain;
  right: -85px;
  left: auto;
  margin: auto;
  bottom: 0;
  background-repeat: no-repeat;
  width: 170px;
  min-height: 500px;
}

.BannerText {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  min-height: 500px;
  max-width: 1381px;
}

.BannerText .heroWrapperContainer {
  max-width: 45%;
  color: white;
  margin-top: -1rem;
}

.news-header .BannerText .heroWrapperContainer {
  max-width: 60%;
  margin-top: -3rem;
}

.BannerText .heroWrapper {
  padding-right: 5rem;
}

.BannerText .heroWrapper-right {
  text-align: right;
}

@media (max-width: 1200px) {
  .BannerImages .col-bgr-cover-left {
    background-position: center;
  }

  .TopBar .top-menu-links ul {
    flex-direction: column !important;
    gap: 10px;
  }

  .btn-group.show .topBarWrapperDropdown_mobile {
    position: relative;
    padding: 5px 10px;
    border: none;
  }
}

@media (max-width: 992px) {
  .hero-banner-left .BannerImages,
  .hero-banner-right .BannerImages {
    flex-direction: column-reverse;
    overflow: hidden;
    position: relative;
    margin: 0;
  }

  .hero-banner-left .BannerImages .curve,
  .hero-banner-right .BannerImages .curve {
    right: auto;
    left: -75px;
    min-height: 300px;
  }

  .BannerImages .col-bgr-cover-right {
    display: none;
  }

  .BannerText {
    position: relative;
    min-height: unset;
    background-position: left center;
    background-size: cover;
  }

  .BannerText .heroWrapperContainer {
    max-width: 100%;
    padding: 2rem 15px;
    margin-top: 0;
  }

  .BannerText.heroWrapper {
    padding-right: 0;
  }
}

@media (max-width: 576px) {
  .BannerImages .col-bgr-cover-left {
    min-height: 200px;
  }

  .BannerImages .curve {
    left: -40px;
  }

  .BannerText .heroWrapper {
    padding-right: 0;
  }
}

/*** content page header (top of the page) - umbraco blocks - breadcrumbs ***/

.breadcrumbWrapper {
  max-width: 1381px;
  margin: 0 auto;
}

#breadcrumb {
  display: inline-block;
  padding-left: 0;
  padding-bottom: 1.5rem;
  margin-bottom: 0;
}

#breadcrumb li {
  list-style-type: none;
  color: #8b8b8b;
  display: inline-block;
}

#breadcrumb a {
  color: #3c3c3c;
}

#breadcrumb li i {
  margin: 0 7px;
  font-size: 0.625rem;
  position: relative;
  top: -1px;
}

.page-header-dark #breadcrumb li:last-child {
  opacity: 0.6;
}

.page-header-light #breadcrumb li:not(li:last-child),
.header-contact #breadcrumb li:not(li:last-child),
.ArticleType2 li:not(li:last-child) {
  color: #3c3c3c;
  opacity: 0.3;
}

.page-header-dark .heroWrapper h2,
.page-header-dark .heroWrapper p,
.page-header-dark #breadcrumb li,
.page-header-dark #breadcrumb li a,
.page-header-dark #breadcrumb li i {
  color: white;
}

/*** contact header - (top of the page) - umbraco blocks ***/

.header-contact {
  max-width: 1381px;
  margin: auto;
  padding: 3rem 15px 0;
  box-shadow: none;
}

.header-contact .spotlights-wrapper {
  box-shadow: none;
}

.header-contact .spotlights-wrapper h2:not(.spotlight-box h2) {
  text-align: center;
  font-size: 2.25rem;
  margin-top: 0;
}

.header-contact .contact-boxes {
  margin: 2rem auto 3rem;
  grid-template-columns: repeat(4, 1fr);
}

.contact-boxes {
  max-width: 896px;
  margin: 0 0 1.5rem;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 15px;
}

.contact-boxes .col-lg-3 {
  width: 100%;
}

.contact-boxes .spotlights {
  padding: 0 1.5rem 1.5rem !important;
  background: white;
  height: 100%;
  width: 100%;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
  border-bottom: 5px solid #cbdb2a;
}

.spotlights-wrapper h2::before {
  display: none;
}

.contact-boxes .spotlights a,
.contact-boxes .spotlights a:hover {
  background: transparent;
  color: #00b0ad;
  text-align: left;
  padding-left: 0;
  position: relative;
  max-width: 140px;
  min-width: 140px;
  font-size: 0.938rem;
  display: block;
  margin-top: 10px;
  text-decoration: none;
  filter: none;
}

.contact-boxes .spotlights a::after,
.contact-boxes .spotlights a:hover:after {
  content: "\f105";
  font-size: 15px;
  line-height: 28px;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  background: #e6f6f6;
  color: #00b0ad;
  border-radius: 50px;
  padding: 1px 12px;
  float: right;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: all 0.1s ease-out 0s;
  -moz-transition: all 0.1s ease-out 0s;
  -o-transition: all 0.1s ease-out 0s;
  transition: all 0.1s ease-out 0s;
}

.contact-boxes .spot-icon {
  text-align: left;
  margin: auto 0;
  width: 55px;
  height: 80px;
}

.contact-boxes .spotlight-box h2 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 8px;
}

.contact-boxes .spotlights p {
  margin-bottom: 0;
}

.contact-boxes .spot-1 .spot-icon {
  background: url("/content/images/clock.svg") no-repeat;
  height: 60px;
  width: 50px;
}

.contact-boxes .spot-1 {
  padding-top: 20px !important;
}

/* ---------------------------------------------------------------------------------------------------------------- 4.2 SIDEBAR */

.news-sidebar {
  margin-top: 15px;
}

#submenu {
  margin-top: 11px;
  margin-bottom: 3rem;
}

#submenu > h2,
.news-sidebar > h2 {
  position: relative;
  text-transform: uppercase;
  margin-top: 7px;
  top: -14px;
  font-size: 1.25rem;
  font-weight: 400;
  margin-bottom: 0;
}

#submenu ul {
  padding-left: 0;
}

#submenu li {
  list-style-type: none;
  padding: 0;
  opacity: 1;
}

#submenu a {
  display: block;
  padding: 10px 0 10px 10px;
  text-transform: capitalize;
  background-image: none;
  font-size: 1rem;
  font-weight: 400;
}

#submenu a:before {
  content: "\f105";
  font-size: 15px;
  line-height: 28px;
  font-family: "Font Awesome 6 Pro";
  float: right;
  margin-right: 20px;
  font-weight: 600;
}

#submenu a:hover {
  text-decoration: none;
  filter: none;
}

/* ---------------------------------------------------------------------------------------------------------------- 4.3 SIDEBAR - NEWS SLIDER */

.TestimonialSlider,
.TestimonialSlider .col-md-12.slick-slide {
  padding: 0 0;
}

.TestimonialSlider h2:not(.articleTitle) {
  padding: 0 15px;
}

.slick-initialized .slick-slide {
  outline: none;
}

.NewsWidgetslider .PrevArrow,
.NewsWidgetslider .NextArrow {
  margin-top: -43px;
}

#NewsArticles {
  margin-left: 30px;
}

a h2.articleTitle {
  text-transform: initial;
  font-size: 1.25rem;
  font-weight: 600;
  color: inherit;
  padding-top: 0;
  margin-top: 10px;
}

a h2.articleTitle:first-letter {
  text-transform: capitalize;
}

.slick-initialized .slick-slide {
  outline: none;
}

/* ---------------------------------------------------------------------------------------------------------------- 4.4 CONTACT US PAGE */

.contactUsbackground-image {
  border-radius: 5px 0 0 5px;
}

.contact_img {
  min-height: 400px;
  background-position: center;
  background-size: cover;
}

.contactUsBackground {
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}

.contact-img {
  background-size: cover;
  background-position: center;
}

.umbraco-form-block {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.umbraco-form-block > div {
  max-width: 470px;
  margin: auto;
}

.globalAddress a {
  font-weight: 600;
}

.adressContact {
  max-width: 400px;
  word-wrap: break-word;
}

.address-labelopeninghours {
  padding-right: 15px;
  font-weight: bold;
  width: 90px;
  display: inline-block;
}

.globalAddress {
  margin: auto;
  width: 100%;
}

.globalAddressWrapper {
  position: relative;
  height: auto;
  font-size: clamp(0.5rem, 0.5rem + 2vw, 0.938rem);
  margin: 60px auto;
  max-width: 410px;
}

.globalAddressWrapper h3 {
  font-weight: 600;
  position: relative;
}

.globaladdress-label {
  font-weight: 300;
}

.globaladdress-labelday {
  display: inline-block;
}

.globaladdressLine {
  height: 30px;
}

.contactUsbackground-image {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.contactUsBackground .col-md-6 {
  padding: 0;
}

.contactUsBackground > .container {
  padding-left: 0;
  padding-right: 0;
}

.contactUsFormWrapper {
  margin: auto;
  font-size: 15px;
  line-height: normal;
}

.address-line.geolocation {
  display: none;
}

.globalAddressWrapper .container {
  padding: 0;
}

#Col1,
#Col2,
#Col3 {
  min-height: 500px;
}

/* ---------------------------------------------------------------------------------------------------------------- 4.5 CAREERS PAGE */

.careersummaryWidget {
  min-height: 400px;
  background-size: cover;
}

.careersummaryWidgetTitle {
  color: #fff;
  position: relative;
}

.careersummaryWidgetTitle h2 {
  text-transform: uppercase;
  margin: 5px 0;
}

.job-count {
  font-weight: 300;
}

.careersummarywidgetHighlight {
  border-left: 15px solid;
  height: 150px;
}

.career-boxes a #careersummaryWidgetLink {
  color: white;
  font-weight: bold;
}

/* ---------------------------------------------------------------------------------------------------------------- 4.6 SERVICES MASONRY GRID */

/*** basic services masory grid ***/

#servicesItem .fa-3x {
  opacity: 1;
  margin: 25px auto 30px;
}

.fa-stack.fa-3x::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 70px;
  height: 70px;
  border-radius: 50px;
  right: 0;
  bottom: 0;
  margin: auto;
}

#servicesItem .fa-square {
  display: none;
}

#servicesItem .fa-stack {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  position: relative;
  vertical-align: middle;
  width: auto;
  margin: 20px auto;
  text-align: center;
  display: block;
}

#servicesItem p {
  font-size: 0.813rem;
  opacity: 0.6;
}

.servicesPadding {
  padding: 20px;
  width: 100%;
  min-height: 280px;
  text-align: center;
  box-shadow: 0 10px 30px rgba(53, 69, 95, 0.2);
  margin-bottom: 25px;
}

/* ---------------------------------------------------------------------------------------------------------------- 4.7 TEAM MASONRY */

.stamp {
  height: 80px !important;
}

.staff-wrapper {
  -webkit-transition: all 0.1s ease-out 0s;
  -moz-transition: all 0.1s ease-out 0s;
  -o-transition: all 0.1s ease-out 0s;
  transition: all 0.1s ease-out 0s;
}

.staff-wrapper:hover {
  transform: scale(1.1);
  z-index: 7;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  position: relative;
}

.staff-details {
  padding: 2px 20px 2px 2px;
  text-align: right;
  color: white;
  position: relative;
}

.staff-details:before {
  content: "";
  position: absolute;
  top: -6px;
  right: 22px;
  width: 12px;
  height: 12px;
  transform: rotate(45deg);
}

.staff-details,
.staff-details::before {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.staff-details h4 {
  font-size: 1.063rem;
  text-transform: capitalize;
  margin: 18px 0 0;
  font-weight: 600;
}

.staff-details p {
  font-weight: 300;
  font-size: 0.813rem;
  letter-spacing: 0.25px;
  opacity: 0.6;
  margin-top: 0;
  color: white;
  opacity: 1;
}

.staff-wrapper .img-fluid {
  margin: 0;
  filter: contrast(1) grayscale(1) opacity(0.7);
}

.staff-wrapper:hover .img-fluid {
  filter: contrast(1) grayscale(0) opacity(1);
}

.staff-wrapper:hover .staff-details,
.staff-wrapper:hover .staff-details::before {
  background: #e48250;
  background: -moz-linear-gradient(left, #e48250 0%, #e45f58 100%);
  background: -webkit-linear-gradient(left, #e48250 0%, #e45f58 100%);
  background: linear-gradient(to right, #e48250 0%, #e45f58 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e48250', endColorstr='#e45f58',GradientType=1 );
}

div#ourStaff {
  padding: 0 !important;
  margin-bottom: 30px;
  margin-top: 10px;
}

/* ---------------------------------------------------------------------------------------------------------------- 4.8 TESTIMONIALS */

.bodyStart #Testimonials .container {
  margin-top: 0;
  box-shadow: none;
  background-size: 100px;
}

.content-page #Testimonials .container {
  background-image: url("../content/images/testimonial-quote.svg");
  background-repeat: no-repeat;
  margin: 0 !important;
  background-position: top -5px right 20px;
  background-size: 60px;
  border-left: none;
}

.container.bodyStart .TestimonialText {
  font-size: clamp(0.563rem, 0.563rem + 2vw, 0.938rem);
  font-weight: bold;
}

.SliderInner .TestimonialSlider .slick-slide {
  padding: 60px 30px 30px;
}

.FullSlider .TestimonialSlider .slick-slide {
  padding-top: 0;
}

.TestimonialText {
  font-style: normal;
  font-size: clamp(0.5rem, 0.5rem + 2vw, 0.938rem);
  font-weight: normal;
  padding: 0;
  margin-top: 10px;
}

.testimonial-img {
  border-radius: 50%;
  overflow: hidden;
  margin: 0 20px 0px 0 !important;
  max-width: 100px;
}

#Testimonials .img-fluid {
  border-radius: 50%;
  width: 85px;
  height: auto;
  margin: 0 auto 20px;
}

.content-page #Testimonials .slider .container .TestimonialText {
  opacity: 1;
}

.align-to-right.TestimonialLink {
  text-transform: capitalize;
}

.content.SliderInner .align-to-right.TestimonialLink {
  float: left;
}

.TestimonialAuthor,
.TestimonialRole,
.TestimonialCompany {
  font-size: clamp(0.625rem, 0.625rem + 2vw, 0.813rem);
  opacity: 0.9;
}

#Testimonials .content.SliderInner .container {
  margin: 0 !important;
  background-position: top -5px right 20px;
  background-size: 60px;
}

#Testimonials .content.FullSlider .container {
  border-left: 5px solid #4997be;
}

/*** testimonials half - image + text section ***/

.testimonials .col-xl-12 {
  padding: 0;
}

.testimonals .BannerText {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  min-height: 400px;
  max-width: 1351px;
}

.testimonals .col-bgr-cover-right {
  background-size: cover;
  height: 100%;
  padding: 0;
  background-position: right center;
  background-repeat: no-repeat;
  text-align: center;
  min-height: 400px;
  background-image: url("/content/CU-Current-Account-Easy-left.jpg");
}

.testimonals .col-bgr-cover-left {
  background-size: cover;
  height: 100%;
  padding: 0;
  background-position: right center;
  background-repeat: no-repeat;
  text-align: center;
  min-height: 400px;
}

.testimonals .BannerText {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  min-height: 400px;
  max-width: 1351px;
}

.testimonals .curve {
  position: absolute;
  z-index: 7;
  top: 0;
  background-size: contain;
  right: 0;
  left: 0;
  margin: auto;
  bottom: 0;
  background-repeat: no-repeat;
  width: 170px;
  min-height: 400px;
  background-image: url("/content/curve.png");
}

.testimonals .flex-centered {
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.testimonals .heroWrapperContainer {
  max-width: 40%;
  color: #3c3c3c;
  margin: auto 0 auto auto;
}

.testimonals .heroWrapper {
  padding-left: 0 !important;
}

.testimonals .TestimonialHeading {
  display: flex;
  justify-content: space-between;
  align-items: first baseline;
}

.testimonals .TestimonialCardHeading {
  margin-bottom: 2.5rem;
  padding: 0 15px;
}

.testimonals .TestimonialCardHeading h2 {
  color: #8766ac;
  font-size: 1rem;
  font-weight: 600;
}

.TestimonialSlider .slick-dots {
  bottom: 0;
  left: 0;
  text-align: left;
  margin-top: 1rem;
  position: relative;
}

.testimonals .btn-primary,
.testimonals .btn-primary:hover,
.testimonals .btn-primary:active,
.testimonals .btn-primary:focus,
.testimonals .btn-primary:not(:disabled):not(.disabled).active,
.testimonals .btn-primary:not(:disabled):not(.disabled):active,
.testimonals .show > .btn-primary.dropdown-toggle,
.news-item .btn-primary,
.news-item .btn-primary:hover,
.news-item .btn-primary:active,
.news-item .btn-primary:focus,
.news-item .btn-primary:not(:disabled):not(.disabled).active,
.news-item .btn-primary:not(:disabled):not(.disabled):active,
.news-item .show > .btn-primary.dropdown-toggle,
#NewsArticle .btn-primary,
#NewsArticle .btn-primary:hover,
#NewsArticle .btn-primary:active,
#NewsArticle .btn-primary:focus,
#NewsArticle .btn-primary:not(:disabled):not(.disabled).active,
#NewsArticle .btn-primary:not(:disabled):not(.disabled):active,
#NewsArticle .show > .btn-primary.dropdown-toggle {
  background: none !important;
  color: #01b0ae !important;
  border: none !important;
  text-align: left !important;
  padding: 0 0 !important;
  margin: 17px 0;
  border: none;
  outline: none;
  position: relative;
  font-weight: 600;
  max-width: 150px !important;
  min-width: 150px !important;
}

.testimonals .btn-primary:hover,
.testimonals .btn-primary:active,
.testimonals .btn-primary:focus,
.news-item .btn-primary:hover,
.news-item .btn-primary:active,
.news-item .btn-primary:focus,
#NewsArticle .btn-primary:hover,
#NewsArticle .btn-primary:active,
#NewsArticle .btn-primary:focus {
  color: #01b0ae;
  border: none;
  outline: none;
  filter: none;
}

.testimonals .btn-primary:after,
.news-item .btn-primary:after,
#NewsArticle .btn-primary:after {
  content: "\f105";
  font-size: 17px;
  line-height: 28px;
  font-family: "Font Awesome 6 Pro";
  font-weight: 500;
  background: #e6f6f6;
  color: #00b0ad;
  border-radius: 50px;
  padding: 1.5px 12.5px;
  float: right;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

/* ---------------------------------------------------------------------------------------------------------------- 4.9 CARDS */
.card {
  border: none;
  border-radius: 0;
  overflow: hidden;
  color: inherit;
}

.card-body {
  padding: 40px !important;
}

.card-top .card-body {
  padding: 30px !important;
}

/* .card-icon {
  max-width: 150px;
  display: block;
} */

.card-left img,
.card-right img {
  object-fit: cover;
}

.card-text-wrapper {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50px;
  transform: translate(0, -50%);
  text-align: left;
}

.card-background img {
  filter: blur(0.75px) grayscale(1) contrast(0.5);
}

.card-left img,
.card-right img {
  max-width: 250px;
  padding: 30px;
}

/* ---------------------------------------------------------------------------------------------------------------- 4.9.1 GRID CARDS*/

.cardGrid {
  overflow: hidden;
  display: flex;
  position: relative;
}

.cardBgLight.cardGrid {
  background: #f1f1f1;
}

.cardBgDark.cardGrid {
  background: #213b4a;
}

.cardGrid-body {
  padding: 20px;
  position: relative;
}

.cardGrid-body.cardGrid-body-left {
  text-align: left;
}

.cardGrid-body.cardGrid-body-right {
  text-align: right;
}

.cardGrid-body.cardGrid-body-center {
  text-align: center;
}

.cardBgLight .cardGrid-body {
  color: #213b4a;
}

.cardBgDark .cardGrid-body {
  color: #f1f1f1;
}

.cardGrid-heading {
  margin-top: 0;
}

.cardGrid-subheading {
  margin-top: 0;
}

.cardBgLight .cardGrid-heading {
  color: #213b4a;
}

.cardBgLight .cardGrid-subheading {
  color: #213b4a;
}

.cardBgDark .cardGrid-heading {
  color: #f1f1f1;
}

.cardBgDark .cardGrid-subheading {
  color: #f1f1f1;
}

.cardGrid-image {
  position: relative;
  display: block;
}

.cardGrid-icon {
}

.cardGrid-iconFA {
  font-size: 50px;
  line-height: 50px;
}

.cardGridButtonList {
  list-style: none;
  padding: 0;
  margin: 0;
}

.cardGridButtonList li {
  display: inline-block;
}

.cardGrid-top {
  flex-direction: column;
}

.cardGrid-bottom {
  flex-direction: column-reverse;
}

.cardGrid-left {
  flex-direction: row;
}

.cardGrid-left .cardGrid-image {
  width: 30%;
}

.cardGrid-left .cardGrid-body {
  width: 70%;
}

.cardGrid-right {
  flex-direction: row-reverse;
}

.cardGrid-right .cardGrid-body {
  width: 70%;
}

.cardGrid-right .cardGrid-image {
  width: 30%;
}

.cardGrid-halfleft {
  flex-direction: row;
}

.cardGrid-halfleft .cardGrid-image {
  width: 50%;
}

.cardGrid-halfleft .cardGrid-image img {
  height: 100%;
  width: auto;
  object-fit: cover;
}

.cardGrid-halfleft .cardGrid-body {
  width: 50%;
}

.cardGrid-halfright {
  flex-direction: row-reverse;
}

.cardGrid-halfright .cardGrid-image {
  width: 50%;
}

.cardGrid-halfright .cardGrid-image img {
  height: 100%;
  width: auto;
  object-fit: cover;
}

.cardGrid-halfright .cardGrid-body {
  width: 50%;
}

/* ---------------------------------------------------------------------------------------------------------------- 4.10 FLIP CARDS */

.jag-faq-theme9 .jag-flip-faq-wraper .back {
  background: #cac9b5;
}

.jag-faq-question {
  position: absolute;
  bottom: 10px;
  right: 20px;
  border-bottom: none !important;
}

.jag-faq-question-back {
  position: absolute;
  top: 30%;
  color: #ffffff;
  font-size: 24px;
  text-align: left;
  line-height: 30px;
}

.jag-faq-answer {
  position: absolute;
  top: 45%;
}

.MoreInfoDiv {
  margin-top: 20px;
}

/* ---------------------------------------------------------------------------------------------------------------- 4.11 DONUT CHART */

.circular-chart {
  max-height: 140px !important;
}

.linkfeat {
  background: rgba(76, 76, 76, 0);
  background: -moz-linear-gradient(
    top,
    rgba(76, 76, 76, 0) 0%,
    rgba(48, 48, 48, 0) 49%,
    rgba(19, 19, 19, 1) 100%
  );
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0%, rgba(76, 76, 76, 0)),
    color-stop(49%, rgba(48, 48, 48, 0)),
    color-stop(100%, rgba(19, 19, 19, 1))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(76, 76, 76, 0) 0%,
    rgba(48, 48, 48, 0) 49%,
    rgba(19, 19, 19, 1) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(76, 76, 76, 0) 0%,
    rgba(48, 48, 48, 0) 49%,
    rgba(19, 19, 19, 1) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(76, 76, 76, 0) 0%,
    rgba(48, 48, 48, 0) 49%,
    rgba(19, 19, 19, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(76, 76, 76, 0) 0%,
    rgba(48, 48, 48, 0) 49%,
    rgba(19, 19, 19, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 );
}

#data-label {
  font-size: 20px;
  position: absolute;
}

.doughnutLabel_Main {
  color: #35455f !important;
  font-size: 0.425em !important;
  font-weight: bold !important;
}

/* ---------------------------------------------------------------------------------------------------------------- 4.12 ANIMATED CHARTS */

.donutChart {
  margin-top: 30px;
}

.greyGradient h2 {
  padding-top: 30px;
}

.greyGradient h3 {
  font-size: 1rem;
  text-transform: capitalize;
}

.circular-chart {
  max-width: 65%;
}

/* ---------------------------------------------------------------------------------------------------------------- 4.13 IMAGE GALLERY */

.gallery {
  display: inline-block;
  margin-top: 20px;
}

.container {
  position: relative;
  width: 100%;
  max-width: 400px;
}

#gallerythumbnail,
#galleryPreview {
  display: block;
  width: 100%;
  height: auto;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.gallery-item .container:hover .overlay,
.gallery-item:hover .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 1;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.gallery-item:hover .overlay {
  width: calc(100% - 30px);
  margin: auto;
}

.gallery-item .container:hover #gallerythumbnail,
.gallery-item:hover #galleryPreview {
  transform: scale(1.2);
}

.gallery-item .container {
  overflow: hidden;
}

.gallery-item .icon {
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  display: none;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.gallery-item:hover .icon {
  display: block;
}

/* ---------------------------------------------------------------------------------------------------------------- 4.14 GOOGLE MAPS */

#map {
  float: left;
}

.google-map {
  position: relative;
  z-index: 1;
}

.googleMapsInfoWindow {
  margin: 0;
  padding: 10px 0px 0 5px;
}

.googleMapsInfoWindow h4 {
  margin: 0 0 10px;
}

button.gm-ui-hover-effect {
  top: 10px !important;
  right: 10px !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50%;
}

button.gm-ui-hover-effect img {
  pointer-events: none;
  display: block;
  width: 18px !important;
  height: 18px !important;
  margin: 4px !important;
}

#toprow {
  padding: 0 0 15px;
  margin: 0;
  font-size: 14px;
  line-height: 18px;
}

#toprow a {
  font-weight: 600;
}

#address {
  padding: 0;
}

div#details strong {
  width: 50px;
  display: inline-block;
  margin-right: 5px;
  text-align: right;
}

span.alttel a,
span.altfax a {
}

.address-label.open-title {
  text-transform: uppercase;
  width: 100%;
  display: block;
}

#directionsButton {
  padding-left: 0;
  padding-right: 0;
  margin-top: 0 !important;
}

#bottomrow {
  padding: 15px;
  margin: 0;
  font-size: 14px;
  line-height: 18px;
}

div#bottomrow p {
  margin-bottom: 0;
  font-size: 11px;
  line-height: normal;
  margin-top: 12px;
}

#directionsButton span.btn {
  color: white;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  padding: 7px 15px 7px 10px;
  letter-spacing: 0.5px;
  line-height: 18px;
  border-radius: 5px;
  line-height: 1.5rem;
}

#directionsButton span.btn:hover {
  background: #0072ec;
}

i.fas.fa-directions {
  font-size: 22px;
  opacity: 0.5;
  margin-right: 7px;
  vertical-align: bottom;
}

i.fa-map-marker-alt {
  height: 20px;
  float: left;
  line-height: 36px;
  margin-right: 10px;
  font-size: 24px;
  opacity: 0.3;
}

div#coords {
  padding-top: 2px;
}

@-webkit-keyframes slide {
  0% {
    -webkit-transform: scaleX(0.4);
    transform: scaleX(0.4);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
  }

  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
  }
}

@keyframes slide {
  0% {
    -webkit-transform: scaleX(0.4);
    transform: scaleX(0.4);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
  }

  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
  }
}

div#containerDirections {
  font-size: 15px;
  -webkit-animation: slide 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: slide 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.adp,
.adp table,
#googleMapsDiv {
  color: white !important;
}

.adp-substep .adp-stepicon .adp-maneuver {
  filter: invert(1) brightness(2);
}

.adp-step,
.adp-substep {
  border-top: 1px solid rgba(255, 255, 255, 0.25) !important;
}

.adp-placemark {
  background: rgba(255, 255, 255, 0.15) !important;
  border: none !important;
  padding: 5px !important;
}

table.adp-placemark td:first-child {
  padding: 10px;
}

.adp-details,
.adp-legal {
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.5) !important;
  padding-bottom: 7px;
}

div#googleMapsDiv h3 {
  margin-bottom: 10px;
}

div#googleMapsDiv a {
  margin-bottom: 20px;
  display: block;
}

img#hideDirections {
  position: absolute;
  top: 13px;
  right: 16px;
  text-indent: -9999px;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  cursor: pointer;
  padding: 4px;
  opacity: 0.7;
  -webkit-transition: all 0.1s ease-out 0s;
  -moz-transition: all 0.1s ease-out 0s;
  -o-transition: all 0.1s ease-out 0s;
  transition: all 0.1s ease-out 0s;
}

img#hideDirections:hover {
  opacity: 1;
}

#toprow .container {
  margin: 0;
  padding: 0;
}

#bottomrow .col-md-6.noBorder {
  padding: 0;
}

/* ---------------------------------------------------------------------------------------------------------------- 4.15 404 ERROR PAGE */

.error-page {
  background-image: url("../content/images/error-page-bgr.svg");
  background-size: 600px auto;
  background-position: bottom -130px right;
  background-repeat: no-repeat;
}

.error-page h2 {
  font-size: 1.375rem;
  font-size: clamp(1rem, 1rem + 2vw, 1.375rem);
  margin: 0;
}

.error-page li {
  list-style-type: none;
}

.error-page li a {
  font-weight: 600;
}

.error-bgr {
  min-width: 250px;
  max-width: 300px;
  margin: auto;
}

.error-page ul {
  column-count: 2;
  margin-top: 15px;
  padding-left: 1rem;
}

/* ---------------------------------------------------------------------------------------------------------------- 4.16 SEARCH RESULT PAGE */

.top-color {
  margin-top: -164px;
}

.search-panel {
  height: 140px;
  width: 100%;
  display: flex;
}

.searchresults p {
  margin-bottom: 30px;
  margin-top: 0;
}

.searchresults ul {
  padding-left: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.searchresults li {
  padding: 20px 0 !important;
  width: 48%;
}

.searchresults li h3 {
  margin: 0 0 5px;
}

.searchresults li p {
  font-size: 0.938rem;
  margin: 0;
}

.search-panel .form-control {
  height: calc(1.75em + 1rem + 2px);
  border-radius: 5px;
  border: none;
  font-weight: 300;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.search-panel .form-control:focus {
  outline: 0;
  box-shadow: none;
}

.search-icon {
  width: 15px;
  height: 15px;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  text-align: left;
  border: 2px solid;
  border-radius: 50%;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.search-icon::after,
.search-icon::before {
  content: "";
  pointer-events: none;
}

.search-icon:before {
  width: 3px;
  height: 7px;
  top: 12px;
  position: absolute;
  left: 50%;
  border-radius: 0 0 1px 1px;
  box-shadow: inset 0 0 0 32px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.search-panel .btn {
  position: absolute;
  left: -50px;
  top: 56px;
}

.search-panel .btn:focus {
  box-shadow: none;
}

.navigation-portrait .nav-search-inner input[type="text"],
.navigation-portrait .nav-search-inner input[type="search"] {
  font-size: clamp(13px, 13px + 2vw, 22px);
}

.searchresults {
  background: #fff;
  padding: 35px 0;
}

/* ---------------------------------------------------------------------------------------------------------------- 4.17 ACCORDION HELP FAQ */

/*** basic FAQ accordion / faq with schema ***/

.panel.jag-faq-wrapper {
  box-shadow: 0 0 10px rgba(53, 69, 95, 0.2);
  border-radius: 0;
  padding: 0;
  margin: 15px 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.panel.jag-faq-wrapper:hover {
  cursor: pointer;
}

.jag-faq-title {
  font-size: 1.125rem;
  font-weight: 600;
  padding: 15px;
  display: flex;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.panel.jag-faq-wrapper .panel-body {
  padding: 0 40px 15px;
  margin-top: 0;
}

.jag-faq-icon-2.fa {
  margin-right: 10px;
}

.jag-faq-icon-2.fa::before {
  top: 4px;
  position: relative;
}

/*** FAQ picker (from the library of categorized FAQs) ***/

#accordion .card {
  background: none;
}

.card-header {
  padding: 0;
  margin-bottom: 0.25rem;
  border: none;
  background: none;
}

#accordion a {
  display: block;
  padding: 0.75rem 1.5rem 0.75rem 2.5rem;
  border-radius: 10px 10px 0 0;
  background: #e5f7f7;
  color: #00b0ad;
}

#accordion a h5 {
  margin: 0;
  display: flex;
  font-size: 0.938rem;
  line-height: 1.563rem;
  font-weight: 700;
}

#accordion a i {
  float: right;
  margin: auto 0 auto auto;
}

/* ---------------------------------------------------------------------------------------------------------------- 4.18 UMBRACO FORMS */

.umbraco-forms-container label {
  font-size: 0.688rem;
  text-transform: uppercase;
  margin-bottom: -30px;
}

.umbraco-forms-container input[type="text"],
.umbraco-forms-container select,
.umbraco-forms-container textarea {
  padding: 7px;
  outline: none;
  font-size: 15px;
  width: 100%;
  border: none;
  border-radius: 1px;
  margin-top: 3px;
}

.umbraco-forms-container select:active,
.umbraco-forms-container select:focus {
}

.form-control {
  height: auto;
  background: none;
  border-radius: 0;
  margin-top: 5px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: inherit;
}

.umbraco-forms-container label.sr-only,
.umbraco-forms-container label.visually-hidden {
  position: relative !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
  letter-spacing: 0.3px;
}

.declaration > label,
.checkbox > label,
.captcha1 label {
  display: none;
}

.dataconsent label {
  width: auto;
  margin-left: 8px;
  font-size: 0.875rem !important;
  text-transform: initial !important;
}

.dataconsent > label {
  display: none;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
}

select::-ms-expand {
  display: none;
}

.datepickerfield {
  padding: 7px !important;
}

textarea {
}

fieldset {
  margin-bottom: 20px;
}

.fileupload input {
  padding: 10px 5px;
  width: 100%;
  margin-top: 5px;
}

.password input {
  border: none;
  margin-top: 5px;
}

.checkboxlist {
  margin-top: 5px;
  display: block;
}

.checkboxlist input {
  display: inline-block;
  width: auto;
  height: auto;
}

.checkboxlist label,
.form-control label {
  text-transform: initial;
  margin-bottom: initial;
  font-size: 0.875rem;
  padding: 5px;
}

.bootstrap-select-fix {
  height: 48px;
  border-radius: 0;
  color: inherit;
  margin-top: 0;
  border: 1px solid #aaaaaa;
}

.bootstrap-quickselect-fix {
  height: 48px;
  border-radius: 0;
  color: inherit;
  margin-top: 0;
  border: 1px solid #aaaaaa;
  color: #435972;
  border: none;
  background-color: rgba(0, 0, 0, 0);
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(
    .input-group-btn
  ) {
  width: 100%;
  padding: 0;
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show > .btn-light.dropdown-toggle,
.bootstrap-select > .dropdown-toggle {
  padding: 7px;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  border: none;
  border-radius: 1px;
  margin-top: 3px;
}

.bootstrap-select > select.mobile-device:focus + .dropdown-toggle,
.bootstrap-select .dropdown-toggle:focus {
  outline: none;
  outline-offset: -2px;
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show > .btn-light.dropdown-toggle:focus {
  box-shadow: none;
}

input:focus,
textarea:focus,
select:focus {
  outline: none;
}

.btn-light.focus,
.btn-light:focus {
  box-shadow: none !important;
}

.dropdown-menu {
  border-radius: 0;
  margin: -5px 0;
  border: 1px solid white;
  width: 100%;
  padding: 0;
  left: 0;
  top: 100%;
}

.dropdown-menu li {
  padding: 0 !important;
}

.bootstrap-select > .dropdown-toggle:after {
  content: "\f105";
  font-size: 15px;
  line-height: 28px;
  font-family: "Font Awesome 6 Pro";
  right: 15px;
  font-weight: 300;
  position: absolute;
  top: 0;
  bottom: 0;
  transform: rotate(90deg);
  border: none;
  right: 1.5rem;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
}

.umbraco-forms-container input[type="text"]:focus,
.umbraco-forms-container select:focus,
.umbraco-forms-container textarea.form-control:focus {
  outline: 0;
  box-shadow: none;
}

.umbraco-forms-container
  div.form-group.umbraco-forms-field.comment.longanswer.mandatory
  > label {
  display: none !important;
}

.dataconsent .umbraco-forms-field-wrapper {
  display: flex;
  align-items: baseline;
  margin-top: 10px;
  padding: 7px 0 7px;
  position: relative;
}

.field-validation-error {
  font-size: 0.75rem;
  display: block;
  align-self: flex-end;
  color: #8a1f11;
}

/*.umbraco-forms-label {
  font-weight: 600;
  display: block;
  margin-bottom: 4px;
}*/

.umbraco-forms-caption {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 1rem;
}

.dataconsent .field-validation-error {
  position: absolute;
  top: 25px;
}

input.input-validation-error,
textarea.input-validation-error {
  background: #fbe3e4;
  border-color: #fbc2c4 !important;
}

textarea::placeholder {
  color: rgba(53, 69, 95, 0.9);
}

input[type="checkbox"],
input[type="radio"] {
  outline: none;
}

.checkboxlist input[type="checkbox"] {
  appearance: auto;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show > .btn-light.dropdown-toggle,
.bootstrap-select > .dropdown-toggle,
.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show > .btn-light.dropdown-toggle:focus,
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle,
.bootstrap-select .dropdown-toggle:focus {
  outline: 1px solid #aaaaaa;
  margin-top: 0;
  outline-offset: -1px;
  padding: 12px 13px;
  color: #3c3c3c;
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show > .btn-light.dropdown-toggle,
.bootstrap-select > .dropdown-toggle,
.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
  margin-top: 0;
  padding: 12px 13px;
  outline: 1px solid #aaa !important;
}

.form-control {
  display: flex;
  align-items: center;
  margin-top: 0;
  border: 1px solid #aaaaaa;
}

.LoanBoxesAccordionFormWrapper {
  padding: 2rem 0;
}

#mobileNavOnlyButton .btn {
  padding: 0 !important;
}

.web-form .row {
  max-width: 1129px;
}

.umbraco-forms-container p {
  margin-bottom: 0;
}

.web-form .dataconsent .umbraco-forms-field-wrapper {
  justify-content: center;
}

.umbraco-forms-general {
  background: #f1f1f1;
  padding: 2rem;
  border-radius: 10px;
}

.umbraco-forms-general .form-control {
  border-radius: 5px;
  border: 0px solid #2c4856;
  background: #fff;
}

.umbraco-forms-general .whattypeofborrowerareyou .form-control {
  border-radius: 5px;
  border: 0px solid #2c4856;
  background: #fff;
  display: grid;
  height: auto;
  grid-template-columns: auto auto auto;
}

.umbraco-forms-general legend {
  font-size: 1.125rem;
}

.umbraco-forms-general input[type="text"],
.umbraco-forms-general select,
.umbraco-forms-general textarea {
  border-radius: 5px;
}

/* Lost Your Pin Open Module */
.umbraco-forms-psLostYourPin {
  background: #f1f1f1;
  padding: 2rem;
  border-radius: 10px;
}

.umbraco-psLostYourPin .form-control {
  border-radius: 5px;
  border: 0px solid #2c4856;
  background: #fff;
}

.uumbraco-forms-psLostYourPin .whattypeofborrowerareyou .form-control {
  border-radius: 5px;
  border: 0px solid #2c4856;
  background: #fff;
  display: grid;
  height: auto;
  grid-template-columns: auto auto auto;
}

.umbraco-forms-psLostYourPin legend {
  font-size: 1.125rem;
}

.umbraco-forms-psLostYourPin input[type="text"],
.umbraco-forms-psLostYourPin select,
.umbraco-forms-psLostYourPin textarea {
  border-radius: 5px;
}

.umbraco-forms-psLostYourPin .row.dob {
  margin: -45px -7px 0;
}

.umbraco-forms-psLostYourPin {
  padding: 20px;
}

.umbraco-forms-psLostYourPin .titleanddescription .form-control {
  height: auto;
}

.umbraco-forms-psLostYourPin .mobilenumber {
  margin-left: 7px;
}

.umbraco-forms-psLostYourPin .countrycode {
  width: auto;
}

.umbraco-forms-psLostYourPin .countrycode .select-css {
  width: 188px;
}

.umbraco-forms-psLostYourPin .verificationcode .form-control {
  width: 140px;
}

#ec4aa205-2a52-417a-9442-56fef9ddf1f2 > .row > .umbraco-forms-container {
  display: flex;
}

.umbraco-forms-psLostYourPin .col-sm-offset-2 {
  position: relative;
}

.umbraco-forms-psLostYourPin .col-sm-offset-2.UFSubmitLoader:after {
  content: "";
  clear: both;
  height: 87px;
  width: 20px;
  display: block;
  background-size: 100%;
  content: url(../content/images/spinner-42.gif);
  position: absolute;
  left: 150px;
  top: 0;
  /* background: url(../content/images/spinner-42.gif) no-repeat center, linear-gradient(to right, #aaa 0%,#bbb 100%); */
}

@media only screen and (max-width: 576px) {
  .umbraco-forms-psLostYourPin {
    padding: 10px 7px;
  }
}
/* END Lost Your Pin Open Module */

/*** pop up enquiry form from the loan calculator ***/

#displayForm.fancybox-content {
  max-width: 600px !important;
}

.PopupFormWrapper,
#PopupFormWrapper {
  padding: 1rem 0;
}

#PopupForm {
  background: #f1f1f1;
  padding: 1.5rem;
}

.submitmessageWrapper {
  height: 100%;
}

.umbraco-forms-submitmessage {
  height: 80px;
  width: 80px;
  color: #22ae73;
  background-image: url(../content/images/greentick.svg);
  background-repeat: no-repeat;
  background-position: top 30px center;
  background-size: 40px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  right: 0;
}

.submitmessageWrapper {
  background: #f1f1f1;
  width: 100%;
  min-height: 300px;
  display: block;
  position: relative;
  height: auto;
}

.umbraco-forms-submitmessage {
  color: #22ae73;
}

html.wf-opensans-n4-active.wf-robotocondensed-n8-active.wf-active main {
  margin-bottom: 0;
}

.fancybox-slide--iframe .fancybox-content {
  max-height: 720px;
}

html.wf-opensans-n4-active.wf-robotocondensed-n8-active.wf-active
  .container
  > div {
  height: 720px;
}

/* ---------------------------------------------------------------------------------------------------------------- 4.19 DOWNLOAD LINK */

.download a {
  width: 100%;
  display: block;
  padding: 12px;
  font-weight: bold;
  font-size: 1rem;
}

.download .fa-stack-2x {
  width: auto;
  right: 10px;
  text-align: right;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 30px;
}

.download a:hover {
  filter: none;
}

.fa-file-download::before {
  display: none;
}

/* ---------------------------------------------------------------------------------------------------------------- 4.20 RELATED ARTICLES */

.Related-articles #NewsDetailsMasonryBottom {
  margin: 0;
  padding: 0;
  border-top: none;
}

.Related-articles .slick-slide {
  margin: 0;
}

.Related-articles h2:not(.articleTitle) {
  padding: 50px 0 !important;
  font-size: 1.875rem;
  position: relative;
  color: #182958;
  text-transform: none;
  font-weight: 700;
  text-align: center;
}

/* ---------------------------------------------------------------------------------------------------------------- 4.21 FIXED/STICKY SOCIAL MEDIA BAR */

.icon-bar {
  left: 20px;
  position: fixed;
  top: 75vh;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 10;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  overflow: hidden;
}

.icon-bar a {
  display: block;
  text-align: center;
  padding: 11px 15px;
  transition: all 0.3s ease;
  color: white;
  font-size: 16px;
}

.facebook {
  background: #3b5998;
  color: white;
}

.twitter {
  background: #55acee;
  color: white;
}

.google {
  background: #dd4b39;
  color: white;
}

.linkedin {
  background: #007bb5;
  color: white;
}

.instagram {
  background: #fb3958;
  color: white;
}

.youtube {
  background: #bb0000;
  color: white;
}

/* ---------------------------------------------------------------------------------------------------------------- 4.22 STRIPED LIST */

ul.stripedList.OneColumn {
  padding: 7px 0 0 0;
  font-weight: bold;
  list-style-type: none;
}

ul.stripedList.OneColumn li {
  padding: 13px 5px;
  font-weight: bold;
  width: 100%;
  display: flex;
}

ul.stripedList.OneColumn li span {
  margin-right: 35px;
  font-size: 1.5rem !important;
  line-height: 1.5rem;
  height: 1rem;
  width: auto;
  text-align: left;
}

ul.stripedList.OneColumn li .fa-circle::before {
  font-weight: 400;
}

ul.stripedList.OneColumn li .fa-inverse {
}

ul.stripedList.OneColumn li:nth-child(2n + 1) {
  background: #f1f1f1;
}

ul.stripedList.TwoColumn {
  column-count: 2;
  list-style-type: none;
  padding: 7px 0 0 0;
  font-weight: bold;
  column-gap: 1%;
}

ul.stripedList.TwoColumn li {
  padding: 13px 5px;
  font-weight: bold;
  width: 49.5%;
  display: flex;
}

ul.stripedList.TwoColumn li span {
  float: left !important;
  margin-right: 5px;
  font-size: 1.5rem !important;
  line-height: 1.5rem;
  height: 1rem;
  width: 2.5rem;
}

ul.stripedList.TwoColumn li .fa-circle::before {
  font-weight: 400;
}

ul.stripedList.TwoColumn li .fa-inverse {
}

ul.stripedList.TwoColumn li:nth-child(4n + 1),
ul.stripedList.TwoColumn li:nth-child(4n + 2) {
}

ul.stripedList.ThreeColumn {
  column-count: 3;
  list-style-type: none;
  padding: 7px 0 0 0;
  font-weight: bold;
  column-gap: 1%;
}

ul.stripedList.ThreeColumn li {
  padding: 13px 5px;
  font-weight: bold;
  width: 32.5%;
  display: flex;
}

ul.stripedList.ThreeColumn li span {
  float: left !important;
  margin-right: 5px;
  font-size: 1.5rem !important;
  line-height: 1.5rem;
  height: 1rem;
  width: 2.5rem;
}

ul.stripedList.ThreeColumn li .fa-circle::before {
  font-weight: 400;
}

/* ---------------------------------------------------------------------------------------------------------------- 4.23 ANNOUNCEMENTS */

.row.announcementRow {
  min-height: 100px;
}

.announcement-wrapper {
  max-width: 1368px;
  margin: auto;
  width: 100%;
}

.announcementItem .row {
  display: flex;
  flex-direction: row-reverse;
}

.announcement-controls .announcementHeading {
  /*width: auto;*/
}

.item_1 a,
.item_2 a,
.item_3 a,
.item_4 a,
.item_5 a,
.item_6 a {
  width: 100%;
  display: block;
}

.announcementItem .row .fa-stack {
  position: initial;
  width: auto;
}

.announcementHeading {
  height: 100%;
  margin: auto;
}

.announcementRow h3 {
  line-height: 1.25rem;
  padding: 1rem;
  font-size: 1.375rem;
  height: 40px;
  display: table-cell;
  vertical-align: middle;
  position: relative;
  top: 4px;
}

.announcement-image {
  max-width: 80px;
  margin: auto 1rem auto auto;
}

/*** scrolling announcements ***/

.scrolling-wrapper-flexbox {
  display: flex;
  flex-wrap: nowrap;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 1;
  position: relative;
  max-width: 1129px;
  margin: -3.25rem auto auto;
  overflow-y: visible;
}

.scrolling-wrapper-flexbox .announcementItem {
  flex: 0 0 20%;
  max-width: 20%;
  border-bottom: 5px solid #c7dd34;
  padding: 25px 0;
  min-width: 180px;
  background: white;
  position: relative;
  -webkit-transition: all 0.1s ease-out 0s;
  -moz-transition: all 0.1s ease-out 0s;
  -o-transition: all 0.1s ease-out 0s;
  transition: all 0.1s ease-out 0s;
}

.scrolling-wrapper-flexbox .announcementItem::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1px;
  height: 70%;
  background: lightgray;
}

.scrolling-wrapper-flexbox .announcementItem:hover {
  transform: scale(1.15);
  box-shadow: 0 0 13px rgba(0, 0, 0, 0.4);
  background: white;
  z-index: 10;
}

.scrolling-wrapper-flexbox .announcementPic {
  padding: 1rem 0 0;
}

.scrolling-wrapper-flexbox .announcement-image {
  margin: auto;
  max-width: 87px;
}

.scrolling-wrapper-flexbox .announcementHeading {
  height: 100%;
  margin: auto;
}

.scrolling-wrapper-flexbox .announcementRow h3 {
  line-height: 1.25rem;
  padding: 1rem 0;
  font-size: 0.938rem;
  height: auto;
  display: block;
  position: relative;
  top: 0;
  text-align: center;
  margin: auto;
  font-weight: 500;
}

/* ---------------------------------------------------------------------------------------------------------------- 4.24 LARGE LOAN LACLUATOR (N/A) */

/* ---------------------------------------------------------------------------------------------------------------- 4.25 SMALL LOAN CALCULATOR (N/A) */

/* ---------------------------------------------------------------------------------------------------------------- 4.26 INPUT LOAN CALCULATOR */

.CalculatorInputWrapper {
  max-width: 896px;
  margin: auto;
  margin-bottom: auto;
  background: white;
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  margin-bottom: 3.5rem;
  padding: 30px;
}

.CalculatorInputWrapper .number-input {
  border: none;
}

.CalculatorInputWrapper .number-input input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.calc-right-group {
  padding-right: 0;
}

.calc-left-group {
  padding-left: 0;
}

.calc-left-group .bootstrap-select > .dropdown-toggle {
  background: transparent;
}

.calc-left-group .dropdown-menu {
  border-bottom: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  width: 100%;
  margin-top: -1px;
  background: white;
}

.calc-left-group .dropdown-menu li a {
  color: #182958;
  font-size: 0.875rem;
  padding: 14px 13px;
}

.number-input {
  display: inline-flex;
}

.number-input,
.number-input * {
  box-sizing: border-box;
}

.number-input button {
  background-color: white;
  width: 2rem;
  height: 2rem;
  min-width: 2rem;
  margin: auto;
  border-radius: 50%;
  border: 1px solid #182958;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.1s ease-out 0s;
  -moz-transition: all 0.1s ease-out 0s;
  -o-transition: all 0.1s ease-out 0s;
  transition: all 0.1s ease-out 0s;
}

.number-input button:hover {
}

.number-input button.minus {
  margin: auto 1rem auto auto;
}

.number-input button.plus {
  margin: auto auto auto 1rem;
}

.number-input button:after {
  display: inline-block;
  position: absolute;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  content: "\f068";
  color: #182958;
  transform: translate(-50%, -50%) rotate(180deg);
  font-size: 13px;
}

.number-input button.plus:after {
  transform: translate(-50%, -50%) rotate(0deg);
  content: "\f067";
}

.CalculatorInputWrapper .number-input input[type="number"] {
  text-indent: 1rem;
  border: 2px solid #00b0ad;
  font-size: 1rem;
  height: 3rem;
  flex-grow: 2;
  border-left: 50px solid #00b0ad;
  min-width: 100px;
}

.calcInputWrapper {
  display: flex;
  flex-grow: 2;
  min-width: 100px;
  position: relative;
}

.currencySymbolInput {
  color: white;
  position: absolute;
  font-size: 1.6rem;
  top: 0;
  bottom: 0;
  margin: auto;
  right: auto;
  left: 15px;
  line-height: 1.875em;
}

.calcInputWrapper img {
  position: absolute;
  height: 25px;
  width: 25px;
  margin: 12px 13px;
}

/* Bootstrap 4 defined .form-group { margin-bottom: 1rem; } — Bootstrap 5 removed this class entirely.
   Re-adding here for backwards compatibility with legacy form stylesheets. */
.form-group {
  margin-bottom: 1rem;
}

.form-group,
.number-input,
.amount-input-group,
.term-input-group {
  width: 100%;
}

.CalculatorInputWrapper label,
.RepaymentsLabel {
  font-weight: 700;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}

.calctooltip {
  position: static;
}

.calctooltip i::before {
  color: #00b0ad;
  font-size: 1.313rem;
  position: relative;
}

.MaxAmounts {
  font-size: 0.875rem;
  font-weight: 700;
  margin-top: 1rem;
  margin-bottom: 0.25rem;
}

.maxSetting {
  color: #00b0ad;
}

.thin-text {
  font-weight: 300;
}

.amount-input-group {
  margin-bottom: 0.75rem;
}

[data-calc="RequiredLoanAmt"],
RequiredTerm {
  -webkit-transition: all 0.1s ease-out 0s;
  -moz-transition: all 0.1s ease-out 0s;
  -o-transition: all 0.1s ease-out 0s;
  transition: all 0.1s ease-out 0s;
}

[data-calc="RequiredLoanAmt"]:focus,
[data-calc="RequiredTerm"]:focus {
  border-color: #00b0ad;
}

.txtWithImageCurrency::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  left: 50px;
  top: 0;
  background: red;
  margin: auto;
}

[data-calc="RequiredTermInMonthsYears"] {
  margin-top: 10px;
  display: block;
  margin-left: 4rem;
  font-size: 0.875rem;
  font-weight: 700;
}

.number-input {
  position: relative;
}

.RepaymentsLabel {
  margin-bottom: 0.75rem;
  margin-top: 7px;
}

.calcInputTermsAndConditions {
  font-size: 0.75rem !important;
  line-height: normal !important;
  border-top: 1px solid #e0e0e0;
  padding-top: 1.5rem;
  margin-top: 0;
  margin-bottom: 0;
  opacity: 0.6;
}

.panel.with-nav-tabs.panel-default.col-12.noPadding {
  background: #00b0ad;
}

.flex-row-container {
  border: 1px solid #00b0ad;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-top: 0;
}

.flex-row-container > .flex-row-item {
  flex: 1 1 25%;
}

.flex-row-item {
  background-color: #ffffff;
}

.calcInputTab {
  display: block;
  margin: auto;
  height: 100%;
  text-align: center;
  padding: 0.75rem 0;
  color: #00b0ad;
  cursor: pointer;
}

/* When only 2 or 3 tabs are visible, let them share the row equally */
.flex-row-container > .flex-row-item:first-child:nth-last-child(2),
.flex-row-container
  > .flex-row-item:first-child:nth-last-child(2)
  ~ .flex-row-item {
  flex: 1 1 50%;
}
.flex-row-container > .flex-row-item:first-child:nth-last-child(3),
.flex-row-container
  > .flex-row-item:first-child:nth-last-child(3)
  ~ .flex-row-item {
  flex: 1 1 33.3333%;
}

.calc-right-group > .container {
  padding-right: 0 !important;
}

.calc-right-group .nav-tabs li.active {
  background: #00b0ad;
}

.calc-right-group .nav-tabs li.active a {
  color: white;
}

.calc-right-group .nav-tabs {
  margin-bottom: 0;
}

.calc-right-group .panel.with-nav-tabs .panel-heading {
  padding: 0;
}

.RepaymentNumber {
  margin-left: -15px;
  margin: 1.25rem 0 1.25rem -15px;
}

.currencySymbolMain {
  color: white;
  font-weight: 700;
  font-size: 2.25rem;
  position: relative;
  top: -30px;
}

.mainRepayment {
  font-weight: 700;
  font-size: 4.5rem;
  color: white;
}

.calcNumbers {
  color: white;
  padding: 0 0 1.5rem;
}

.calcInput-subHeading {
  font-size: 0.813rem;
}

.subHeadingText {
  font-size: 1.125rem;
  font-weight: 700;
}

.calcNumbers .col-4 {
  position: relative;
}

.calcNumbers .col-4::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1px;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
}

.calcNumbers .col-4:last-child::after {
  display: none;
}

.calc-button-wrapper {
  padding: 0 15px 20px;
}

.calc-button-wrapper .btn {
  border-radius: 10px;
  padding: 16px 25px;
  min-width: 180px;
  background: #006ea0;
  outline: none;
  border: none;
}

.calc-button-wrapper .btn:hover,
.calc-button-wrapper .btn:focus {
  background: #0e4373;
}

/*** input loan calculator - error ***/

.Error {
  margin-top: 5px;
  font-size: 13px;
  color: crimson;
  padding-left: 3rem;
}

/*** input loan calculator - tool tip ***/

.calctooltip {
  position: relative;
  display: inline-block;
  color: #00b0ad;
  margin-left: 7px;
  top: 2px;
  font-size: 1.375rem;
}

/* tooltip text */

.calctooltip .calctooltiptext {
  visibility: hidden;
  width: 220px;
  background-color: #182958;
  color: white;
  padding: 15px 25px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  font-size: 0.813rem;
  line-height: normal;
  text-align: left;
  top: -3.5rem;
  left: 0;
}

/* show the tooltip text when you mouse over the tooltip container */

.calctooltip:hover .calctooltiptext {
  visibility: visible;
}

/*  show the field "TotalCost" Feb 2025 */

/* Input Large/Small and Variable */
.CalculatorInputWrapper .calcNumbers:has([data-calc="MonthlyTotalCost"]) .col-4,
.CalculatorInputWrapper
  .calcNumbers:has([data-calc="BiWeeklyTotalCost"])
  .col-4,
.CalculatorInputWrapper .calcNumbers:has([data-calc="weeklyTotalCost"]) .col-4,
.CalculatorInputWrapper
  .calcNumbers:has([data-calc="FourWeeklyTotalCost"])
  .col-4 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  width: 50%;
  margin-top: 5px;
  margin-bottom: 5px;
}

.CalculatorInputWrapper
  .calcNumbers:has([data-calc="MonthlyTotalCost"])
  .col-4::after,
.CalculatorInputWrapper
  .calcNumbers:has([data-calc="BiWeeklyTotalCost"])
  .col-4::after,
.CalculatorInputWrapper
  .calcNumbers:has([data-calc="weeklyTotalCost"])
  .col-4::after,
.CalculatorInputWrapper
  .calcNumbers:has([data-calc="FourWeeklyTotalCost"])
  .col-4::after {
  display: none;
}

.CalculatorInputWrapper
  .calcNumbers:has([data-calc="MonthlyTotalCost"]):has(.hide)
  .col-4,
.CalculatorInputWrapper
  .calcNumbers:has([data-calc="BiWeeklyTotalCost"]):has(.hide)
  .col-4,
.CalculatorInputWrapper
  .calcNumbers:has([data-calc="weeklyTotalCost"]):has(.hide)
  .col-4,
.CalculatorInputWrapper
  .calcNumbers:has([data-calc="FourWeeklyTotalCost"]):has(.hide)
  .col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  width: 33.333333%;
}

/* Slider Large/Small */
.CalculatorLargeWrapper
  .calcResultWrapper:has([data-calc="MonthlyTotalCost"])
  .col-4,
.CalculatorLargeWrapper
  .calcResultWrapper:has([data-calc="BiWeeklyTotalCost"])
  .col-4,
.CalculatorLargeWrapper
  .calcResultWrapper:has([data-calc="weeklyTotalCost"])
  .col-4,
.CalculatorLargeWrapper
  .calcResultWrapper:has([data-calc="FourWeeklyTotalCost"])
  .col-4,
.CalculatorSmallWrapper
  .calcSmallResults:has([data-calc="MonthlyTotalCost"])
  .col-4,
.CalculatorSmallWrapper
  .calcSmallResults:has([data-calc="BiWeeklyTotalCost"])
  .col-4,
.CalculatorSmallWrapper
  .calcSmallResults:has([data-calc="weeklyTotalCost"])
  .col-4,
.CalculatorSmallWrapper
  .calcSmallResults:has([data-calc="FourWeeklyTotalCost"])
  .col-4 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  width: 25%;
}

.CalculatorLargeWrapper
  .calcResultWrapper:has([data-calc="MonthlyTotalCost"]):has(.hide)
  .col-4,
.CalculatorLargeWrapper
  .calcResultWrapper:has([data-calc="BiWeeklyTotalCost"]):has(.hide)
  .col-4,
.CalculatorLargeWrapper
  .calcResultWrapper:has([data-calc="weeklyTotalCost"]):has(.hide)
  .col-4,
.CalculatorLargeWrapper
  .calcResultWrapper:has([data-calc="FourWeeklyTotalCost"]):has(.hide)
  .col-4,
.CalculatorSmallWrapper
  .calcSmallResults:has([data-calc="MonthlyTotalCost"]):has(.hide)
  .col-4,
.CalculatorSmallWrapper
  .calcSmallResults:has([data-calc="BiWeeklyTotalCost"]):has(.hide)
  .col-4,
.CalculatorSmallWrapper
  .calcSmallResults:has([data-calc="weeklyTotalCost"]):has(.hide)
  .col-4,
.CalculatorSmallWrapper
  .calcSmallResults:has([data-calc="FourWeeklyTotalCost"]):has(.hide)
  .col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  width: 33.333333%;
}

/*  END show the field "TotalCost" Feb 2025 */

/* ---------------------------------------------------------------------------------------------------------------- 4.27 ICON LOAN CALCULATOR */

/*set the breakout for the calculator section*/

.calcBreakout {
  width: 100vw !important;
  margin: 0 calc(-50vw + 75%);
}

.homeSliderBreakout {
  width: 100vw !important;
  margin: 0 calc(-50vw + 50%);
}

/*Height for the slider*/

.calcslider {
  height: 75vh !important;
  display: block;
}

.calcslider.homeSliderBreakout {
  height: auto !important; /* use this for split image slider */
  display: block;
  /* height: 75vh !important - use this for any other image slider*/
}

/**set the rest to be be 100%*/

.calcslider.slick-slider,
.slick-list,
.slick-track {
  height: 100%;
}

/*padding for the calculator*/

.calcPadding {
  margin-top: auto;
  margin-bottom: auto;
}

.slideNew {
  background-size: cover;
  height: 100%;
  display: block;
  position: relative;
  background-position: center;
}

.opacityLayer {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
}

.calcslider.lazyload {
  opacity: 0;
}

.calcslider.lazyloading {
  filter: blur(0);
}

.calcslider.lazyloaded {
  filter: blur(0);
  transition: 10ms opacity;
}

.infoNew {
  position: relative;
  left: 0;
  top: 50%;
  max-width: calc(600px - 30px);
  color: white;
  transform: translateY(-50%);
}

.infoNew > div {
  border-radius: 5px;
  font-family: "Open Sans";
  border-radius: 5px;
  max-width: 500px;
  margin: 0;
  font-size: 16px;
  line-height: 24px;
}

.infoNew > div h3 {
  font-family: "Open Sans", sans-serif;
  color: white;
  font-size: clamp(1rem, 1rem + 2vw, 2.125rem);
}

/* ---------------------------------------------------------------------------------------------------------------- 4.28 CTA */

/*** basic CTA block (usually in a sidebar) ***/

.cta {
  padding: 2.5rem !important;
}

.cta-inner {
  text-align: center;
}

.cta-btn-inner .button {
  margin: auto;
}

/*** two curves CTA ***/

.twoCurves .BannerText {
  max-width: 1129px;
}

.twoCurves .BannerText h3 {
  font-size: 1rem;
  font-weight: 600;
}

.twoCurves .BannerText h2 {
  font-size: 1.625rem;
  font-size: clamp(0.938rem, 0.938rem + 2vw, 1.625rem);
}

.twoCurvesCTA .row > .column,
.ctaText .col-xl-12 {
  padding: 0;
}

.ctaText h2 {
  font-size: 1rem;
  font-weight: 300;
}

/*** hero bar CTA (banner) ***/

.hero-banner-left.landingPageBreakout > div > div,
.hero-banner-right.landingPageBreakout > div > div {
  padding: 0 !important;
}

.hero-banner-left .card,
.hero-banner-right .card {
  background-color: transparent;
}

.heroBar .card > .row,
.heroBarRight .card > .row {
  min-height: 500px;
}

.hero-banner-left.heroBar .card-body {
  display: flex;
  padding: 3.5rem 0;
}

.hero-banner-left.heroBar .card-body h2,
.hero-banner-left.heroBar .card-body h5,
.hero-banner-left.heroBar .card-body p,
.hero-banner-right.heroBarRight .card-body h2,
.hero-banner-right.heroBarRight .card-body h5,
.hero-banner-right.heroBarRight .card-body p {
  color: white;
}

.hero-banner-left .heroWrapper {
  margin: auto auto auto 0;
  max-width: 700px;
  padding-left: 15%;
  padding-right: 6rem;
}

.hero-banner-left .container-fluid:not(.twoCurves) .BannerImages .curve,
.hero-banner-left .no-vert-padding.card .BannerImages .curve {
  right: auto;
  left: -55px;
  width: 80px;
}

.heroWrapperContainer {
  display: flex;
  flex-direction: column;
}

.heroBarRight .heroWrapperContainer {
  margin: auto;
  height: 100%;
}

.heroBarRight .heroWrapper {
  max-width: 790px;
  margin: auto 10rem auto auto !important;
  padding-left: 230px !important;
}

.heroBarRight .BannerImages .curve {
  right: auto;
}

.heroBarRight .BannerImages .secondcurve {
  right: -164px;
}

.no-vert-padding > .row .column {
  padding: 0 !important;
}

.welcome .card .row,
.imageRight .card > .row,
.student-loans .card .row,
.financial-difficulties .card .row,
.hero-banner-right.page-header .card .row {
  min-height: 500px;
}

.testimonials .row.mainbody,
.NewsGlobalCTA.imageRight .card .row {
}

.heroWrapper .button {
  border-radius: 10px;
  padding: 13px 0;
  max-width: 100%;
  font-weight: 700;
  min-width: 180px;
  margin-top: 30px;
  max-width: 180px;
}

/*** background colours for CTA banners ***/

.blue {
  background: blue;
}

.grey {
  background: #f6f6f6;
}

.white {
  background: white;
}

.teal-green-horizontal {
  background: #00b0ad;
  background: -moz-linear-gradient(left, #2caeab 25%, #82cd5a 100%);
  background: -webkit-linear-gradient(left, #2caeab 25%, #82cd5a 100%);
  background: linear-gradient(to right, #2caeab 25%, #82cd5a 100%);
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2caeab',endColorstr='#82cd5a',GradientType=1 );
}

.pink-purple-horizontal {
  background: #cb3288;
  background: -moz-linear-gradient(
    left,
    #cb3288 0%,
    #c2398d 12%,
    #a94c9a 31%,
    #8766ac 53%,
    #8666ac 75%
  );
  background: -webkit-linear-gradient(
    left,
    #cb3288 0%,
    #c2398d 12%,
    #a94c9a 31%,
    #8766ac 53%,
    #8666ac 75%
  );
  background: linear-gradient(
    to right,
    #cb3288 0%,
    #c2398d 12%,
    #a94c9a 31%,
    #8766ac 53%,
    #8666ac 75%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb3288',endColorstr='#8666ac',GradientType=1 );
}

/*** colors for CTA banner buttons ***/

a.red {
  background: red !important;
  color: white;
}

a.green {
  background: green !important;
  color: white;
}

/* ---------------------------------------------------------------------------------------------------------------- 4.29 VIDEO POP UP */

.psvideo {
  display: inline-block;
  position: relative;
  margin: 0;
}

.psvideo img {
  max-width: 100%;
}

.psvideo #thumb {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70px;
  height: 70px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.psvideo a {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.psvideo a::before {
  content: "";
  background: rgba(0, 0, 0, 0.1);
  height: calc(100%);
  width: calc(100%);
  top: 50%;
  left: 50%;
  margin: auto;
  opacity: 1;
  position: absolute;
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.psvideo a:hover:before {
  box-shadow: 0 0 200px rgba(0, 0, 0, 0.2) inset;
  height: calc(100% - 30px);
  width: calc(100% - 30px);
}

.psvideo a:hover img#thumb {
  filter: invert(100%) hue-rotate(-60deg) saturate(1) grayscale(1)
    brightness(1.4);
}

.psvideo a img:not(#thumb) {
  overflow: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

/* ---------------------------------------------------------------------------------------------------------------- 4.30 COOKIE TAB AT THE BOTTOM */

.divCookiebotTab {
  position: fixed;
  bottom: 0px;
  left: 15px;
  width: 125px;
  height: 25px;
  background-color: #e48250;
  border-radius: 5px 5px 0 0;
  border-color: none;
  border-width: 0;
  border-style: solid;
  z-index: 99;
  text-align: center;
}

.divCookiebotTab a,
.divCookiebotTab a:hover {
  color: white;
}

#CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a {
  text-decoration: underline !important;
}

#page-cookienotice a {
  text-decoration: underline;
}
/* ---------------------------------------------------------------------------------------------------------------- 4.31 QUICKLINKS DROPDOWN */

.quicklinks-dropdown {
  padding: 0 15px 50px;
}

.quicklinks-dropdown .row {
  background: white !important;
  box-shadow: 0 0 13px rgba(0, 0, 0, 0.2);
  border-bottom: 5px solid #8662aa;
  max-width: 896px;
  margin: auto -15px;
  padding: 2rem;
}

.quicklinks-dropdown .bg-info {
  background: transparent !important;
  align-items: center;
}

.quicklinks-dropdown h2 {
  margin-top: 0;
  font-size: 1rem;
  color: #3c3c3c;
  font-weight: 600;
}

.quicklinks-dropdown .btn-primary {
  border-radius: 10px;
  min-width: 180px;
  padding: 16px 0;
  background: #8561a9;
  border: none;
  -webkit-transition: all 0.1s ease-out 0s;
  -moz-transition: all 0.1s ease-out 0s;
  -o-transition: all 0.1s ease-out 0s;
  transition: all 0.1s ease-out 0s;
}

.quicklinks-dropdown .btn-primary:hover {
  background: #463f76;
}

.pretitle {
  font-size: 1.625rem;
  line-height: normal;
  font-weight: 500;
  color: #182958;
}

.quick-select-dropdown {
  flex-grow: 2;
  margin: 0;
  border-bottom: 1px solid lightgray;
  padding: 0;
  margin-top: 0;
}

.CalculatorQuickSelect .dropdown-menu {
  box-shadow: 0 0 13px rgba(0, 0, 0, 0.2);
  margin-top: 20px;
  border-radius: 0;
  border: none;
  padding: 0;
}

.CalculatorQuickSelect .dropdown-menu li {
  font-size: 1.625rem;
}

.CalculatorQuickSelect .dropdown-item {
  padding: 0.75rem 11px;
  color: #8662aa;
  font-weight: 700;
  text-transform: none;
  font-size: 1.625rem;
}

.quicklinks-dropdown
  .quick-select-dropdown
  .bootstrap-select
  .dropdown-toggle
  .filter-option-inner-inner {
  font-size: 1.625rem !important;
  font-weight: 700;
}

.quick-select-dropdown .bootstrap-select > .dropdown-toggle,
.quick-select-dropdown .show > .btn-light.dropdown-toggle,
.quick-select-dropdown .bootstrap-select > .dropdown-toggle:focus,
.quick-select-dropdown .show > .btn-light.dropdown-toggle:focus,
.quick-select-dropdown .bootstrap-select > .dropdown-toggle:active,
.quick-select-dropdown .show > .btn-light.dropdown-toggle:active,
.quick-select-dropdown .btn-light:not(:disabled):not(.disabled):focus,
.quick-select-dropdown .btn-light:not(:disabled):not(.disabled):active,
.quick-select-dropdown .btn-light:not(:disabled):not(.disabled):active:focus {
  padding: 12px 15px !important;
  outline: none !important;
  margin-top: 0 !important;
  outline-offset: 0 !important;
  background: transparent;
  max-width: 100%;
}

.CalculatorQuickSelect .dropdown-toggle::after {
  color: #182958;
  right: 2rem;
  font-size: 22px;
  font-weight: 400;
}

/* ---------------------------------------------------------------------------------------------------------------- 4.32 RESPONSIVE COMPARISON TABLE */

.comparison-table {
  max-width: 1124px;
  margin: auto;
}

.responsive-table {
  width: 100%;
  margin-bottom: 1.5em;
  border-spacing: 0;
  font-size: 1rem;
}

.responsive-table thead {
  position: relative;
  clip: auto;
  height: auto;
  width: auto;
  overflow: auto;
}

.responsive-table thead th,
.responsive-table tbody th[scope="row"] {
  border: none;
}

.responsive-table thead th {
  border: 1px solid #e0e0e0;
  font-weight: bold;
  text-align: center;
  color: #3c3c3c;
}

.responsive-table tbody td {
  border: 1px solid #e0e0e0;
  text-align: center;
}

.responsive-table th,
.responsive-table td {
  padding: 1em;
}

.responsive-table tbody th[scope="row"] {
  border-left: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}

.responsive-table thead th,
.responsive-table tbody th[scope="row"] {
  font-weight: 600;
  line-height: 1.25rem;
}

.responsive-table thead th p,
.responsive-table tbody th[scope="row"] p {
  font-weight: 400;
}

.responsive-table > tbody > tr > th > img,
.responsive-table > tbody > tr:nth-child(4) > th > img {
  margin-bottom: 0;
  height: 53px !important;
  width: 53px !important;
  margin-right: 40px;
  float: left;
}

.responsive-table tbody th[scope="row"] span {
  font-weight: normal;
}

/* ---------------------------------------------------------------------------------------------------------------- 8.0 BUTTON WIDGET */

.btn:not(.umb-button__button, .umb-button-group__toggle, .dropdown-toggle),
a.red,
a.green {
  color: white;
  display: inline-block;
  max-width: 180px;
  text-align: center;
  margin-bottom: 20px;
  -webkit-transition: all 0.1s ease-out 0s;
  -moz-transition: all 0.1s ease-out 0s;
  -o-transition: all 0.1s ease-out 0s;
  transition: all 0.1s ease-out 0s;
}

.btn:not(
    .umb-button__button,
    .umb-button-group__toggle,
    .dropdown-toggle
  ):hover,
a.red:hover,
a.green:hover {
  background: #463f76;
  color: white;
}

.btn:not(
    .umb-button__button,
    .umb-button-group__toggle,
    .dropdown-toggle
  ):active,
a.red:active,
a.green:active {
  background-color: #463f76;
  border: none;
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus,
.btn-primary:focus {
  outline: none;
  box-shadow: none;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #463f76;
  border-color: none !important;
}

/* ---------------------------------------------------------------------------------------------------------------- 5.0 LOAN APP BOXES POP UP OPTION */

.loanbox-icon img {
  max-width: 80px;
  float: right;
}

.loan-app-boxes .col-md-4 > div {
  min-height: 430px;
  position: relative;
}

.loan-app-boxes .col-md-4 .button {
  position: absolute;
  bottom: 1.5rem;
  top: auto;
  left: 1.5rem;
}

.loan-app-boxes i {
  font-size: 20px;
}

.loan-app-boxes li {
  padding-left: 0 !important;
  line-height: 1.125rem;
  padding: 5px 0 !important;
  list-style-type: none;
}

.loan-app-boxes h2 {
  font-size: 1.125rem;
  font-weight: 800;
}

.popUpOptionWrapper > div:nth-child(even),
.register {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px dashed rgba(0, 0, 0, 0.5);
}

/* ---------------------------------------------------------------------------------------------------------------- 5.1 LOAN APP TABS OPTION */

.nav-tabs {
  border-bottom: none;
  margin-bottom: 3rem;
}

.nav-tabs i {
  padding: 7px 0;
  font-size: 20px;
  margin-right: 7px;
}

.nav-fill .nav-item {
  text-align: left;
  border-radius: 0;
  margin-bottom: 1px;
  font-size: clamp(0.5rem, 0.5rem + 2vw, 0.938rem);
  margin: 0 5px;
  flex: 1 1;
}

.nav-link {
  padding: 1.5rem;
}

.nav-tabs img {
  max-width: 90px;
  float: right;
}

#nav-1-tab {
  font-weight: bold;
}

#nav-2-tab {
  font-weight: bold;
}

.nav-fill .nav-item h2 {
  margin-top: 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 1rem;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-color: transparent;
  filter: none;
}

.nav-tabs .nav-link.active {
  position: relative;
  z-index: 1;
}

.nav-tabs .nav-link.active::before {
  position: absolute;
  content: "";
  width: 16px;
  height: 16px;
  bottom: -9px;
  transform: rotate(45deg);
  right: 18px;
}

.nav-tabs .nav-link.active::after {
  position: absolute;
  content: "";
  width: 16px;
  height: 16px;
  bottom: -8px;
  transform: rotate(45deg);
  right: 18px;
}

.nav-tabs .nav-link.active i.fa-check-circle {
  color: #3cb371;
}

.nav-tabs .nav-link.active i.fa-times-circle {
  color: #cd5c5c;
}

.FlipListOption {
  background: lightyellow;
  padding: 20px;
  margin-bottom: 1.5rem;
}

.LoanBoxesFormWrapper {
  padding: 1.5rem;
}

/* ---------------------------------------------------------------------------------------------------------------- 5.2 FLIP CARDS LOAN OPTION */

/* ---------------------------------------------------------------------------------------------------------------- 6.0 FOOTER */

.footer-wrapper,
.footer-wrapper p {
  font-size: 0.875rem;
  font-size: clamp(0.5rem, 0.5rem + 2vw, 0.875rem);
}

.footer-wrapper .bg-dark {
  border: none;
  padding-top: 80px;
  padding-bottom: 80px;
  color: white;
}

.footer-wrapper .bg-dark::before {
  display: none;
}

.footer-wrapper .bg-dark .column {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-wrapper .bg-dark .column:last-child {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-wrapper .globalAddressTwoCol .container {
  padding-right: 0;
  padding-left: 0;
}

.progress-logo-footer {
  text-align: center;
}

.footer-wrapper h3 {
  font-weight: 400;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: clamp(1rem, 1rem + 2vw, 1.125rem);
}

/* ---------------------------------------------------------------------------------------------------------------- 6.1 FOOTER GLOBAL ADDRESS */

.footer-wrapper .globalAddressWrapper {
  position: relative;
  height: auto;
  margin: 0 auto;
  max-width: 100%;
}

.footer-wrapper .globalAddressTwoCol .container.geolocation {
  display: none;
}

.footer-wrapper .globalAddressTwoCol h4 {
  text-transform: uppercase;
}

.footer-wrapper .globalAddressTwoCol a {
  font-weight: 600;
}

.address-line.opening-hours {
  margin-top: 34px;
}

ul.globalAddressList {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.globalAddressList li {
  float: left;
  max-width: 300px;
  padding: 10px;
  margin: 30px;
}

.globaladdressList-h3 {
  color: #fff !important;
  padding: 0px;
  margin: 0px;
}

.globaladdressList-label {
  color: #fff;
}

.globaladdressList-address {
  color: #e48250;
  text-wrap: normal;
}

.globalAddressList-labelday {
  color: #fff;
}

.globalAddressList-labeltimes {
  color: #e48250;
}

ul.globalAddressList-openingHours {
  list-style-type: none;
}

ul.globalAddressList-openingHours li {
  padding: 0px;
  margin: 0px;
}

.lunchHours {
  display: none;
}

/* ---------------------------------------------------------------------------------------------------------------- 6.2 FOOTER SOCIAL MEDIA */

.nav-menu.nav-menu-social.footer {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: normal;
  font-size: 0;
}

.nav-menu.nav-menu-social.footer li {
  width: 100%;
  text-align: left;
  list-style-type: none;
}

.nav-menu.nav-menu-social.footer li a {
  padding: 5px 0;
  height: auto;
  font-size: 9px;
  display: inline-block;
}

.nav-menu.nav-menu-social.footer li a span.fa-stack {
  width: 100%;
}

.nav-menu.nav-menu-social.footer li a span.fa-stack .social-icon {
  width: 40px;
  position: absolute;
  left: 0;
  text-align: left;
}

.socialfootertext {
  padding-left: 50px;
  text-transform: capitalize;
  font-size: 0.875rem;
  font-size: clamp(0.5rem, 0.5rem + 2vw, 0.875rem);
}

/* ---------------------------------------------------------------------------------------------------------------- 6.3 FOOTER REGULATORY LINKS */

.regulatory-links {
  max-width: 100%;
  font-size: 0.75rem;
  /* non-compatibile browsers */
  font-size: clamp(0.5rem, 0.5rem + 2vw, 0.75rem);
  padding-top: 20px;
  margin-top: -20px;
  padding-bottom: 20px;
  z-index: 1;
  position: relative;
}

.regulatory-links .column {
  padding: 0 !important;
  margin-bottom: 0 !important;
}

.regulatory-links ul {
  margin-bottom: 0;
  padding-left: 0;
}

.regulatory-links p {
  float: left;
  font-size: 0.75rem;
  margin: 0;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.125rem;
}

.regulatory-links a {
  margin-right: 20px;
  line-height: 1.75rem;
  font-size: clamp(0.5rem, 0.5rem + 2vw, 0.75rem);
}

.regulatory-links .col-lg-5 {
  text-align: right;
}

.footerListLinksLiHorizontal {
  display: inline;
}

.footerListLinksLiVertical {
}

/* ---------------------------------------------------------------------------------------------------------------- 6.4 FOOTER PROGRESS LOGO */

.progress-logo-footer img {
  max-width: 70px;
}

/* ---------------------------------------------------------------------------------------------------------------- 7.0 MISC */

/* ---------------------------------------------------------------------------------------------------------------- 7.1 SLIDER */

.rio-promos {
  max-width: 1000px;
  margin: 0 auto;
}

.slick-list {
  margin: 0px -5px 0px -5px;
}

.slick-prev:before,
.slick-next:before {
  font-size: 70px;
  color: #ea8496;
  line-height: inherit;
  font-weight: bold;
}

.rio-promos img {
  height: 324px;
}

.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
  position: relative;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* ---------------------------------------------------------------------------------------------------------------- 7.2 SLIDER ARROWS */

.contactUsBackground .slick-dots {
  text-align: left;
}

.footer-wrapper .globalAddressTwoCol .slick-dots {
  bottom: -50px;
  text-align: left;
}

.globalAddressSlider .slick-dots li button::before,
.footer-wrapper .globalAddressTwoCol .slick-dots li button::before,
.NewsWidgetslider .slick-dots li button::before,
.Related-articles .slick-dots li button::before,
.NewsWidgetsliderDetailed .slick-dots li button::before,
.NewsWidgetsliderDetailed4Across .slick-dots li button::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "�";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 8px;
  line-height: 20px;
  text-align: center;
  color: #ffffff;
}

.globalAddressSlider .slick-dots li.slick-active button::before,
.footer-wrapper .globalAddressTwoCol .slick-dots li.slick-active button::before,
.NewsWidgetslider .slick-dots li.slick-active button::before,
.Related-articles .slick-dots li.slick-active button::before {
}

.globalAddressSlider .PrevArrow,
.footer-wrapper .globalAddressTwoCol .PrevArrow,
.NewsWidgetslider .PrevArrow,
.Related-articles .PrevArrow,
.NewsWidgetsliderDetailed .PrevArrow,
.NewsWidgetsliderDetailed4Across .PrevArrow {
  position: absolute;
  top: 15px;
  right: 40px;
  width: 30px;
  height: 30px;
  background: none;
  text-align: center;
  z-index: 5;
  border-radius: 50px;
  outline: none;
  transition: all 0.3s ease-out 0s;
}

.footer-wrapper .globalAddressTwoCol .PrevArrow {
  top: -35px;
  right: 40px;
}

.Related-articles .PrevArrow {
  top: -45px;
  right: 50px;
}

.NewsWidgetsliderDetailed .PrevArrow,
.NewsWidgetsliderDetailed4Across .PrevArrow {
  top: -45px;
  right: 40px;
}

.NewsWidgetslider .PrevArrow {
  right: 50px;
  top: 0;
}

.globalAddressSlider .PrevArrow::before,
.footer-wrapper .globalAddressTwoCol .PrevArrow::before,
.NewsWidgetslider .PrevArrow::before,
.Related-articles .PrevArrow::before,
.NewsWidgetsliderDetailed .PrevArrow::before,
.NewsWidgetsliderDetailed4Across .PrevArrow::before {
  content: "\f104";
  font-size: 15px;
  line-height: 28px;
  font-family: "Font Awesome 6 Pro";
}

.footer-wrapper .globalAddressTwoCol .globalAddressSlider .PrevArrow::before {
  color: white;
}

.globalAddressSlider .NextArrow,
.footer-wrapper .globalAddressTwoCol .NextArrow,
.NewsWidgetslider .NextArrow,
.Related-articles .NextArrow,
.NewsWidgetsliderDetailed .NextArrow,
.NewsWidgetsliderDetailed4Across .NextArrow {
  position: absolute;
  top: 15px;
  right: 0;
  width: 30px;
  height: 30px;
  background: none;
  text-align: center;
  z-index: 5;
  border-radius: 50px;
  outline: none;
  transition: all 0.3s ease-out 0s;
}

.NewsWidgetslider .NextArrow,
.Related-articles .NextArrow {
}

.globalAddressSlider .PrevArrow:hover,
.globalAddressSlider .NextArrow:hover,
.footer-wrapper .globalAddressTwoCol .PrevArrow:hover,
.footer-wrapper .globalAddressTwoCol .NextArrow:hover,
.NewsWidgetslider .PrevArrow:hover,
.NewsWidgetslider .NextArrow:hover,
.Related-articles .PrevArrow:hover,
.Related-articles .NextArrow:hover,
.NewsWidgetslider .NextArrow:hover {
}

.footer-wrapper .globalAddressTwoCol .NextArrow,
.Related-articles .NextArrow {
  top: -35px;
  right: 0;
}

.Related-articles .NextArrow {
  top: -45px;
  right: 10px;
}

.NewsWidgetsliderDetailed .NextArrow,
.NewsWidgetsliderDetailed4Across .NextArrow {
  top: -45px;
  right: 0;
}

.NewsWidgetslider .NextArrow {
  right: 10px;
  top: 0;
}

.globalAddressSlider .NextArrow::before,
.footer-wrapper .globalAddressTwoCol .NextArrow::before,
.NewsWidgetslider .NextArrow::before,
.Related-articles .NextArrow::before,
.NewsWidgetsliderDetailed .NextArrow::before,
.NewsWidgetsliderDetailed4Across .NextArrow::before {
  content: "\f105";
  font-size: 15px;
  line-height: 28px;
  font-family: "Font Awesome 6 Pro";
}

.footer-wrapper .globalAddressTwoCol .PrevArrow::before,
.footer-wrapper .globalAddressTwoCol .NextArrow::before {
  color: white;
}

.footer-wrapper .globalAddressTwoCol .NextArrow,
.footer-wrapper .globalAddressTwoCol .PrevArrow {
}

.globalAddressSlider .PrevArrow,
.footer-wrapper .globalAddressTwoCol .PrevArrow,
.NewsWidgetslider .PrevArrow,
.Related-articles .PrevArrow,
.NewsWidgetsliderDetailed .PrevArrow,
.NewsWidgetsliderDetailed4Across .PrevArrow {
  border: 1px solid rgba(43, 68, 79, 0.4);
}

.globalAddressSlider .NextArrow,
.footer-wrapper .globalAddressTwoCol .NextArrow,
.NewsWidgetslider .NextArrow,
.Related-articles .NextArrow,
.NewsWidgetsliderDetailed .NextArrow,
.NewsWidgetsliderDetailed4Across .NextArrow {
  border: 1px solid rgba(43, 68, 79, 0.4);
}

/* ---------------------------------------------------------------------------------------------------------------- 7.3 FANCY BOX */

.fancybox-content {
  width: calc(100% - 30px);
  max-width: 1400px;
}

.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
  cursor: default;
}

.fancybox-container h2 {
  margin: 0;
}

.fancybox-container img {
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 0 10px;
}

.fancybox-container iframe {
  max-width: 100%;
}

.fancybox-container .videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
}

.fancybox-container .videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ---------------------------------------------------------------------------------------------------------------- 7.4 OFFICE AREA - Breakout Video */

#VFWSection {
  position: relative;
}

#videobcg {
  width: 100%;
}

.VFWparagraph.text-center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
  font-size: 2rem;
}

/* ---------------------------------------------------------------------------------------------------------------- 7.5 OFFICE AREA - Pop Out Video */

.dtge-editor-preview-container .psvideo {
  margin: 0;
}

.dtge-editor-preview-container h1 {
  display: none;
}

.noPadding {
  padding: 0 !important;
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
  max-width: 1400px !important;
}

/* ---------------------------------------------------------------------------------------------------------------- 7.6 CUSTOM GENERAL CLASSES */

/*** loans page - content page ***/

.loanspage .announcementItem.item_1::after {
  content: "OR";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  height: 40px;
  width: 40px;
  background: white;
  border-radius: 50%;
  color: #f59141;
  padding: 10px;
  text-align: center;
  font-weight: 600;
}

.loanspage .announcementItem.item_1::before {
  content: "";
  position: absolute;
  right: 0;
  height: 100%;
  width: 1px;
  margin-right: 20px;
  background: white;
}

.loanspage .container {
  border-radius: 5px;
  overflow: hidden;
}

.loanspage-calc #CalculatorLargeWrapper {
  margin: -8rem auto 8rem;
  max-width: 1300px;
}

.loanspage-calc.landingPageBreakout {
  padding: 2.6rem 0 9rem;
  margin-top: 8rem;
}

.loanspage-card {
  margin: 5rem 0 6rem;
}

.loanspage-card .card {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  background: #ffffff;
  border-radius: 5px;
  margin-top: -4rem;
}

.loanspage-card picture {
  width: 50%;
  text-align: center;
}

.loanspage-card .card-body {
  padding: 1.25rem !important;
}

.loanspage-card .card-left img,
.loanspage-card .card-right img {
  max-width: 200px;
  padding: 35px;
}

.loanspage-card p {
  font-size: 1.5rem;
  font-size: clamp(0.75rem, 0.75rem + 2vw, 1.5rem);
  margin-bottom: 5px;
  color: #0a6ca9;
}

.loanspage-card-title {
  margin-top: -11rem !important;
}

.loanspage .announcementRow {
  display: flex;
  flex-direction: row;
}

.loanspage .row.announcementRow.rowItem_2 {
  flex-direction: row-reverse;
}

.loanspage .row.announcementRow.rowItem_2 .announcementHeading {
  margin: auto 0 auto auto;
}

.loanspage .announcementHeading {
  flex: auto 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  top: -15px;
  left: 0;
  margin: auto auto auto 0;
}

.loanspage .announcementRow.rowItem_1 .announcementHeading:after {
  content: "Via Online Banking";
  position: absolute;
  left: 0;
}

.loanspage .announcementRow.rowItem_2 .announcementHeading:after {
  content: "Loan Application Form (PDF)";
  position: absolute;
  right: 0;
}

.loanspage .announcement-image {
  margin: auto;
  max-width: 80px;
}

.loanspage .announcementRow h3 {
  font-size: 1.75rem;
  font-size: clamp(0.938rem, 1rem + 2vw, 1.75rem);
  padding: 0;
}

.loanspage-card .button {
  margin-top: 5px;
}

.loanspage-text-section {
  margin-top: 4rem;
}

/*** mobile app page - content page ***/

.spWithImageHeadingText .c-title {
  max-width: 550px;
}

.spWithImageHeadingText .button {
  max-width: 150px;
}

.mobile-app-download {
  text-align: center;
}

.mobile-app-download p {
  max-width: 475px;
  margin: auto;
  font-size: 0.938rem;
  font-size: clamp(0.75rem, 0.75rem + 2vw, 0.938rem);
}

.mobile-app-download-buttons {
  max-width: 475px;
}

.mobile-app-download-buttons {
  margin: auto;
  padding: 1rem;
  border-radius: 5px;
}

.mobile-app-download-buttons .column {
  padding: 0 7px;
}

.mobile-app-download-buttons img {
  width: 100%;
}

/* mobile app page - content page - jumio membership section */

.mobile-app-page.membership {
  position: relative;
  margin-top: 8rem !important;
  padding-bottom: 18rem;
  padding-top: 8rem;
  background-position: center;
}

.mobile-app-page .card {
  background: none;
  overflow: visible;
}

.mobile-app-page .card-body {
  max-width: 550px;
  padding: 0 3rem !important;
}

.mobile-app-page h5 {
  display: none;
}

.mobile-app-page.membership .card-body {
  margin: auto auto auto 3rem;
}

.mobile-app-page .card-body p {
  font-size: 1.25rem;
  font-size: clamp(0.75rem, 0.938rem + 2vw, 1.25rem);
  margin-bottom: 0 !important;
}

.mobile-app-page.membership img,
.mobile-app-page.balances img,
.mobile-app-page.transfers img,
.mobile-app-page.doc-upload img {
  max-width: 100%;
  padding: 0;
}

.mobile-app-page.membership .card-image {
  position: absolute;
  top: -15rem;
  right: 6rem;
  padding: 0;
}

.mobile-app-page .card-icon {
  margin-bottom: 1.5rem;
}

.mobile-app.loanspage-card .card {
  margin-top: -6rem;
}

.mobile-app.loanspage-card {
  margin: auto;
}

/* mobile app page - content page - balances section */

.mobile-app-page.balances {
  padding-top: 5rem;
  padding-bottom: 0;
}

.mobile-app-page.balances .card-image {
  padding: 0;
  margin-left: 6rem;
}

.mobile-app-page.balances .card-body {
  margin: auto 3rem auto auto;
}

/* mobile app page - content page - transfers */

.mobile-app-page.transfers {
  background-position: center;
  padding: 12rem 0 15rem;
}

.mobile-app-page.transfers .card-body {
  margin: auto auto auto 3rem;
}

.mobile-app-page.transfers .card-body p {
  color: white;
}

.mobile-app-page.transfers h2 {
  color: white;
}

.mobile-app-page.transfers .card-image {
  position: absolute;
  top: -5rem;
  right: 6rem;
  padding: 0;
}

/* mobile app page - content page - document uploads section */

.mobile-app-page.doc-upload {
  padding-top: 5rem;
  padding-bottom: 0;
}

.mobile-app-page.doc-upload .card-image {
  padding: 0;
  margin-left: 6rem;
}

.mobile-app-page.doc-upload .card-body {
  margin: auto 3rem auto auto;
}

/* mobile app page - content page - how it works section */

.mobile-app-page.how-it-works p {
  font-size: 1.25rem;
  font-size: clamp(0.75rem, 0.938rem + 2vw, 1.25rem);
}

/*** membership page - content page ***/

.membership-text {
  margin: 10rem auto;
  max-width: 490px;
}

.membership-text p {
  font-size: 1.25rem;
  font-size: clamp(0.75rem, 0.938rem + 2vw, 1.25rem);
}

.facial-verification {
  padding: 4rem 0 0;
}

.identity-check {
  padding: 0;
}

.online-access .membership-text {
  text-align: center;
  max-width: 800px;
  margin: 5rem auto 15rem;
}

.online-access .membership-text p,
.online-access .membership-text h2 {
  color: white;
}

.membership-text img {
  margin-top: 1.5rem;
}

.online-access {
  background-position: center;
  padding-bottom: 0;
  padding-top: 5rem;
}

.membership.loanspage-card {
  margin-top: -2.5rem;
  margin-bottom: -6rem;
}

.landingPageBreakout.membership-process {
  padding-top: 13rem;
  padding-bottom: 7rem;
}

.membership-process h2 {
  color: white;
}

.membership-process h4 {
  color: white;
  font-size: 1.25rem;
  font-size: clamp(0.938rem, 0.538rem + 2vw, 1.125rem);
  margin-top: 4rem;
  position: relative;
  padding: 0 3rem;
}

.membership-process h4::after {
  position: absolute;
  top: -3.25rem;
  margin: auto;
  width: 35px;
  height: 35px;
  background: #034a76;
  border-radius: 50px;
  line-height: 2.125rem;
  left: 0;
  right: 0;
}

.membership-process h4::before {
  content: "";
  position: absolute;
  top: -2.125rem;
  width: 100%;
  height: 2px;
  background: #034a76;
  right: 0;
  left: 0;
  margin: auto;
  bottom: auto;
}

.membership-process .first-step h4::after {
  content: "1";
  position: absolute;
  margin: auto;
  width: 35px;
  height: 35px;
  background: #034a76;
  border-radius: 50px;
  line-height: 2.125rem;
  left: 0;
  right: 0;
}

.membership-process .first-step h4::before {
  content: "";
  position: absolute;
  top: -2.125rem;
  width: 50%;
  height: 2px;
  background: #034a76;
  right: 0;
  left: auto;
  margin: auto;
}

.membership-process .last-step h4::before {
  content: "";
  position: absolute;
  top: -2.125rem;
  width: 50%;
  height: 2px;
  background: #034a76;
  right: auto;
  left: 0;
  margin: auto;
}

.membership-process .col-md-4.column {
  padding: 0 !important;
  margin-top: 2rem;
}

.membership-process .second-step h4::after {
  content: "2";
}

.membership-process .third-step h4::after {
  content: "3";
}

.membership-process .fourth-step h4::after {
  content: "4";
}

.membership-process .fifth-step h4::after {
  content: "5";
}

.membership-process .last-step h4::after {
  content: "6";
}

.text-center.third-step h4::before {
  width: calc(100% - 60px);
  right: auto;
}

.text-center.fourth-step h4::before {
  width: calc(100% - 60px);
  left: auto;
}

/*** content page header buttons - Google Play and App Store ***/

.AppStoreButtons li:first-child .button {
  background-color: #222423;
  background-image: url("../content/images/app-store-icon.svg");
  background-position: left 10px center;
  background-repeat: no-repeat;
  background-size: 20px;
  padding-left: 36px;
  text-align: left;
}

.AppStoreButtons li:nth-child(2) .button {
  background-color: #222423;
  background-image: url("../content/images/google-play-icon.svg");
  background-position: left 10px center;
  background-repeat: no-repeat;
  background-size: 20px;
  padding-left: 36px;
  text-align: left;
}

/*** QR code ***/

.qrAddress {
  display: none;
}

.qrcode.canvas {
  max-width: 200px;
  height: auto;
}

/*** DPO information ***/

#dataProtectionSummaryData {
  background-color: #2b444f;
  color: #fff;
  margin: 30px;
}

#dataProtectionSummaryData p {
  color: #fff;
}

#dataProtectionDetailedData {
  background-color: #e48250;
  color: #fff;
}

#dataProtectionDetailedData p {
  color: #fff;
}

#dataProtectionServicesData {
  background-color: #253d48;
  color: #fff;
  margin: 30px;
}

#dataProtectionServicesData p,
#dataProtectionServicesData li {
  color: #fff;
}

.dPOWhoWeAre > div.dataProtectionColHeading {
  background-color: #2c68b1;
  display: block;
  height: 100%;
  padding: 5px;
  padding-bottom: 5px;
  color: #fff;
}

.dPOWhoWeAre > div.dataProtectionDetail {
  background-color: #e7e7e7;
  display: block;
  height: 100%;
  padding: 5px;
  padding-bottom: 5px;
}

.dPOStatement {
}

.dPOStatement > div.dataProtectionColHeading {
  background-color: #2c68b1;
  color: #fff;
  display: block;
  height: 100%;
  padding: 5px;
  padding-bottom: 5px;
}

.dPOStatement > div.dataProtectionDetail {
  background-color: #e7e7e7;
  display: block;
  height: 100%;
  padding: 5px;
  padding-bottom: 5px;
}

.dataProtectionDPO > div.dataProtectionColHeading {
  background-color: #2c68b1;
  color: #fff;
  display: block;
  height: 100%;
  padding: 5px;
  padding-bottom: 5px;
}

.dataProtectionDPO > div.dataProtectionDetail {
  background-color: #e7e7e7;
  display: block;
  height: 100%;
  padding: 5px;
  padding-bottom: 5px;
}

.dpo-block {
  background-color: rgba(234, 234, 234, 0.93);
  padding: 80px;
  padding-bottom: 130px;
  border: 1px solid #fff;
}

.button-holder a {
  border: 1px solid #2c68b1;
  width: 50%;
}

.btn.dpo {
  background-color: #2c68b1;
  color: #fff;
}

.DPSHeadingMain {
  display: block;
  height: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  background-color: #2c68b1;
  color: #fff;
}

.DPSHeading {
  display: block;
  height: 100%;
  padding-left: 10px;
  background-color: #2c68b1;
  color: #fff;
  padding-bottom: 5px;
}

.DPSHeadingDetail {
  display: block;
  height: 100%;
  background-color: #e7e7e7;
  color: #4a4e53;
  padding-left: 10px;
  padding-bottom: 5px;
}

/*** icon loan calculator - image/video slider ***/

.headerVideo {
  position: relative;
  background-color: black;
  height: 35vh;
  min-height: 28rem;
  width: 100%;
  overflow: hidden;
}

.headerVideo video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.headerButtonList {
  margin-left: 0;
  padding-left: 0;
}

.headerButtonList li {
  display: inline;
  float: left;
  margin-right: 20px;
}

.cardButtonList {
  margin-left: 0;
  padding-left: 0;
}

.cardButtonList li {
  display: inline;
  float: left;
  margin-right: 20px;
}

.fitVids-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

.fitVids-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*** loan application accordion arrows ***/

.card-header .far {
  transition: 0.5s transform ease-in-out;
}

a[aria-expanded="true"] .fa:after {
  content: "\f139";
}

a[aria-expanded="false"] .fa:after {
  content: "\f13a";
}

/*** miscellaneous ***/

/*dont remove needed for video in slider*/
video.slide-video.slide-media {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  object-fit: cover;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
}

/* input 3 cols */
flex-grid {
  display: flex;
}

.flex-grid .col {
  flex: 1;
}

/* detailed image */

.is-contain.detailedImageContainer .detailedImageContainer-img {
  object-fit: contain;
  font-family: "object-fit: contain";
}

.detailedImageContainer.is-round {
  border-radius: 50%;
}

/* various classes */

.smalltext {
  font-size: 0.75rem;
  position: relative;
  padding-top: 15px;
}

.smalltext:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 25px;
  height: 1px;
  opacity: 0.4;
}

.noBorder {
  border: 0 !important;
}

.greyGradient {
  background: rgb(240, 245, 248);
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(241, 241, 241, 1) 100%
  );
  margin: 20px 0 0;
  padding: 0 40px;
}

.greyGradient_v2 {
  background: rgb(240, 245, 248);
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(240, 245, 248, 1) 100%
  );
}

.bg-dark,
.darkBackground {
}

.bg-light {
  background: rgba(255, 255, 255, 0.97) !important;
}

.landingPageBreakout {
  width: 100vw;
  margin: 0 calc(-50vw + 50%);
  background-size: cover;
}

.landingPageBreakout > .row {
  margin: auto;
}

.contentPageBreakout {
  margin: 0 calc(-50vw + 25%);
}

.mobile-btn-container {
  margin: 1.5rem 0;
}

.mobile-app-btn {
  max-width: 155px;
  margin-bottom: 5px;
}

@media (min-width: 768px) {
  .no-vert-padding > .row {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.no-vert-padding > .row .column {
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}

.dropdown-item.active.selected {
  display: none !important;
}

.w-40 {
  width: 40% !important;
}

.w-45 {
  width: 45% !important;
}

.text-center {
  text-align: center;
  /* margin-top: 4rem; */
}

/* ---------------------------------------------------------------------------------------------------------------- 7.7 MYCU PAGE */
/* MYCU Page */

.mycu-banner {
  position: relative;
  height: 75vh;
  padding: 0;
  display: flex;
  background-position: top center;
}

.mycu-banner .row {
  max-width: 1330px;
  width: 100%;
  padding: 0 15px;
}

.mycu-banner .card {
  background: none;
  margin: auto;
  overflow: visible;
  font-family: "Arial", sans-serif;
}

.mycu-banner h2 {
  color: white;
  font-style: normal;
  font-size: 64px;
  line-height: 115%;
  margin-bottom: 1.5rem;
  opacity: 1;
  font-family: "Arial", sans-serif;
}

.mycu-banner p {
  color: white;
  font-style: normal;
  font-weight: 325;
  font-size: 20px;
  line-height: 165%;
  font-family: "Arial", sans-serif;
}

.mycu-banner .card-body {
  max-width: 500px;
  padding: 0 !important;
}

.mycu-banner .card-image {
  position: absolute;
  left: auto;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  margin: auto;
  height: 415px;
}

.mycu-banner .card-image img {
  max-width: 100%;
  padding: 0;
}

.mycu-banner .card-icon {
  display: none;
}

.anchorlinks-row {
  padding: 30px 3rem 15px;
}

.anchorlinks-row h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 140%;
  color: #006386;
  margin-bottom: 1.5rem;
  margin-top: 0.5rem;
  font-family: "Arial", sans-serif;
}

.anchorlinks {
  display: flex;
  justify-content: space-between;
  padding: 0;
}

.anchorlinks li {
  list-style-type: none;
  padding: 3px 0;
}

.anchorlinks li a {
  color: #006386;
  position: relative;
  font-family: "Arial", sans-serif;
  font-size: 1.125em;
  text-decoration: underline;
  font-weight: 600;
}

.anchorlinks li:last-child a {
  background: #c9d500;
  padding: 16px 25px;
  border-radius: 5px;
  text-decoration: none;
  font-weight: 600;
}

.anchor {
  margin: 0;
  line-height: 0;
}

.bulletpoints-row {
  padding: 7rem 0 0;
  max-width: 1300px;
  margin: auto;
}

.bulletpoints {
  padding-left: 0;
  margin: 3rem 0;
}

.bulletpoints-text {
  margin: auto;
}

.bulletpoints-img.left {
  display: flex;
  justify-content: end;
}

.bulletpoints-img {
  display: flex;
  justify-content: start;
}

.bulletpoints-img .img-fluid {
  height: 100%;
}

.bulletpoints-text h2,
.faq-title h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 54px;
  line-height: 115%;
  color: #006386;
  font-family: "Arial", sans-serif;
}

.bulletpoints-text a,
.arrow-link a {
  display: inline-flex;
  font-size: 17px;
  line-height: 1.22;
  align-items: center;
  font-weight: 600;
  color: #006386;
  position: relative;
  font-family: "Arial", sans-serif;
}

.arrow-link a::after {
  content: "\f176";
  font-size: 27px;
  line-height: normal;
  font-family: "Font Awesome 6 Pro";
  right: 15px;
  font-weight: 300;
  position: absolute;
  top: 0;
  bottom: 0;
  transform: rotate(90deg);
  border: none;
  right: -35px;
  left: auto;
  color: #c9d500;
  /* EASING */
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.arrow-link a:hover::after {
  color: #2ea4bd;
}

.bulletpoints-text a:hover,
.arrow-link a:hover {
  text-decoration: underline;
  color: #006386;
}

.bulletpoints-text .MYCU-btn {
  border: 2px solid #006386;
  color: #006386;
  width: 100%;
  max-width: 220px;
  line-height: 2rem;
  margin-right: 2px;
  margin-top: 1.5rem;
}

.bulletpoints-text .MYCU-btn:hover {
  background: #006386 !important;
  color: #fff !important;
  text-decoration: none;
  filter: none !important;
}

.bulletpoints li,
.bulletpoints-text p {
  font-style: normal;
  font-weight: 325;
  font-size: 20px;
  line-height: 165%;
  color: #006386;
  background: url("../content/images/MYCU/checkmark.svg") no-repeat left top;
  list-style-type: none;
  padding: 0 0 1rem 50px;
  font-family: "Arial", sans-serif;
}

.bulletpoints-text p {
  background: none;
  padding: 1rem 0 0 0;
}

.accordion-cu-wrapper {
  margin: -15px;
  display: flex;
  flex-wrap: wrap;
}

.accordion-cu {
  display: flex;
  flex-wrap: wrap;
  max-width: 1056px;
  margin: auto;
}

.accordion-cu .box-cu {
  padding-top: 40px;
  padding-right: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
  border: 1px solid #dedede;
  height: 330px;
  border-radius: 16px;
  position: relative;
  margin: 15px;
  width: calc(50% - 30px);
  transition:
    background-color 0.4s cubic-bezier(0.19, 1, 0.22, 1),
    box-shadow 0.4s cubic-bezier(0.19, 1, 0.22, 1),
    border-color 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}

.box-content-cu {
  display: flex;
  flex-direction: column;
}

.accordion-cu h2 {
  margin-top: 0;
  margin-bottom: 1rem;
  max-width: 70%;
  color: #006386;
  font-family: "Arial", sans-serif;
  border-bottom: none;
  font-weight: 700;
  font-size: 1.938em;
  text-align: left;
}

.hidden-text-cu {
  opacity: 0;
  visibility: hidden;
  letter-spacing: 0em;
  font-size: 20px;
  line-height: 1.65;
  transition:
    opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1),
    visibility 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  display: block;
  text-align: left;
}

.hidden-text-cu p {
  width: calc(100% - 100px);
  color: #006386;
  font-size: 1.063rem;
  font-family: "Arial", sans-serif;
}

.hidden-btn {
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1),
    visibility 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  display: block;
}

.hidden-btn svg {
  height: 16px;
  width: 16px;
  margin-right: 5px;
  fill: #006386;
  transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  position: relative;
  top: 0;
}

.hidden-btn button {
  background: transparent;
  border: none;
  font-size: 17px;
  color: #006386;
  font-weight: 600;
  line-height: 1.75rem;
  font-family: "Arial", sans-serif;
  cursor: pointer;
}

.hidden-btn button:last-child svg {
  transform: rotate(45deg);
}

.accordion-cu .box-cu:hover {
  background-color: #e6f0f3;
}

.accordion-cu .box-cu-open {
  background-color: #e6f0f3;
  box-shadow: 0px 13px 40px -25px rgba(29, 48, 55, 0.2);
  border-color: #006386;
}

.accordion-cu .box-cu-open h2 {
  text-decoration: underline;
}

.accordion-cu .box-cu:hover .hidden-text-cu,
.accordion-cu .box-cu:hover .hidden-btn,
.accordion-cu .box-cu-open .hidden-text-cu,
.accordion-cu .box-cu-open .hidden-btn {
  opacity: 1;
  visibility: visible;
}

.accordion-cu .box-cu .hidden-btn {
  position: absolute;
  bottom: 30px;
}

.accordion-cu .box-cu img {
  margin-right: 50px;
  margin-bottom: 40px;
  margin-left: auto;
  height: 140px;
  width: 140px;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}

.accordion-cu .box-cu:hover img,
.accordion-cu .box-cu-open img {
  opacity: 0.1;
}

.box-cu-details {
  margin: 15px;
  margin-top: 30px;
  margin-right: 15px;
  margin-bottom: 15px;
  margin-left: 15px;
  border-radius: 16px;
  width: calc(100% - 30px);
  background-color: #f6f6f6;
  position: relative;
  display: block;
  text-align: left;
}

.box-cu-details:before {
  height: 36px;
  width: 36px;
  position: absolute;
  bottom: 100%;
  margin-right: 80px;
  margin-left: 80px;
  content: "";
  transform: translateY(50%) rotate(45deg);
  background-color: #f6f6f6;
}

.box-cu-details a,
.faqs-cu-accordion a {
  font-weight: 600;
  color: #006386;
}

.box-cu-details a:hover,
.faqs-cu-accordion a:hover {
  text-decoration: underline;
}

.box-cu-details.right:before {
  right: 0;
}

.dropdown-box-content {
  display: flex;
}

.box-cu-details .dropdown-text {
  padding: 70px 50px 70px 70px;
  width: 65%;
}

.box-cu-details img {
  margin: 3rem auto;
  max-width: 250px;
  width: 100%;
  height: 100%;
}

.box-cu-details.order-md-10 img {
  width: auto;
}

.close-block {
  display: block;
  background-color: #006386;
  padding: 20px;
  border-radius: 0 0 16px 16px;
}

.close-block button {
  color: white;
  background: transparent;
  border: none;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.75rem;
  font-family: "Arial", sans-serif;
  cursor: pointer;
  background: url("../content/images/MYCU/close-white.svg") no-repeat left
    center;
  padding-left: 30px;
  background-size: 23px 24px;
}

.faqs-cu {
  margin: 7rem 0;
}

.faqs-cu-intro {
  text-align: center;
  max-width: 715px;
  margin: auto;
  margin-bottom: 4rem;
}

.faqs-cu-intro h2 {
  font-style: normal;
  font-weight: 300;
  font-size: 54px;
  line-height: 115%;
  color: #006386;
  margin-bottom: 2rem;
  font-family: "Arial", sans-serif;
  border: none;
}

.faqs-cu-accordion {
  max-width: 1056px;
  margin: auto;
}

.faqs-cu-accordion .faqbox {
  border-radius: 8px !important;
  border: 1px solid #dedede;
  padding: 0;
  margin-bottom: 1.5rem;
}

.faqs-cu-accordion .faqbox.opened {
  border: 2px solid #00a7c0;
}

.faqs-cu-accordion .text_box h4 {
  background-position: left 2.25rem center !important;
  padding: 3rem 1rem 3rem calc(2.75rem + 50px) !important;
  margin-bottom: 0;
  margin-top: 0;
  color: #006386;
  font-family: "Arial", sans-serif;
}

.faqs-cu-accordion .text_box p {
  padding: 0 calc(2.75rem + 50px);
  position: relative;
  top: -1.5rem;
  margin-bottom: 1rem;
  color: #006386;
}

.faqbox.closed .text_box h4 {
  background-size: 31px 30px !important;
}

.faqbox.opened .text_box h4 {
  background-size: 25px !important;
}

.box-cu-details.order-md-3:before,
.box-cu-details.order-md-10:before {
  right: 0;
}

.box-cu-details .dropdown-text h3 {
  color: #006386;
  font-family: "Arial", sans-serif;
  margin-bottom: 1rem;
  font-size: 1.75em;
  font-weight: 600;
  line-height: normal;
  padding-bottom: 5px;
}

.box-cu-details .dropdown-text p {
  color: #006386;
  font-family: "Arial", sans-serif;
  font-size: 1.125em;
  margin-bottom: 10px;
}

.faq-title,
.mycu-boxes {
  text-align: center;
  padding-top: 7rem;
}

.faq-title h2 {
  margin: 1.75rem 0 2.5rem;
}

.faq-title p {
  font-size: 1.125rem;
  font-weight: 400;
  color: #006386;
  font-family: "Arial", sans-serif;
}

.faq-accordion {
  max-width: 1056px;
  margin: auto;
  margin-top: auto;
  margin-top: 2.5rem;
}

.faq-accordion .jag-faq-title {
  color: #006386;
  font-family: "Arial", sans-serif;
  padding: 3rem 1rem 3rem calc(2.75rem + 30px) !important;
}

.faq-accordion .jag-faq-title i {
  margin-left: -35px;
  font-weight: 400;
  font-size: 1.5rem;
}

.faq-accordion .jag-faq-title span {
  padding-left: 35px;
  font-size: 1.375rem;
  line-height: normal;
}

.faq-accordion .panel.jag-faq-wrapper {
  border-radius: 8px !important;
  border: 1px solid #dedede;
  padding: 0;
  margin-bottom: 1.5rem;
  box-shadow: none;
}

.faq-accordion .panel.jag-faq-wrapper p {
  padding: 0 calc(2.75rem + 30px);
  position: relative;
  top: -1.5rem;
  margin-bottom: 1rem;
  color: #006386;
  font-size: 1.125rem;
  font-family: "Arial", sans-serif;
}

.faq-accordion .panel.jag-faq-wrapper p:hover {
  cursor: default;
}

.faq-accordion .panel.jag-faq-wrapper a {
  color: #006386;
  font-weight: 600;
}

.faq-accordion .panel.jag-faq-wrapper a:hover {
  text-decoration: underline;
}

.faq-accordion .panel.jag-faq-wrapper .panel-body {
  padding: 18px 22px 15px;
}

.arrow-link {
  margin-bottom: 6rem;
}

.arrow-link.center {
  margin-bottom: 6rem;
  text-align: center;
}

.mycu-details,
.mycu-downloads {
  margin: auto;
  max-width: 1056px;
  padding: 0 6rem;
  color: #006386;
}

.mycu-details h2 {
  font-size: 1.75rem;
  font-family: "Arial", sans-serif;
  color: #006386;
}

.mycu-details h4 {
  font-size: 17px;
  margin-top: 20px;
  font-family: "Arial", sans-serif;
  color: #006386;
}

.contact-details {
  margin: 2rem 0 1rem;
}

.contact-details ul,
.mycu-downloads ul {
  padding-left: 0;
}

.contact-details li,
.mycu-downloads li {
  list-style-type: none;
  color: #006386 !important;
  list-style-type: none;
  padding-left: 35px !important;
  font-weight: 600 !important;
  font-family: "Arial", sans-serif !important;
  font-size: 1.125rem;
  padding: 3px 0;
  background: url("../content/images/MYCU/plus.svg") no-repeat left center;
  background-size: 24px 24px;
}

.contact-details li:first-child {
  background: url("../content/images/MYCU/cu-phone.svg") no-repeat left center;
}

.contact-details li:last-child {
  background: url("../content/images/MYCU/cu-email.svg") no-repeat left center;
}

.mycu-downloads li a,
.mycu-downloads li a:hover {
  color: #006386;
}

.mycu-details .btn,
.mycu-details .btn:hover {
  background: #c9d500;
  padding: 12px 25px;
  border-radius: 5px;
  text-decoration: none;
  font-weight: 600;
  color: #006386;
  position: relative;
  font-family: "Arial", sans-serif;
  margin-bottom: 2rem;
}

.legal {
  max-width: 1101px;
  margin: 3rem auto 0;
  padding: 0 15px;
}

.legal p {
  color: #006386;
  margin-bottom: 3.5rem;
  font-size: 0.875rem;
  font-family: "Arial", sans-serif;
}

/* accordion - FAQ MYCU */
.faqbox {
  border: 1px solid #9faba2;
  padding: 20px;
  position: relative;
  margin-bottom: -1px;
}

.faqbox .text_box h4:hover {
  cursor: pointer;
}

.faqbox.opened .text_box h4 {
  position: relative;
  background: url(../../templates/current/images/minus.svg) no-repeat scroll
    right center;
  padding-right: 50px;
  padding-left: 25px;
  /*EASING EFFECT*/
  -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.21, 0.99) 0s;
  -moz-transition: all 0.2s cubic-bezier(0, 0, 0.21, 0.99) 0s;
  -o-transition: all 0.2s cubic-bezier(0, 0, 0.21, 0.99) 0s;
  transition: all 0.2s cubic-bezier(0, 0, 0.21, 0.99) 0s;
  z-index: 1;
}

.faqbox.closed .text_box h4 {
  position: relative;
  background: url(../../templates/current/images/plus.svg) no-repeat scroll
    right center;
  padding-right: 50px;
  padding-left: 0;
  -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.21, 0.99) 0s;
  -moz-transition: all 0.2s cubic-bezier(0, 0, 0.21, 0.99) 0s;
  -o-transition: all 0.2s cubic-bezier(0, 0, 0.21, 0.99) 0s;
  transition: all 0.2s cubic-bezier(0, 0, 0.21, 0.99) 0s;
  z-index: 1;
}

.faqbox.closed h4 {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
  margin-top: 0;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}

.faqbox.opened p,
.faqbox.opened a,
.faqbox.opened ul {
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}

.faqbox.opened a {
  color: #206390;
}

.faqbox.closed p,
.faqbox.closed a,
.faqbox.closed ul,
.faqbox.closed ol,
.faqbox.closed table,
.faqbox.closed .yellow-alert,
.faqbox.closed .or-box {
  display: none;
}

@media (min-width: 1201px) {
  .navbar-expand-xl {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .navbar-expand-xl .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid,
  .navbar-expand-xl > .container-lg,
  .navbar-expand-xl > .container-md,
  .navbar-expand-xl > .container-sm,
  .navbar-expand-xl > .container-xl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .navbar-expand-xl .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }

  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}

@media only screen and (max-width: 75em) /* 1200 */ {
  .image-text-block-cu {
    flex-direction: column-reverse;
  }

  .image-text-block-cu.odd {
    flex-direction: column;
  }

  .image-text-block-cu > div {
    width: 100%;
    max-width: 600px;
  }

  .bulletpoints-row {
    padding-top: 3rem;
  }

  .bulletpoints-img {
    max-width: 450px;
    width: 100%;
    padding: 30px 30px 0;
  }

  .bulletpoints-row.reversed .row {
    flex-direction: column-reverse;
  }

  .bulletpoints-img.left {
    justify-content: start;
  }
}

@media only screen and (max-width: 62em) /* 992 */ {
  .side-img {
    justify-content: center !important;
    margin-top: 3rem;
  }

  .image-text-block-cu {
    margin: 4rem 0;
  }

  .card-overlay {
    display: none;
  }

  .main-image > img {
    display: none;
  }

  .main-text-cu-wrapper {
    position: relative;
    height: auto;
    margin-bottom: 2rem;
  }

  .main-text-cu {
    color: #006386;
    max-width: 100%;
  }

  .show-mobile {
    display: block;
    width: 100%;
    max-width: 500px;
    margin: 2rem auto;
  }

  .hide-mobile {
    display: none;
  }

  .mycu-banner .card-image {
    display: none;
  }

  .mycu-banner .card {
    flex-direction: column !important;
  }

  .mycu-banner h2,
  .mycu-banner p {
    color: #006386;
  }

  .mycu-banner {
    background-image: none !important;
    padding: 0 !important;
    height: auto !important;
  }

  .mycu-banner .row {
    padding: 0 0;
  }

  .mycu-banner .card-body {
    max-width: 100%;
  }

  .mycu-banner .card-icon {
    max-width: 450px;
    display: block;
  }

  .mycu-banner .card-right img {
    max-width: 450px;
    width: 100%;
    padding: 30px 30px 0;
  }

  .mycu-banner .card-title,
  .mycu-banner .card-text {
    margin: 0;
    padding: 0;
  }

  .anchorlinks {
    flex-direction: column;
  }

  .anchorlinks li:last-child {
    margin-top: 20px;
  }

  .anchorlinks-row {
    padding: 30px 3rem 30px;
  }

  .arrow-link {
    margin-bottom: 2rem;
  }

  .faq-accordion .panel.jag-faq-wrapper p {
    padding: 0 1rem 0 calc(2.75rem + 30px);
  }

  .faq-title,
  .mycu-boxes {
    text-align: center;
    padding-top: 3rem;
  }

  .arrow-link.center {
    margin-bottom: 3rem;
  }

  .faq-accordion {
    margin-top: 0.5rem;
  }

  .bulletpoints-row {
    padding-top: 1rem;
  }
}

@media only screen and (max-width: 56.25em) /* 900 */ {
  .submenu-cu {
    padding: 30px 3rem 30px;
  }

  .submenu-links-cu ul {
    flex-direction: column;
  }

  .submenu-links-cu ul li:last-child {
    margin-top: 20px;
  }

  .image-text-block-cu {
    margin: 3rem 0;
  }

  .box-cu-details img {
    display: none;
  }

  .box-cu-details .dropdown-text {
    width: 100%;
    padding: 70px;
  }
}

@media only screen and (max-width: 45em) /* 720 */ {
  .umbraco-forms-general .whattypeofborrowerareyou .form-control {
    grid-template-columns: 1fr;
  }

  .contact.details {
    padding: 0 15px;
  }

  .accordion-cu .box-cu {
    width: 100%;
  }

  .box-cu-details .dropdown-text {
    padding: 40px;
  }

  .box-cu-details.right::before {
    right: 0;
    left: 0;
    margin: auto;
  }

  .hidden-text-cu p,
  .accordion-cu h2 {
    width: 100%;
    max-width: 100%;
  }

  .bulletpoints-text .MYCU-btn {
    margin-top: 0.5rem;
    margin-bottom: 0;
  }
}

/* ---------------------------------------------------------------------------------------------------------------- 7.8 NEW WIDGETS */

/*** any new widgets developed need to have the styling added into this section ***/

.titleanddescription .form-control {
  border: 0;
  font-weight: 700;
}

#CybotCookiebotDialogBodyContentTitle {
  text-transform: inherit;
}

#CybotCookiebotDialogBodyContentText p {
  font-size: inherit;
}

#CybotCookiebotDialogDetailBodyContentCookieContainerTypeDetails p,
#CybotCookiebotDialogDetailBodyContentIABv2Details p {
  font-size: inherit;
}

.CybotCookiebotDialogDetailBodyContentCookieTypeTable thead {
  font-family: inherit;
}

.CybotCookiebotDialogDetailBodyContentCookieTypeTable thead td,
.CybotCookiebotDialogDetailBodyContentCookieTypeTable thead th {
  font-size: inherit;
}

/* LOGIN PAGE - PANEL PAGE */

.loginPage .col-xl-12 {
  padding: 0;
}

.login-panel-wrapper {
  min-height: 550px;
  background: #f2f2f2;
}

#divLoginWrapper {
  max-width: 400px;
  background: rgba(255, 255, 255, 0.6);
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 3px 30px rgba(59, 60, 71, 0.1);
  padding: 30px;
  border-radius: 0;
  width: calc(100% - 30px);
}

.divLoginImageText h2 {
  font-size: 0.813rem;
  font-weight: 400;
  letter-spacing: 2px;
  margin-bottom: 5px;
}

.divLoginImageText h1 {
  margin: 0 0 20px;
  font-size: 1.425rem;
  font-size: clamp(0.938rem, 0.938rem + 2vw, 1.425rem);
  font-weight: 600;
  text-transform: uppercase;
}

#spanLoginHeadText legend {
  float: none;
}

.divLoginUsernameWrapper,
.divLoginPasswordWrapper {
  display: flex;
  flex-direction: column;
}

.divLoginWrapperInner label {
  letter-spacing: 0.3px;
  font-size: 0.875rem;
  text-transform: uppercase;
}

.divLoginWrapperInner input {
  width: 100%;
  color: #3b3c47;
  background-color: #ffffff;
  height: 42px;
  padding: 7px;
  outline: none;
  font-size: 1.125rem;
  font-size: clamp(0.875rem, 0.625rem + 2vw, 1.125rem);
  width: 100%;
  border: 1px solid #e1e1e1;
  border-radius: 1px;
}

.divLoginButtonWrapper button,
.login-status-wrapper button {
  min-width: 140px;
  max-width: 180px;
  border-radius: 50px;
  background: #ee2924 !important;
  -webkit-transition: all 0.15s ease-out 0s;
  -moz-transition: all 0.15s ease-out 0s;
  -o-transition: all 0.15s ease-out 0s;
  transition: all 0.15s ease-out 0s;
  font-weight: 600;
  padding: 10px 15px;
  margin-top: 1rem;
  border: none;
  color: white;
  text-align: center;
  width: auto !important;
  margin-top: 0;
  display: inline-block;
  font-size: 1rem;
  font-size: clamp(0.5rem, 0.5rem + 2vw, 1rem);
}

/* LOGIN PAGE - STATUS PAGE */

.login-status-outer-wrapper.landingPageBreakout {
  background: #414994;
  padding: 1.125rem 0;
}

.login-status-wrapper {
  display: flex;
  justify-content: flex-end;
  margin: 0 0 0 auto !important;
  max-width: 700px;
  align-items: center;
}

.login-status-wrapper p {
  color: white;
  margin-bottom: 0;
  margin-right: 20px;
  line-height: 1.4rem;
}

/* Accordion Button */
.accordion-buttons {
  max-width: 800px;
  margin: auto;
}

.accordion-buttons .btn {
  width: 100% !important;
  max-width: 800px;
  border-radius: 5px;
  padding: 16px;
  font-weight: bold;
  font-size: 1rem;
  color: white !important;
  text-transform: unset;
  position: relative;
  text-align: left;
  margin-bottom: 10px !important;
}

.accordion-buttons .btn:hover {
}

.accordion-buttons .fa-stack-2x {
  text-align: right;
  right: 16px;
  left: unset;
  top: 12px;
  color: white;
}

.accordion-buttons i.fa-chevron-down {
  padding-left: 4px;
}

.accordion-buttons .collapse {
  padding: 0 10px;
}

.accordion-buttons .collapse .btn {
  color: white !important;
}

.accordion-buttons .collapse .btn:hover {
}

.accordion-buttons .collapse .fa-stack-2x {
  color: white;
}
/* END Accordion Button */

/******* Button Modal *******/
.new-modal {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  text-align: left;
}

.new-modal.is-visible {
  visibility: visible;
}

.new-modal-overlay {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  visibility: hidden;
  opacity: 0;
  transition:
    visibility 0s linear 0.3s,
    opacity 0.3s;
}

.new-modal.is-visible .new-modal-overlay {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

.new-modal-wrapper {
  position: absolute;
  z-index: 9999;
  top: 50%;
  left: 50%;
  width: 60%;
  background-color: #f1f1f1;
  box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35);
  border-radius: 20px;
  max-height: calc(100% - 200px);
  overflow: auto;
}

.new-modal-transition {
  transition: all 0.3s 0.12s;
  transform: translate(-50%, -50%);
  opacity: 0;
}

.new-modal.is-visible .new-modal-transition {
  transform: translate(-50%, -50%);
  opacity: 1;
}

.new-modal-content {
  padding: 30px;
}

.new-modal-content li {
  padding-bottom: 5px;
}

.new-modal-header {
  position: relative;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid #e8e8e8;
  padding: 15px 30px;
  border-radius: 20px 20px 0 0;
}

.new-modal-close {
  color: white;
  font-size: 22px;
  font-weight: bold;
  position: absolute;
  right: 10px;
  top: 13px;
  background: red;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 28px;
  border-radius: 30px;
  border: 0;
  content: "";
}

.new-modal-close:before {
  content: "\f00d";
  font-family: "Font Awesome 6 Pro";
}

.new-modal-close:hover,
.new-modal-close:focus {
  text-decoration: none;
  cursor: pointer;
  opacity: 0.7;
}

.new-modal-heading {
  font-size: 22px;
  margin: 5px 0;
}

.new-modal-subheading {
  font-size: 16px;
  margin: 5px 0;
}

.new-modal-content > *:first-child {
  margin-top: 0;
}

.new-modal-content > *:last-child {
  margin-bottom: 0;
}

@media (max-width: 992px) {
  .new-modal-wrapper {
    width: 90%;
  }
}
/******* END Button Modal *******/

/* Text 2 or 3 columns */
.text-2col {
  column-count: 2;
  column-gap: 40px;
}

.text-3col {
  column-count: 3;
  column-gap: 40px;
}

/* Adjustments Accessbility */

:focus-visible {
  box-shadow:
    0 0 0 2px var(--a11y-background),
    0 0 0 4px var(--a11y-primary) !important;
  outline: none;
}

.navbar-nav.login-button a.buttonStyle1:focus-visible,
.navbar-nav.login-button .btn-group.show li a:focus-visible,
.splitPictureWrapper .btn.solid-color:focus-visible,
.slick-dots li button:focus-visible,
.spotlights a:focus-visible,
.btn:focus-visible,
.button:focus-visible,
.homepageSlider .NextArrow:focus-visible,
.homepageSlider .PrevArrow:focus-visible,
.calcslider .NextArrow:focus-visible,
.calcslider .PrevArrow:focus-visible,
.number-input button.minus:focus-visible,
.number-input button.plus:focus-visible,
.calc-left-group .bootstrap-select > .dropdown-toggle:focus-visible,
.NewsWidgetsliderDetailed .PrevArrow:focus-visible,
.NewsWidgetsliderDetailed4Across .PrevArrow:focus-visible,
.NewsWidgetsliderDetailed .NextArrow:focus-visible,
.NewsWidgetsliderDetailed4Across .NextArrow:focus-visible,
#BtnBackToTop:focus-visible,
a:focus-visible,
button:focus-visible,
.news-item .btn-primary:focus-visible,
a.btn:focus-visible,
button.NextArrow:focus-visible,
button.PrevArrow:focus-visible,
.testimonials .button.btn-primary:focus-visible {
  box-shadow:
    0 0 0 2px var(--a11y-background),
    0 0 0 4px var(--a11y-primary) !important;
  outline: none !important;
  overflow: visible;
}

.navbar-nav.login-button a.buttonStyle2:focus-visible,
.navbar-nav.login-button.buttons2 .btn-group.show li a:focus-visible {
  box-shadow:
    0 0 0 2px var(--a11y-background),
    0 0 0 4px var(--a11y-secondary) !important;
  outline: none !important;
}

.footer-wrapper .globalAddressTwoCol .NextArrow:focus-visible,
.footer-wrapper .globalAddressTwoCol .PrevArrow:focus-visible,
.footer-wrapper .btn:focus-visible,
.footer-wrapper a:focus-visible {
  box-shadow:
    0 0 0 2px var(--a11y-on-surface),
    0 0 0 4px var(--a11y-background) !important;
  outline: none !important;
}

a.skip-link {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  word-wrap: normal !important;
  border: 0;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  height: 1px;
  width: 1px;
  z-index: 101;
  opacity: 0;
}

a.skip-link:active,
a.skip-link:focus {
  -webkit-font-smoothing: antialiased;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  clip: auto !important;
  clip-path: inherit;
  height: auto;
  overflow: auto;
  top: 20px;
  left: 20px;
  width: fit-content;
  background-color: var(--a11y-primary);
  border-radius: 60px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1rem;
  font-size: clamp(0.5rem, 0.5rem + 2vw, 1rem);
  font-weight: 700;
  padding: 8px 20px;
  text-decoration: none;
  text-transform: lowercase;
  transition: 0.3s;
  opacity: 1;
}

a.skip-link:active:hover,
a.skip-link:focus:hover {
  filter: brightness(1.12);
}

/* END Adjustments Accessbility */
/* ---------------------------------------------------------------------------------------------------------------- 8.0 MEDIA QUERIES */
/* ---------------------------------------------------------------------------------------------------------------- 8.0 MEDIA QUERIES */
/* ---------------------------------------------------------------------------------------------------------------- 8.0 MEDIA QUERIES */
/* ---------------------------------------------------------------------------------------------------------------- 8.0 MEDIA QUERIES */
/* ---------------------------------------------------------------------------------------------------------------- 8.0 MEDIA QUERIES */
/* ---------------------------------------------------------------------------------------------------------------- 8.0 MEDIA QUERIES */
/* ---------------------------------------------------------------------------------------------------------------- 8.0 MEDIA QUERIES */
/* ---------------------------------------------------------------------------------------------------------------- 8.0 MEDIA QUERIES */
/* ---------------------------------------------------------------------------------------------------------------- 8.0 MEDIA QUERIES */

/* ---------------------------------------------------------------------------------------------------------------- 8.1 Extra Large devices (portrait phones, less than 1400px) */

@media (max-width: 1400px) {
  .navigation.float,
  .container.content-page.with-header,
  .container.content-page,
  .container.news-page,
  .article {
    /*max-width: calc(100% - 30px) !important;*/
  }

  .navigation-portrait .loginButtons {
    background-position: right 20px top 16px;
  }

  .navigation-portrait .loginButtons.buttons2 {
    background-position: right 25px top 16px;
  }

  .loginButtons.buttons1,
  .nav-menu > li.loginButtons.buttons1 .nav-dropdown {
    margin-left: 0;
  }

  .navigation-portrait .loginButtons .buttonTitle {
    padding-top: 0;
  }

  .info {
    left: 60px;
  }

  .heroBar .card > .row,
  .heroBarRight .card > .row {
    min-height: 409px;
  }

  .testimonials .row.mainbody,
  .NewsGlobalCTA.imageRight .card > .row {
    min-height: 409px;
  }

  .hero-banner-left .heroWrapper,
  .hero-banner-right .heroWrapper {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .heroBarRight .heroWrapper {
    margin: auto 5rem auto auto !important;
    padding-left: 130px !important;
  }
}

/* ---------------------------------------------------------------------------------------------------------------- 8.2 Large devices (desktops, less than 1200px) */

@media (min-width: 1200px) {
  html .d-xl-none {
    display: none !important;
  }

  html .d-xl-block {
    display: block !important;
  }
}

@media (max-width: 1200px) {
  .navigation.float,
  .navigation {
    top: 0;
    border-radius: 0;
    position: relative;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  }

  .loginButtons.buttonTitle {
    width: 100%;
  }

  .navigation-portrait .nav-menu > li.loginButtons > a,
  .navigation-portrait .nav-menu > li.loginButtons > a:hover {
    text-transform: none !important;
    font-size: 1.125rem !important;
    text-align: center;
    font-weight: normal;
    color: white !important;
    line-height: normal;
    letter-spacing: 0;
    padding: 15px !important;
  }

  .nav-menu > li.loginButtons .nav-dropdown li a {
    background: transparent;
    text-transform: none;
    color: white;
    font-size: 15px;
    text-align: center;
    padding: 12px 0;
    border-bottom: none;
  }

  .nav-menu > li.loginButtons .nav-dropdown li:first-child {
    border-top: none;
  }

  .nav-menu > li.loginButtons .nav-dropdown::before,
  .nav-menu > li.loginButtons .nav-dropdown::after {
    display: none;
  }

  .nav-menu > li.loginButtons .nav-dropdown li a:hover {
    background: none;
  }

  .navigation-portrait .nav-menu > li:last-child {
    border-bottom: none;
  }

  .nav-menu > li > .nav-dropdown {
    box-shadow: none;
  }

  .spHeader {
    height: 67px;
  }

  .container.content-page.with-header.spWithImage {
    margin-top: 0 !important;
  }

  .nav-search {
    border-radius: 0;
  }

  .navigation.float,
  .container.content-page.with-header,
  .container.content-page,
  .container.news-page,
  .article {
  }

  .navigation.float {
    top: 0;
    border-radius: 0;
    position: relative;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  }

  .nav-search > form {
    border-radius: 0;
  }

  .features-icon {
    background: #c9ced7;
    color: white;
    float: left;
    font-size: 8.375em;
    font-weight: bold;
    height: 100%;
    letter-spacing: -12px;
    line-height: 0.7em;
    overflow: hidden;
    position: relative;
    text-indent: -33px;
  }

  .spotlights h2 {
    font-size: clamp(1rem, 1rem + 2vw, 1.5rem);
  }

  .features-main {
    font-size: clamp(1rem, 1rem + 2vw, 1.25rem);
  }

  .features-sub {
    font-size: clamp(0.438rem, 0.438rem + 2vw, 0.938rem) !important;
  }

  .features-icon {
    max-width: 100%;
    min-width: 120px;
    text-indent: -50px;
  }

  .container.bodyStart p {
    font-size: clamp(0.5rem, 0.5rem + 2vw, 0.938rem);
  }

  .progress-logo-footer {
    display: block;
    text-align: right;
  }

  .staff-wrapper:hover {
    transform: scale(1.1);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    position: relative;
  }

  .regulatory-links .column {
    padding: 0 !important;
  }

  .footer-wrapper .globalAddressTwoCol .NextArrow {
    right: 10px;
  }

  .footer-wrapper .globalAddressTwoCol .PrevArrow {
    right: 50px;
  }

  dl,
  ol,
  ul {
    padding-left: 2.125rem;
  }

  .homepageSlider .NextArrow,
  .homepageSlider .PrevArrow {
    margin-top: 0;
  }

  .navigation-portrait .nav-search-close-button {
    top: 32px;
    right: 35px;
  }

  .homepageSlider .PrevArrow,
  .homepageSlider .NextArrow,
  .info {
    margin-top: 0;
  }

  .news-page h1 {
    max-width: calc(100% - 0px);
    left: 0;
  }

  #NewsArticles {
    margin-left: 0;
  }

  .Newsgrid__item,
  .Newsgrid__col-sizer {
    width: 32%;
  }

  .loginButtons .icon {
    background-position: left;
    position: absolute;
    right: 5px;
    background-position: right top;
    opacity: 0.4;
    width: 20px;
  }

  .nav-dropdown.nav-submenu {
    width: 100% !important;
  }

  .loan-app-boxes .col-md-4 > div {
    min-height: 100%;
  }

  .loan-app-boxes .col-md-4 .button {
    position: initial;
  }

  .positionApply {
    font-size: 14px;
    white-space: nowrap;
  }

  .calcBreakout {
    width: 100vw !important;
    margin: 0 calc(-50vw + 50%);
  }

  .homepageSlider .NextArrow,
  .homepageSlider .PrevArrow,
  .calcslider .NextArrow,
  .calcslider .PrevArrow {
    top: 40%;
  }

  .container.content-page.with-header,
  .container.content-page,
  .container.news-page,
  .article {
    padding: 30px 0 0;
    background: none;
  }

  figure {
    margin: 0;
  }

  .testimonals .col-bgr-cover-right {
    background-position: center;
  }

  #mainNav {
    overflow-y: scroll !important;
    max-height: 90vh !important;
  }

  /* menu 2 */
  .nav-divs {
    font-size: inherit;
  }

  .nav-menu.nav-divs.CallUsMobile {
    background-color: #00b0ad;
    display: block;
    width: 100%;
    text-align: center;
    padding: 1rem 0;
    color: white;
  }

  span.callUsIcon-Mobile {
    color: #fff;
    text-align: center;
    margin-right: 5px;
  }

  span.callUsHeading-Mobile {
    color: #fff !important;
    margin-right: 5px;
    font-weight: 600;
  }

  span.callUs-Mobile a {
    color: #fff !important;
  }

  .dropbtn {
    background-color: #4caf50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
  }

  .dropdown {
    position: relative;
    display: inline-block;
  }

  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
  }

  .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }

  .dropdown-content a:hover {
    background-color: #ddd;
  }

  .dropdown:hover .dropdown-content {
    display: block;
  }

  .dropdown:hover .dropbtn {
    background-color: #3e8e41;
  }

  /* mobile menu */
  .navigation-portrait .nav-menus-wrapper {
  }

  .navigation-portrait .nav-menu-top {
    padding: 13px 15px;
  }

  .navigation-portrait .nav-menu {
    padding: 15px;
    margin: 0;
  }

  .nav-menus-wrapper .nav-toggle {
    display: none;
  }

  .navigation-portrait .nav-menu > li.loginButtons {
    max-width: 180px;
    padding: 0 !important;
    margin: 10px auto;
    float: none;
    display: flex;
    background-position: initial;
    position: relative;
    top: 15px;
    flex-direction: column;
  }

  .navigation-portrait .loginButtons .buttonTitle {
    font-size: 0.875rem !important;
    text-transform: none !important;
    padding: 5px 0;
    color: white !important;
    line-height: 0.938rem;
  }

  .ConnectWithUs {
    display: flex !important;
    margin-top: 20px !important;
  }

  .ConnectWithUs ul {
    display: flex;
  }

  .ConnectWithUs li {
    list-style-type: none;
    padding: 0 10px;
  }

  .mobile-menu-socialLinks-Heading {
    flex-grow: 2;
    color: #182958;
    font-size: 14px;
    font-weight: 600;
  }

  .TopBar {
    background: #f5f5f5;
  }

  .TopBar .top-menu-links ul {
    flex-direction: column;
    padding: 1rem;
  }

  .TopBar li {
    list-style-type: none;
  }

  .TopBar .top-menu-links a {
    padding: 5px 40px 5px 0;
  }

  .navbar {
    height: auto;
    padding: 0;
    z-index: 100;
  }

  .navbar.fixed-top {
  }

  .navbar-light .navbar-brand {
    padding-left: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.75rem;
  }

  .navbar-light .navbar-toggler {
    margin-right: 1rem;
    width: 30px;
  }

  .navbar-nav.main-navigation {
    padding: 0 1rem;
  }

  .navbar-nav .nav-link,
  .navbar-nav .nav-link:hover,
  .navbar-nav .nav-link:active,
  .navbar-nav .nav-link:focus,
  .navbar-nav .nav-link:target {
    border-bottom: none !important;
    color: #182958 !important;
  }

  .navbar-light .navbar-nav .dropdown-menu {
    box-shadow: none;
    border-radius: 0;
    border: none;
    width: 100%;
    min-width: 100%;
    margin-left: 0;
    z-index: 1000;
  }

  .dropdown-toggle::after {
    position: absolute;
    margin-left: 16px;
    right: auto;
    top: 9px;
    bottom: auto;
  }

  .navbar-nav.login-button .dropdown-toggle::after {
    right: 36px;
    top: 0;
    bottom: 0;
  }

  .navbar-nav.main-navigation {
    padding-top: 0;
    margin-top: 1rem;
  }

  .navbar-nav.login-button {
    margin: 10px 1rem;
  }

  .nav-item:not(:first-child) {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }

  .dropdown-item {
    padding: 7px 20px;
  }

  #mainNav .dropdown:hover > .dropdown-menu {
    margin-bottom: 1rem;
    overflow: hidden;
  }

  .nav-item.dropdown.active.show {
    margin-bottom: 1rem;
  }

  .navbar-light .navbar-nav .nav-link {
    padding: 0.813rem 1rem 0.813rem 0;
    width: auto;
    display: inline-block;
    line-height: normal;
  }

  .ConnectWithUs {
    padding: 1rem;
  }

  .navbar-nav.login-button.navbar-right.buttons2 {
    display: none;
  }

  #mobileNavOnlyButton {
    position: absolute;
    top: 7px;
    right: 70px;
  }

  #mobileNavOnlyButton .btn {
    min-width: 180px;
    max-width: 180px;
    font-size: 0.875rem;
    line-height: normal;
    font-weight: 700;
    color: white;
    border: none;
    text-align: left;
    padding: 17px 0 17px 35px !important;
    border-radius: 10px;
    background: #006ea0;
    background: -moz-linear-gradient(top, #006ea0 0%, #0e4373 100%);
    background: -webkit-linear-gradient(top, #006ea0 0%, #0e4373 100%);
    background: linear-gradient(to bottom, #006ea0 0%, #0e4373 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006EA0',endColorstr='#0E4373',GradientType=0 );
    padding-right: 15px;
    -webkit-transition: all 0s ease-out 0s;
    -moz-transition: all 0s ease-out 0s;
  }

  #mobileNavOnlyButton .dropdown-menu.show {
    border-radius: 0 0 10px 10px;
    border: none;
    overflow: hidden;
    padding: 0 1rem;
    background: #006ea0;
    margin-top: 0px;
  }

  #mobileNavOnlyButton .dropdown-menu.show a {
    background: none;
    color: white;
    border-bottom: 1px solid white;
    padding: 17px 0 10px;
    font-weight: 600;
    line-height: normal;
  }

  #mobileNavOnlyButton .dropdown-menu.show a:last-child {
    border-bottom: none;
    padding: 10px 0 17px;
  }

  .navbar-nav.login-button {
    align-content: center;
  }

  #mobileNavOnlyButton.show .btn {
    border-radius: 10px 10px 0 0;
  }

  #mobileNavOnlyButton .btn::after {
    position: absolute;
    margin-left: 16px;
    right: auto;
    top: 13px;
    bottom: auto;
  }
}

/* ---------------------------------------------------------------------------------------------------------------- 8.3 Medium devices (tablets, less than 992px) */

@media (max-width: 992px) {
  .navigation.float {
    height: 80px;
  }

  .navigation-portrait .nav-logo > img {
    height: 68px;
    margin: 0;
    padding: 0;
  }

  .nav-header {
    padding: 8px 10px;
    width: calc(100% - 100px);
  }

  .nav-header img {
    width: 180px;
  }

  .navigation-portrait .nav-search {
    height: 80px;
  }

  .navigation-portrait .nav-search-button {
    height: 80px;
    width: 80px;
    line-height: 80px;
  }

  .navigation-portrait .nav-search-inner input[type="text"],
  .navigation-portrait .nav-search-inner input[type="search"] {
    height: 80px;
    line-height: 80px;
  }

  .info {
    left: 50% !important;
    background: none;
    margin: auto;
    padding-left: 0;
    transform: translate(-50%, -50%);
    height: 100%;
    width: 100%;
  }

  .info > div {
    border-radius: 0 !important;
    margin: 0;
    height: 100%;
    width: 100%;
    max-width: 100%;
  }

  .info-text {
    text-align: center;
    width: calc(100% - 100px);
  }

  .homepageSlider .slick-dots {
    bottom: 75px;
  }

  .info-text {
    margin: 0;
    position: absolute;
    top: calc(50% - 3rem);
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 5rem);
  }

  .spotlight-box {
    border-bottom: none;
    padding: 0 !important;
    margin-bottom: 30px;
  }

  .spotlight-box:last-child {
    margin-bottom: 0;
  }

  .spotlight-box:first-child {
    margin-top: 30px;
  }

  .spotlight-grid .spotlight-box:first-child {
    margin-top: 0;
  }

  .footer-wrapper .bg-dark .column {
    border-left: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .footer-wrapper .bg-dark .column:last-child {
    border-right: none;
    border-bottom: none;
  }

  .footer-wrapper .globalAddressTwoCol .NextArrow,
  .footer-wrapper .globalAddressTwoCol .PrevArrow {
    top: -50px;
  }

  .footer-wrapper .bg-dark {
    padding-bottom: 0;
    padding-top: 85px;
  }

  .regulatory-links .col-lg-5 {
    text-align: left;
  }

  .progress-logo-footer {
    display: none;
  }

  .navigation-portrait .nav-menus-wrapper .loginButtons ul {
    width: 100%;
  }

  .container.bodyStart .spotlights-wrapper h2,
  h1#pageHeading {
    border-bottom: none;
  }

  .spot-icon {
    height: 90px;
    text-align: initial;
    margin: auto;
    width: 90px;
    float: right;
  }

  .spot-text {
    max-width: 80%;
  }

  .spotlights img {
    height: clamp(120px, 120px + 2vw, 150px);
    padding: 0;
    position: relative;
    top: 40px;
  }

  .nav-toggle {
    padding-top: 9px;
  }

  .nav-search-icon {
    margin-top: 6px;
  }

  .spotlights-wrapper {
    padding: 1.5rem 1rem !important;
  }

  .spotlights h2 {
    font-size: 1.375rem;
    font-size: clamp(1rem, 1rem + 2vw, 1.375rem);
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
  }

  .spotlights-wrapper h2::before {
    top: 38px;
  }

  .spotlights p {
    margin-bottom: 20px;
  }

  .homepageSlider .PrevArrow,
  .homepageSlider .NextArrow {
    top: calc(50% - 3rem);
  }

  .features-icon {
    max-width: 100px;
  }

  .searchresults li {
    width: 100%;
  }

  .articleContainer {
    background: white;
    margin-top: -120px;
    min-height: 300px;
  }

  .art-img {
    position: relative;
  }

  .art-img .art-title {
    position: relative;
    bottom: 0;
    border-radius: 0 5px 0 5px;
    padding: 40px 0 160px;
  }

  .art-img.noImage .art-title {
    position: relative;
  }

  .category {
    font-size: 0.813rem;
    border: 1px solid rgba(255, 255, 255, 0.5);
    width: auto;
    display: inline;
    border-radius: 5px;
    padding: 2px 5px;
    color: white !important;
  }

  .art-title h1 {
    color: white;
  }

  .art-text {
    max-width: 1550px;
  }

  .text-detail {
    padding: 50px 20px 0 50px;
    margin-top: 0;
  }

  .text-article {
    vertical-align: top;
    padding-top: 53px;
  }

  .author {
    font-size: 14px;
  }

  .day {
    font-size: 38px;
    margin-right: 5px;
  }

  .month-year {
    font-size: 14px;
    line-height: 1.5rem;
  }

  .sliderList {
    margin-left: 0;
  }

  .sliderList ul {
    padding: 0;
  }

  #submenu {
    margin-top: 3rem;
  }

  .Newsgrid__item,
  .Newsgrid__col-sizer {
    width: 49%;
  }

  .banner {
    margin-bottom: 3rem;
  }

  .downpointer {
    bottom: 34px;
  }

  .banner-wrap::after {
    bottom: 37px;
  }

  .banner .banner-icon .icon-wrap {
    bottom: 175px;
  }

  .banner .currency,
  .banner .counter {
    font-size: 1.75rem;
  }

  .sliderResults {
    flex-direction: column;
  }

  .loan-app-boxes .col-md-4 > div {
    min-height: 430px;
  }

  .loan-app-boxes .col-md-4 .button {
    position: absolute;
  }

  .sliderResults::before,
  .sliderResults::after {
    display: none;
  }

  .art-img img {
    margin-bottom: 0;
    border-radius: 0;
  }

  .text-detail {
    padding: 30px 15px 0;
  }

  .art-img .art-title {
    padding: 40px 0;
  }

  .articleContainer {
    margin-top: 0;
    border-radius: 0;
  }

  .slidebutton .btn {
    margin: auto;
  }

  /*dont remove needed for video in slider*/
  video.slide-video.slide-media {
    position: initial;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    object-fit: initial;
    min-width: initial;
    min-height: initial;
    width: auto;
    height: auto;
  }

  #breadcrumb {
    padding-bottom: 0;
  }

  .twoCurves .BannerImages .secondcurve {
    right: -120px;
  }

  .hero-banner-left .card-body,
  .hero-banner-left .cardImage {
    flex: 0 0 100%;
    max-width: 100%;
    flex-direction: column;
  }

  .hero-banner-left .cardImage .halfleft.col-bgr-cover,
  .hero-banner-right .cardImage .halfright.col-bgr-cover {
    min-height: 409px;
  }

  .hero-banner-left .heroWrapper,
  .hero-banner-right .heroWrapper {
    margin: auto !important;
  }

  .hero-banner-left .cardImage .halfright.col-bgr-cover:before {
    display: none;
  }

  .testimonals .col-bgr-cover-right {
    background-position: center;
    display: block;
  }

  .testimonals .BannerText {
    position: relative;
    min-height: unset;
    background-color: #fcfcfc;
    padding-left: 15px;
  }

  .testimonals .BannerText {
    padding: 0 15px;
    background-color: #f6f6f6;
  }

  .testimonals .col-bgr-cover-left,
  .testimonals .curve {
    display: none;
  }

  .testimonials .col-xl-12 {
    padding: 0;
  }

  .testimonals .heroWrapperContainer {
    max-width: 100%;
    padding: 2rem 0;
  }

  .testimonals .heroWrapper {
    padding-right: 0;
  }

  .testimonals .col-bgr-cover-right {
    min-height: 300px;
  }

  .news-header .BannerText .heroWrapperContainer {
    margin-top: 0;
    padding: 0;
  }

  .news-header .BannerText {
    padding: 2rem 15px;
  }

  .news-header .BannerText,
  .news-header .BannerImages .col-bgr-cover-left {
    min-height: 100px;
    background: #00b0ad;
    background: -moz-linear-gradient(left, #2caeab 25%, #82cd5a 100%);
    background: -webkit-linear-gradient(left, #2caeab 25%, #82cd5a 100%);
    background: linear-gradient(to right, #2caeab 25%, #82cd5a 100%);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2caeab',endColorstr='#82cd5a',GradientType=1 );
  }

  .news-header .BannerText .heroWrapperContainer {
    max-width: 100%;
    margin-top: 0;
  }

  .news-header .BannerImages .col-bgr-cover-left {
    display: none;
  }

  .news-header h2 {
    font-size: 1.875rem;
    margin-bottom: 0;
  }

  .hero-banner-left .card-body,
  .hero-banner-left .cardImage,
  .hero-banner-right .card-body,
  .hero-banner-right .cardImage {
    flex: 0 0 100%;
    max-width: 100%;
    flex-direction: column;
  }

  .hero-banner-right .row {
    flex-direction: column-reverse;
  }

  .NewsGlobalCTA.hero-banner-right .heroWrapper {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .homepage-announcements .col-xl-12 {
    padding: 0 !important;
  }

  .homepage-announcements .announcementItem {
    margin-right: 5px;
    min-width: 125px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  }

  .homepage-announcements .announcementItem:hover {
    box-shadow: none;
    transform: none;
    z-index: 2;
  }

  .homepage-announcements.scrolling-wrapper-flexbox {
    overflow-y: auto;
  }

  .homepage-announcements .col-xl-12 {
    padding: 0 !important;
  }

  #homePageSlider .BannerText {
    background-color: #172957;
  }

  #mainContainerslider {
    background-size: cover;
  }

  .parent4Across {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* ---------------------------------------------------------------------------------------------------------------- 8.4 Small devices (landscape phones, less than 768px) */

@media (max-width: 768px) {
  .navigation.float,
  .navigation {
    height: 75px;
    top: 0;
    border-radius: 0;
    position: relative;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  }

  #navigation1 {
    min-height: 75px;
  }

  .nav-search {
    border-radius: 0;
  }

  .navigation-portrait .nav-logo > img {
    height: 63px;
    margin: 0;
    padding: 0;
  }

  .nav-header img {
    width: 175px;
  }

  .navigation-portrait .nav-search {
    height: 75px;
  }

  .navigation-portrait .nav-search-button {
    height: 75px;
    width: 55px;
    line-height: 75px;
    background-color: transparent;
  }

  .nav-search-icon {
    margin-top: 8px;
  }

  .navigation-portrait .nav-search-inner {
    height: 75px;
  }

  .sliderList li {
    font-size: clamp(0.75rem, 0.75rem + 2vw, 1rem);
  }

  .nav-header {
    width: calc(100% - 65px);
    padding: 8px 15px;
  }

  .spot-icon {
    height: 30px;
    margin-top: 1.5rem;
    float: none;
    margin: auto 0 auto auto;
    text-align: right;
  }

  .spot-text {
    max-width: 100%;
  }

  .spotlights img {
    height: 65px;
    padding: 0;
    top: 0;
    margin-right: -20px;
  }

  .Modern-sliderV2 .slick-slide {
    height: 75vh !important;
  }

  .homepageSlider .NextArrow,
  .homepageSlider .PrevArrow,
  .calcslider .PrevArrow,
  .calcslider .NextArrow {
    bottom: 67px;
    top: auto;
    background: none;
  }

  .nav-menus-wrapper-close-button {
    height: 30px;
    width: 30px;
    margin-top: 15px;
  }

  .navigation-portrait .nav-search-close-button {
    height: 30px;
    width: 18px;
    top: 20px;
    right: 23px;
  }

  .regulatory-links p,
  .regulatory-links a {
    line-height: 1.125rem;
    font-size: 0.688rem;
    max-width: calc(100% - 50px);
  }

  .regulatory-links a {
    margin-top: 10px;
    display: inline-block;
  }

  h1 {
    font-size: 22px;
  }

  h2,
  .container.bodyStart h1 {
    font-size: 21px;
  }

  #Col1,
  #Col2,
  #Col3 {
    min-height: 300px;
  }

  #NewsArticles {
    margin-left: 0;
  }

  .halfleft.col-bgr-cover,
  .halfright.col-bgr-cover {
    min-height: 250px;
  }

  .halfleft.col-bgr-cover::before,
  .halfright.col-bgr-cover::before {
  }

  .halfright.col-bgr-cover::before {
  }

  .card-left img,
  .card-right img {
    max-width: 100%;
    padding: 30px;
  }

  .SliderInner .TestimonialSlider .slick-slide {
    padding: 60px 10px 20px;
  }

  #Testimonials .content.SliderInner .container {
    background-position: top 40px left 25px;
    border: none;
  }

  #Testimonials .content.FullSlider .container {
    border: none;
  }

  .news-page h1 {
    max-width: 100%;
    left: 0;
  }

  .spotlights h2 {
    font-size: 1.25rem;
    font-size: clamp(1rem, 1rem + 2vw, 1.25rem);
  }

  #Testimonials .img-fluid {
    margin: 0 0 20px;
  }

  .nav-search-button:hover .nav-search-icon {
  }

  ul.stripedList.TwoColumn,
  ul.stripedList.ThreeColumn {
    column-count: 1;
  }

  ul.stripedList.TwoColumn li,
  ul.stripedList.ThreeColumn li {
    width: 100%;
  }

  ul.stripedList.TwoColumn li:nth-child(2n + 1),
  ul.stripedList.ThreeColumn li:nth-child(2n + 1) {
  }

  ul.stripedList.TwoColumn li:nth-child(4n + 1),
  ul.stripedList.TwoColumn li:nth-child(4n + 2) {
    background: none;
  }

  ul.stripedList.TwoColumn li:nth-child(4n + 2),
  ul.stripedList.ThreeColumn li:nth-child(6n + 2) {
  }

  ul.stripedList.TwoColumn li:nth-child(odd) {
    background: #f1f1f1;
  }

  .umbraco-form-block > div,
  .globalAddressWrapper {
    max-width: 100%;
  }

  .contact_img {
    min-height: 250px;
  }

  .loan-app-boxes .col-md-4 > div {
    min-height: 100%;
  }

  .loan-app-boxes .col-md-4 .button {
    position: initial;
  }

  .calltoactionButtonsSmall {
    width: 100%;
    padding: 0 1.5rem 1.5rem;
  }

  .resultsWrapper {
    border-radius: 12px;
  }

  .globalAddressWrapper {
    margin: 60px auto auto;
  }

  .banner .counter,
  .banner .currency {
    font-size: 30px;
    line-height: normal !important;
  }

  .banner .banner-icon .icon-wrap {
    bottom: 105px;
  }

  .banner .banner-icon {
    height: 180px;
  }

  .card-title,
  .container.bodyStart .news-top-story h2 {
    font-size: 1.125rem;
  }

  .Related-articles .slick-track {
    margin-left: 0;
    margin-right: 0;
  }

  .Related-articles h2:not(.post-title) {
    padding: 50px 0 0 0;
  }

  .opacityLayer {
    display: none;
  }

  .slideNew {
    background-size: cover;
    height: 100%;
    display: block;
    background-position: center;
  }

  .infoNew {
    height: 100%;
    width: 100%;
    position: relative;
    left: 0;
    top: 0;
    transform: scaleX(50%);
    transform: translateY(0);
    display: block;
    max-width: 100%;
  }

  .info-text {
    position: relative;
    top: 50%;
  }

  .slidebutton {
  }

  .nav-fill .nav-item {
    margin: 10px 5px;
    flex: 1 1 auto;
  }

  .calc-right-group,
  .calc-right-group > .container,
  .calc-left-group {
    padding-right: 0;
    padding-left: 0;
  }

  .hero-banner-left .cardImage .halfleft.col-bgr-cover,
  .hero-banner-right .cardImage .halfright.col-bgr-cover {
    min-height: 300px;
  }

  .quick-select-dropdown {
    width: 100%;
    margin: 0;
  }

  .quicklinks-btn {
    margin-top: 2.5rem;
  }

  .quicklinks-dropdown .bg-info {
    flex-direction: column !important;
  }

  .homepage-announcements .announcement-image {
    max-width: 60px;
  }

  .homepage-announcements .announcementItem {
    padding: 15px 10px 0;
    margin-right: 3px;
  }

  .homepage-announcements {
    margin: -2.25rem auto auto;
  }

  .parent3Across,
  .parent4Across {
    grid-template-columns: repeat(2, 1fr);
  }

  .spotlight-grid .spot-icon {
    margin-top: 0;
    margin-right: 0;
    height: 50px;
  }

  .spotlight-grid .spotlights img {
    margin-right: 0;
  }

  /* responsive table */
  .responsive-table tbody tr {
    background: #fcfcfc;
    border: 1px solid lightgray;
  }

  .responsive-table tbody td {
    text-align: right !important;
    width: 100% !important;
    padding: 0.75rem 15px;
  }

  .responsive-table thead {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
  }

  .responsive-table tbody,
  .responsive-table tr,
  .responsive-table th,
  .responsive-table td {
    text-align: left;
  }

  .responsive-table thead th,
  .responsive-table tbody th[scope="row"] {
    border: none;
    width: 100% !important;
  }

  .responsive-table tbody,
  .responsive-table tr,
  .responsive-table th,
  .responsive-table td {
    display: block;
    padding: 0;
    text-align: left;
    white-space: normal;
  }

  .responsive-table tbody td {
    text-align: right !important;
    width: 100% !important;
    padding: 0.75rem 15px;
    border: 0;
  }

  .responsive-table tbody tr {
    background: #fcfcfc;
    border: 1px solid lightgray;
  }

  .responsive-table tbody tr {
    margin-bottom: 1em;
  }

  .responsive-table th,
  .responsive-table td {
    padding: 0.75em 0.5em;
  }

  .contact-boxes,
  .header-contact .contact-boxes {
    grid-template-columns: repeat(2, 1fr);
  }

  .contact-boxes .col-lg-3 {
    min-width: 212px;
  }

  .contact-boxes .spotlight-box {
    width: 100%;
  }

  .header-contact .spotlights-wrapper h2:not(.spotlight-box h2) {
    margin-top: 1rem;
  }
}

/* ---------------------------------------------------------------------------------------------------------------- 8.5 Extra small devices (portrait phones, less than 576px) */

@media (max-width: 576px) {
  .calcResultWrapper {
    padding: 2rem 0rem;
  }

  .calcResultWrapper .form-horizontal > .row,
  .calcSmallResults .form-horizontal > .row {
    align-items: flex-end;
  }

  .headingArea {
    position: relative;
    top: -40px;
  }

  .globalAddress {
    margin-top: 0;
  }

  .adressContact {
    max-width: 430px;
  }

  .globalAddressWrapper {
    position: relative;
    left: 0%;
  }

  .Newsgrid__item,
  .Newsgrid__col-sizer {
    width: 100%;
  }

  .calltoactionButtons a {
    margin-bottom: 0.5rem;
    margin-left: 0;
    width: 100%;
  }

  .calcResultsLarge .row .col-4 {
    font-size: 16px;
  }

  .txtRequiredLoanAmt,
  .txtRequiredLoanTerm {
    text-align: center;
    width: 100%;
    float: none;
    right: 0;
    left: 0;
  }

  .sliderPadding .fa-chevron-up::before {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
  }

  .sliderPadding .fa-chevron-down::before {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
  }

  .sliderPadding {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .CalculatorInputWrapper {
    padding: 0;
    box-shadow: none;
  }

  .twoCurves .BannerImages .secondcurve {
    right: -135px;
  }

  .splitPictureWrapper .twoCurves .BannerImages .col-bgr-cover-left,
  .splitPictureWrapper .twoCurves .BannerImages .col-bgr-cover-right,
  .splitPictureWrapper .twoCurves .BannerImages .curve,
  .splitPictureWrapper .twoCurves .BannerImages .secondcurve,
  .twoCurves .BannerImages .col-bgr-cover-left,
  .twoCurves .BannerImages .col-bgr-cover-right,
  .twoCurves .BannerImages .curve,
  .twoCurves .BannerImages .secondcurve,
  .text-cta .BannerImages .curve,
  .text-cta .BannerImages .col-bgr-cover-right,
  .text-cta .BannerImages .col-bgr-cover-left,
  .hero-banner-left .cardImage .halfleft.col-bgr-cover,
  .hero-banner-right .cardImage .halfright.col-bgr-cover {
    min-height: 200px !important;
  }

  .quicklinks-dropdown h2 {
    text-align: center;
  }

  .quicklinks-dropdown .row {
    padding: 2rem 0.5rem;
  }

  .quicklinks-dropdown
    .quick-select-dropdown
    .bootstrap-select
    .dropdown-toggle
    .filter-option-inner-inner,
  .pretitle,
  .CalculatorQuickSelect .dropdown-item {
    font-size: 1.25rem !important;
  }

  #accordion a {
    padding: 0.75rem 15px 0.75rem;
  }

  .testimonals .col-bgr-cover-right {
    min-height: 200px;
  }

  .parent2Across,
  .parent3Across,
  .parent4Across {
    grid-template-columns: repeat(1, 1fr);
  }

  #mobileNavOnlyButton .btn {
    min-width: 125px;
    max-width: 125px;
    font-size: 0.75rem;
    line-height: 2.5rem;
    font-weight: 700;
    color: white;
    border: none;
    text-align: left;
    padding: 0 0 0 14px !important;
    border-radius: 10px;
    background: #006ea0;
    background: -moz-linear-gradient(top, #006ea0 0%, #0e4373 100%);
    background: -webkit-linear-gradient(top, #006ea0 0%, #0e4373 100%);
    background: linear-gradient(to bottom, #006ea0 0%, #0e4373 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006EA0',endColorstr='#0E4373',GradientType=0 );
    -webkit-transition: all 0.1s ease-out 0s;
    -moz-transition: all 0.1s ease-out 0s;
  }

  #mobileNavOnlyButton {
    top: 15px;
  }

  #mobileNavOnlyButton .btn::after {
    right: 15px;
    position: absolute;
    bottom: 3px;
    top: 4px;
    font-size: 12px;
  }

  .contact-boxes,
  .header-contact .contact-boxes {
    grid-template-columns: repeat(1, 1fr);
    margin-top: 0;
  }
}

/* ---------------------------------------------------------------------------------------------------------------- 8.5 Extra small devices (portrait phones, less than 400px) */

@media (max-width: 400px) {
  #divLoginWrapper {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    box-shadow: none;
    padding: 30px 15px 50px;
    border-radius: 0;
    width: 100%;
  }
}

.bg-info {
  background-color: #17a2b8 !important;
}

/* Bootstrap 3 _print.css — default calculator heading colours dropped in Bootstrap 5 */
/*.RepaymentsHeadingSub,
span.calcsmallheading {
  color: #218aaa;
}*/