:root {
   --hdc-ink: #172033;
   --hdc-muted: #58677f;
   --hdc-blue: #1f5f8f;
   --hdc-blue-dark: #173b5a;
   --hdc-blue-soft: #e8f1f8;
   --hdc-blue-pale: #f5f8fb;
   --hdc-line: #d7e2ec;
   --hdc-accent: #5f8fb7;
   --hdc-white: #ffffff;
}

body:has(#welcome-carousel) #wb_welcome-carousel {
   height: 520px !important;
   min-height: 420px;
}

body:has(#welcome-carousel) #welcome-carousel,
body:has(#welcome-carousel) #welcome-carousel .carousel-inner,
body:has(#welcome-carousel) #welcome-carousel .carousel-inner > .carousel-item,
body:has(#welcome-carousel) #welcome-carousel .carousel-innerframe {
   height: 100% !important;
}

body:has(#welcome-carousel) #welcome-carousel .carousel-indicators,
body:has(#welcome-carousel) #welcome-carousel .carousel-control {
   display: none !important;
}

body:has(#welcome-carousel) #wb_servicesLayoutGrid,
body:has(#welcome-carousel) #wb_calcLayoutGrid,
body:has(#welcome-carousel) #wb_LayoutGrid10,
body:has(#welcome-carousel) #wb_caseStudiesLayoutGrid,
body:has(#welcome-carousel) #wb_LayoutGrid11,
body:has(#welcome-carousel) #wb_links,
body:has(#welcome-carousel) #wb_LayoutGrid1 {
   display: none !important;
}

body:has(#welcome-carousel) #wb_firstStepsLayoutGrid {
   padding: 42px 30px !important;
   background-color: var(--hdc-blue-pale) !important;
}

body:has(#welcome-carousel) #wb_contact {
   padding: 48px 15px !important;
}

body:has(#welcome-carousel) #wb_about {
   background-color: var(--hdc-white) !important;
   border-top: 1px solid var(--hdc-line);
   border-bottom: 1px solid var(--hdc-line);
   padding: 52px 15px !important;
}

body:has(#welcome-carousel) #about {
   box-sizing: border-box;
   margin: 0 auto;
   max-width: 980px;
}

body:has(#welcome-carousel) #about h2 {
   color: var(--hdc-blue-dark) !important;
   display: block;
   font-size: 30px;
   line-height: 1.2;
   margin: 0 0 16px 0;
}

body:has(#welcome-carousel) #about p {
   color: var(--hdc-ink);
   font-size: 18px;
   line-height: 1.55;
   margin: 0 0 14px 0;
}

body:has(#welcome-carousel) #wb_footer {
   padding: 16px 15px !important;
}

body:has(#welcome-carousel) #wb_footerText {
   padding: 0 !important;
}

body:has(#welcome-carousel) #wb_firstStepsText,
body:has(#welcome-carousel) #wb_servicesText2 {
   display: none !important;
}

body:has(#welcome-carousel) #firstStepsHeading {
   color: var(--hdc-blue-dark) !important;
}

@media (max-width: 700px) {
   body:has(#welcome-carousel) #wb_welcome-carousel {
      height: 430px !important;
   }

   body:has(#welcome-carousel) #wb_firstStepsLayoutGrid,
   body:has(#welcome-carousel) #wb_about,
   body:has(#welcome-carousel) #wb_contact {
      padding: 34px 16px !important;
   }
}

html, body {
   background-color: var(--hdc-blue-pale) !important;
   background-image: none !important;
   color: var(--hdc-ink) !important;
}

body, input, textarea, select, button {
   font-family: Arial, Helvetica, sans-serif !important;
}

a { color: var(--hdc-blue) !important; }
a:hover { color: var(--hdc-blue-dark) !important; }

.cookie-consent {
   position: fixed;
   left: 24px;
   right: 24px;
   bottom: 24px;
   z-index: 9999;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 20px;
   box-sizing: border-box;
   max-width: 980px;
   margin: 0 auto;
   padding: 18px 20px;
   background-color: var(--hdc-white);
   border: 1px solid var(--hdc-line);
   border-radius: 6px;
   box-shadow: 0 18px 42px rgba(23,59,90,0.22);
   color: var(--hdc-ink);
}

.cookie-consent-hidden {
   display: none !important;
}

.cookie-consent-text {
   display: grid;
   gap: 5px;
}

.cookie-consent-text strong {
   color: var(--hdc-blue-dark);
   font-size: 17px;
}

.cookie-consent-text span {
   color: var(--hdc-muted);
   font-size: 14px;
   line-height: 1.45;
}

.cookie-consent-actions {
   display: flex;
   gap: 10px;
   flex: 0 0 auto;
}

.cookie-consent button {
   min-width: 88px;
   border: 1px solid var(--hdc-accent);
   border-radius: 4px;
   cursor: pointer;
   font: 700 14px/1 Arial, Helvetica, sans-serif;
   padding: 10px 14px;
}

.language-switcher {
   display: inline-flex;
   align-items: center;
   gap: 2px;
   margin-left: 14px;
   vertical-align: middle;
}

.language-switcher button {
   min-width: 34px;
   border: 1px solid rgba(255,255,255,0.35);
   background-color: transparent;
   color: var(--hdc-white);
   cursor: pointer;
   font: 700 12px/1 Arial, Helvetica, sans-serif;
   padding: 7px 8px;
}

.language-switcher button:first-child {
   border-radius: 4px 0 0 4px;
}

.language-switcher button:last-child {
   border-radius: 0 4px 4px 0;
}

.language-switcher button.active {
   background-color: var(--hdc-white);
   color: var(--hdc-blue-dark);
}

#cookieAccept {
   background-color: var(--hdc-blue);
   color: var(--hdc-white);
}

#cookieDecline {
   background-color: var(--hdc-white);
   color: var(--hdc-blue-dark);
}

#cookieAccept:hover {
   background-color: var(--hdc-blue-dark);
}

#cookieDecline:hover {
   background-color: var(--hdc-blue-soft);
}

@media (max-width: 700px) {
   .cookie-consent {
      left: 12px;
      right: 12px;
      bottom: 12px;
      display: block;
      padding: 16px;
   }

   .cookie-consent-actions {
      margin-top: 14px;
   }
}

#wb_header,
#wb_footer,
#wb_links,
#wb_LayoutGrid1,
#wb_LayoutGrid11 {
   background-color: var(--hdc-blue-dark) !important;
   background-image: none !important;
   color: var(--hdc-white) !important;
}

#wb_header {
   border-bottom: 1px solid rgba(255,255,255,0.16) !important;
   box-shadow: 0 8px 24px rgba(23,59,90,0.16);
}

#headerLogo1,
#headerLogo2,
#Heading1,
#Heading2,
#footer p,
#links p,
#wb_footerText p,
#wb_linksText p {
   color: var(--hdc-white) !important;
}

.headerMenu .nav a,
.ThemeableMenu2 .nav a {
   color: var(--hdc-white) !important;
   text-decoration: none !important;
}

.headerMenu .nav a:hover,
.headerMenu .nav a:focus,
.ThemeableMenu2 .nav a:hover,
.ThemeableMenu2 .nav a:focus {
   color: #d9eaf7 !important;
   background-color: rgba(255,255,255,0.10) !important;
}

.headerMenu .dropdown-menu,
.ThemeableMenu2 .dropdown-menu {
   background-color: var(--hdc-white) !important;
   border: 1px solid var(--hdc-line) !important;
   box-shadow: 0 16px 32px rgba(23,59,90,0.18);
}

.headerMenu .dropdown-menu a,
.ThemeableMenu2 .dropdown-menu a {
   color: var(--hdc-ink) !important;
}

.headerMenu .navbar-collapse,
.headerMenu-navbar-collapse,
.ThemeableMenu1 .navbar-collapse,
.ThemeableMenu1-navbar-collapse,
.ThemeableMenu2 .navbar-collapse,
.ThemeableMenu2-navbar-collapse {
   background-color: var(--hdc-blue-dark) !important;
}

.headerMenu .navbar-collapse a,
.headerMenu-navbar-collapse a,
.ThemeableMenu1 .navbar-collapse a,
.ThemeableMenu1-navbar-collapse a,
.ThemeableMenu2 .navbar-collapse a,
.ThemeableMenu2-navbar-collapse a {
   color: var(--hdc-white) !important;
}

.headerMenu .navbar-collapse .dropdown-menu,
.headerMenu-navbar-collapse .dropdown-menu,
.ThemeableMenu1 .navbar-collapse .dropdown-menu,
.ThemeableMenu1-navbar-collapse .dropdown-menu,
.ThemeableMenu2 .navbar-collapse .dropdown-menu,
.ThemeableMenu2-navbar-collapse .dropdown-menu {
   background-color: #f7fbff !important;
}

.headerMenu .navbar-collapse .dropdown-menu a,
.headerMenu-navbar-collapse .dropdown-menu a,
.ThemeableMenu1 .navbar-collapse .dropdown-menu a,
.ThemeableMenu1-navbar-collapse .dropdown-menu a,
.ThemeableMenu2 .navbar-collapse .dropdown-menu a,
.ThemeableMenu2-navbar-collapse .dropdown-menu a {
   color: var(--hdc-ink) !important;
}

.headerMenu .caret,
.ThemeableMenu2 .caret {
   border-top-color: var(--hdc-white) !important;
}

.navbar-toggle .icon-bar,
.headerMenu .icon-bar,
.ThemeableMenu1 .icon-bar,
.ThemeableMenu2 .icon-bar {
   background-color: var(--hdc-white) !important;
}

#welcome-carousel,
#welcome-carousel .carousel-inner,
#welcome-carousel .carousel-item,
#welcome-carousel .carousel-innerframe {
   background-color: var(--hdc-blue-dark) !important;
}

#welcome-carousel .carousel-innerframe {
   background-image: linear-gradient(135deg, rgba(23,59,90,0.88), rgba(31,95,143,0.72)), url('img/office.jpg') !important;
   background-size: cover !important;
   background-position: center !important;
}

#welcome-carousel p,
#welcome-carousel span,
#wb_welcome-text1,
#wb_welcome-text2,
#wb_welcome-text3,
#wb_welcome-text4,
#wb_welcome-text5,
#wb_welcome-text6 {
   color: var(--hdc-white) !important;
   text-shadow: 0 2px 12px rgba(0,0,0,0.22);
}

#welcome-button1,
#welcome-button2,
#welcome-button3,
#contactButton,
#linksButton,
input[type="submit"],
input[type="image"] {
   border-radius: 4px !important;
}

#welcome-button1,
#welcome-button2,
#welcome-button3,
#contactButton,
#linksButton {
   background-color: var(--hdc-blue) !important;
   border: 1px solid var(--hdc-accent) !important;
   color: var(--hdc-white) !important;
   text-decoration: none !important;
   box-shadow: 0 8px 18px rgba(31,95,143,0.22);
}

#contactButton {
   box-sizing: border-box !important;
   cursor: pointer !important;
   line-height: 1 !important;
   text-align: center !important;
}

.contact-hp {
   display: none !important;
}

.contact-status {
   display: none;
   margin: 0 0 14px 0;
   padding: 10px 12px;
   border-radius: 4px;
   font-size: 14px;
   line-height: 1.35;
}

.contact-status.is-success,
.contact-status.is-error {
   display: block;
}

.contact-status.is-success {
   background-color: #e7f4ec;
   border: 1px solid #b8ddc6;
   color: #17492d;
}

.contact-status.is-error {
   background-color: #fff0f0;
   border: 1px solid #efc4c4;
   color: #722222;
}

#welcome-button1:hover,
#welcome-button2:hover,
#welcome-button3:hover,
#contactButton:hover,
#linksButton:hover {
   background-color: var(--hdc-blue-dark) !important;
}

#wb_firstStepsButton {
   display: inline-block !important;
   width: auto !important;
   height: auto !important;
}

#wb_firstStepsButton a {
   display: inline-flex !important;
   align-items: center !important;
   justify-content: center !important;
   min-width: 138px !important;
   min-height: 42px !important;
   padding: 10px 18px !important;
   background-color: var(--hdc-blue) !important;
   border: 1px solid var(--hdc-accent) !important;
   border-radius: 4px !important;
   box-shadow: 0 6px 14px rgba(31,95,143,0.16) !important;
   box-sizing: border-box !important;
   color: var(--hdc-white) !important;
   text-decoration: none !important;
}

#wb_firstStepsButton a:hover {
   background-color: var(--hdc-blue-dark) !important;
}

#wb_firstStepsButton a img {
   display: none !important;
}

#firstStepsButton_text {
   position: static !important;
   width: auto !important;
   height: auto !important;
   overflow: visible !important;
}

#firstStepsButton_text span {
   color: var(--hdc-white) !important;
   font-size: 15px !important;
}

#firstStepsButton_text div {
   line-height: 1 !important;
}

#wb_servicesLayoutGrid,
#wb_firstStepsLayoutGrid,
#wb_caseStudiesLayoutGrid,
#wb_contact,
#wb_buySellLayoutGrid,
#wb_LayoutGrid10,
#wb_LayoutGrid11,
#wb_Text1 {
   background-color: var(--hdc-blue-pale) !important;
   background-image: none !important;
}

#servicesHeading,
#firstStepsHeading,
#contactHeading1,
#wb_Text1 span,
#wb_Text1 p[style*="bold"] {
   color: var(--hdc-blue-dark) !important;
}

#contact,
#links,
#footer,
#LayoutGrid1,
#LayoutGrid11,
#servicesLayoutGrid,
#firstStepsLayoutGrid,
#caseStudiesLayoutGrid {
   color: var(--hdc-ink) !important;
}

#wb_contact {
   border-top: 1px solid var(--hdc-line) !important;
   border-bottom: 1px solid var(--hdc-line) !important;
}

#contactName,
#contactEmail,
#contactMessage,
#linksEmail {
   border: 1px solid var(--hdc-line) !important;
   border-radius: 4px !important;
   background-color: var(--hdc-white) !important;
   color: var(--hdc-ink) !important;
   box-shadow: inset 0 1px 2px rgba(23,59,90,0.06);
}

#contactName:focus,
#contactEmail:focus,
#contactMessage:focus,
#linksEmail:focus {
   border-color: var(--hdc-blue) !important;
   box-shadow: 0 0 0 3px rgba(31,95,143,0.16) !important;
}

#contactIcon1,
#upIcon {
   background-color: var(--hdc-blue) !important;
   color: var(--hdc-white) !important;
   border-color: var(--hdc-accent) !important;
}

#wb_Text1 {
   color: var(--hdc-ink) !important;
   position: absolute !important;
   left: max(24px, calc((100vw - 1120px) / 2 + 24px)) !important;
   top: 178px !important;
   width: min(920px, calc(100vw - 48px)) !important;
   height: auto !important;
   padding: 18px 20px !important;
   border: 1px solid var(--hdc-line) !important;
   border-radius: 6px !important;
   box-shadow: 0 12px 30px rgba(23,59,90,0.10);
   font-size: 18px !important;
   line-height: 1.45 !important;
   text-align: left !important;
}

#wb_Text1 p {
   margin: 0 0 10px 0 !important;
}

#wb_Text1 p span,
#wb_Text1 p[style*="bold"] {
   font-size: 22px !important;
   line-height: 1.25 !important;
}

body:has(#wb_Text1) {
   min-height: 1100px;
}

body:has(#PayPal2_form) {
   min-height: 700px;
}

body:has(#PayPal2_form) #wb_Text1 {
   width: min(760px, calc(100vw - 48px)) !important;
}

.price-heading {
   display: block !important;
   color: var(--hdc-blue-dark) !important;
   font-size: 30px !important;
   line-height: 1.2 !important;
   margin: 0 0 8px 0 !important;
}

.price-intro,
.price-note {
   color: var(--hdc-muted) !important;
   font-size: 16px !important;
   line-height: 1.45 !important;
}

.price-cta {
   margin-top: 22px !important;
}

.price-cta a {
   display: inline-block;
   background-color: var(--hdc-blue) !important;
   border: 1px solid var(--hdc-accent) !important;
   border-radius: 4px;
   color: var(--hdc-white) !important;
   font-size: 16px;
   font-weight: 700;
   padding: 11px 18px;
   text-decoration: none !important;
   box-shadow: 0 8px 18px rgba(31,95,143,0.18);
}

.price-cta a:hover {
   background-color: var(--hdc-blue-dark) !important;
}

.price-table {
   width: 100%;
   border-collapse: collapse;
   margin: 18px 0;
   overflow: hidden;
}

.price-table th,
.price-table td {
   border-bottom: 1px solid var(--hdc-line);
   padding: 14px 12px;
   font-size: 18px;
   line-height: 1.35;
   text-align: left;
}

.price-table th {
   color: var(--hdc-ink);
   font-weight: 700;
}

.price-table td {
   color: var(--hdc-blue-dark);
   font-weight: 700;
   text-align: right;
   white-space: nowrap;
}

#PayPal2_form,
#PayPal3_form,
#PayPal4_form,
#PayPal2,
#PayPal3,
#PayPal4 {
   display: none !important;
}

@media (max-width: 700px) {
   #wb_Text1 {
      position: absolute !important;
      left: 16px !important;
      top: 150px !important;
      width: auto !important;
      height: auto !important;
      right: 16px !important;
      margin: 0 !important;
   }

   body:has(#PayPal2_form) {
      min-height: 850px;
   }

   .price-table th,
   .price-table td {
      display: block;
      text-align: left;
      padding: 8px 0;
   }

   .price-table tr {
      display: block;
      border-bottom: 1px solid var(--hdc-line);
      padding: 8px 0;
   }

   .price-table th,
   .price-table td {
      border-bottom: 0;
   }
}

@media (max-width: 480px) {
   #header {
      padding: 10px 12px !important;
   }

   #header > .row {
      display: flex !important;
      align-items: flex-start !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
   }

   #header > .row > .col-1 {
      float: none !important;
      width: calc(100% - 78px) !important;
      padding-left: 0 !important;
      padding-right: 8px !important;
   }

   #header > .row > .col-2 {
      float: none !important;
      width: 78px !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
   }

   #wb_headerLogo1,
   #wb_headerLogo2,
   #wb_Heading1,
   #wb_Heading2 {
      display: inline-block !important;
      height: auto !important;
      width: auto !important;
      max-width: 100% !important;
   }

   #headerLogo1,
   #headerLogo2,
   #Heading1,
   #Heading2 {
      display: inline-block !important;
      font-size: 26px !important;
      line-height: 1.05 !important;
      padding: 6px 8px !important;
      white-space: nowrap !important;
   }

   #headerLogo2,
   #Heading2 {
      font-size: 24px !important;
      max-width: calc(100vw - 112px) !important;
      overflow: hidden !important;
      text-overflow: clip !important;
   }

   #wb_headerMenu {
      position: relative !important;
      width: 100% !important;
   }

   .headerMenu,
   .ThemeableMenu1,
   .ThemeableMenu2 {
      position: static !important;
      width: 100% !important;
   }

   .headerMenu .navbar-toggle,
   .ThemeableMenu1 .navbar-toggle,
   .ThemeableMenu2 .navbar-toggle {
      float: right !important;
      width: 48px !important;
      height: 44px !important;
      padding: 11px 9px !important;
      border-color: rgba(255,255,255,0.18) !important;
      background-color: rgba(255,255,255,0.05) !important;
   }

   .language-switcher {
      position: absolute;
      right: 70px;
      top: 18px;
      margin-left: 0;
   }

   .language-switcher button {
      min-width: 31px;
      padding: 6px 7px;
      font-size: 11px;
   }

   .headerMenu .navbar-toggle .icon-bar,
   .ThemeableMenu1 .navbar-toggle .icon-bar,
   .ThemeableMenu2 .navbar-toggle .icon-bar {
      width: 26px !important;
      height: 3px !important;
      background-color: var(--hdc-white) !important;
   }

   .headerMenu-navbar-collapse.show,
   .ThemeableMenu1-navbar-collapse.show,
   .ThemeableMenu2-navbar-collapse.show {
      position: absolute !important;
      right: 0 !important;
      top: 54px !important;
      z-index: 9998 !important;
      width: min(230px, calc(100vw - 24px)) !important;
      max-height: none !important;
      padding: 8px 0 !important;
      overflow: visible !important;
      background-color: var(--hdc-blue-dark) !important;
      border: 1px solid rgba(255,255,255,0.16) !important;
      border-radius: 4px !important;
      box-shadow: 0 16px 36px rgba(0,0,0,0.26) !important;
   }

   .headerMenu .navbar-nav,
   .ThemeableMenu1 .navbar-nav,
   .ThemeableMenu2 .navbar-nav {
      margin: 0 !important;
      background-color: var(--hdc-blue-dark) !important;
      background-image: none !important;
   }

   .headerMenu .navbar-nav > li > a,
   .ThemeableMenu1 .navbar-nav > li > a,
   .ThemeableMenu2 .navbar-nav > li > a,
   .headerMenu-navbar-collapse.show a,
   .ThemeableMenu1-navbar-collapse.show a,
   .ThemeableMenu2-navbar-collapse.show a {
      display: block !important;
      color: var(--hdc-white) !important;
      font-size: 15px !important;
      line-height: 1.25 !important;
      padding: 10px 16px !important;
      text-align: left !important;
      text-decoration: none !important;
      white-space: nowrap !important;
   }

   .headerMenu .navbar-nav > li > a:hover,
   .ThemeableMenu1 .navbar-nav > li > a:hover,
   .ThemeableMenu2 .navbar-nav > li > a:hover,
   .headerMenu .navbar-nav > li > a:focus,
   .ThemeableMenu1 .navbar-nav > li > a:focus,
   .ThemeableMenu2 .navbar-nav > li > a:focus {
      background-color: rgba(255,255,255,0.10) !important;
      color: var(--hdc-white) !important;
   }

   .headerMenu .navbar-nav .show .dropdown-menu,
   .ThemeableMenu1 .navbar-nav .show .dropdown-menu,
   .ThemeableMenu2 .navbar-nav .show .dropdown-menu {
      position: static !important;
      width: 100% !important;
      margin: 0 !important;
      padding: 4px 0 !important;
      background-color: #f7fbff !important;
      border: 0 !important;
      box-shadow: none !important;
   }

   .headerMenu .navbar-nav .show .dropdown-menu > li > a,
   .ThemeableMenu1 .navbar-nav .show .dropdown-menu > li > a,
   .ThemeableMenu2 .navbar-nav .show .dropdown-menu > li > a {
      color: var(--hdc-ink) !important;
      padding: 9px 24px !important;
      white-space: normal !important;
   }
}

@media (max-width: 380px) {
   #headerLogo1,
   #Heading1 {
      font-size: 23px !important;
   }

   #headerLogo2,
   #Heading2 {
      font-size: 21px !important;
      max-width: calc(100vw - 102px) !important;
   }

   #header > .row > .col-1 {
      width: calc(100% - 66px) !important;
   }

   #header > .row > .col-2 {
      width: 66px !important;
   }
}

@media (max-width: 480px) {
   .ThemeableMenu1 {
      position: static !important;
      width: 100% !important;
   }

   .ThemeableMenu1 .navbar-toggle {
      float: right !important;
      width: 46px !important;
      height: 42px !important;
      padding: 10px 8px !important;
      border-color: rgba(255,255,255,0.18) !important;
      border-radius: 5px !important;
      background-color: rgba(255,255,255,0.05) !important;
   }

   .ThemeableMenu1 .navbar-toggle .icon-bar {
      width: 26px !important;
      height: 3px !important;
      background-color: var(--hdc-white) !important;
   }

   .ThemeableMenu1-navbar-collapse.show {
      position: absolute !important;
      left: auto !important;
      right: 0 !important;
      top: 52px !important;
      z-index: 9998 !important;
      width: min(248px, calc(100vw - 32px)) !important;
      min-width: min(248px, calc(100vw - 32px)) !important;
      padding: 6px !important;
      overflow: visible !important;
      background-color: rgba(23,59,90,0.98) !important;
      border: 1px solid rgba(255,255,255,0.16) !important;
      border-radius: 6px !important;
      box-shadow: 0 14px 30px rgba(0,0,0,0.22) !important;
   }

   .ThemeableMenu1 .navbar-nav {
      display: grid !important;
      gap: 2px !important;
      width: 100% !important;
      min-width: 100% !important;
      margin: 0 !important;
      background-color: transparent !important;
      background-image: none !important;
   }

   .ThemeableMenu1 .navbar-nav > li > a,
   .ThemeableMenu1-navbar-collapse.show a {
      display: block !important;
      border-radius: 4px !important;
      color: var(--hdc-white) !important;
      font-size: 15px !important;
      line-height: 1.25 !important;
      padding: 8px 12px !important;
      text-align: left !important;
      text-decoration: none !important;
      white-space: nowrap !important;
   }

   .ThemeableMenu1 .navbar-nav .show .dropdown-menu {
      position: static !important;
      width: 100% !important;
      margin: 0 !important;
      padding: 4px 0 !important;
      background-color: #f7fbff !important;
      border: 0 !important;
      box-shadow: none !important;
   }

   .ThemeableMenu1 .navbar-nav .show .dropdown-menu > li > a {
      color: var(--hdc-ink) !important;
      padding: 9px 24px !important;
   }

   #wb_header {
      position: relative !important;
   }

   #header {
      position: relative !important;
      padding: 12px 16px !important;
   }

   #header > .row {
      display: flex !important;
      align-items: center !important;
   }

   #header > .row > .col-1 {
      display: flex !important;
      align-items: center !important;
      gap: 4px !important;
      width: calc(100% - 58px) !important;
      min-width: 0 !important;
   }

   #header > .row > .col-2 {
      width: 58px !important;
      flex: 0 0 58px !important;
   }

   #wb_headerLogo1,
   #wb_headerLogo2,
   #wb_Heading1,
   #wb_Heading2 {
      width: auto !important;
      height: auto !important;
      padding: 0 !important;
      border: 0 !important;
      background-color: transparent !important;
      box-shadow: none !important;
   }

   #headerLogo1,
   #headerLogo2,
   #Heading1,
   #Heading2 {
      display: inline !important;
      padding: 0 !important;
      border: 0 !important;
      background-color: transparent !important;
      color: var(--hdc-white) !important;
      font-size: 25px !important;
      line-height: 1 !important;
      text-shadow: none !important;
   }

   #headerLogo2,
   #Heading2 {
      font-size: 25px !important;
      overflow: visible !important;
      max-width: none !important;
   }

   .headerMenu .navbar-toggle,
   .ThemeableMenu2 .navbar-toggle {
      width: 46px !important;
      height: 42px !important;
      padding: 10px 8px !important;
      border-radius: 5px !important;
   }

   .headerMenu-navbar-collapse.show,
   .ThemeableMenu2-navbar-collapse.show {
      position: absolute !important;
      left: auto !important;
      right: 0 !important;
      top: 52px !important;
      width: min(248px, calc(100vw - 32px)) !important;
      min-width: min(248px, calc(100vw - 32px)) !important;
      padding: 6px !important;
      background-color: rgba(23,59,90,0.98) !important;
      border-radius: 6px !important;
      box-shadow: 0 14px 30px rgba(0,0,0,0.22) !important;
   }

   .headerMenu .navbar-nav,
   .ThemeableMenu2 .navbar-nav {
      display: grid !important;
      gap: 2px !important;
      width: 100% !important;
      min-width: 100% !important;
   }

   .headerMenu .navbar-nav > li > a,
   .ThemeableMenu2 .navbar-nav > li > a,
   .headerMenu-navbar-collapse.show a,
   .ThemeableMenu2-navbar-collapse.show a {
      border-radius: 4px !important;
      font-size: 15px !important;
      padding: 8px 12px !important;
   }

   body:has(#welcome-carousel) #wb_welcome-carousel {
      height: 380px !important;
      min-height: 380px !important;
   }

   #wb_welcome-text1 {
      margin-top: 12px !important;
   }

   #wb_welcome-text1 p,
   #wb_welcome-text1 span {
      font-size: 22px !important;
      line-height: 1.2 !important;
   }

   #wb_welcome-text6 p,
   #wb_welcome-text6 span {
      font-size: 34px !important;
      line-height: 1.1 !important;
   }

   #welcome-button1 {
      width: auto !important;
      min-width: 132px !important;
      height: auto !important;
      padding: 10px 18px !important;
      line-height: 1.1 !important;
      font-size: 14px !important;
   }

   body:has(#welcome-carousel) #wb_firstStepsLayoutGrid {
      padding: 36px 16px !important;
   }

   #firstStepsHeading {
      font-size: 28px !important;
      line-height: 1.15 !important;
      text-align: center !important;
   }

   #wb_firstStepsHeading {
      text-align: center !important;
   }

   #wb_firstStepsButton {
      display: block !important;
      width: 100% !important;
      height: auto !important;
      text-align: center !important;
      margin-top: 18px !important;
   }

   #wb_firstStepsButton a {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      min-width: 150px !important;
      width: auto !important;
      height: auto !important;
      padding: 11px 20px !important;
      background-color: var(--hdc-blue) !important;
      border: 1px solid var(--hdc-accent) !important;
      border-radius: 4px !important;
      box-shadow: 0 6px 14px rgba(31,95,143,0.16) !important;
      text-decoration: none !important;
   }

   #wb_firstStepsButton a img {
      display: none !important;
   }

   #firstStepsButton_text {
      position: static !important;
      width: auto !important;
      height: auto !important;
      overflow: visible !important;
   }

   #firstStepsButton_text span {
      color: var(--hdc-white) !important;
      font-size: 15px !important;
   }

   #firstStepsButton_text div {
      line-height: 1 !important;
   }
}