/* Cookie Pop Up */

.cc-revoke,
.cc-window {
  font-family: inherit !important;
  font-size: 16px !important;
  line-height: 24px;
}

.cc-btn {
  font-weight: normal;
  text-transform: uppercase;
  font-family: inherit !important;
  font-size: 14px;
  letter-spacing: 1px;
  transition: opacity 0.4s ease;
  text-decoration: none !important;
}

.cc-btn:hover,
.cc-btn:focus {
  opacity: 0.6;
}

.cc-color-override-1020424930 .cc-btn:hover,
.cc-color-override-1020424930 .cc-btn:focus {
  border-color: #f9a240;
}

div.cc-window.cc-floating {
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.3);
}

div.cc-compliance > a.cc-btn {
  margin-right: 0px;
  margin-top: 0.2em;
}

.cc-allow {
  width: 100%;
  font-size: 17px;
}

.cc-deny {
  font-size: 14px !important;
  text-transform: none !important;
  opacity: 0.6;
  border: none !important;
  padding: 0px 0px !important;
  text-align: left !important;
  margin-top: 20px !important;
  letter-spacing: 0px !important;
  font-weight: 400 !important;
}

.cc-deny:hover {
  opacity: 0.3;
}

/* Off Canvas */

#module-menu-dialog-mobile .uk-nav-default .uk-nav-sub {
  font-size: 15px;
}

#module-menu-dialog-mobile ul.uk-nav-sub {
  padding: 7px 0 10px 10px;
}

/*--- Header ---*/

.uk-navbar-nav > li.uk-active > a::before {
  border-radius: 5px 5px 0px 0px;
}

@media all and (min-width: 1200px) {
  .downchev {
    background-image: url("/images/icons/downchev.svg") !important;
    background-repeat: no-repeat !important;
    background-position: 100% 50% !important;
    background-size: 14px 14px !important;
    padding-right: 24px !important;
  }
}

/*--- Toolbar ---*/

.tm-toolbar-default {
  background-color: #75bcc0;
  height: 54px;
}

.tm-toolbar-default .uk-button-primary {
  background-color: #3ea9b7;
}

.tm-toolbar .uk-container {
  max-width: 1600px;
}

.tm-toolbar .uk-button {
  line-height: 54px;
  border-radius: 0px 0px 0px 0px;
}

.tm-toolbar .footer-links a {
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  height: 50px;
  align-content: center;
}
.tm-toolbar .footer-links .el-item {
  height: 50px;
  align-content: center;
}

.tm-toolbar .footer-socials {
  height: 50px;
  align-content: center;
}

/* .tm-toolbar .tb-col-1 {
  width: 100px;
} */
/*--- logo ---*/

.uk-logo img {
  width: 300px;
  margin-top: 0px;
}

/*--- Hero ---*/

.hero-icon-row {
  height: 15px;
  margin-top: -100px;
  margin-bottom: 180px;
}

.hero-icon-row .uk-card-default {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
  border-radius: 20px;
}

.banner-grid .uk-tile-muted {
  background-color: #f5ebec;
}

.banner-grid .el-item {
  border-radius: 8px;
}

.uk-divider-small::after {
  border-top: 2px dashed #d098a7;
  width: 80px;
  border-radius: 8px;
}

@media (min-width: 1600px) {
  .hero .hero-text {
    padding-bottom: 70px;
  }
}

@media (min-width: 1200px) {
  .hero-mobile {
    display: none;
  }
}
/*--- Home ---*/

.image-border .uk-tile {
  border-radius: 20px;
}

.video-border video {
  border-radius: 20px;
}

.slider-main .el-meta {
  padding: 5px;
  background: #f5eae9;
  text-align: center;
  border-radius: 7px;
  width: 30%;
}

/*--- Teal Section ---*/

.teal-section.uk-section-muted {
  background: #e4ecee;
}

.teal-section .uk-card-default {
  background-color: #fff;
  box-shadow: 0 5px 10px 5px rgba(67, 165, 182, 0.1);
}

.teal-section .uk-divider-small::after {
  border-top: 2px dashed #43a5b6;
}

.teal-section .uk-slidenav {
  color: #43a5b6;
}

.teal-section .uk-slidenav:hover {
  color: #fff;
}

.teal-section .uk-slidenav:hover {
  background-color: rgba(67, 165, 182, 0.7);
}

.teal-section .uk-dotnav > * > * {
  background: rgba(67, 165, 182, 0.2);
}

.teal-section .uk-dotnav > .uk-active > * {
  background-color: #43a5b6;
}

.blue-muted-bg {
  background-color: #e4ecee;
  color: #3e585c;
}

.blue-card-section .uk-card-secondary {
  border: 0px solid #fff !important;
  background-color: #e4ecee !important;
  color: #3e585c !important;
}

.blue-card-section .uk-card-secondary .uk-h3 {
  color: #3e585c !important;
}

/* Animations */

.uk-button,
a {
  transition: all 0.25s ease !important;
}

.uk-button:hover {
  opacity: 0.7;
}

/* blood tests */

.blood-tests .uk-card-default .uk-accordion-title {
  background-color: #f5ebec !important;
}

.blood-tests .uk-card-primary .uk-accordion-title {
  background-color: #f9f3f3 !important;
}

.blood-tests .uk-card-primary .uk-accordion-title {
  background-color: #f9f3f3 !important;
}

.blood-tests .uk-card-primary .uk-open .uk-accordion-title {
  background-color: #f9f3f3 !important;
}
.blood-tests .uk-card-primary .uk-accordion-content {
  background-color: #f9f3f3 !important;
}

.blood-test-quick-info .uk-card-default {
  box-shadow: 0 5px 10px 5px rgba(67, 165, 182, 0.1);
}

/*--- General Elements ---*/

.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
  border-top: 2px dashed rgba(156, 76, 97, 0.2);
}

.mobile-btns .uk-button {
  font-size: 13px !important;
  padding: 0 9px !important;
  line-height: 40px !important;
}

.sublayout-border .uk-background-cover {
  border-radius: 20px 0px 0px 20px;
}

.sublayout-border .uk-tile-muted {
  border-radius: 0px 20px 20px 0px;
}

.slider-main .uk-card {
  border-radius: 20px;
}

.slider-main .uk-card img {
  border-radius: 20px;
}

.slider-main .el-item {
  margin: 15px;
}
/* 
.uk-accordion > :nth-child(n + 2) {
  padding-top: 25px;
  border-top: 2px dashed #d098a7a6;
} */

.uk-grid-divider > :not(.uk-first-column)::before {
  border-left: 2px dashed #d098a7a6;
}

.uk-section-primary p a:hover {
  opacity: 70%;
}

/*--- Footer ---*/

.contact-page .footer-map {
  display: none;
}

.footer-2 .el-link:hover {
  opacity: 70%;
}

.footer-2 a:hover {
  opacity: 70%;
}

.footer-2 .el-link {
  text-decoration: none;
}

.footer-2 a {
  text-decoration: none;
}

.footer a,
.footer .uk-link {
  text-decoration: none;
}

.footer a {
  color: #8d8d8d;
}

.footer .uk-link-toggle:hover .uk-link,
.footer .uk-link:hover,
.footer a:hover {
  color: #585858;
  text-decoration: none;
}

.footer .uk-link-toggle .uk-link,
.footer .uk-link,
.footer a {
  transition: all 0.2s ease-in-out;
}

.footer .uk-link,
.footer .uk-link {
  color: #8d8d8d;
}

.footer .uk-link:hover {
  text-decoration: none;
}

.footer-links .uk-link {
  font-size: 15px;
}

.footer-links a {
  font-size: 15px;
}

.footer-links .el-content {
  font-size: 15px;
}

.footer-links .uk-grid-small > * {
  padding-left: 14px;
}

.footer-links .uk-link {
  font-size: 15px;
}

.cc-custom-revoke {
  font-size: 15px;
}

.footer-socials a {
  color: #43a5b6;
}

.footer-socials a:hover {
  color: #43a5b68f;
}

.footer-socials svg {
  width: 35px;
}

/*--- Background Image ---*/

.heart-bg {
  background-image: url("/images/bg-image.svg");
  background-repeat: no-repeat;
  background-position: 115% 130px;
  background-size: 25% auto;
}

.heart-bg-fixed {
  background-image: url("/images/bg-image.svg");
  background-repeat: no-repeat;
  background-position: 115% 130px;
  background-size: 25% auto;
}

.heart-bg-2 {
  background-image: url("/images/bg-image.svg");
  background-repeat: no-repeat;
  background-position: -8% 167px;
  background-size: 20% auto;
}

.bg-image .uk-background-norepeat {
  border-radius: 20px;
}

/* divider dash */
.dash-divider {
  border-top: 3px dashed #d098a7;
  border-radius: 8px;
}

.uk-list-striped .el-item {
  border-radius: 10px;
}

.uk-card-primary .uk-list-striped > :nth-of-type(2n + 1) {
  background: #ffffff63;
}

/* Accordian */

/* Accordion headers */
.uk-accordion-title {
  border: 0px solid #f5ebec;
  background-color: #e4ecee !important;
  border-radius: 8px 8px 8px 8px;
  padding: 20px 20px;
  transition: all 0.45s ease !important;
}

/* .uk-accordion a {
  border: 0px solid #f5ebec;
  background-color: #e4ecee !important;
  border-radius: 8px;
  padding: 20px 20px;
} */

.uk-open .uk-accordion-title {
  border: 0px solid #f5ebec;
  background-color: #f5ebec !important;
  border-radius: 8px 8px 0px 0px;
  padding: 20px 20px;
  border-bottom: 0px solid #f5ebec;
  transition: all 0.2s ease !important;
}

.uk-accordion-title::before {
  float: left;
  margin-left: 0px;
  margin-right: 20px;
  width: 28px !important;
  height: 28px !important;
  background-size: 20px;
}

/* Accordion content when open */
.uk-accordion-content {
  background-color: #f5ebec;
  color: #535353;
  margin: 0px !important;
  padding: 0px 20px 20px 20px;
  border-radius: 0px 0px 8px 8px;
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-color: #f5ebec;
}

/* Form */

.tiny .ba-form-submit-btn {
  font-weight: 600;
  line-height: 48px;
  border-radius: 8px;
  letter-spacing: 1px;
  margin-top: 10px;
}

/* SiteMap */

.sitemap h1 {
  font-size: 35px;
}

.treeview span {
  color: #706e71 !important;
}

a.hover {
  text-decoration: none !important;
}

.treeview a {
  color: #706e71 !important;
}

.treeview .hover {
  color: rgba(112, 110, 113, 0.5) !important;
  text-decoration: none !important;
}

.treeview a.selected {
  background-color: transparent !important;
  text-decoration: none !important;
}

.treeview a.selected {
  font-size: 16px !important;
}

/* scans page */

#early-vision-scan,
#early-gender,
#gender,
#nipt {
  scroll-margin-top: 100px; /* Adjust based on your sticky header height */
}

/*--- Responsive ---*/

@media all and (min-width: 1400px) and (max-width: 1599px) {
  .uk-h1 {
    font-size: 70px;
  }
}

@media all and (min-width: 1200px) and (max-width: 1399px) {
  .uk-navbar-nav {
    gap: 35px;
  }

  .uk-navbar-nav > li > a {
    letter-spacing: 0px;
    font-size: 17px;
  }

  .banner-grid .el-content {
    display: none;
  }

  .hero-icon-row {
    height: 15px;
    margin-top: -84px;
    margin-bottom: 100px;
  }

  .uk-h1 {
    font-size: 60px;
  }

  .uk-h2 {
    font-size: 45px;
  }

  .uk-h3 {
    font-size: 25px;
  }

  .uk-button {
    font-size: 16px;
  }

  .uk-text-large {
    font-size: 18px;
  }

  /* html {
    font-size: 16px;
  } */

  .uk-logo img {
    width: 250px;
  }

  .cta-row {
    margin-top: 20px;
  }
}

@media all and (min-width: 960px) {
  .mobile-grid {
    display: none;
  }
}

/*small desktop*/
@media all and (min-width: 960px) and (max-width: 1199px) {
  .banner-grid .el-content {
    display: none;
  }

  .hero-large-screen {
    display: none;
  }

  .heart-bg,
  .heart-bg-2 {
    background-image: none;
  }

  .hero-icon-row {
    height: 15px;
    margin-top: -75px;
    margin-bottom: 100px;
  }

  .uk-h1 {
    font-size: 50px;
  }

  .uk-h2 {
    font-size: 40px;
  }

  .uk-h3 {
    font-size: 22px;
  }

  .banner-grid .uk-h3 {
    font-size: 18px;
  }

  .uk-button {
    font-size: 16px;
  }

  .uk-text-large {
    font-size: 18px;
  }

  /* html {
    font-size: 16px;
  } */

  .cta-row {
    margin-top: 60px;
  }

  .uk-navbar-toggle-icon svg {
    width: 27px;
  }

  .uk-navbar-center {
    padding-top: 50px;
    width: 240px !important;
  }

  .hide-l-xl .uk-background-norepeat {
    display: none;
  }

  .uk-logo {
    position: relative;
    top: -50px;
  }
}

/*ipad*/
@media all and (min-width: 640px) and (max-width: 959px) {
  .banner-grid .el-content {
    display: none;
  }

  .hero-large-screen {
    display: none;
  }

  .heart-bg,
  .heart-bg-2 {
    background-image: none;
  }

  .uk-h1 {
    font-size: 50px;
  }

  .uk-h2 {
    font-size: 40px;
  }

  .uk-h3 {
    font-size: 22px;
  }

  .banner-grid .uk-h3 {
    font-size: 18px;
  }

  .uk-button {
    font-size: 16px;
  }

  .uk-text-large {
    font-size: 18px;
  }

  .cta-row {
    margin-top: 20px;
  }

  .uk-navbar-toggle-icon svg {
    width: 27px;
  }

  .uk-navbar-center {
    padding-top: 50px;
    width: 240px !important;
  }

  .sublayout-border .uk-tile-muted {
    border-radius: 0px 0px 20px 20px;
  }

  .sublayout-border .uk-background-cover {
    border-radius: 20px 20px 0px 0px;
    padding-top: 200px;
  }

  .uk-tile-large {
    padding-top: 200px;
    padding-bottom: 200px;
  }

  .bg-img-mobile .uk-background-norepeat {
    height: 500px;
  }

  .uk-logo {
    position: relative;
    top: -50px;
  }
}

/*mobile*/
@media (max-width: 639px) {
  .uk-button {
    font-size: 16px;
    line-height: 38px;
  }

  .banner-grid .el-content {
    display: none;
  }

  .hero-large-screen {
    display: none;
  }

  .heart-bg,
  .heart-bg-2 {
    background-image: none;
  }

  .uk-h1 {
    font-size: 38px;
  }

  .uk-h2 {
    font-size: 33px;
  }

  .uk-h3 {
    font-size: 22px;
  }

  .uk-h4 {
    font-size: 16px;
  }

  .banner-grid .uk-h3 {
    font-size: 18px;
  }

  .uk-button {
    font-size: 16px;
  }

  .uk-text-large {
    font-size: 16px;
  }

  /* html {
    font-size: 16px;
  } */

  .cta-row {
    margin-top: 20px;
  }

  .uk-navbar-toggle-icon svg {
    width: 27px;
  }

  .uk-navbar-center {
    padding-top: 50px;
    width: 240px !important;
  }

  .sublayout-border .uk-tile-muted {
    border-radius: 0px 0px 20px 20px;
  }

  .sublayout-border .uk-background-cover {
    border-radius: 20px 20px 0px 0px;
    padding-top: 150px;
  }

  .uk-navbar-center {
    padding-top: 50px;
    width: 190px !important;
  }

  .hero .uk-background-cover {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .uk-accordion-title {
    font-size: 17px;
  }

  .uk-text-small {
    font-size: 13px;
  }

  .uk-subnav > * > :first-child,
  .cc-custom-revoke {
    font-size: 14px;
  }

  .uk-tile-large {
    padding-top: 200px;
    padding-bottom: 200px;
  }

  .bg-img-mobile .uk-background-norepeat {
    height: 400px;
  }
  .uk-logo {
    position: relative;
    top: -50px;
  }
}

@media (max-width: 400px) {
  .hero .uk-background-cover {
    background-position-x: -319px;
  }
}