:root {
  --medtl-saas-ink: #082f3a;
  --medtl-saas-ink-soft: #16434d;
  --medtl-saas-muted: #58717a;
  --medtl-saas-line: rgba(8, 104, 113, 0.16);
  --medtl-saas-soft: #f2fbfb;
  --medtl-saas-soft-2: #e5f7f6;
  --medtl-saas-teal: #15b7c1;
  --medtl-saas-teal-dark: #0b737c;
  --medtl-saas-green: #0b987f;
  --medtl-saas-deep: #07363d;
  --medtl-saas-footer: #052e34;
  --medtl-saas-shadow: 0 18px 46px rgba(7, 76, 84, 0.09);
  --medtl-saas-shadow-hover: 0 24px 62px rgba(7, 76, 84, 0.15);

  --on-surface: var(--medtl-saas-ink);
  --secondary: var(--medtl-saas-muted);
  --line: rgba(8, 104, 113, 0.16);
  --background: var(--medtl-saas-soft);
  --surface: #f7fcfc;
  --blue: var(--medtl-saas-teal-dark);
  --success: var(--medtl-saas-green);
  --primary: var(--medtl-saas-teal);
  --gradient: var(--medtl-saas-teal);
  --dark: var(--medtl-saas-deep);
  --grey: #46616a;
  --dark-blue: var(--medtl-saas-ink);
  --dark-purple: var(--medtl-saas-deep);
}

body {
  background: linear-gradient(180deg, #ffffff 0%, #f3fbfb 46%, #ffffff 100%);
  color: var(--medtl-saas-ink);
}

#header .top-nav.bg-dark {
  border-bottom: 1px solid rgba(112, 225, 226, 0.1);
  background:
    linear-gradient(112deg, var(--medtl-saas-footer) 0%, var(--medtl-saas-deep) 58%, #0a4650 100%) !important;
}

#header .header-menu {
  border-bottom: 1px solid rgba(8, 104, 113, 0.12);
  background: rgba(255, 255, 255, 0.93) !important;
  box-shadow: 0 12px 34px rgba(7, 54, 61, 0.08);
  backdrop-filter: blur(18px) saturate(1.12);
  -webkit-backdrop-filter: blur(18px) saturate(1.12);
}

#header .header-menu .nav-link,
#header .header-menu .nav-link-mobile,
#header .header-menu .menu-right-block .text,
#header .header-menu .menu-right-block .number {
  color: var(--medtl-saas-ink) !important;
}

#header .header-menu .nav-link,
#header .header-menu .nav-link-mobile {
  font-weight: 600 !important;
  font-synthesis: none;
  transition: color 0.15s ease !important;
}

#header .top-nav span,
#header .top-nav select,
#header .header-menu .menu-right-block .text,
#header .header-menu .menu-right-block .number {
  font-synthesis: none;
}

#header .menu-center-block .nav-item,
#header .menu-center-block .nav-item.active,
#header .menu-center-block .nav-item:hover {
  transform: none !important;
}

#header .header-menu .nav-item:hover > .nav-link,
#header .header-menu .nav-item.active > .nav-link,
#header .header-menu .nav-item-mobile:hover > .nav-link-mobile,
#header .header-menu .nav-item-mobile.active > .nav-link-mobile {
  color: var(--medtl-saas-teal-dark) !important;
}

#header .header-menu .icon-call i::before,
#header .header-menu .menu-humburger i {
  color: var(--medtl-saas-teal-dark) !important;
}

#header .medtl-search-toggle {
  border-color: rgba(206, 244, 243, 0.42);
  background: rgba(255, 255, 255, 0.07);
}

.header-menu #menu-mobile-block .menu-mobile-main {
  border-bottom: 1px solid var(--medtl-saas-line);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 22px 44px rgba(7, 54, 61, 0.14);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.header-menu .medtl-demo-cta {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 18px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 8px;
  background: linear-gradient(135deg, var(--medtl-saas-green) 0%, #0fa99a 52%, var(--medtl-saas-teal) 100%);
  box-shadow: 0 12px 24px rgba(11, 152, 127, 0.22);
  color: #ffffff !important;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

.header-menu .medtl-demo-cta:hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 30px rgba(11, 152, 127, 0.3);
  color: #ffffff !important;
  filter: saturate(1.08);
}

.header-menu .medtl-demo-cta:focus-visible {
  outline: 3px solid rgba(16, 180, 191, 0.28);
  outline-offset: 3px;
}

.header-menu .medtl-demo-cta i {
  color: #ffffff !important;
  font-size: 19px;
  line-height: 1;
}

.header-menu .menu-center-block .medtl-demo-nav-item--desktop {
  padding-right: 0;
}

.header-menu .medtl-demo-cta--mobile {
  width: 100%;
  min-height: 46px;
}

.header-menu .medtl-demo-nav-item {
  padding: 8px 12px 14px;
}

.header-menu #menu-mobile-block.open .menu-mobile-main {
  max-height: 390px;
}

.user-guide-download {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 10px 16px;
  border: 1px solid rgba(11, 115, 124, 0.24);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(7, 76, 84, 0.12);
  color: var(--medtl-saas-teal-dark);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.user-guide-download:hover {
  border-color: rgba(11, 115, 124, 0.5);
  box-shadow: 0 14px 30px rgba(7, 76, 84, 0.18);
  color: var(--medtl-saas-teal-dark);
  transform: translateY(-1px);
}

.user-guide-download:focus-visible {
  outline: 3px solid rgba(21, 183, 193, 0.3);
  outline-offset: 3px;
}

.home-saas-hero__guide {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-top: 14px;
}

@media (max-width: 520px) {
  .home-saas-hero__guide {
    align-items: stretch;
    flex-direction: column;
  }

  .home-saas-hero__guide .user-guide-download {
    width: 100%;
  }
}

.our-team-block > .list-member {
  width: min(100%, 1240px);
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 20px;
  padding-left: 20px;
  box-sizing: border-box;
  justify-content: center;
}

.our-team-block > .list-member .team-member {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

@media (max-width: 520px) {
  .our-team-block > .list-member {
    padding-right: 14px;
    padding-left: 14px;
  }

  .our-team-block > .list-member .team-member {
    width: min(100%, 280px);
    max-width: 280px;
  }
}

@media (max-width: 1023.99px) {
  .header-menu .medtl-demo-cta--desktop {
    display: none;
  }
}

#content {
  background:
    linear-gradient(135deg, rgba(229, 247, 246, 0.54), rgba(255, 255, 255, 0) 34rem),
    linear-gradient(180deg, rgba(243, 251, 251, 0.38), rgba(255, 255, 255, 0));
}

.bg-surface {
  background-color: #f5fbfb !important;
}

.bg-blue,
.button-share.bg-blue,
.button-share.bg-on-surface {
  background:
    linear-gradient(135deg, var(--medtl-saas-green), var(--medtl-saas-teal-dark) 58%, var(--medtl-saas-teal)) !important;
  color: #ffffff !important;
}

.text-blue,
.text-on-surface,
.read,
.explore-block,
.service-item-main .heading i,
.blog-item-main .heading6:hover,
.question-item-main i {
  color: var(--medtl-saas-teal-dark) !important;
}

.button-share,
button,
.list-nav button,
.list-nav .nav-item,
.access-button,
.home-saas-hero__primary {
  border-radius: 8px !important;
}

.button-share {
  border-color: transparent !important;
  box-shadow: 0 12px 26px rgba(7, 115, 113, 0.18);
}

.button-share:hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 34px rgba(7, 115, 113, 0.25);
}

.service-block.style-about-two .list-service .service-item-main,
.service-block .service-item,
.service-block .service-item-main,
.service-block.style-six .list-service .main-item,
.blog-item-main,
.blog-list .blog-item-main,
.question-item,
.case-studies-block .item-main,
.contact-block .infor,
.contact-block .form-block,
.list-member .team-member,
.access-card,
.access-step,
.access-image-card,
.home-saas-dashboard,
.home-saas-hero__metrics {
  border: 1px solid var(--medtl-saas-line) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(244, 251, 251, 0.92)) !important;
  box-shadow: var(--medtl-saas-shadow);
  transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease;
}

.service-block.style-about-two .list-service .service-item-main:hover,
.service-block .service-item:hover,
.service-block .service-item-main:hover,
.service-block.style-six .list-service .main-item:hover,
.blog-item-main:hover,
.question-item:hover,
.case-studies-block .item-main:hover,
.list-member .team-member:hover,
.access-card:hover,
.access-step:hover {
  transform: translateY(-2px);
  border-color: rgba(16, 180, 191, 0.28) !important;
  box-shadow: var(--medtl-saas-shadow-hover);
}

.service-block .service-item > .service-item-main {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none;
}

.service-block .service-item .service-item-main .number,
.service-block .service-item-main .number {
  color: rgba(16, 104, 116, 0.12) !important;
}

.service-block i,
.service-item-main i,
.access-icon,
.home-saas-hero__metric i,
.home-saas-hero__checks i {
  color: var(--medtl-saas-teal) !important;
}

.medtl-service-icon {
  position: relative;
  display: inline-flex;
  width: 62px;
  height: 62px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(21, 183, 193, 0.3);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(229, 247, 246, 0.96));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), 0 14px 28px rgba(16, 104, 116, 0.1);
}

.medtl-service-icon::after {
  content: "";
  position: absolute;
  right: 8px;
  bottom: 8px;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--medtl-saas-teal);
  box-shadow: 0 0 0 5px rgba(16, 180, 191, 0.12);
}

.medtl-service-icon i {
  position: relative;
  z-index: 1;
  font-size: 32px;
  line-height: 1;
  color: var(--medtl-saas-teal-dark) !important;
}

.question-item {
  overflow: hidden;
}

.question-item-main {
  color: var(--medtl-saas-ink);
}

.question-item .content-question,
.content-question .body3,
.blog-item-main p,
.blog-item-main .body3,
.service-item-main p,
.service-item-main .body3,
.access-copy,
.text-secondary {
  color: var(--medtl-saas-muted) !important;
}

.blog-item-main .bg-img,
.case-studies-block .item-main .bg-img,
.service-block .bg-img {
  position: relative;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
}

.blog-item-main .bg-img img,
.case-studies-block .item-main .bg-img img,
.list-member .bg-img img {
  filter: saturate(0.88) contrast(1.02);
  transition: filter 0.28s ease, transform 0.28s ease;
}

.blog-item-main:hover .bg-img img,
.case-studies-block .item-main:hover .bg-img img,
.list-member .team-member:hover .bg-img img {
  filter: saturate(0.98) contrast(1.03);
}

.list-member .bg-img,
.bora-20 {
  border-radius: 8px !important;
  overflow: hidden;
}

.blog-item-main .infor,
.case-studies-block .item-main .infor,
.list-member .infor {
  border-radius: 0 0 8px 8px;
}

.blog-item-main .caption2,
.case-studies-block .category,
.access-eyebrow,
.home-saas-hero__eyebrow {
  background: rgba(16, 180, 191, 0.1) !important;
  color: var(--medtl-saas-teal-dark) !important;
}

.slider-sub {
  background: linear-gradient(135deg, var(--medtl-saas-deep), #0c5962);
}

.slider-sub .bg-img {
  isolation: isolate;
}

.slider-sub .bg-img::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(5, 46, 52, 0.9) 0%, rgba(7, 64, 72, 0.72) 50%, rgba(8, 75, 84, 0.5) 100%) !important;
}

[dir="rtl"] .slider-sub .bg-img::after {
  background:
    linear-gradient(270deg, rgba(5, 46, 52, 0.9) 0%, rgba(7, 64, 72, 0.72) 50%, rgba(8, 75, 84, 0.5) 100%) !important;
}

.slider-sub .bg-img img {
  filter: saturate(0.72) contrast(1.05) brightness(0.9);
}

.slider-sub .heading-nav,
.slider-sub .text-nav,
.slider-sub .text-nav a {
  color: #ffffff !important;
}

.slider-sub .heading-nav {
  border: 1px solid rgba(154, 234, 232, 0.24);
  background: rgba(13, 139, 148, 0.74) !important;
  box-shadow: 0 12px 28px rgba(4, 35, 40, 0.18);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.slider-sub .text-nav .body2,
.slider-sub .text-nav p {
  color: rgba(255, 255, 255, 0.88) !important;
}

.slider-sub .text-nav .platform-instructions-link,
.slider-sub .text-nav .platform-instructions-link:hover,
.slider-sub .text-nav .platform-instructions-link:focus-visible {
  color: var(--medtl-saas-teal-dark) !important;
}

@media (max-width: 767.99px) {
  .slider-sub:not(.platform-hero) {
    height: 340px;
  }

  .slider-sub:not(.platform-hero) .container .text-nav {
    width: 100%;
    margin-top: 28px;
  }
}

.faqs-block,
.blog-list,
.service-block,
.benefit-block,
.payment-gateway-one,
.case-studies-block,
.contact-block {
  position: relative;
}

.faqs-block::before,
.blog-list::before,
.service-block::before {
  content: "";
  position: absolute;
  inset: -24px 0 auto 0;
  height: 120px;
  pointer-events: none;
  background-image: radial-gradient(rgba(16, 180, 191, 0.12) 1px, transparent 1px);
  background-size: 18px 18px;
  opacity: 0.26;
  mask-image: linear-gradient(90deg, transparent, #000 30%, #000 70%, transparent);
}

.list-nav .active,
.list-nav .nav-item:hover,
.filter-btn.active,
.filter-btn:hover,
.btn-know-more:hover {
  background-color: rgba(16, 180, 191, 0.12) !important;
  border-color: rgba(16, 180, 191, 0.35) !important;
  color: var(--medtl-saas-teal-dark) !important;
}

.btn-know-more,
.modal-box {
  border-radius: 8px !important;
}

.btn-know-more {
  border-color: rgba(16, 104, 116, 0.35) !important;
  color: var(--medtl-saas-teal-dark) !important;
}

.modal-box {
  border: 1px solid var(--medtl-saas-line);
  box-shadow: 0 26px 70px rgba(16, 104, 116, 0.18);
}

input,
select,
textarea,
.form-control {
  border-radius: 8px !important;
  border-color: var(--medtl-saas-line) !important;
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus {
  border-color: rgba(16, 180, 191, 0.55) !important;
  box-shadow: 0 0 0 4px rgba(16, 180, 191, 0.12) !important;
}

#footer {
  position: relative;
  border-top: 1px solid rgba(112, 225, 226, 0.18);
}

#footer .footer-block.bg-dark {
  background:
    linear-gradient(118deg, var(--medtl-saas-footer) 0%, var(--medtl-saas-deep) 52%, #0a4c55 100%) !important;
}

#footer .footer-block {
  box-shadow: inset 0 1px 0 rgba(174, 241, 239, 0.08);
}

#footer .footer-logo {
  filter: saturate(1.05) brightness(1.08);
}

#footer .text-white,
#footer a.text-white {
  color: rgba(255, 255, 255, 0.82) !important;
}

#footer .item-heading.text-white,
#footer .heading.text-white,
#footer .fw-700.text-white {
  color: #ffffff !important;
}

#footer a.text-white:hover {
  color: #85e3df !important;
}

#footer .border-line {
  background-color: rgba(153, 230, 228, 0.16) !important;
}

#footer .list-social .item {
  border-color: rgba(173, 236, 234, 0.28) !important;
  background: rgba(255, 255, 255, 0.04);
}

#footer .list-social .item:hover {
  border-color: rgba(173, 236, 234, 0.62) !important;
  background: rgba(21, 183, 193, 0.18) !important;
}

.post-date-badge {
  border-color: rgba(21, 183, 193, 0.24) !important;
  background:
    linear-gradient(135deg, rgba(21, 183, 193, 0.13), rgba(11, 152, 127, 0.08)) !important;
  color: var(--medtl-saas-teal-dark) !important;
}

.post-date-badge svg,
.post-date-badge svg * {
  color: var(--medtl-saas-teal-dark) !important;
  stroke: currentColor;
}

.landing-lead-main {
  background:
    linear-gradient(145deg, rgba(229, 247, 246, 0.78), rgba(248, 252, 252, 0.92) 38%, #ffffff 100%) !important;
}

.landing-language-select {
  border-color: var(--medtl-saas-line) !important;
  background-color: rgba(255, 255, 255, 0.94) !important;
  color: var(--medtl-saas-ink) !important;
  box-shadow: 0 12px 28px rgba(7, 76, 84, 0.08) !important;
}

.landing-video {
  border: 1px solid rgba(21, 183, 193, 0.2);
  box-shadow: 0 24px 58px rgba(7, 54, 61, 0.17) !important;
}

.landing-video-poster img {
  filter: saturate(0.88) contrast(1.04) brightness(0.88) !important;
}

.landing-video-poster::before {
  background:
    linear-gradient(180deg, rgba(5, 46, 52, 0.05), rgba(5, 46, 52, 0.26)),
    linear-gradient(90deg, rgba(21, 183, 193, 0.08), rgba(11, 152, 127, 0.04)) !important;
}

.landing-video .landing-video-play {
  background:
    linear-gradient(135deg, var(--medtl-saas-green), var(--medtl-saas-teal)) !important;
  box-shadow: 0 18px 42px rgba(8, 125, 119, 0.32) !important;
}

.landing-video-poster:hover .landing-video-play,
.landing-video-poster:focus-visible .landing-video-play {
  box-shadow: 0 22px 52px rgba(8, 125, 119, 0.4) !important;
}

.landing-form-card {
  border: 1px solid var(--medtl-saas-line);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(244, 251, 251, 0.94)) !important;
  box-shadow: var(--medtl-saas-shadow) !important;
}

.landing-honeypot {
  position: fixed !important;
  inset: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

#toggle-wrap.sidebar-toggle {
  border: 1px solid rgba(255, 255, 255, 0.26);
  background:
    linear-gradient(135deg, var(--medtl-saas-green), var(--medtl-saas-teal-dark)) !important;
  box-shadow: 0 12px 30px rgba(7, 115, 113, 0.24) !important;
}

.form-contact .infor,
.contact-block .infor.bg-blue {
  background:
    linear-gradient(145deg, var(--medtl-saas-teal-dark), var(--medtl-saas-deep)) !important;
  box-shadow: 0 22px 50px rgba(7, 54, 61, 0.18);
}

.legal-content h1,
.legal-content h2,
.blog-detail h1,
.blog-detail h2,
.blog-detail h3 {
  color: var(--medtl-saas-ink) !important;
}

.footer-bottom {
  gap: 16px;
  flex-wrap: wrap;
}

.footer-bottom .nav-link {
  justify-content: flex-end;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  .service-block.style-about-two .list-service .service-item-main,
  .service-block .service-item,
  .blog-item-main,
  .question-item,
  .case-studies-block .item-main {
    box-shadow: 0 12px 30px rgba(16, 104, 116, 0.08);
  }

  .faqs-block::before,
  .blog-list::before,
  .service-block::before {
    opacity: 0.18;
  }

  #footer .footer-bottom {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  #footer .footer-bottom .nav-link {
    width: 100%;
    justify-content: center;
    gap: 6px 10px;
  }
}