:root { --lia-text-blue:#1ca4e8; --lia-bg-blue:#126eb6; --lia-resource-blue:rgb(33,95,154);}
:root .btn-primary{
  --bs-btn-bg:var(--lia-bg-blue);
  --bs-btn-border-color:var(--lia-bg-blue);
  --bs-btn-hover-bg:#0b5ed7;
  --bs-btn-disabled-bg:var(--lia-bg-blue);
  --bs-btn-disabled-border-color:var(--lia-bg-blue);
  border-color:var(--lia-bg-blue);
  background-color:var(--lia-bg-blue);
}
body.site.helix-ultimate .sppb-row-container { max-width: 100%;}

.lia-resource-blue { color:var(--lia-resource-blue)};
.lia-text-blue { color:var(--lia-text-blue)};

@media (min-width: 1400px) {
  .fs-1-xxl { font-size: calc(3.4375rem + 1.5vw)!important}
  .fs-2-xxl { font-size: calc(2.95rem + 0.9vw)!important}
  .fs-3-xxl { font-size: calc(2.7375rem + 0.6vw)!important}
  .fs-4-xxl { font-size: calc(2.525rem + 0.3vw)!important}
  .fs-5-xxl { font-size: calc(2.25rem + 0vw)!important}
  .fs-6-xxl { font-size: calc(1.8125rem + 0vw)!important}
}

@media (min-width: 1200px) {
  .fs-1-xl { font-size: calc(2.8125rem + 1.5vw)!important}
  .fs-2-xl { font-size: calc(2.45rem + 0.9vw)!important}
  .fs-3-xl { font-size: calc(2.3rem + 0.6vw)!important}
  .fs-4-xl { font-size: calc(2.15rem + 0.3vw)!important}
  .fs-5-xl { font-size: calc(1.9375rem + 0vw)!important}
  .fs-6-xl { font-size: calc(1.5625rem + 0vw)!important}
}
@media (min-width: 992px) {
  .fs-1-lg { font-size: calc(2.125rem + 1.5vw)!important}
  .fs-2-lg { font-size: calc(1.8875rem + 0.9vw)!important}
  .fs-3-lg { font-size: calc(1.8rem + 0.6vw)!important}
  .fs-4-lg { font-size: calc(1.7125rem + 0.3vw)!important}
  .fs-5-lg { font-size: calc(1.625rem + 0vw)!important}
  .fs-6-lg { font-size: calc(1.3125rem + 0vw)!important}
}

@media (min-width: 768px) {
  .fs-1-md { font-size: calc(1.375rem + 1.5vw)!important}
  .fs-2-md { font-size: calc(1.325rem + 0.9vw)!important}
  .fs-3-md { font-size: calc(1.3rem + 0.6vw)!important}
  .fs-4-md { font-size: calc(1.275rem + 0.3vw)!important}
  .fs-5-md { font-size: calc(1.25rem + 0vw)!important}
  .fs-6-md { font-size: calc(1rem + 0vw)!important}
}

@media (min-width: 576px) {
  .fs-1-sm { font-size: calc(0.75rem + 1.5vw)!important}
  .fs-2-sm { font-size: calc(0.825rem + 0.9vw)!important}
  .fs-3-sm { font-size: calc(0.8625rem + 0.6vw)!important}
  .fs-4-sm { font-size: calc(0.9rem + 0.3vw)!important}
  .fs-5-sm { font-size: calc(0.9375rem + 0vw)!important}
  .fs-6-sm { font-size: calc(0.75rem + 0vw)!important}
}

@media (min-width: 992px) {
  .force-lg-centre.justify-content-end { justify-content: unset !important; }
  .force-lg-centre.d-flex { flex-direction: column; }
  .p-lg-128px,.px-lg-128px,.ps-lg-128px { padding-left: 128px !important;}
  .p-lg-128px,.px-lg-128px,.pe-lg-128px { padding-right: 128px !important;}
  .p-lg-128px,.py-lg-128px,.pt-lg-128px { padding-top: 128px !important;}
  .p-lg-128px,.py-lg-128px,.pb-lg-128px { padding-bottom: 128px !important;}
}

@media (min-width: 1200px) {
  #offcanvas-toggler.d-lg-none { display: none !important; }
  .sp-megamenu-parent.d-none.d-lg-block { display: block !important; }
}
@media (max-width: 1200px) {
  #offcanvas-toggler.d-flex.d-lg-none { display: flex !important; padding-right: 0.5rem; }
  .sp-megamenu-parent.d-none.d-lg-block { display: none !important; }
}
.offcanvas-menu .logo img { max-width: calc(100% - 30px); }
.offcanvas-menu ul.sp-profile-dropdown { right: -200%; z-index:1000; }

.force-centre.justify-content-end { justify-content: unset !important; }
.force-centre.d-flex { flex-direction: column; }

.force-middle.d-flex { height: 100%; justify-content: center; }

header.lia-menu-tweak > .row > * { width: unset; flex-grow: 1; }
header.lia-menu-tweak > .row { display: flex; flex-direction: row; }

.btn-lia li > a { 
  display:inline-block;
  padding:0.375rem 0.75rem;
  font-size:1 rem;
  font-weight:400;
  line-height:1.5;
  color:white;
  text-align:center;
  text-decoration:none;
  vertical-align:middle;
  cursor:pointer;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  border:1px solid transparent;
  border-radius:0.375rem;
  background-color:var(--lia-bg-blue);
  transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.sp-megamenu-parent > li.active > a, 
.sp-megamenu-parent > li.current > a { text-decoration: underline; text-underline-offset: 15px;}

.sp-megamenu-parent > li.current > a { font-weight: 500; }

.sp-megamenu-parent>li.current>a,
.sp-megamenu-parent>li.current:hover>a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.current>a { color:var(--lia-text-blue); }

.level2-menu >nav .sp-megamenu-parent > li > a,
.sp-megamenu-parent.level2-menu > li > a { font-size: 22px; }
.level3-menu >nav .sp-megamenu-parent > li > a,
.sp-megamenu-parent.level3-menu > li > a { font-size: 20px; }
.level4-menu >nav .sp-megamenu-parent > li > a,
.sp-megamenu-parent.level4-menu > li > a { font-size: 18px; }
.level5-menu >nav .sp-megamenu-parent > li > a,
.sp-megamenu-parent.level5-menu > li > a { font-size: 16px; }

.rounded-4-top {
  border-top-left-radius:var(--bs-border-radius-xl)!important;
  border-top-right-radius:var(--bs-border-radius-xl)!important
}
.rounded-4-end {
  border-top-right-radius:var(--bs-border-radius-xl)!important;
  border-bottom-right-radius:var(--bs-border-radius-xl)!important
}
.rounded-4-bottom {
  border-bottom-right-radius:var(--bs-border-radius-xl)!important;
  border-bottom-left-radius:var(--bs-border-radius-xl)!important
}
.rounded-4-start {
  border-bottom-left-radius:var(--bs-border-radius-xl)!important;
  border-top-left-radius:var(--bs-border-radius-xl)!important
}

.grid-2-col { grid-template-columns: 1fr 1fr;}
.grid-3-col { grid-template-columns: 1fr 1fr 1fr;}
.grid-4-col { grid-template-columns: 1fr 1fr 1fr 1fr;}
.grid-5-col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
.grid-6-col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;}
.grid-2a-col { grid-template-columns: 1fr auto;}
.grid-3a-col { grid-template-columns: 1fr 1fr auto;}
.grid-4a-col { grid-template-columns: 1fr 1fr 1fr auto;}
.grid-5a-col { grid-template-columns: 1fr 1fr 1fr 1fr auto;}
.grid-6a-col { grid-template-columns: 1fr 1fr 1fr 1fr 1fr auto;}

.vh-25 { height: 25vh;}
.vh-50 { height: 50vh;}
.vh-75 { height: 75vh;}

.hin1-100 > div { height: 100%; }
.hin2-100 > div > div { height: 100%; }
.hin3-100 > div > div > div { height: 100%; }

.hin1-100-1 > div:first-child { height: 100%; }
.hin2-100-1 > div:first-child > div { height: 100%; }
.hin3-100-1 > div:first-child > div > div { height: 100%; }

.hin1-100-2 > div:nth-child(2) { height: 100%; }
.hin2-100-2 > div:nth-child(2) > div { height: 100%; }
.hin3-100-2 > div:nth-child(2) > div > div { height: 100%; }

.logo-image { max-height: 80px; aspect-ratio: auto; height: unset !important;}
div#sp-logo { max-width: calc(100% - 100px); aspect-ratio: auto; }

.min-height-80px { min-height: 80px !important;}
#sp-header.min-height-80px .logo, #sp-header.min-height-80px #offcanvas-toggler { height: 80px !important;}
.min-height-125px { min-height: 125px !important;}
#sp-header.min-height-125px .logo, #sp-header.min-height-125px #offcanvas-toggler { height: 125px !important;}

.header-bg-blue-gradient { background-image: linear-gradient(0180deg, #215f9b 125px, #fff 1%); }

.overflow-scroll-x { overflow-x: scroll; }
.overflow-scroll-y { overflow-y: scroll; }

.lia-tooltipX { position: relative; display: inline-block; }
.lia-tooltipX:before {
  content: attr(tooltip);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 100%;
  margin-left: 5px;
  width: auto;
  padding: 10px;
  border-radius: 10px;
  background: #000;
  color: #fff;
  text-align: center;
  opacity: 0;
  z-index: 32767;
  text-wrap: nowrap;
}
.lia-tooltipX:hover:before { opacity: 1; }

.clickable-div {
  display: flex;
  flex-direction: column; /* Align items vertically */
  justify-content: center; /* Center vertically */
  align-items: center; /* Center horizontally */
  padding: 15px; /* Default padding */
  text-align: center; /* Ensure text is centered */
  border-radius: 20px; /* Rounded corners for larger screens */
  box-shadow: 0px 2px 6px 2px rgba(215, 215, 215, 0.5); /* Shadow */
  overflow: visible; /* Ensure overflow is visible */
  height: 260px; /* Default height for larger screens */
  font-family: 'Ubuntu', sans-serif; /* Apply Ubuntu font */
}

a.clickable-div-wrapper {
  text-decoration: none;
}

/* Ensuring the link's content retains its style on hover */
a.clickable-div-wrapper:hover {
  text-decoration: none;
}
/* Styling for the first text block (Heading 1) */
.clickable-div .heading-text {
  font-size: 42px; /* Default font size for Heading 1 */
  font-weight: 500; /* Make the text bold */
  margin: 0; /* Remove default margin */
  color: white; /* Adjust text color */
}

/* Styling for the second text block (Heading 2) */
.clickable-div .subheading-text {
  font-size: 18px; /* Default font size for Heading 2 */
  font-weight: 400; /* Normal font weight */
  margin-top: 30px; /* Default margin-top for larger screens */
  color: white; /* Adjust text color */
}

/* Tablet Portrait (up to 768px) */
@media (max-width: 768px) and (orientation: portrait) {
  .clickable-div {
    padding: 15px 11px; /* Adjust padding for tablet portrait */
    height: 160px; /* Adjusted height for tablet portrait */
    border-radius: 12px; /* Smaller border radius for tablet portrait */
  }
  .clickable-div .heading-text {
    font-size: 30px; /* Smaller font size for Heading 1 */
  }
  .clickable-div .subheading-text {
    font-size: 12px; /* Smaller font size for Heading 2 */
    margin-top: 10px; /* Further reduce margin-top for tablet portrait */
  }
}

/* Mobile landscape (up to 768px) */
@media (max-width: 768px) and (orientation: landscape) {
  .clickable-div {
    padding: 20px 15px; /* Adjust padding for mobile landscape */
    height: 140px; /* Adjusted height for mobile landscape */
    border-radius: 15px; /* Adjust border radius for mobile landscape */
  }
  .clickable-div .heading-text {
    font-size: 28px; /* Adjust font size for Heading 1 in landscape */
  }
  .clickable-div .subheading-text {
    font-size: 12px; /* Adjust font size for Heading 2 in landscape */
    margin-top: 8px; /* Adjust margin-top for mobile landscape */
  }
}

/* Mobile size (up to 480px) */
@media (max-width: 480px) {
  .clickable-div {
    padding: 10px 5px; /* Adjust padding for mobile */
    height: 80px; /* Adjusted height for mobile */
    border-radius: 10px; /* Smaller border radius for mobile */
  }
  .clickable-div .heading-text {
    font-size: 20px; /* Even smaller font size for Heading 1 */
  }
  .clickable-div .subheading-text {
    display: none; /* Hide subheading text on smaller screens */
  }
}

/* Very small mobile screens (up to 320px) */
@media (max-width: 320px) {
  .clickable-div {
    padding: 10px 2px; /* Adjust padding for very small screens */
    height: 60px; /* Smallest height for very small screens */
    border-radius: 8px; /* Smallest border radius for very small screens */
  }
  .clickable-div .heading-text {
    font-size: 16px; /* Smallest font size for Heading 1 */
  }
}