:root {
  --color-black: #242424;
  --color-darkBlue: #2b4d58;
  --color-grey: #8e8e8e;
  --color-bgGrey: #f0f0f0;
  --color-primary: #003a4d;
  --color-secondary: #189cc7;
  --color-lightBlue: #a4e1fb;
  --color-emphasis: #86c440;
  --color-lighterBlue: #ecf8fe;
  --color-white: #ffffff;
  --radius-sm: 10px;
  --radius: 20px;
}

/* ==========================================================================
   Global
   ========================================================================== */

@font-face {
  font-family: "CenturyGothicCustom";
  src:
    url("../fonts/centurygothic.woff2") format("woff2"),
    url("../fonts/centurygothic.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "CenturyGothicCustom";
  src:
    url("../fonts/centurygothic_bold.woff2") format("woff2"),
    url("../fonts/centurygothic_bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

.color-white {
  color: #fff !important;
}

em {
  font-family: "Century Gothic", "CenturyGothicCustom", "Arial", sans-serif;
  font-style: italic;
}

.bg-transparent {
  /* background: transparent !important; */
}
.circle_large {
  z-index: 0;
  aspect-ratio: 1;
  opacity: 1;
  border-radius: 50%;
  width: 110vw;
  position: absolute;
  inset: -15% auto auto -27%;
  background-image: linear-gradient(180deg, #134252, #2b4d58);
}

/* custom button icon */
a.uk-button {
  transition: all 0.3s ease;
}

a.uk-button:hover .btn-arrow-right {
  background-position: 2px 50%;
}
/* Navbar icon colour */
.uk-navbar-parent-icon,
.uk-nav-parent-icon {
  color: var(--color-emphasis) !important;
}
.card-bg-rounded .uk-card .uk-card-body {
  border-radius: var(--radius);
}
.uk-navbar-container {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
/* ==========================================================================
   Underline
   ========================================================================== */

.underline {
  position: relative;
  z-index: 2;
}

.underline::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0rem;
  background-repeat: no-repeat;
  width: 100%;
  background-size: 100% 100%;
  transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.underline-lg::after {
  background-image: url("../../../../images/line-lg.svg");
  height: 30px;
  bottom: -0.9rem;
  z-index: -2;
}
.underline-sm::after {
  background-image: url("../../../../images/line-sm.svg");
  height: 30px;
  bottom: -0.9rem;
  z-index: -2;
}

.underline-xs::after {
  background-image: url("../../../../images/line-xs.svg");
  height: 30px;
  bottom: -0.9rem;
  z-index: -2;
}

/* Button Text Custom Arrow */
.uk-button-text {
}
.uk-button-text::after {
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpolyline points='7 4 13 10 7 16' fill='none' stroke='%23189cc7' stroke-width='2'/%3E%3C/svg%3E");
}
.uk-button-text:hover:not(:disabled)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpolyline points='7 4 13 10 7 16' fill='none' stroke='%23189cc7' stroke-width='2'/%3E%3C/svg%3E");
}

/* ==========================================================================
   Navbar
   ========================================================================== */

/* Navbar with toolbar buttons on top right */
.tm-toolbar {
  padding-top: 0 !important;
  z-index: 1 !important;
}
.uk-navbar-left {
  position: absolute;
  bottom: 14px;
}

/* Custom Dropdown Navbar */
.custom-dropdown-nav-grid .uk-card-hover {
  border-radius: 10px;
}
.custom-dropdown-nav-grid .el-item {
  padding: 16px;
}
.custom-nav-item--full-width {
  padding: 0 !important;
}
.custom-dropdown-nav-grid .el-title a:hover {
  color: var(--color-secondary);
}
.custom-dropdown-nav-grid .el-title {
  font-size: 1rem;
}
.custom-dropdown-nav-grid .el-title a,
.custom-nav-item--full-width .el-title {
  display: flex;
  align-items: center;
}
.custom-nav-item--full-width .uk-card-default {
  padding: 20px 16px;
  box-shadow: none;
  background-color: #fafafa;
  border: 1px solid var(--color-bgGrey);
}
.custom-dropdown-nav-grid .uk-card-hover:hover a,
.custom-nav-item--full-width .uk-card-hover:hover .el-title {
  color: var(--color-secondary) !important;
}
.custom-dropdown-nav-grid .uk-card-hover:hover a i,
.custom-nav-item--full-width .uk-card-hover:hover .el-title i {
  color: var(--color-primary) !important;
}
.custom-dropdown-nav-grid .el-title a:hover {
  color: var(--color-secondary);
}
.toolbar-button .uk-button {
  border-radius: var(--radius-sm);
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.icon-phone-white {
  /* display: inline-block;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: 0px 50%;
  padding-left: 18px;
  margin-right: 10px; */

  display: inline-block;
  width: 16px;
  height: 16px;

  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.7061%2012.5332L12.0551%209.21369C11.8826%209.05662%2011.6558%208.97282%2011.4226%208.98003C11.1895%208.98724%2010.9683%209.08489%2010.8058%209.25231L8.65655%2011.4626C8.13922%2011.3638%207.09917%2011.0396%206.02859%209.97172C4.958%208.90024%204.63377%207.85751%204.53767%207.34378L6.7462%205.19364C6.91363%205.03119%207.01128%204.80998%207.01848%204.57681C7.02569%204.34364%206.94189%204.11681%206.78482%203.94433L3.46619%200.294312C3.30905%200.121292%203.09065%200.0163428%202.85738%200.00175297C2.62411%20-0.0128368%202.39434%200.0640823%202.21687%200.216174L0.2679%201.8876C0.112621%202.04344%200.0199401%202.25085%200.00743838%202.47049C-0.00603375%202.69503%20-0.262902%208.01378%203.86137%2012.1398C7.45933%2015.7368%2011.9662%2016%2013.2074%2016C13.3889%2016%2013.5002%2015.9946%2013.5299%2015.9928C13.7493%2015.9799%2013.9564%2015.8869%2014.1119%2015.7315L15.7824%2013.7816C15.9351%2013.6047%2016.0126%2013.3751%2015.9983%2013.1419C15.9841%2012.9086%2015.8792%2012.6902%2015.7061%2012.5332Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");

  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: 0 50%;
  /* vertical-align: middle; */

  padding-left: 16px;
  margin-right: 8px;
  margin-bottom: -2px;
}
.icon-phone-primary {
  display: inline-block;
  width: 16px;
  height: 16px;

  background-image: url("/images/icon/phone.svg");
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: 0 50%;
  /* vertical-align: middle; */

  padding-left: 16px;
  margin-right: 8px;
  margin-bottom: -2px;
}
.toolbar-button .phone-btn {
  padding-right: 0;
  margin-right: 12px;
}
.mobile-menu-button .phone-btn {
  /* padding-right: 0; */
}
.phone-btn {
  color: var(--color-darkBlue);
}
.phone-btn::after {
  display: none;
}
.phone-btn::before {
  display: none;
}
.phone-btn:hover {
  color: var(--color-secondary);
}
/* .phone-btn:hover .icon-phone-primary {
  background-image: url("/images/icon/phone-secondary.svg");
} */

/* ==========================================================================
   Home Page
   ========================================================================== */

.row__testimonial {
  position: relative;
  z-index: 3;
}
.row__testimonial .testimonial-slider > .uk-margin-medium-top {
  margin-top: 0 !important;
}

.cta-section > .uk-section > .uk-container {
  margin-bottom: -100px;
  position: relative;
  z-index: 5;
}
.cta-section > .uk-section {
  background-position: -118px 0px;
  background-size: 540px;
}
.cta-section .uk-card-large .uk-card-body {
  padding: 60px;
}
.cta-section-bg {
  background-color: #fff;
}
.cta-section .cta-image .uk-background-cover {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

/* ==========================================================================
   Sub Pages
   ========================================================================== */

/* .custom-grid-list .icon-wrapper--sm {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  padding: 8px;
  background-color: rgb(0, 58, 77, 0.5);
  border-radius: 4px;
  margin-right: 8px;
}
.custom-grid-list .icon-wrapper--sm i {
  color: var(--color-emphasis) !important;
}
.custom-grid-list .icon-align-top .icon-wrapper--sm {
  padding: 8px;
} */

.icon-wrapper--sm {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  padding: 8px;
  background-color: var(--color-bgGrey);
  border-radius: 4px;
  margin-right: 8px;
}
.custom-grid-list .icon-wrapper--sm {
  background-color: rgb(0, 58, 77, 0.5);
}
.custom-grid-list .icon-wrapper--sm i {
  color: var(--color-emphasis) !important;
}
.icon-align-top .icon-wrapper--sm {
  padding: 8px;
}
.custom-grid-list__grid .el-item {
  border-radius: 10px;
}
.custom-grid-list__grid .el-item > .el-title {
  display: flex;
  gap: 10px;
  align-items: center;
}

.custom-grid-list .icon-align-top > .el-title {
  align-items: start;
}
/* ==========================================================================
   Form
   ========================================================================== */
.panel-form {
  padding-top: 15px !important;
}
.form-grid {
  margin-bottom: 30px;
}
.form-grid .ba-checkbox-image {
  height: 120px;
}
.form-grid .ba-checkbox-image img {
  width: unset;
  max-width: unset;
  height: 100%;
  max-height: 100px;
}
.panel-form-narrow .form-grid .ba-checkbox-image img {
  max-height: 90px;
}
.form-grid .ba-form-checkbox-wrapper {
  padding: 1rem 0.5rem 0.5rem !important;
}
.form-grid .ba-checkbox-wrapper {
  padding: 1.25rem 0 !important;
}
.form-grid .ba-checkbox-image + .ba-checkbox-wrapper {
  padding: 1.25rem 0 !important;
}
.form-divider {
  margin-top: 30px;
}
.form-consent {
  margin: 0 !important;
}

/* ==========================================================================
   Footer
   ========================================================================== */
footer {
  position: relative;
  z-index: 1;
  padding-top: 100px;
}
/* footer nav icon colour */
.footernav .uk-icon svg polyline {
  stroke: var(--color-secondary) !important;
}
.footer-logo {
  margin-left: -10px;
}

/*Adjust Responsive*/
/*large desktop*/
@media all and (min-width: 1200px) and (max-width: 1399px) {
  .spacer-large {
    height: 90px !important;
  }
  .uk-navbar-nav {
    gap: 22px;
  }
  .uk-navbar-nav li a {
    font-size: 14px;
  }
  .uk-navbar-left .uk-logo {
    max-width: 300px;
  }
}

/*small desktop*/
@media all and (min-width: 960px) and (max-width: 1199px) {
  /* Navbar with toolbar buttons on top right */
  .uk-navbar-left {
    position: unset;
    bottom: unset;
  }
  .footer-logo {
    margin-left: -10px;
  }
  .spacer-large {
    height: 60px !important;
  }
  .image__checkmark img {
    width: 500px;
  }
  .row__testimonial .uk-card {
    padding: 50px !important;
  }
  .bg-curve-with-checkmark .el-image {
    width: 200% !important;
    max-width: 200%;
  }
  .bg-curve-with-checkmark .uk-position-absolute {
    left: -50%;
  }
  .cta-section > .uk-section {
    background-position: -118px 50px;
    background-size: 500px;
  }
}

/*ipad*/
@media all and (min-width: 640px) and (max-width: 959px) {
  .button--longtext a.uk-button {
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  /* navbar */
  .uk-nav-sub {
    text-transform: none !important;
    letter-spacing: 0;
  }
  /* Navbar with toolbar buttons on top right */
  .uk-navbar-left {
    position: unset;
    bottom: unset;
  }
  .footer-logo {
    margin-left: -10px;
  }
  .footer {
    padding-top: 40px !important;
  }
  /* Card */
  .row__testimonial .uk-card {
    padding: 50px !important;
  }
  .cta-section .uk-card-large .uk-card-body {
    padding: 50px !important;
  }
  .spacer-large {
    height: 60px !important;
  }
  .image__checkmark img {
    width: 400px;
  }
  .bg-curve-with-checkmark .el-image {
    width: 200% !important;
    max-width: 200%;
  }
  .bg-curve-with-checkmark .uk-position-absolute {
    left: -50%;
  }
  .section__our-differences {
    padding-top: 40px;
  }
  .cta-section > .uk-section {
    background-position: -118px 50px;
    background-size: 400px;
  }
  .testimonial-slider .uk-slider-nav {
    justify-content: center;
  }
}

/*mobile*/
@media (max-width: 639px) {
  .button--longtext a.uk-button {
    line-height: 20px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
  /* navbar */
  .uk-nav-sub {
    text-transform: none !important;
    letter-spacing: 0;
  }
  /* Navbar with toolbar buttons on top right */
  .uk-navbar-left {
    position: unset;
    bottom: unset;
  }
  .footer-logo {
    margin-left: -10px;
  }
  .footer {
    padding-top: 40px !important;
  }
  /* Card */
  /* .uk-card-large {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  } */
  .row__testimonial .uk-card {
    padding: 50px 30px !important;
  }
  .cta-section .uk-card-large .uk-card-body {
    padding: 50px 30px !important;
  }
  .spacer-large {
    height: 30px !important;
  }
  .section__our-services {
    padding-top: 40px !important;
  }
  .image__checkmark img {
    width: 400px;
  }
  .image__checkmark-cta {
    bottom: 0;
  }
  .bg-curve-with-checkmark .el-image {
    width: 200% !important;
    max-width: 200%;
  }
  .bg-curve-with-checkmark .uk-position-absolute {
    left: -50%;
    bottom: -50px !important;
  }
  .section__our-differences {
    padding-top: 30px;
  }
  .cta-section > .uk-section {
    background-position: -118px 50px;
    background-size: 400px;
  }

  .testimonial-slider .uk-slider-nav {
    justify-content: center;
  }

  /* form */
  .ba-form-page {
    padding: 0 !important;
  }
  .panel-form {
    padding: 5px !important;
  }
}

/* ==========================================================================
	Sitemap
   ========================================================================== */

.treeview a {
  color: var(--color-black);
}

.treeview a.selected {
  background-color: transparent;
  text-decoration: none;
  font-size: 16px;
}

.treeview .hover {
  color: var(--color-primary);
}

/* ==========================================================================
	Cookie Banner
   ========================================================================== */

body .cky-revisit-bottom-right {
  background-color: var(--color-emphasis) !important;
}
body .cky-btn-accept, body .cky-btn-preferences, body .cky-btn-reject {
    background: var(--color-primary) !important;
    color: #fff;
    border: 2px solid var(--color-primary) !important;
}
body .cky-btn-customize {
  border: 2px solid var(--color-primary) !important;
  color: var(--color-primary) !important;
}