:root {
  --color-black: #27292c;
  --color-darkGrey: #555c6d;
  --color-grey: #8e8e8e;
  --color-lightGrey: #f0efec;
  --color-bgGrey: #f1f1f1;
  --color-borderGrey: rgb(113, 39, 129, 0.1);
  --color-primary: #712781;
  --color-secondary: #0185b1;
  --color-tertiary: #3e5b8a;
  --color-muted: #fbf4e6;
  --color-white: #ffffff;
  --color-emphasis: #712781;
  --color-primary-hover: #0c2a43;
  --color-darkGreen: #1f5805;
  --color-lightGreen: #eeffe7;
  --color-darkBlue: #0c2a43;
  --color-lightBlue: #e7f8fb;
  --color-lightPurple: #f9f6ff;
  --color-darkOrange: #ff8b17;
  --color-lightOrange: #fff2de;
  --color-reverseMuted: #c8c9e4;
  --space-x-sm: 10px;
  --gradient-primary: linear-gradient(
    to right,
    var(--color-primary),
    var(--color-secondary)
  );
  --gradient-bg: linear-gradient(to right, #494992, var(--color-secondary));
  --gradient-light: linear-gradient(#ebdcff, #f9f6ff);
  --border-rounded: 20px;
}

/* ==========================================================================
   Global
   ========================================================================== */
.uk-logo img {
  mix-blend-mode: multiply;
}
.uk-text-large {
  font-weight: 500;
}

.uk-section-primary:not(.uk-preserve-color) .uk-text-background {
  background-color: var(--color-lightPurple);
  background-image: linear-gradient(to right, #ebdcff, #61a9d1);
}
.grid-gap-xsm .uk-grid-small > * {
  padding-left: var(--space-x-sm) !important;
}
.grid-gap-xsm .uk-grid-small {
  margin-left: -10px !important;
}
.card-xsm .uk-card {
  padding: 14px 20px;
}
.uk-offcanvas-close {
  color: #fff;
}
.uk-card-primary .uk-card-default {
  background-color: rgba(255, 255, 255, 0.2) !important;
  color: var(--color-white);
  border-color: rgb(249, 246, 255, 0.2);
}
/* button */
.uk-section-primary .uk-button-primary,
.uk-card-primary .uk-button-primary,
.uk-tile-primary .uk-button-primary {
  background: linear-gradient(to right, #ebdcff, #ffffff) !important;
}

.uk-button-default .uk-icon svg polyline {
  stroke: var(--color-primary) !important;
}
.btn-phone .uk-icon {
  width: 16px;
  height: 16px;
  margin-right: 10px !important;
  background: url(phone.svg) center center / contain no-repeat;
}
.btn-phone-white .uk-icon {
  width: 16px;
  height: 16px;
  margin-right: 10px !important;
  background: url(phone-white.svg) center center / contain no-repeat;
}
.btn-phone .uk-icon svg,
.btn-phone-white .uk-icon svg {
  display: none;
}
.bg-gradient-primary {
  background: var(--gradient-bg);
}
.bg-gradient-top-to-bottom {
  background: linear-gradient(var(--color-lightPurple), transparent);
}
.bg-gradient-bottom-to-top {
  background: linear-gradient(transparent, var(--color-lightPurple));
}

/* Contact with Icon */
.button-text-with-icon {
  margin-bottom: 0 !important;
}
.button-text-with-icon a {
  background-repeat: no-repeat;
  background-position: 0px 1px;
  background-size: 18px 18px;
  padding-left: 22px;
  color: var(--color-darkGrey);
  font-weight: 500;
}
.phone-with-icon a {
  background-image: url(phone.svg);
}
.email-with-icon a {
  background-image: url(email.svg);
}
.map-with-icon a {
  background-image: url(map-pin.svg);
}
.text-shadow {
  text-shadow: rgba(0, 0, 0, 0.6) 0 0 24px;
}

.custom-tick-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.custom-tick-list li {
  position: relative;
  padding-left: 2rem;
  margin-bottom: 0.75rem;
}

.custom-tick-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.2em;
  width: 18px;
  height: 18px;
  background-image: url("checkmark-18.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

/* .uk-section-muted .uk-list-divider>:nth-child(n+2) {
  border-top: 1px solid var(--color-borderGrey);
} */
.list-text-lead .el-content {
  font-size: 17px;
  line-height: 1.5;
  font-weight: 500;
}
/* Navbar icon colour */

.uk-navbar-sticky {
  padding-top: 0 !important;
}
.uk-navbar-parent-icon,
.uk-nav-parent-icon {
  color: var(--color-emphasis) !important;
}

.card-tag {
  display: inline-block;
  font-weight: 500;
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
  padding: 6px 16px;
  border-radius: 50px;
  margin-left: -4px;
  margin-right: 14px;
}

.card-tag-green {
  background-color: var(--color-lightGreen);
  color: var(--color-darkGreen);
}
.card-tag-orange {
  background-color: var(--color-lightOrange);
  color: var(--color-darkOrange);
}
.card-tag-blue {
  background-color: var(--color-lightBlue);
  color: var(--color-darkBlue);
}
.card-tag-purple {
  background-color: var(--color-lightPurple);
  color: var(--color-primary);
}
.border-rounded-sm {
  border-radius: 16px;
}
/* ==========================================================================
   Navbar
   ========================================================================== */

.uk-navbar-dropdown-nav > li > a:hover {
  /* color: #fff;
    background-image: linear-gradient(to right, #494992, var(--color-secondary)); */
  /* background-image: linear-gradient(to right, #EBDCFF, #61A9D1); */
}

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

/* HERO SECTION START */
.home-hero .uk-section {
  height: 100vh;
}
.intro-image-left {
  margin-right: 24px;
}
.service-overlay-01,
.service-overlay-02 {
  border-right: 2px solid #fff !important;
}
.section-intro {
}
.whychoose-grid .el-content p {
  padding-right: 30px;
}
.row-intro-card--column1 {
  min-height: 400px;
}
.row-intro-card--column1 > .uk-card {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border: 0px;
}
.row-intro-card--column2 > .uk-card {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border: 0px;
}
/* .logo-slider {
  position: relative;
  overflow: hidden;
}

.logo-slider::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 160px;
  left: 0;
  top: 0;
  z-index: 2;
  pointer-events: none;

  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0) 30%
  );
}

.logo-slider::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 160px;
  right: 0;
  left: auto;
  z-index: 2;
  pointer-events: none;

  background: linear-gradient(
    to left,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0) 30%
  );
} */

/* ==========================================================================
   Form
   ========================================================================== */

.ba-form-submit-btn {
  background-image: var(--gradient-primary) !important;
  font-size: 16px !important;
  line-height: 46px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  padding: 0 30px !important;
  border-radius: 50px !important;
}
.ba-form-submit-btn:hover {
  background-image: linear-gradient(to right, #712781, #0185b1);
  box-shadow: 0 0 30px 0 rgba(113, 39, 129, 0.2) !important;
}

/* .ba-form-submit-btn::after {
  content: "";
  inline-size: 0.8em;
  block-size: 0.8em;
  margin-left: 10px;
  background: url(/images/icon/arrow-right.svg) no-repeat center;
  background-size: contain;
} */
/*Adjust Responsive*/
/*large desktop*/
@media all and (min-width: 1200px) and (max-width: 1399px) {
  .uk-logo {
    width: 230px;
  }
  /* .uk-navbar-nav {
    gap: 0px;
  } */
  .uk-navbar-right {
    gap: 10px;
  }
  .uk-navbar-nav li a {
    font-size: 14px;
  }
}

/*small desktop*/
@media all and (min-width: 960px) and (max-width: 1199px) {
  .intro-image-left {
    margin-right: unset;
  }
  /* navbar */
  .uk-navbar-container {
    padding-top: 0 !important;
  }
  .tm-header-placeholder {
    height: 0px !important;
  }
  .row-intro-card--column1 > .uk-card {
    border-top-right-radius: var(--border-rounded);
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    padding: 0px;
  }
  .row-intro-card--column2 > .uk-card {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: var(--border-rounded);
  }
  .logo-slider img {
    height: 70px;
    width: 100%;
  }
  .logo-slider .uk-grid-large > * {
    /* margin-left: 70px; */
    padding-left: 70px;
  }
}

/*ipad*/
@media all and (min-width: 640px) and (max-width: 959px) {
  h3 {
    font-size: 30px;
  }
  .button--longtext {
    line-height: 20px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
  /* navbar */
  .uk-navbar-container {
    padding-top: 0 !important;
  }
  .tm-header-placeholder {
    height: 20px !important;
  }
  .uk-nav-sub {
    text-transform: none !important;
    letter-spacing: 0;
  }
  .intro-image-left {
    margin-right: unset;
  }

  .service-overlay-01,
  .service-overlay-02 {
    border-right: unset !important;
    border-bottom: 2px solid #fff !important;
  }
  .section-full-overlays .uk-grid .uk-panel {
    min-height: 400px !important;
  }
  .row-intro-card--column1 {
  }
  .row-intro-card--column1 > .uk-card {
    border-top-right-radius: var(--border-rounded);
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    padding: 0px;
  }
  .row-intro-card--column2 > .uk-card {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: var(--border-rounded);
  }
  .whychoose-grid .el-content p {
    padding-right: 0px;
  }
  .image-portrait {
    max-height: 400px;
  }
  .image-portrait img {
    object-position: 50% 20%;
  }
  .logo-slider img {
    height: 70px;
    width: 100%;
  }
  .logo-slider .uk-grid-large > * {
    /* margin-left: 70px; */
    padding-left: 70px;
  }
}

/*mobile*/
@media (max-width: 639px) {
  h3 {
    font-size: 30px;
  }
  .uk-h6 {
    font-size: 1rem;
  }
  .card-mobile-sm .uk-card {
    padding-left: 24px;
    padding-right: 24px;
  }
  .button--longtext {
    line-height: 20px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .uk-navbar-container {
    padding-top: 0 !important;
  }
  .tm-header-placeholder {
    height: 20px !important;
  }

  .footerlist .el-image {
    display: none;
  }
  .hero-image img {
    max-width: calc(100% + 20px);
    margin-left: -10px;
  }
  .row-intro-card--column1 {
    min-height: 260px;
  }
  .image-portrait img {
    object-position: 50% 20%;
  }
  .image-portrait {
    max-height: 300px;
  }

  /* navbar */
  .uk-nav-sub {
    text-transform: none !important;
    letter-spacing: 0;
  }
  .intro-image-left {
    margin-right: unset;
  }
  .section-full-overlays .uk-grid .uk-panel {
    min-height: 400px !important;
  }
  .service-overlay-01,
  .service-overlay-02 {
    border-right: unset !important;
    border-bottom: 2px solid #fff !important;
  }
  .uk-logo {
    width: 240px;
  }
  /* .tm-header-mobile {
    height: 100px;
    padding-top: 16px;
  } */

  .row-intro-card--column1 > .uk-card {
    border-top-right-radius: var(--border-rounded);
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    padding: 0px;
  }
  .row-intro-card--column2 > .uk-card {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: var(--border-rounded);
  }
  .logo-slider img {
    height: 70px;
    width: 100%;
  }
  .logo-slider .uk-grid-large > * {
    /* margin-left: 70px; */
    padding-left: 70px;
  }
  .whychoose-grid .el-content p {
    padding-right: 0px;
  }

  .hd-timeline-align-right > div:nth-child(n) > .hd-timeline-item-container {
    margin-left: calc((20px + calc(6px) + 4px) * 2 + 0px);
  }

  .form-wrapper {
    padding: 10px !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;
}