:root{
  /* COLORS */
  --bg:#16010b;
  --bg2:#2a0716;
  --white:#ffffff;
  --text:#201a17;
  --muted:#726964;
  --accent:#ff6b4a;
  --light:#f6f3ed;
  --card:#ece7db;
  --border:#ddd5cb;
    --padding-top: 6.25rem;
  --padding-bottom: 6.25rem;
  /* TYPOGRAPHY */
  
  /* FONT SIZES */
  --fs-h1:4.375rem;
  --fs-h2:3.375rem;
  --fs-h3:2.125rem;
  --fs-h4:1.5rem;
  --fs-body:1.125rem;
  --fs-small:0.8125rem;
  --fs-xs:0.6875rem;

  /* FONT WEIGHTS */
  --fw-regular:400;
  --fw-medium:500;
  --fw-semibold:600;
  --fw-bold:700;

  /* LINE HEIGHTS */
  --lh-tight:1;
  --lh-heading:1.05;
  --lh-body:1.8;

  /* SPACING */
  --section-space:6.875rem;
  --container:88.8rem;

  /* RADIUS */
  --radius-sm:0.375rem;
  --radius-md:0.625rem;
  --radius-lg:1.375rem;
  --radius-full:62.4375rem;

  /* SHADOWS */
  --shadow-sm:0 0.5rem 1.25rem rgba(0,0,0,.05);
  --shadow-md:0 1.25rem 2.5rem rgba(0,0,0,.25);
  --shadow-lg:0 2.5rem 5rem rgba(0,0,0,.45);

  /* TRANSITIONS */
  --transition:.3s ease;




 --tc-maroon-deep: #1a0505;
  --tc-maroon: #3f1c22;
  --tc-maroon-card: #3C1C2A;
  --tc-coral: #F36253;
  --tc-coral-hover: #ff5252;
  --tc-cream: #f9f7f2;
  --tc-white: #ffffff;
  --tc-text-dark: #1a1a1a;
  --tc-text-muted: rgba(255, 255, 255, 0.72);
  --tc-text-soft: #5c5c5c;
  --tc-text-on-dark-soft: rgba(255, 255, 255, 0.65);
  --tc-text-on-dark-muted: rgba(255, 255, 255, 0.75);
  --tc-border-light: rgba(255, 255, 255, 0.12);
  --tc-border-dark: rgba(26, 5, 5, 0.08);
  --tc-radius: 0.5rem;
  --tc-radius-lg: 1rem;
  --tc-container: min(75rem, calc(100% - 3rem));
  --tc-ease: cubic-bezier(0.4, 0, 0.2, 1);

  --tc-font-sans: "Switzer", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --tc-font-display: "Switzer", "Inter", system-ui, -apple-system, sans-serif;

  --tc-fw-regular: 400;
  --tc-fw-medium: 500;
  --tc-fw-semibold: 600;
  --tc-fw-bold: 700;

  --tc-fs-sm: 0.875rem;
  --tc-fs-base: 1rem;
  --tc-fs-nav: 0.9375rem;
   --tc-fs-lrge: 1.5rem;
   --font-menu-1rem:1rem;

  --tc-lh-body: 1.5;
  --tc-ls-snug: -0.02em;

--font-weight-500:500;
--line-height-140:140%;
--letter-spacing-2:-2%;

  /* NEW SEMANTIC COLOR VARIABLES */
  --tc-dark: #28131C;
  --tc-cream-white: #FFFDF1;
  --tc-card-cream: #F1EFE0;
  --tc-card-cream-dark: #e8e4d8;
  --tc-border-cream: #DAD9CD;
  --tc-darkest: #17090B;
  --tc-maroon-bg: #2a0716;
  --tc-maroon-bg-deep: #16010b;
  --tc-footer-bg: #250712;
  --tc-coral-muted: #ef6a55;
  --tc-coral-arrow: #f36b57;
  --tc-red-dark: #c0392b;
  --tc-maroon-text: #2d0a0a;
  --tc-maroon-text-alt: #2a1d1d;
  --tc-icon-color: #43353c;
  --tc-light-cream: #f5f3ee;
  --tc-text-muted-warm: #6a5b53;
  --tc-text-muted-brown: #8a7d73;
  --tc-lavender: #efc8f7;
  --tc-purple: #9a4fd0;
  --tc-black: #111;
  --tc-gray-dark: #333;
  --tc-gray-light: #ccc;
  --tc-dark-btn: #3d1a24;
  --tc-btn-icon-coral: #ef624e;
  --tc-faq-active-bg: #FBFBF7;
  --tc-progress-track: #DDD9C1;
  --tc-progress-fill-bar: #B1AC8F;
  --tc-tag-blue: #dff0f5;
  --tc-tag-pink: #f3d6ef;
  --tc-hover-light: #f4efe7;
  --tc-ui-bg: #f8f5ef;
  --tc-ui-sidebar: #f1ebe1;
  --tc-float-card: #efe5d9;
  --tc-hero-btn-bg: #f7f3ed;
  --tc-hero-btn-text: #2b1d1d;
  --tc-near-black: #241516;
  --tc-progress-bg: #e6e0d3;
  --tc-progress-fill-alt: #cfc5af;
  --tc-border-warm-alt: #ddd5ca;
  --tc-directory-bg1: #220A09;
  --tc-directory-bg2: #250E0C;
  --tc-trust-bg: #f5f3ef;
  --tc-float-card-right: #f3ebdf;

  /* EXTENDED FONT SIZE VARIABLES */
  --fs-80: 5rem;
  --fs-88: 5.5rem;
  --fs-69: 4.3125rem;
  --fs-56: 3.5rem;
  --fs-54: 3.375rem;
  --fs-48: 3rem;
  --fs-40: 2.5rem;
  --fs-38: 2.375rem;
  --fs-36: 2.25rem;
  --fs-32: 2rem;
  --fs-28: 1.75rem;
  --fs-24: 1.5rem;
  --fs-22: 1.375rem;
  --fs-20: 1.25rem;
  --fs-18: 1.125rem;
  --fs-16: 1rem;
  --fs-15: 0.9375rem;
  --fs-14: 0.875rem;
  --fs-13: 0.8125rem;
  --fs-12: 0.75rem;
  --fs-11: 0.6875rem;
  --fs-10: 0.625rem;
  --fs-9: 0.5625rem;

  /* FONT WEIGHT EXTENDED */
  --fw-extrabold: 800;

  --tc-pink-light: #E9BAEC;
}
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -o-font-smoothing: antialiased;
}
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
h1,
h2,
h3,
h4,
h5,
h6{
   font-family: 'Muoto Trial';
    font-weight:var(--fw-regular);
}
.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
	font-family: 'Muoto Trial' !important;
}
body{
     font-family: var(--tc-font-sans);
  background: var(--tc-cream);
    color:var(--text);
    overflow-x:hidden;
}
.fade-item{
    opacity:0;
    transform:translateY(2.5rem);
    transition:1s ease;
}

.show-item{
    opacity:1;
    transform:translateY(0);
}
img{
    max-width:100%;
    display:block;
    width: 100%;
}

.container{
    width:100%;
    max-width:var(--container);
    margin:auto;
    padding:0 5%;
    z-index: 5;
}
@media (min-width: 1227px) {
/*.container{*/
/*    max-width: 1310px;*/
/*    padding:0 20px;*/
/*}*/
}
a {
  color: inherit;
  text-decoration: none;
}

section{
    position:relative;
}

.btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:0.625rem;
    padding:0.75rem 1.125rem;
    border-radius:0.5rem;
    font-size:0.75rem;
    font-weight: var(--fw-semibold);
    transition:.3s ease;
    text-decoration:none;
}

.btn-primary{
    background:var(--accent);
    color:#fff;
}

.btn-dark{
    background:rgba(255,255,255,.08);
    border:0.0625rem solid rgba(255,255,255,.08);
    color:#fff;
}

.section-tag{
    color:var(--accent);
    font-size:0.6875rem;
    text-transform:uppercase;
    letter-spacing:0.0625rem;
    margin-bottom:1rem;
}

.section-title{
    font-size:3rem;
    line-height:1.05;
    letter-spacing:-0.125rem;
    font-weight: var(--fw-semibold);
}

.section-sub{
    color:var(--muted);
    font-size:0.875rem;
    line-height:1.8;
    margin-top:1.125rem;
}
.amp-announcement-bar {
  background: linear-gradient(270deg, var(--tc-pink-light) 0%, #F36253 100%);
  padding: 0.5rem 1.25rem;
  position: relative;
  overflow: hidden;
}

.amp-announcement-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
  flex-wrap: wrap;
}

.amp-announcement-content p {
    margin: 0;
    color: var(--tc-dark);
    font-family: Switzer;
    font-weight: var(--fw-medium);
    font-size: 0.875rem;
    line-height: 1.4;
    letter-spacing: -2%;
    vertical-align: middle;
}
a.amp-announcement-link {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.amp-announcement-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.3125rem;
    background: #fff;
    color: var(--tc-dark);
    padding: 0.125rem 1.125rem;
    border-radius: 62.4375rem;
    text-decoration: none;
    transition: 0.3s ease;
    font-family: Switzer;
    font-weight: var(--fw-medium);
    font-size: 0.75rem;
    line-height: 1.4;
    letter-spacing: -2%;
    vertical-align: middle;
}

.amp-announcement-btn:hover {
  transform: translateY(-0.0625rem);
}

.amp-announcement-close {
  position: absolute;
  top: 50%;
  right: 1.125rem;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  font-size: 1.75rem;
  cursor: pointer;
  color: var(--tc-black);
  line-height: 1;
  padding: 0;
}
@media (max-width: 61.9375rem) {
  .amp-announcement-content {
    gap: 0.75rem;
    padding-right: 1.875rem;
  }

  .amp-announcement-content p {
    font-size: 0.875rem;
    text-align: center;
  }

  .amp-announcement-btn {
    padding: 0.25rem 1rem;
    font-size: 0.8125rem;
  }
}
/* HEADER */
header.amp-header.sticky-active {
    background: linear-gradient(200deg,
      var(--tc-maroon-card) 0%,
      var(--tc-maroon) 60%,
      #190a0c 100%);
    backdrop-filter: blur(0.625rem);
    box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1);
    transform: translateY(0);
}
header.amp-header.scroll-down {
     /*transform: translateY(-160px);*/
    background: linear-gradient(200deg,
      var(--tc-maroon-card) 0%,
      var(--tc-maroon) 60%,
      #190a0c 100%);
    backdrop-filter: blur(0.625rem);
    box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1);
    transform: translateY(0);
}
/* .header{
    position:absolute;
    width:100%;
    top:0;
    left:0;
    z-index:99;
    padding:1.5rem 0;
    border-bottom: 0.0625rem solid #ffffff1c;
}

.navbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.logo{
    color:#fff;
    font-size:1.875rem;
    font-weight: var(--fw-bold);
}

.nav-links{
    display:flex;
    gap:2rem;
}

.nav-links a{
    color:rgba(255,255,255,.7);
    font-size:0.8125rem;
    text-decoration:none;
}

.nav-actions{
    display:flex;
    gap:0.75rem;
} */
.amp-fingerprint {
    position: absolute;
    pointer-events: none;
    opacity: .94;
    /* box-shadow: inset 0 0 2.5rem  #8b1e23; */
}
.amp-fingerprint-top {
    width: 45rem;
    top: -25rem;
    right: -2.5rem;
    transform: rotate(
346deg);
    transform: rotate(0deg);
}
.amp-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    transition: 0.3s;
    inset: 0 0 auto;
    z-index: 20;
    height: auto;
    border-bottom: 0.0625rem solid var(--tc-border-light);
    padding: 0;
    transform: translateY(0);
  background: #471F25;
    backdrop-filter: blur(0);
    box-shadow: none;
    transition: background 0.5s ease, backdrop-filter 0.5s ease, box-shadow 0.5s ease;
}

.amp-header-inner {
  height: 3.75rem;
  display: flex;
  align-items: center;
}

.amp-logo {
  padding-right: 1.625rem;
  border-right: 0.0625rem solid var(--tc-border-light);
}

.amp-logo img {
  width: 5.25rem;
}
.amp-header-actions .amp-free-btn {
    padding: 0.6562rem 1rem 0.6562rem 0.9125rem;
    border: 1px solid #fff;
}
/* =============================================
   MEGA MENU — MORPHING PANEL
   ============================================= */

/* Floating panel wrapper — controls horizontal slide */
.amp-mega {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  z-index: 200;
  pointer-events: none;
  transition: left .32s cubic-bezier(0.16, 1, 0.3, 1);
}

.amp-mega.is-open {
  pointer-events: auto;
  left: 0 !important;
}

/* Visible card — controls fade + lift-in */


.amp-mega.is-open .amp-mega-box {
  opacity: 1;
  transform: translateY(0) scale(1);
}

/* Arrow caret — tracks trigger center */
.amp-mega-caret {
    display: none;
  position: absolute;
  top: -5px;
  width: 12px;
  height: 12px;
  background: var(--tc-cream);
  border-left: 1px solid rgba(26, 5, 5, 0.10);
  border-top: 1px solid rgba(26, 5, 5, 0.10);
  transform: translateX(-50%) rotate(45deg);
  transition: left .32s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 1;
}

/* Panes (hidden by default) */
.amp-pane {
    display: none;
    padding: 1.6875rem 1.625rem;
    min-width: 20.375rem;
    position: relative;
    background: #F1EFE0;
    border-radius: 0.75rem;
    overflow: hidden;
    opacity: 0;
    transform: translateY(8px) scale(0.98);
    transform-origin: top center;
    transition: opacity .22s cubic-bezier(0.16, 1, 0.3, 1),
    transform .22s cubic-bezier(0.16, 1, 0.3, 1);
}
div#pane-products {
    max-width: 20.375rem;
}
.amp-mega.is-open .amp-pane.is-visible {
  display: flex;
  animation: ampPaneIn .2s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.amp-mega.is-open #pane-products.amp-pane.is-visible {
    display: block;
}
/* Solutions two-column grid */
.amp-pane--grid {
    min-width: 45.25rem;
    gap: 3.5rem;
    padding: 2.25rem;
}
.amp-pane--grid.is-visible {
  display: flex;
}

@keyframes ampPaneIn {
  from { opacity: 0; transform: translateY(5px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Column layout */
.amp-pane-col {
  flex: 1;
}
.amp-pane-sep {
    width: 1px;
    background: #3A3D42;
    margin: 0;
    align-self: stretch;
    opacity: .07;
}
.amp-pane-label {
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: -2%;
    color: #6A7878;
    padding: 0 0.8125rem 1.5rem 1rem;
    margin: 0;
    line-height: 100%;
}

/* Menu items */
.amp-pane-item {
  display: flex;
  align-items: flex-start;
  gap: 1.25rem;
  padding: 0.8125rem 0.8125rem 0.8125rem 1rem;
  border-radius: 0.75rem;
  color: var(--tc-text-dark);
  text-decoration: none;
    transition: background-color .2s;
  position: relative;
}



.amp-pane-item:hover {
  background-color: var(--tc-coral);
  color: #fff;
}

/* Icon bubble */
.amp-pane-icon {
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  border-radius: .5rem;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--tc-coral);
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}



/* Text block */
.amp-pane-body {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.amp-pane-body strong {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.2;
    color: #001F1F;
    margin-bottom: 0.5625rem;
        transition: color .2s;
}

.amp-pane-body small {
font-weight: 400;
font-size: .875rem;
line-height: 1.125rem;
display: flex;
align-items: center;
letter-spacing: -0.02em;
color: #6A7878;
    transition: color .2s;
}

.amp-pane-item:hover .amp-pane-body small, .amp-pane-item:hover .amp-pane-body strong  {
  color: #fff;
}
a.amp-pane-item svg.amp-pane-chevron {
    opacity: 0;
    transition: .3s;
    position: absolute;
    right: 0.75rem;
    width: 1rem;
    height: auto;
}
.amp-pane-item:hover svg.amp-pane-chevron {
     opacity: 1;
}



/* Arrow chevron on active items */
.amp-pane-chevron {
  flex-shrink: 0;
  color: rgba(255, 255, 255, 1);
}

/* Hide mega on mobile */
@media (max-width: 900px) {
  .amp-mega { display: none; }
}

/* Nav */
.amp-nav {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-left: 1.5rem;
  position: relative;
}

.amp-nav>a,
.amp-dropdown-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.4375rem;
  height: 3.75rem;
  color: var(--tc-white);
  font-size: var(--font-menu-1rem);
  font-weight:var(--font-weight-500);
  line-height: var(--line-height-140);
  letter-spacing: var(--letter-spacing-2);
  transition: color .25s var(--tc-ease);
}

.amp-nav>a:hover,
.amp-dropdown:hover .amp-dropdown-toggle,
.amp-dropdown.is-open .amp-dropdown-toggle {
  color: var(--tc-coral);
}

.amp-dropdown {
  position: relative;
}

.amp-dropdown-toggle svg {
  width: 0.625rem;
  height: 0.625rem;
  stroke: currentColor;
  stroke-width: 1.8;
  fill: none;
  transition: transform .25s var(--tc-ease);
}

.amp-dropdown:hover .amp-dropdown-toggle svg,
.amp-dropdown.is-open .amp-dropdown-toggle svg {
  transform: rotate(180deg);
}

.amp-dropdown-menu {
  position: absolute;
  top: calc(100% - 0.5rem);
  left: -1rem;
  min-width: 13.75rem;
  padding: 0.75rem 0;
  border-radius: var(--tc-radius-lg);
  background: var(--tc-maroon-deep);
  border: 0.0625rem solid var(--tc-border-light);
  box-shadow: 0 1.5rem 3.75rem rgba(0, 0, 0, .42);
  opacity: 0;
  visibility: hidden;
  transform: translateY(0.625rem);
  transition:
    opacity .25s var(--tc-ease),
    transform .25s var(--tc-ease),
    visibility .25s var(--tc-ease);
  z-index: 99;
}
@media (min-width: 992px) {
.amp-dropdown:hover .amp-dropdown-menu{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  height: auto;
}
}
/*.amp-dropdown:hover .amp-dropdown-menu,*/
.amp-dropdown.is-open .amp-dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  height: auto;
}

.amp-dropdown-menu::before {
  content: "";
  position: absolute;
  top: -0.375rem;
  left: 2rem;
  width: 0.75rem;
  height: 0.75rem;
  background: var(--tc-maroon-deep);
  border-left: 0.0625rem solid var(--tc-border-light);
  border-top: 0.0625rem solid var(--tc-border-light);
  transform: rotate(45deg);
}

.amp-dropdown-menu a {
  display: flex;
  align-items: center;
  height: 2.75rem;
  padding: 0 1.125rem;
  color: var(--tc-text-on-dark-muted);
  font-size: var(--tc-fs-sm);
  font-weight: var(--tc-fw-medium);
  line-height: var(--tc-lh-body);
  transition:
    background .25s var(--tc-ease),
    color .25s var(--tc-ease),
    padding .25s var(--tc-ease);
}

.amp-dropdown-menu a:hover {
  background: var(--tc-maroon-card);
  color: var(--tc-white);
  padding-left: 1.5rem;
}

/* Buttons */
.amp-header-actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.amp-start {
  color: var(--tc-white);
  font-size: var(--tc-fs-sm);
  font-weight: var(--tc-fw-medium);
}

.amp-demo-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.8125rem;
    /* height: 2.875rem; */
    padding: 0.375rem 0.375rem 0.375rem 1rem;
    border-radius: var(--tc-radius);
    background: var(--tc-cream);
    color: var(--tc-maroon-deep);
    font-size: var(--font-menu-1rem);
    font-weight: var(--font-weight-500);
    transition: transform .25s var(--tc-ease);
    letter-spacing: var(--letter-spacing-2);
}

/* .amp-demo-btn span {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 0.3125rem;
  display: grid;
  place-items: center;
  background: var(--tc-coral);
  color: var(--tc-white);
} */


.amp-free-btn {
    padding: 0.7844rem 1.2375rem 0.7844rem 1.0931rem;
    min-width: 8.25rem;
    border-radius: var(--tc-radius);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--tc-maroon-card);
    color: var(--tc-white);
    font-size: var(--tc-fs-base);
    font-weight: var(--font-weight-500);
    transition: background .55s var(--tc-ease), transform .25s var(--tc-ease);
    transition: background .55s var(--tc-ease), transform .25s var(--tc-ease);
    letter-spacing: var(--letter-spacing-2);
}
.section_aniamtion_hero {
    position: relative;
    z-index: 1;
}
.hero-buttons .amp-demo-btn {
    padding: 0.4475rem 0.4475rem 0.4475rem 1.1925rem;
    font-size: 1.1925rem;
	    grid-column-gap: 1.1875rem;
    grid-row-gap: 1.1875rem;
    grid-row-gap: 1.1875rem;
    justify-content: flex-end;
    align-items: center;
    margin-left: 0;
    transition: transform .3s cubic-bezier(.39,.575,.565,1);
    display: flex;
    overflow: hidden;
    min-width: 1.0625rem;
    height: 3.125rem;
}
.hero-buttons a.amp-free-btn.amp-start {
    height: 3.125rem;
    font-size: 1.1925rem;
    border: 1px solid #fff;
}
.amp-free-btn:hover {
  background: var(--tc-coral);
}

/* Buttons */
.amp-demo-btn,
.amp-free-btn {
  transition: .3s;
}

/* Arrow animation only */
header .amp-demo-btn span {
  transition:
    transform .3s var(--tc-ease),
    background .3s var(--tc-ease);
    height: 1.875rem;
    width: 1.875rem;
}

/* No button translateY */
.amp-demo-btn:hover,
.amp-free-btn:hover {
  transform: none;
}

/* Arrow moves on hover */


/* Optional glow */
.amp-demo-btn:hover {
  box-shadow: 0 0.625rem 1.5rem rgba(229, 62, 62, .18);
}

.amp-free-btn:hover {
    background: var(--tc-coral);
    box-shadow: 0 0.625rem 1.5rem rgba(229, 62, 62, .18);
    border-color: transparent !important;
}
.amp-demo-btn:hover svg {
    transform: translate(2.25rem, 0);
}
.amp-demo-btn svg {
    transition: transform .3s cubic-bezier(.39, .575, .565, 1);
    min-width: 1.1875rem;
    padding: 0;
}




/* ---------- Hamburger button ---------- */
.amp-hamburger {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 40px;
  height: 40px;
  border: 1px solid var(--tc-border-light);
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
}

.amp-hamburger span {
  display: block;
  width: 20px;
  height: 2px;
  background: var(--tc-white);
  border-radius: 2px;
  transition:
    transform 0.3s cubic-bezier(0.16, 1, 0.3, 1),
    opacity   0.2s ease,
    width     0.3s ease;
  transform-origin: center;
}

.amp-hamburger.is-active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.amp-hamburger.is-active span:nth-child(2) { opacity: 0; width: 0; }
.amp-hamburger.is-active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* ---------- Drawer — slides DOWN from top ---------- */
.amp-mobile-nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    min-height: 100dvh;
    background: #F1EFE0;
    border-bottom: 1px solid rgba(26, 5, 5, 0.12);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18);
    z-index: 500;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overscroll-behavior: contain;
    transform: translateY(-105%);
    transition: transform 0.42s cubic-bezier(0.16, 1, 0.3, 1);
    padding-bottom: 1rem;
    overflow: auto;
    max-height: 100dvh;
}

.amp-mobile-nav.is-open {
  transform: translateY(0);             /* drop into view */
}

/* ---------- Drawer header row ---------- */
.amp-mobile-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    min-height: 66px;
    border-bottom: 0px solid rgba(26, 5, 5, 0.10);
    flex-shrink: 0;
    background: #28131C;
}

.amp-mobile-logo img {
  width: 72px;
}

.amp-mobile-close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid #fff;
    border-radius: 7px;
    background: transparent;
    color: #fff;
    cursor: pointer;
    transition: color 0.2s, border-color 0.2s, background 0.2s;
}

.amp-mobile-close:hover {
  color: #001F1F;
  border-color: rgba(26, 5, 5, 0.35);
  background: rgba(26, 5, 5, 0.05);
}

/* ---------- Nav list ---------- */
.amp-mobile-list {
  flex: 1;
  padding: 8px 0 12px;
  overflow-y: auto;
}

/* Shared link / button style */
.amp-mobile-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 1rem 1.25rem;
  color: #28131C;
  font-size: 1rem;
  font-weight: 500;
  font-family: var(--tc-font-sans);
  letter-spacing: -.01em;
  background: transparent;
  border: none;
  cursor: pointer;
  text-align: left;
  text-decoration: none;
  transition: color 0.2s, background 0.2s;
}

/*.amp-mobile-link:hover {*/
/*  color: #001F1F;*/
/*  background: rgba(26, 5, 5, 0.05);*/
/*}*/

/* Chevron inside trigger buttons */
.amp-mobile-link svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1);
}

.amp-mobile-item.is-open > .amp-mobile-link svg {
  transform: rotate(180deg);
}

/* ---------- Accordion sub-panel ---------- */
.amp-mobile-sub {
  max-height: 0;
  overflow: hidden;
  background: rgba(26, 5, 5, 0.03);
  border-top: 1px solid transparent;
  transition:
    max-height 0.38s cubic-bezier(0.16, 1, 0.3, 1),
    border-color 0.2s;
}

.amp-mobile-item.is-open .amp-mobile-sub {
  max-height: 50rem;
  border-top-color: rgba(26, 5, 5, 0.10);
}

/* .amp-mobile-sub-label kept for legacy, now handled by .amp-pane-label overrides */
.amp-mobile-sub-label {
  display: block;
  padding: 10px 20px 3px 28px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: rgba(26, 5, 5, 0.35);
  user-select: none;
}

/* ---------- CTA buttons at bottom ---------- */
.amp-mobile-cta {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 1rem 1.25rem 1rem;
  border-top: 0px solid rgba(26, 5, 5, 0.10);
}

.amp-mobile-cta .amp-free-btn,
.amp-mobile-cta .amp-demo-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-align: center;
}

/* On cream background, demo btn needs a visible outline instead of cream-on-cream */
.amp-mobile-cta .amp-demo-btn {
  background: transparent;
  color: #28131C;
  border: 1px solid rgba(26, 5, 5, 0.20);
  border-radius: var(--tc-radius);
  padding: 12px 16px;
  font-size: var(--tc-fs-base);
}

.amp-mobile-cta .amp-demo-btn:hover {
  background: rgba(26, 5, 5, 0.05);
  border-color: rgba(26, 5, 5, 0.35);
}

/* ---------- Mobile backdrop — covers only below the menu ---------- */
.amp-mobile-backdrop {
  position: fixed;
  inset: 0;
  z-index: 499;
  background: rgba(16, 1, 11, 0.65);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.32s ease, visibility 0.32s ease;
}

.amp-mobile-backdrop.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* ---------- Rich pane items inside mobile drawer ---------- */

/* Wrapper gives the items some breathing room */


/* Pane items — desktop styles (dark text on #F1EFE0) already apply,
   just ensure the separator line is cream-appropriate */
.amp-mobile-nav .amp-pane-sep {
  background: rgba(26, 5, 5, 0.10);
}

/* Icon bubble — white bg + coral icon (same as desktop) */
.amp-mobile-nav .amp-pane-icon {
  background: #fff;
  color: var(--tc-coral);
}

/* Hover state: coral bg, all text + icon go white */
.amp-mobile-nav .amp-pane-item:hover .amp-pane-icon,
.amp-mobile-nav .amp-pane-item.is-active .amp-pane-icon {
  background: rgba(255, 255, 255, 0.28);
  color: #fff;
}

/* Section label inside mobile pane — same as desktop */
.amp-mobile-nav .amp-pane-label {
    color: #6A7878;
    padding-left: 1rem;
    padding-top: 1rem;
}

/* Grid pane inside mobile accordion — stack columns vertically */
.amp-mobile-nav .amp-pane--grid {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0.5rem 0;
  min-width: unset;
}

/* ---------- Show/hide at breakpoint ---------- */
@media (max-width: 991px) {

  /* Hide desktop nav & actions */
  .amp-nav            { display: none !important; }
.amp-header-actions .amp-free-btn {
    display: none;
}

  /* Show hamburger */
  .amp-hamburger { display: flex; }

  /* Push logo + hamburger to opposite ends */
  .amp-header-inner {
    justify-content: space-between;
  }

  /* Prevent body scroll while drawer is open */
  body.drawer-open { overflow: hidden; }

}





/* =========================================
HERO SECTION
========================================= */

.hero {
    position: relative;
    overflow: hidden;
    padding: 8.75rem 0 5.625rem;
    /* background: linear-gradient(340deg, #32161E 0%, rgb(20 0 9 / 72%) 100%), url(images/main-banner.jpg),  radial-gradient(circle at top right, rgba(255, 107, 74, .18), transparent 24%), radial-gradient(circle at bottom left, rgba(255, 107, 74, .12), transparent 30%); */
    /* background-size: cover; */
    /* background-position: center; */
    /* background-repeat: no-repeat; */
    background-image: url(../../assets/images/Hero-BG.webp);
    background-color: #28131c;
}
section.hero .container {
    z-index: 6;
    position: relative;
}

 /* MAIN SECTION */
.scene {
    position: relative;
    max-width: 1033px;
    width: 100%;
    margin: 0 auto;
}
    /* MAIN DASHBOARD */
    .main-dashboard{
      position:relative;
      width:100%;
      z-index:1;
    }

    .main-dashboard img{
      width:100%;
      display:block;
      border-radius:0px;
      box-shadow:0 20px 60px rgba(0,0,0,0.15);
    }

    /* FLOATING CARDS */
    .floating-card{
      position:absolute;
      z-index:5;
      opacity:0;
    }

    .floating-card img{
      width:100%;
      display:block;
    }

    /* SIDEBAR */
.sidebar1 {
    width: 51px;
    left: -70px;
    top: 0%;
    transform: translateY(-10%);
    z-index: 10;
}
.sidebar {
    width: 51px;
    left: -70px;
    top: 70px;
    z-index: 3;
}

    /* SEARCH CARD */
.search-card {
    width: 174px;
    left: -150px;
    top: 35%;
}

    /* CLINIC CARD */
.clinic-card {
    width: 340px;
    left: -120px;
    bottom: 80px;
}

    /* PROFILE CARD */
.profile-card {
    width: 240px;
    right: -80px;
    top: auto;
    bottom: 3rem;
}

    /* STATS CARD */
.stats-card {
    width: 310px;
    right: -180px;
    top: 160px;
}

/* OVERLAY */
.section_bg {
    background-color: #28131c;
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex;
    position: absolute;
    inset: 0%;
    overflow: hidden;
    background-image: url(../../assets/images/hero_bg.webp);
    background-size: 1350px auto;
    background-position: center 11rem;
    background-repeat: no-repeat;
}
.top_bg {
    z-index: 4;
    opacity: .2;
    filter: blur(150px);
    background-color: #f36253;
    height: 25rem;
    position: absolute;
    inset: 0% 0% auto;
}
/*.top_layer_wrapper {*/
/*    background: #28131C;*/
/*    position: absolute;*/
/*    width: 1423.15px;*/
/*    height: 420.57px;*/
/*    left: -1013.05px;*/
/*    top: 300.91px;*/
/*    filter: blur(100px);*/
/*    transform: rotate(-146.04deg);*/
/*}*/
.top_layer_wrapper {
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
    height: 100%;
    width: 100%;
}
.top-layer {
    z-index: 3;
    justify-content: center;
    align-items: center;
    width: 50.5rem;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: absolute;
    inset: 0% 0% auto auto;
    right: -5rem;
    left: auto;
    top: 1rem;
    max-width: 70%;
}
.top_layer_main_image {
    aspect-ratio: 1;
    object-fit: cover;
    width: 100%;
    max-width: 87.5rem;
    height: 100%;
    position: absolute;
    inset: 0% 0% auto auto;
}
/*.top_layer_wrapper {*/
/*    width: 90%;*/
/*    max-width: 80rem;*/
/*    margin-left: auto;*/
/*    margin-right: auto;*/
/*    position: absolute;*/
/*    inset: 0% 0% auto;*/
/*}*/
.center_layer_overlayw_wrap {
    z-index: 2;
    pointer-events: none;
    justify-content: center;
    align-items: center;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: absolute;
    inset: 40rem 0% auto;
}
.center_image {
    z-index: 1;
    max-width: 100%;
}
.bottom_layer {
    z-index: 7;
    pointer-events: none;
    inset: auto 0% 0%;
    position: absolute;
    width: 1426.43px;
    height: 365.21px;
    left: calc(50% - 1426.43px/2 - 6.79px);
    top: auto;
    background: linear-gradient(180deg, #F36253 0%, #F36253 100%);
    filter: blur(91.2px);
    transform: rotate(180deg);
    bottom: -22rem;
}
.home_hero_bottom {
    z-index: 2;
    inset: auto 0% 0%;
    position: absolute;
    width: 5584.65px;
    height: 334.03px;
    left: calc(50% - 5584.65px/2 + 98.72px);
    bottom: -12rem;
    background: #28131C;
    filter: blur(50px);
    transform: rotate(180deg);
}
.center_layer_overlay {
    position: absolute;
    width: 100%;
    height: 420.57px;
    left: -16rem;
    top: -9rem;
    background: #28131C;
    filter: blur(100px);
    transform: rotate(-146.04deg);
    margin: 0 auto;
}
/*.top-layer:before {*/
/*    position: absolute;*/
/*    width: 68rem;*/
/*    height: 28rem;*/
/*    left: auto;*/
/*    top: auto;*/
/*    background: #32161E;*/
/*    filter: blur(54.5707px);*/
/*    transform: rotate(-15.26deg);*/
/*    content: "";*/
/*    bottom: -80px;*/
/*}*/
.top-layer:after {
    position: absolute;
    width: 15.5rem;
    height: 40.75rem;
    left: -7rem;
    top: -9rem;
    background: #361821;
    filter: blur(54.5707px);
    transform: rotate(-175.58deg);
    content: "";
}

/*.hero-overlay{
    position:absolute;
    inset:0;

    background-image:
    radial-gradient(rgba(255,255,255,.05) 0.0625rem, transparent 0.0625rem);

    background-size:1.5rem 1.5rem;

    opacity:.12;
}
*/
/* CURVES */

/* .hero-curves{
    position:absolute;
    top:-15.625rem;
    right:-11.25rem;

    width:56.25rem;
    height:56.25rem;

    border-radius:50%;

    background:
    repeating-radial-gradient(
        circle at center,
        rgba(255,107,74,.15) 0,
        rgba(255,107,74,.15) 0.125rem,
        transparent 0.125rem,
        transparent 0.75rem
    );

    opacity:.4;
} */

/* CONTAINER */

/*.container{*/
/*    width:100%;*/
/*    max-width:88.8rem;*/
/*    margin:auto;*/
/*    padding:0 5%;*/
/*    position:relative;*/
/*    z-index:5;*/
/*}*/

/* GRID */

.hero-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
    gap:2.5rem;
}

/* LEFT */

.hero-content h1 {
    font-size: 5rem;
    line-height: 1.08;
    color: var(--tc-cream-white);
    margin-bottom: 4rem;
    letter-spacing: -2%;
    font-weight: var(--fw-regular);
}

.hero-content p {
    color: var(--tc-cream-white);
    font-weight: var(--fw-regular);
    font-size: 1.125rem;
    line-height: 1.4;
    letter-spacing: -2%;
    max-width: 31.9375rem;
    opacity: 72%;
}
.hero-content {
    width: 116%;
}
.amp-brand-grid div svg {
    max-width: 7.6875rem;
    width: 100%;
}

/* BUTTONS */

/* BUTTON WRAP */

.hero-buttons {
    display: flex;
    align-items: center;
    gap: 0.8944rem;
    margin-top: 2.7719rem;
}

/* =========================================
PRIMARY BUTTON
========================================= */

.hero-btn-primary{
    width:14.375rem;
    height:3.625rem;

    background:var(--tc-hero-btn-bg);

   border-radius:var(--radius-md);
    transition:var(--transition);

    padding:0.375rem 0.4375rem 0.375rem 1.5rem;

    display:flex;
    align-items:center;
    justify-content:space-between;

    text-decoration:none;

    box-shadow:
    0 0.5rem 1.5625rem rgba(0,0,0,.14);

}

/* TEXT */

.hero-btn-text{
    color:var(--tc-hero-btn-text);

    font-size:1.0625rem;
    font-weight: var(--fw-semibold);

    letter-spacing:-0.0312rem;

    line-height:1;
}

/* RIGHT ICON BOX */

.hero-btn-arrow {
    height: 2.2rem;
    width: 2.2rem;
    border-radius: 0.3125rem;
    background: var(--tc-coral-arrow);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #fff;
    font-size: 1.375rem;
    font-weight: var(--fw-regular);
    transition: .3s ease;
    overflow: hidden;
    /* padding-left: 0.375rem; */
    /* padding-right: 0; */
    gap: 1.0625rem;
}
.amp-demo-btn svg + svg {
    margin-right: 0.5rem;
}
a.amp-demo-btn.btn-big span.hero-btn-arrow {
    width: 2.75rem;
    height: 2.75rem;
}
a.amp-demo-btn.btn-big span.hero-btn-arrow svg {
    width: 1.5rem;
    height: 1.5rem;
    min-width: 1.5rem;
    margin-right: .55rem;
}
a.amp-demo-btn.btn-big:hover span.hero-btn-arrow svg {
    transform: translate(3.15rem, 0);
}
.cta-content span.hero-btn-arrow {
    height: 2.5rem;
    width: 2.5rem;
}
.cta-content .amp-demo-btn svg {
    min-width: 1.20875rem;
    height: auto;
}
.cta-content .amp-demo-btn svg + svg {
    margin-right: 0.6rem;
}
.cta-content .amp-demo-btn:hover svg {
    transform: translate(2.2rem, 0);
}


/* HOVER */

.hero-btn-primary:hover{
    transform:translateY(-0.125rem);
}

.hero-btn-primary:hover .hero-btn-arrow{
    transform:translateX(0.125rem);
}

/* =========================================
SECONDARY BUTTON
========================================= */

.hero-btn-secondary{
    height:3.625rem;

    padding:0 2rem;

    border-radius:0.625rem;

    background:
    rgba(255,255,255,.05);

    border:0.0625rem solid rgba(255,255,255,.03);

    backdrop-filter:blur(0.625rem);

    display:flex;
    align-items:center;
    justify-content:center;

    text-decoration:none;

    color:#fff;

    font-size:1.0625rem;
    font-weight: var(--fw-medium);

    letter-spacing:-0.025rem;

    transition:.3s ease;
}

/* HOVER */

.hero-btn-secondary:hover{
    background:rgba(255,255,255,.08);
}

/* =========================================
MOBILE
========================================= */





@media(max-width:48rem){

.hero-buttons{
    align-items:flex-start;
}

.hero-btn-primary,
.hero-btn-secondary{
    width:100%;
}

}

/* RIGHT */

.hero-right{
    position:relative;
}

/* GRAPH */

.hero-graph {
    margin-left: auto;
    margin-bottom: -4rem;
    margin-top: -6rem;
    margin-right: -15%;
}

.hero-graph img {
    width: 100%;
    display: block;
    margin-bottom: 0;
}
.hero-graph:after {
    content: "";
    position: absolute;
    width: 130%;
    height: 20rem;
    left: 0;
    top: auto;
    background: #28131C;
    filter: blur(54.5707px);
    bottom: 10rem;
    opacity: .4;
}
/* CLIENTS */
.amp-brand-grid {
    width: 29.375rem;
    margin-left: auto;
    margin-top: 2.25rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    position: relative;
}
.amp-brand-grid div {
    height: 4.375rem;
    display: grid;
    place-items: center;
    color: var(--tc-text-on-dark-soft);
    font-size: 1.4375rem;
    font-weight: var(--tc-fw-bold);
    border-right: 0.125rem dashed var(--tc-border-light);
    border-bottom: 0.125rem dashed var(--tc-border-light);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.1875rem;
}
.amp-brand-grid img {
    max-width: 118px;
    max-height: 40px;
    width: auto;
    height: auto;
}
.amp-brand-grid div:nth-child(n+7) {
    border-bottom: 0;
}
.amp-brand-grid div:nth-child(3n) {
    border-right: 0;
}

.amp-overlay {
  position: fixed;
  inset: 0;
  z-index: 19;                        /* above content, below header (z-index 20) */
background: rgba(60, 28, 42, 0.7);
backdrop-filter: blur(18px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity   0.35s cubic-bezier(0.4, 0, 0.2, 1),
    visibility 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.amp-overlay.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
/* DASHBOARD */

.dashboard-area {
    position: relative;
    margin-top: 7.5rem;
    margin-bottom: 0rem;
}

.dashboard-main-image {
    max-width: 100%;
    width: 100%;
}

.dashboard-main-image img{
    width:100%;
    display:block;
    border-radius:1.375rem;
}

/* BOTTOM FADE */

/*.dashboard-main-image::after{*/
/*    content:'';*/
/*    position:absolute;*/
/*    left:0;*/
/*    right:0;*/
/*    bottom:0;*/

/*    height:10rem;*/

/*    border-radius:0 0 1.375rem 1.375rem;*/

/*    background:*/
/*    linear-gradient(*/
/*        to bottom,*/
/*        rgba(255,255,255,0),*/
/*        rgba(20,0,9,1)*/
/*    );*/
/*}*/

/* FLOAT LEFT */

.float-card-left{
    position:absolute;
    left:0;
    bottom:8.125rem;

    width:9.375rem;

    background:var(--tc-float-card);
    border-radius:1.125rem;

    padding:0.875rem;

    box-shadow:
    0 1.25rem 2.5rem rgba(0,0,0,.25);
}

.mini-search{
    height:1.25rem;
    background:#fff;
    border-radius:0.375rem;
    margin-bottom:0.75rem;
}

.mini-user{
    height:1.375rem;
    background:#fff;
    border-radius:0.375rem;
    margin-bottom:0.5rem;
}

/* FLOAT RIGHT */

.float-card-right{
    position:absolute;
    right:0;
    top:5rem;

    width:13.125rem;

    background:var(--tc-float-card-right);
    border-radius:1.125rem;

    padding:1rem;

    box-shadow:
    0 1.25rem 2.5rem rgba(0,0,0,.25);
}

.float-card-right h4{
    font-size:0.875rem;
    margin-bottom:0.25rem;
    color:var(--tc-black);
}

.float-card-right p{
    font-size:0.75rem;
    color:#666;
}

.doctor-tags{
    display:flex;
    gap:0.5rem;
    margin-top:0.875rem;
}

.doctor-tags span{
    background:#fff;
    border-radius:62.4375rem;
    padding:0.4375rem 0.625rem;
    font-size:0.625rem;
    font-weight: var(--fw-semibold);
}

/* BADGES */

.hero-badges {
    display: flex;
    justify-content: center;
    gap: 2rem;
    margin-top: 3.5rem;
    align-items: center;
    top: auto;
    z-index: 7;
    position: absolute;
    bottom: 7rem;
}
.badge {
    /* border: 0.0625rem solid rgba(255,255,255,.08); */
    background: rgba(255,255,255,0.13);
    color: var(--tc-cream-white);
    padding: 0.3125rem 1.1875rem;
    border-radius: 2.4375rem;
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: -2%;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}
.badge svg {
    max-width: 1.5rem;
    height: auto;
}
.line-height {
    background: #fff;
    opacity: .2;
    display: inline-block;
    height: 1.4375rem;
    width: 0.0625rem;
}
/* RESPONSIVE */

@media(max-width:62rem){

.hero-grid{
    grid-template-columns:1fr;
}

.hero-right{
    margin-top:1.25rem;
}



.hero-graph{
    margin-left:0;
}

.float-card-left,
.float-card-right{
    display:none;
}

}

@media(max-width:48rem){

.hero{
    padding:1.875rem 0 7.375rem;
}

.hero-content h1 {
    font-size: 3rem;
    letter-spacing: -0.125rem;
    padding-top: 8.25rem;
    margin-bottom: 2.5rem;
}
.hero-content p {
    max-width: 23.75rem;
}




.hero-badges{
    align-items:center;
}
.hero-badges{
    gap: 0.625rem;
}
.badge {
   gap: 0.3125rem;
    font-size: 0.875rem;
  
}



}



/* FEATURES */

.features,
.usecases,
.testimonials,
.trust,
.faq,
.final-cta{
    background:#f6f3ed;
}

.features,
.usecases,
.testimonials,
.trust,
.directory,
.faq,
.final-cta{
    padding:6.25rem 0;
}
.usecases{
    padding-top: 7.5rem;
    background: #fff;;
    padding-bottom: 5rem;
}
.trust {

    background: #ffffff !important;
    padding:5rem 0 7.5rem 0 !important;
}

.features-top,
.testimonials-top,
.faq-top{
    text-align:center;
    margin-bottom:2.8125rem;
}



.feature-link{
    padding:0.75rem 0;
    border-bottom:0.0625rem solid var(--border);
    font-size:0.75rem;
}

.feature-link.active{
    font-weight: var(--fw-semibold);
}

.feature-cta{
    margin-top:1.75rem;
    background:linear-gradient(135deg,var(--tc-maroon-bg),var(--tc-maroon-bg-deep));
    color:#fff;
    padding:1.5rem;
    border-radius:0.5rem;
}

.feature-card{
    background:var(--card);
    border-radius:0.75rem;
    padding:1.5rem;
    margin-bottom:1.125rem;
}
.fea-sha {
    position: relative;
}

.fea-sha:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 42px;
    left: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(241, 239, 224, 0) 0%, #F1EFE0 40.67%);
}
.feature-card h3 {
    font-weight: var(--fw-regular);
    font-size: 1.75rem;
    line-height: 1.4;
    letter-spacing: -2%;
  margin-bottom: 3rem;
}
.feature-card img {
    padding: 0 ;
}

.feature-ui{
    background:#fff;
    border-radius:0.625rem;
    padding:0.875rem;
    margin-top:1.25rem;
}
/* =========================================
FEATURES SECTION
========================================= */

.features-section{
    background:#fff;

    padding:7.5rem 0 5rem;
}

/* TOP */

.features-top{
    text-align:center;

    margin-bottom:4.375rem;
}

.features-heading-tag {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    color: var(--tc-dark);
    margin-bottom: 0.75rem;
    font-weight: var(--fw-regular);
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: -2%;
}
.features-heading-tag > span, .faq-tag span, span.trust-dot, .testimonials-tag > span, .usecases-tag > span {
    display: flex;
    align-items: center;
}
.features-heading-title {
    max-width: 43.75rem;
    margin: auto;
    color: var(--tc-dark);
    font-weight: var(--fw-regular);
    font-size: 3rem;
    line-height: 1.18;
    letter-spacing: -2%;
    text-align: center;
}

.features-heading-subtitle {
    margin-top: 1.5rem;
    color: var(--tc-dark);
    font-weight: var(--fw-regular);
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: -2%;
    opacity: .72;
}

/* GRID */

.features-grid {
    display: grid;
    grid-template-columns: 25rem 1fr;
    gap: 3.125rem;
    align-items: start;
}

/* SIDEBAR */

.features-sidebar{
    position:sticky;

    top:6.625rem;
}

/* TABS */

.feature-tab {
    position: relative;
    padding: 1.125rem 0;
    border-bottom: 0.0625rem solid var(--tc-border-cream);
    color: var(--tc-dark);
    cursor: pointer;
    transition: .3s ease;
    font-family: Switzer;
    font-weight: var(--fw-regular);
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: -2%;
    opacity: 70%;;
}

.feature-tab.active {
    color: var(--tc-maroon-text);
    padding-left: 1.25rem;
    
    font-weight: var(--fw-medium);
    opacity: 100%;
}

.feature-tab.active::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.25rem;
    height: 0.25rem;
    border: 0.25rem solid var(--tc-coral);
    background: #fff;
}

.feature-tab.active::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -0.0625rem;
    width: 0;
    height: 0.125rem;
    background: var(--accent);

    /* Runs once */
    animation: lineFill 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

@keyframes lineFill {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

@keyframes lineFill {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

/* CTA */
.features-cta-box {
    margin-top: 2.375rem;
    background: linear-gradient(
        135deg,
        var(--tc-maroon-text) 0%,
        #5c1111 100%
    );
    border-radius: 0.5069rem;
    padding: 1.6875rem 6.875rem 1.6875rem 1.5rem;
    color: #fff;
    background-image: url(../../assets/images/Frame2085664756.webp);
    background-repeat: no-repeat;
    background-size: 110%;
    background-position: center;
}

    /* border-radius:0.625rem;

    padding:1.75rem;

    color:#fff;
} */

.features-cta-box::after{
    content:none;

    position:absolute;

    right:-2.5rem;
    bottom:-2.5rem;

    width:11.25rem;
    height:11.25rem;

    background:
    repeating-radial-gradient(
        circle at center,
        rgba(255,107,74,.18) 0,
        rgba(255,107,74,.18) 0.125rem,
        transparent 0.125rem,
        transparent 0.625rem
    );

    opacity:.4;
}

.features-cta-box h4 {
    margin-bottom: 1.25rem;
    font-weight: var(--fw-regular);
    font-size: 1.5rem;
    line-height: 1.15;
    letter-spacing: -2%;
}

/* BUTTON */

.features-btn{
    position:relative;
    z-index:2;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    gap:0.625rem;

    height:2.75rem;

    padding:0 1.125rem;

    border-radius:0.5rem;

    background:var(--accent);

    color:#fff;

    text-decoration:none;

    font-size:0.8125rem;
    font-weight: var(--fw-semibold);
}

/* CONTENT */
/*
.feature-panel{
    display:none;
}

.feature-panel.active{
    display:block;
}
*/
/* CARD */

.feature-card {
    background:var(--tc-card-cream);
    border-radius: var(--radius-md);
    padding: 3rem;
    margin-bottom: 1.5rem;
}
/* LABEL */

.feature-card-label {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    color: var(--tc-maroon-text);
    margin-bottom: 1.125rem;
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: -2%;
}

.feature-card-icon{
    color:var(--accent);
}

/* TITLE */

.feature-card-title {
    line-height: 1.08;
    color: var(--tc-dark);
}

/* UI */

.feature-ui{
    background:var(--tc-ui-bg);

    border-radius:0.625rem;

    padding:1.125rem;

    margin-bottom:1.75rem;
}

/* HEADER */

.feature-ui-header{
    height:2.125rem;

    border-radius:0.5rem;

    background:#fff;

    margin-bottom:0.875rem;
}

/* LAYOUT */

.feature-ui-layout{
    display:grid;

    grid-template-columns:6.25rem 1fr;

    gap:0.875rem;
}

/* SIDEBAR */

.feature-ui-sidebar{
    background:var(--tc-ui-sidebar);

    border-radius:0.5rem;

    padding:0.625rem;
}

.feature-ui-side-item{
    height:1.75rem;

    border-radius:0.375rem;

    background:#fff;

    margin-bottom:0.625rem;
}

/* MAIN */

.feature-ui-main{
    background:var(--tc-ui-sidebar);

    border-radius:0.5rem;

    padding:0.875rem;
}

/* TOOLBAR */

.feature-ui-toolbar{
    height:2.125rem;

    border-radius:0.375rem;

    background:#fff;

    margin-bottom:0.875rem;
}

/* ROWS */

.feature-ui-row{
    height:1.125rem;

    border-radius:62.4375rem;

    background:#fff;

    margin-bottom:0.875rem;
}

/* TEXT */

.feature-card-text {
    color: var(--tc-dark);
    font-size: 1.25rem;
    line-height: 1.45;
    padding-top: 1.5rem;
    border-top: 0.0625rem solid #d8d0c5;
    font-weight: normal;
	opacity: .7;
}
/* LAST FEATURE CARD */

/*.feature-card:last-child{*/

/*    border-radius:0.5rem;*/

/*    overflow:hidden;*/
/*}*/

/* LABEL */
.features-content > .feature-panel:last-child .feature-card {
    margin-bottom: 0;
}
.feature-card:last-child .feature-card-label {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    color: var(--tc-maroon-text);
    font-size: 1.25rem;
    margin-bottom: 1.125rem;
}

/* ICON */

.feature-card:last-child .feature-card-icon{
    color:#f16a56;
    line-height: 0.5625rem;
    font-size:0.75rem;
}

/* TITLE */

.feature-card:last-child .feature-card-title {
    line-height: 1.35;
    color: var(--tc-maroon-text-alt);
    letter-spacing: -0.0312rem;
    font-size: 1.75rem;
    margin: 0.875rem 0  1.5rem;
    font-weight: var(--tc-fw-medium);
}

/* IMAGE */

.feature-card:last-child img{
    width:100%;
    display:block;
    margin:auto;
    border-radius:0.375rem 0.375rem 0 0;
    opacity:1;
}

/* REMOVE DESCRIPTION */

.feature-card:last-child .feature-card-text {
    margin-top: 1.75rem;
    margin-bottom: 0;
}

/* MOBILE */

@media(max-width:48rem){


.feature-card:last-child .feature-card-title{
    font-size:1.4375rem;
    line-height:1.2;
}

.features-grid {
    grid-template-columns: 1fr;
    gap: 0.875rem;
}

.feature-card-label {
    font-size: 0.75rem;
    margin-bottom: 0.25rem;

   
}
.feature-card h3 {
    font-size: 0.9375rem;
       margin-bottom: 0.5rem;
}
.feature-card-text {
    font-size: 1rem;
 
}
.feature-card img {
    padding: 0;
}
.amp-results-label {
    padding-top: 6.375rem;
}
.side-icon {
    margin-bottom: 1.25rem;
}

}

/* RESPONSIVE */

@media(max-width:62rem){

.features-grid{
    grid-template-columns:1fr;
}

.features-sidebar{
    position:relative;
    top:0;
}

.features-heading-title{
    font-size:3rem;
}

.feature-card-title{
    font-size:2.125rem;
}

}

@media(max-width:48rem){

.features-heading-title{
    font-size: 2rem;
}
.features-heading-subtitle {
    font-size: 1.125rem;
   
}
.features-top {
    margin-bottom: 0;
}

.feature-card{
    padding:1.5rem;
}

.feature-card-title{
    font-size:1.75rem;
}

.feature-ui-layout{
    grid-template-columns:1fr;
}

}
/* METRICS RESULT */


.amp-results {
  position: relative;
  overflow: hidden;
  padding: 5.375rem 0 4.75rem;
  background:#28131C;
  color: var(--tc-white);
}

.amp-results::before {
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
    width: 3168px;
    height: 393.87px;
    left: calc(50% - 3168px/2);
    bottom: 357.46px;
    background: #F36253;
    opacity: 0.2;
    filter: blur(236px);
    top: 50%;
}
.amp-results-fingerprint {
    position: absolute;
    top: -5.375rem;
    right: -0.875rem;
    width: 67%;
    opacity: .34;
    pointer-events: none;
    max-width: 1060px;
}

.amp-results-inner {
  position: relative;
  z-index: 2;
}

.amp-results-label {
    margin: 0 0 1.3125rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-weight: var(--fw-regular);
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: -2%;
    vertical-align: middle;
    color: #F36253;
    padding-top: 12.9375rem;
}

.amp-results-label span {
  width: 0.5rem;
  height: 0.5rem;
  border: 0.1875rem solid var(--tc-coral);
  display: inline-block;
}

.amp-results h2 {
    margin: 0;
    max-width: 38.75rem;
    font-weight: var(--fw-regular);
    font-size: 3rem;
    line-height: 1.18;
    letter-spacing: -2%;
}

.amp-big-counter {
    /* margin-top: 4.25rem; */
    color: #F36253;
    font-size: 12.625rem;
    font-weight: var(--fw-medium);
    line-height: 1.4;
    letter-spacing: -2%;
}
.amp-big-counter > span {
    position: relative;
    top: -.7rem;
}
.amp-results-sub {
    font-weight: var(--fw-regular);
    font-size: 1.5rem;
    line-height: 1.4;
    letter-spacing: -2%;
}

.amp-results-map {
  position: absolute;
  right: 2.5rem;
  top: 1.25rem;
  width: 36.875rem;
  height: 35.875rem;
}

.amp-map-point {
  position: absolute;
}

.amp-map-point-1 {
    top: 5.125rem;
    left: 7.5rem;
}

.amp-map-point-2 {
  right: 1.75rem;
  bottom: 5.625rem;
}

.amp-map-dot {
  position: absolute;
  width: 0.75rem;
  height: 0.75rem;
  border: 0.25rem solid var(--tc-coral);
  background: var(--tc-maroon-card);
  z-index: 3;
  opacity: 0;
  transform: scale(.4);
}
.amp-map-point.amp-map-point-1 span.amp-map-dot {
    border-color: var(--tc-pink-light);
}
.amp-map-line {
  position: absolute;
  display: block;
  width: 6.375rem;
  height: 3.625rem;
  opacity: 0;
  transform: scaleX(0);
  transform-origin: left top;
}

.amp-map-point-1 .amp-map-line {
  border-top: 0.125rem solid rgba(255, 255, 255, .42);
  border-right: 0.125rem solid rgba(255, 255, 255, .42);
  left: 0.5rem;
  top: 0.37rem;
}

.amp-map-point-2 .amp-map-dot {
  bottom: 3.75rem;
  right: -0.375rem;
}

.amp-map-point-2 .amp-map-line {
  right: -0.05rem;
  bottom: 0.5rem;
  transform-origin: right bottom;
  border-bottom: 0.125rem solid rgba(255, 255, 255, .42);
  border-right: 0.125rem solid rgba(255, 255, 255, .42);
}


.amp-map-card {
  position: absolute;
  left: 3.875rem;
  top: 3rem;
  width: 13.75rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  border-radius: 0.4375rem;
  box-shadow: 0 1.25rem 2.8125rem rgba(0, 0, 0, .22);
  opacity: 0;
  transform: translateY(0.75rem);
}

.amp-map-point-2 .amp-map-card {
    left: auto;
    right: 2.125rem;
    top: auto;
    bottom: -2.25rem;
    max-width: 14.5625rem;
}

.amp-map-card img {
    width: 100%;
}

.amp-map-card-wide img {
  border-radius: 0.3125rem;
}

.amp-map-card strong {
  display: block;
  font-size: 0.9456rem;
  line-height: 1.15;
  font-weight: var(--tc-fw-semibold);
}

.amp-map-card small {
  display: block;
  margin-top: 0.125rem;
  font-size: 0.625rem;
  color: var(--tc-text-soft);
}

.amp-results.is-visible .amp-map-dot {
  animation: ampDotIn .35s var(--tc-ease) forwards;
}

.amp-results.is-visible .amp-map-line {
  animation: ampLineIn .45s var(--tc-ease) .25s forwards;
}

.amp-results.is-visible .amp-map-card {
  animation: ampCardIn .45s var(--tc-ease) .65s forwards;
}

.amp-results-cards {
  margin-top: 4.5rem;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 1.1875rem;
}

.amp-stat-card .h3p {
  display: flex;
  justify-content: left;
  align-items: center;
  gap: 0.5rem;
}
.amp-stat-card {
    position: relative;
    min-height: 12.5rem;
    padding: 3rem 1.75rem 4.0194rem 1.9625rem;
    grid-column: span 3;
    border-radius: var(--tc-radius);
    background: linear-gradient(180deg, #2B151F 0%, #2E1615 100%);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.amp-stat-card-large {
  grid-column: span 4;
  min-height: 10.625rem;
      padding: 2.525rem 0 2.4438rem 1.7375rem;
}
.amp-stat-card-large svg {
    max-width: 28px;
    max-height: 28px;
    width: 100%;
    min-width: 28px;
    height: auto;
}
.amp-stat-card-large > .h3p {
    display: flex;
    align-items: center;
}
.amp-stat-card-large > .h3p span {
    height: auto;
    line-height: normal;
    display: flex;
    align-items: center;
}


.amp-card-dot {
    position: absolute;
    top: 0.9375rem;
    right: 0.875rem;
    width: 1.0625rem;
    height: 1.0625rem;
    border-radius: 50%;
    background: rgba(229, 62, 62, .25);
    box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.25), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
}
article.amp-stat-card:not(.amp-stat-card-large) > p svg {
    width: 1.48rem;
    height: 1.48rem;
}

article.amp-stat-card:not(.amp-stat-card-large) > p span {
    display: flex;
}
.amp-stat-card .h3p {
    margin: 0;
    color: var(--tc-white);
    font-size: 1.2038rem;
    line-height: 1.4;
    letter-spacing: -2%;
    font-weight: var(--fw-regular);
}

.amp-stat-card .h3p::first-letter {
  color: var(--tc-coral-hover);
}

.amp-stat-card h3 {
    margin: 1.8125rem 0 0;
    color: var(--tc-white);
    font-weight: var(--fw-regular);
    font-size: 4.3331rem;
    line-height: 1.18;
    letter-spacing: -2%;
    vertical-align: middle;
    display: flex;
    align-items: center;
}

.amp-stat-card h3 > span:last-child {
    color: var(--tc-coral-hover);
    font-weight: var(--fw-regular);=
    line-height: 1.18;
    letter-spacing: -2%;
}

@keyframes ampDotIn {
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes ampLineIn {
  to {
    opacity: 1;
    transform: scaleX(1);
  }
}

@keyframes ampCardIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 61.9375rem) {
.amp-results-map {
    display: block;
    top: -9.375rem;
}
.amp-map-point-2 {
    right: -0.75rem;
    bottom: 18.375rem;
}
  .amp-results h2 {
    font-size: 2.25rem;
  }

  .amp-results-cards {
    grid-template-columns: repeat(2, 1fr);
  }

  .amp-stat-card,
  .amp-stat-card-large {
    grid-column: span 1;
  }
}

@media (max-width: 40rem) {
  .amp-results {
    padding: 4rem 0;
  }

  .amp-results h2 {
    font-size: 1.9375rem;
  }

  .amp-big-counter {
    font-size: 5.125rem;
  }

  .amp-results-cards {
    grid-template-columns: 1fr;
  }

  .amp-stat-card h3 {
    font-size: 3.375rem;
  }
}


/* MERRICES CSS END */
/* useess doctor */
/* =========================================
USE CASES
========================================= */

.usecase-tab{
    position:relative;
    background:none;
    border:none;
}
.usecase-tab::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0.0625rem;
    background: var(--tc-border-cream);
    overflow: hidden;
}

.usecase-tab::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 0.0625rem;
    background: var(--tc-dark);
    z-index: 2;
}

.usecase-tab.active::before {
    animation: lineProgress 10s linear forwards;
}

@keyframes lineProgress {
    from {
        width: 0%;
    }
    to {
        width: 100%;
    }
}
/* =========================================
TOP
========================================= */

.usecases-head{
    margin-bottom:4rem;
}

/* TAG */

.usecases-tag {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: var(--tc-dark);
    margin-bottom: 0.75rem;
    font-weight: var(--fw-regular);
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: -2%;
}

/* TITLE */

.usecases-title {
    color: var(--tc-dark);
    font-weight: var(--fw-regular);
    font-size: 3rem;
    line-height: 1.18;
    letter-spacing: -2%;
    vertical-align: middle;
}

/* =========================================
TABS
========================================= */
.usecases-tabs {
    display: flex;
    align-items: center;
    gap: 0.5625rem;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 1.875rem;
    top: 0;
    background: #fff;
    padding-top: 10px;
    z-index: 1;
}

/* TAB */

.usecase-tab {
    padding: 0 .5rem 1rem;
    border: none;
    border-radius: 0;
    display: flex;
    align-items: center;
    gap: 0.625rem;
    color: var(--tc-dark);
    cursor: pointer;
    transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
    justify-content: flex-start;
    text-align: left;
    font-family: Switzer;
    font-weight: var(--fw-medium);
    font-size: 1.125rem;
    line-height: 1.4;
    letter-spacing: -2%;
    vertical-align: middle;
}
.usecase-tab span.tab-icon svg {
    width: 1.375rem;
    height: 1.375rem;
    transition: 0.4s;
}
.usecase-tab.active .tab-icon path, .usecase-tab:hover .tab-icon path {
    stroke: #fff;
}
/* ACTIVE */



/* ICON */

.tab-icon {
    width: 3rem;
    height: 3rem;
    border-radius: 0.5rem;
	background: var(--tc-card-cream);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--tc-coral-muted);
    transition: 0.3s;
    position: relative;
}
/*.usecase-tab.active .tab-icon, .usecase-tab:hover .tab-icon{*/
/*   background: linear-gradient(180deg, #F36253 -27.08%, var(--tc-pink-light) 138.54%);*/
/*}*/

.usecase-tab .tab-icon::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;

    background: linear-gradient(
        180deg,
        #F36253 -27.08%,
        var(--tc-pink-light) 138.54%
    );

    opacity: 0;
    transition: 0.4s;
}

.usecase-tab.active .tab-icon::before, .usecase-tab:hover .tab-icon::before {
    opacity: 1;
}

.usecase-tab .tab-icon svg {
    position: relative;
    z-index: 2;
}

/*.usecase-tab.active .tab-icon {*/
/*    transform: translateY(-2px);*/
/*}*/


/* =========================================
GRID
========================================= */

.usecases-grid{
    display:grid;
    grid-template-columns:1.7fr .7fr;

    gap:1.125rem;
}

/* =========================================
LEFT
========================================= */



/* BG LINES */

.usecases-image-wrap::before{
    /* content:''; */
    position:absolute;
    left:-7.5rem;
    bottom:-7.5rem;
    width:23.75rem;
    height:23.75rem;
    border-radius:50%;
    background:
    repeating-radial-gradient(
        circle at center,

        rgba(0,0,0,.04) 0,
        rgba(0,0,0,.04) 0.0625rem,

        transparent 0.0625rem,
        transparent 0.375rem
    );
    opacity:.6;
}

/* DOCTOR IMAGE */



/* FLOAT CARD */

.doctor-card{
    position:absolute;

    left:1.625rem;
    top:7.5rem;

    width:11.875rem;

    background:#fff;

    border-radius:0.625rem;

    padding:0.875rem;

    z-index:5;

    box-shadow:
    0 0.9375rem 2.1875rem rgba(0,0,0,.08);
}

/* ICON */

.doctor-icon{
    width:1.375rem;
    height:1.375rem;

    border-radius:50%;

    background:var(--tc-lavender);

    display:flex;
    align-items:center;
    justify-content:center;

    color:var(--tc-purple);

    margin-bottom:0.875rem;
}

.doctor-icon svg{
    width:0.75rem;
    height:0.75rem;
}

/* TITLE */

.doctor-card h4{
    color:var(--tc-maroon-text-alt);

    font-size:0.8125rem;
    font-weight: var(--fw-semibold);

    margin-bottom:0.25rem;
}

/* TEXT */

.doctor-card p{
    color:var(--tc-text-muted-brown);

    font-size:0.625rem;

    margin-bottom:0.875rem;
}

/* TAGS */

.doctor-tags{
    display:flex;
    gap:0.375rem;

    flex-wrap:wrap;
}

.doctor-tags span{
    height:1.5rem;

    padding:0 0.625rem;

    border-radius:62.4375rem;

    background:var(--tc-light-cream);

    display:flex;
    align-items:center;

    color:var(--tc-text-muted-warm);

    font-size:0.5625rem;
    font-weight: var(--fw-medium);
}

/* DASHBOARD */

.doctor-dashboard{
    position:absolute;

    right:2.5rem;
    top:10rem;

    width:11.25rem;

    background:var(--tc-light-cream);

    border-radius:0.625rem;

    padding:0.875rem;

    z-index:4;

    box-shadow:
    0 0.625rem 1.875rem rgba(0,0,0,.06);
}

/* ROW */

.dash-row{
    height:2.625rem;

    border-radius:0.5rem;

    background:#fff;

    margin-bottom:0.625rem;
}

/* =========================================
RIGHT SIDE
========================================= */
.usecases-side {
    position: relative;
    overflow: hidden;
    min-height: 26.875rem;
    background: var(--tc-maroon-bg);
    border-radius: 0.375rem;
    padding: 3rem 2.375rem 2.5rem 2.375rem;
    display: flex;
    flex-direction: column;
    color: #fff;
}

/* glow */

.usecases-side::before{
    content:"";

    position:absolute;
    inset:0;

    background:
    radial-gradient(circle at top right,
    rgba(255,107,74,.10),
    transparent 42%);

    pointer-events:none;
}

/* icon */

.side-icon {
    width: 2.375rem;
    height: 2.375rem;
    border-radius: 0.5rem;
    background: linear-gradient(
        180deg,
        #ff7c73 0%,
        #f2b4c8 100%
    );
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-bottom: 2rem;
}

.side-icon svg{
    width:1.0625rem;
    height:1.0625rem;

    color:#fff;
}

/* title */

.usecases-side h3 {
    margin-top: auto;
    margin-bottom: 1.75rem;
    max-width: 100%;
    font-weight: var(--fw-regular);
    font-size: 1.5rem;
    line-height: 1.28;
    letter-spacing: -2%;
}

/* text */

.usecases-side p {
    margin: 0;
    color: rgb(255 255 255 / 70%);
    font-weight: var(--fw-regular);
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: -2%;
}

.usecases-image-wrap img,
.side-icon,
.usecases-side h3,
.usecases-side p {
    transition: opacity 0.35s ease;
}

.fade-out { opacity: 0; }
.fade-in  { opacity: 1; }
.fade-out {
    opacity: 0;
}

/*.fade-in {*/
/*    opacity: 1;*/
/*    transform: scale(1);*/
/*}*/
/* =========================================
RESPONSIVE
========================================= */

@media(max-width:62rem){

.usecases-grid{
    grid-template-columns:1fr;
}
.usecase-tab {
    padding: 0 1.25rem 0.875rem;
    margin-bottom: 0.625rem;
    font-size: 1rem;
}


}

@media(max-width:48rem){
.trust {
    padding: 3.75rem 0 3.75rem 0 !important;
}
.usecases{
    padding:3.75rem 0;
}

.usecases-title{
    font-size: 2rem;
}
.trust-card-icon {
    margin-bottom: 1.25rem;
}


.usecases-image-wrap img{
    max-width:100%;
}

.doctor-dashboard{
    display:none;
}

.doctor-card{
    left:1rem;
    top:1rem;
}

}


/* TESTIMONIALS */

/* =========================================
TESTIMONIALS
========================================= */
/* Cards Row */
  .cards-row {
    display: flex; gap: 1.5rem; align-items: stretch;
  }

  /* ============= FEATURED BIG BOX ============= */
  .featured-box {
    flex: 0 0 63%;
    background: var(--tc-card-cream);
    border-radius: 1rem;
    padding: 1.5rem;
    display: flex;
    gap: 3rem;
    min-height: 33.875rem;
    position: relative;
    overflow: hidden;
  }

  .featured-text {
    flex: 1;
    padding: 1.125rem 0.5rem 1.125rem 1.125rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 0;
  }
.featured-text-inner {
    opacity: 1;
    transition: opacity 0.4s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}
  .featured-text-inner.fading { opacity: 0; }

  .quote-icon {
    color: var(--tc-red-dark);
    margin-bottom: 1.375rem;
    display: block;
  }
  .quote-icon svg { width: 3.125rem; height: 2.875rem; display: block; }

.featured-quote {
    color: var(--tc-darkest);
    font-family: Muoto Trial;
    font-weight: var(--fw-regular);
    font-size: 1.5rem;
    line-height: 1.28;
    letter-spacing: -2%;
    vertical-align: middle;
    margin-bottom: 1rem;
}
.featured-sub {
    color: var(--tc-dark);
    font-weight: var(--fw-regular);
    font-size: 1rem;
    line-height: 1.4;
    letter-spacing: -2%;
}
.featured-stat {
    margin-top: auto;
}
.stat-number {
    color: var(--tc-darkest);
    font-family: Muoto Trial;
    font-weight: var(--fw-regular);
    font-size: 5.5rem;
    line-height: 1.18;
    letter-spacing: -2%;
    vertical-align: middle;
}
.stat-label {
    color: var(--tc-dark);
    font-weight: var(--fw-regular);
    font-size: 1.125rem;
    line-height: 1.4;
    letter-spacing: -2%;
    margin-top: 1rem;
}
  /* Right image side INSIDE the cream box */
  .featured-image {
    flex: 0 0 50%;
    border-radius: 0.875rem;
    overflow: hidden;
    position: relative;
  }
  .featured-image .img-layer {
    position: absolute; inset: 0;
    background-size: cover;
    background-position: center;
    transition: opacity 0.1s ease, transform 0.25s ease;
  }
  .featured-image .img-layer.out {
    opacity: 0;
    transform: scale(1.05);
  }

  .featured-image::after {
    content: '';
    position: absolute; inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.15) 45%, rgba(0,0,0,0.05) 100%);
    pointer-events: none;
  }

  .featured-logo, .featured-info {
    position: absolute; z-index: 3;
    transition: opacity 0.25s ease;
  }
  .featured-logo.fading, .featured-info.fading { opacity: 0; }

  .featured-logo {
    top: 1rem; left: 1rem;
    display: flex; align-items: center; gap: 0.375rem;
    color: #fff; font-size: 0.875rem; font-weight: var(--fw-semibold);
    letter-spacing: 0.02em;
  }
  .featured-logo .logo-mark {
    width: auto; height: auto;
    display: inline-flex; align-items: center; justify-content: center;
  }

  .featured-info {
    bottom: 1.125rem; left: 1.125rem; right: 1.125rem;
  }
 .featured-info .name {
    color: #fff;
    font-family: Muoto Trial;
    font-weight: var(--fw-regular);
    font-size: 1.25rem;
    line-height: 1.28;
    letter-spacing: -2%;
    vertical-align: middle;
}
.featured-info .role {
    font-family: Switzer;
    font-weight: var(--fw-regular);
    font-size: 1rem;
    line-height: 1.4;
    letter-spacing: -2%;
    color: #fff;
    margin-top: 0.25rem;
}

  /* ============= SIDE PREVIEW CARDS ============= */
.preview-cards {
    display: flex;
    gap: 1.5rem;
    flex: 1;
    overflow: hidden;
    padding: 1.5rem 0;
    margin-right: -6.25rem;
}
  .preview-card {
    flex: 1;
    border-radius: 1rem;
    overflow: hidden;
    position: relative;
    min-height: 22.5rem;
    cursor: pointer;
    background: var(--tc-gray-dark);
    transition: transform 0.4s ease;
  }
  .preview-card .img-layer {
    position: absolute; inset: 0;
    background-size: cover;
    background-position: center;
    transition: transform 0.5s ease;
  }
  .preview-card:hover .img-layer { transform: scale(1.05); }

  .preview-card::after {
    content: '';
    position: absolute; inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.72) 0%, rgba(0,0,0,0.1) 50%, transparent 100%);
    pointer-events: none;
  }

  .preview-logo {
    position: absolute; top: 1rem; left: 1rem; z-index: 2;
    display: flex; align-items: center; gap: 0.375rem;
    color: #fff; font-size: 0.8125rem; font-weight: var(--fw-semibold);
  }
  .preview-logo .logo-mark { width: 0.875rem; height: 0.875rem; }

  .preview-info {
    position: absolute; bottom: 1.125rem; left: 1.125rem; right: 1.125rem; z-index: 2;
  }
  .preview-info .name {
    color: #fff; font-size: 0.9062rem; font-weight: var(--fw-semibold); margin-bottom: 0.125rem;
  }
  .preview-info .role {
    color: rgba(255,255,255,0.72); font-size: 0.75rem; line-height: 1.4;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  }

  .preview-card {
    animation: cardIn 0.5s ease both;
  }
  @keyframes cardIn {
    from { opacity: 0; transform: translateX(1.875rem); }
    to   { opacity: 1; transform: translateX(0); }
  }

  /* ============= BOTTOM ROW ============= */
  .bottom-row {
    display: flex; align-items: center; justify-content: space-between;
    margin-top: 1.75rem;
  }

.progress-bar {
    display: flex;
    gap: 0.375rem;
    align-items: center;
    background: var(--tc-card-cream);
    padding: 0.75rem 0.8125rem;
    border-radius: 0.4662rem;
        cursor: pointer;
}
.prog-dot {
    height: 0.3125rem;
    background: var(--tc-progress-track);
    border-radius: 0;
    transition: width 0.3s ease, background 0.3s ease;
    width: 0.3125rem;
    overflow: hidden;
    position: relative;
}
  .prog-dot.active {
    background: var(--tc-progress-track); width: 2.875rem;
  }
  .prog-dot.active .prog-fill {
    position: absolute; top: 0; left: 0;
    height: 100%; background: var(--tc-progress-fill-bar);
    width: 0%; border-radius: 0.125rem;
  }

  .arrows { display: flex; gap: 0.625rem; }
.arrow-btn {
    width: 3.0619rem;
    height: 3.0619rem;
    border-radius: 0.35rem;
    padding: 0.6956rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: #fff;
    border: 0.0694rem solid rgb(23 9 11 / 17%);
    --grad-angle: 0deg;
    transition: border-color 0.4s ease;
}
  .arrow-btn svg {
    width: 1.625rem; height: 1.625rem;
    fill: none; stroke-width: 2;
    transition: stroke 0.3s ease, transform 0.3s ease;
    position: relative; z-index: 1;
  }

   @property --grad-angle {
            syntax: '<angle>';
            initial-value: 0deg;
            inherits: false;
        }


.arrow-btn::before {
            content: '';
            position: absolute;
            inset: -0.0694rem;
            border-radius: 0.35rem;
            padding: 0.0694rem;
            background: conic-gradient(from var(--grad-angle),
                    rgba(23, 9, 11, 0.12) 0deg,
                    #F36253 90deg,
                    rgba(23, 9, 11, 0.12) 180deg,
                    rgba(23, 9, 11, 0.12) 270deg,
                    rgba(23, 9, 11, 0.12) 360deg);
            -webkit-mask:
                linear-gradient(#fff 0 0) content-box,
                linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude;
            opacity: 0;
            transition: opacity 0.4s ease;
            pointer-events: none;
        }

        .arrow-btn:hover {
            border-color: transparent;
        }

        .arrow-btn:hover::before {
            opacity: 1;
            animation: rotateBorder 4s linear infinite;
        }

        @keyframes rotateBorder {
            to {
                --grad-angle: 360deg;
            }
        }


  @media (max-width: 47.9375rem) {
      .usecases-side p, body .trust-card-text {
    font-size: 1.125em;
}
body .faq-answer {
    font-size: 1rem;
    padding-right: 1.25rem;
}
      .usecases-side h3 {
    margin-top: 1rem !important;
}
    body  .trust-card-icon, body .trust-card-icons {
    margin-bottom: 2.125rem;
}
.amp-demo-btn, .amp-free-btn{
    
        font-size: .875rem;
}
      .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
    line-height: 66px;
}
      .testimonials-tag {
    font-size: 0.875rem;
}
    .featured-box {
    flex: 0 0 100%;
    flex-direction: column-reverse;
    padding: 1rem;
}
.featured-info .name {
    font-size: 1rem;
}
.featured-info .role {
    font-size: 0.875rem;
}
body .testimonials-title {
    font-size: 2.5rem;
}
body .testimonials-top {
    margin-bottom: 2.5rem;
}
.quote-icon svg {
    width: 2.5625rem;
    height: auto;
}
.featured-quote {
    font-size: 1.125rem;
}
.stat-number {
    font-size: 3.5rem;
    margin-top: 1.25rem;
}
.featured-text {
    padding: 0;
}
body .testimonials {
    padding: 3.75rem 0 0;
}
    .featured-image { flex: 0 0 16.25rem; width: 100%; }
    .cards-row { flex-direction: column; }
    .preview-cards { display: none; }
  }
.testimonials {
    padding: 5rem 0 5rem;
    background: #fff;
    overflow: hidden;
}
/* TOP */

.testimonials-top {
    text-align: center;
    margin-bottom: 4rem;
}

.testimonials-tag {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 1.25rem;
    color: var(--tc-maroon-text-alt);
    margin-bottom: 0.75rem;
    letter-spacing: -2%;
    line-height: 1.4;
}


.testimonials-title {
    color: var(--tc-dark);
    font-weight: var(--fw-regular);
    font-size: 3.5rem;
    line-height: 1.18;
    letter-spacing: -2%;
}

/* =========================================
SLIDER
========================================= */

.testimonial-slider-wrap{
    overflow:hidden;
}

.testimonial-slider{
    display:flex;
    transition:.7s ease;
}

.testimonial-slide{
    min-width:100%;
    display:flex;
    gap:1.125rem;
}

/* =========================================
BIG CARD
========================================= */

.testimonial-light {
    width: 41.25rem;
    background: var(--tc-card-cream-dark);
    border-radius: 1rem;
    padding: 1.5rem;
    display: grid;
    grid-template-columns: 1fr 16.875rem;
    flex: none;
    padding-left: 2.5rem;
}



/* QUOTE */

.testimonial-quote{
    color:var(--tc-coral-muted);
    margin-bottom:1.75rem;
}

.testimonial-quote svg{
    width:2.625rem;
    height:2.625rem;
}

/* TEXT */

.testimonial-text {
    color: var(--tc-near-black);
    margin-bottom: 1rem;
    font-weight: var(--fw-regular);
    font-size: 1.5rem;
    line-height: 1.28;
    letter-spacing: -2%;
}

.testimonial-small {
    font-weight: var(--fw-regular);
    font-size: 1rem;
    line-height: 1.4;
    letter-spacing: -2%;
    opacity: 70%;
}

/* RATE */

.testimonial-rate {
    color: var(--tc-darkest);
    margin-top: 4.375rem;
    font-weight: var(--fw-regular);
    font-size: 5.5rem;
    line-height: 1.18;
    letter-spacing: -2%;
}

.testimonial-rate-label {
    color: var(--tc-dark);
    margin-top: 0.25rem;
    font-weight: var(--fw-regular);
    font-size: 1rem;
    line-height: 1.4;
    letter-spacing: -2%;
}

/* =========================================
IMAGE CARD
========================================= */

.testimonial-image-card,
.testimonial-dark{
    position:relative;

    overflow:hidden;

    border-radius:0.875rem;
}

.testimonial-image-card{
    /* height:26.25rem; */
}

.testimonial-dark {
    width: 14.375rem;
    height: 28.25rem;
    flex: none;
    margin-top: 1.5625rem;
    margin-bottom: 1.5625rem;
}
/* IMAGE */

.testimonial-image-card img,
.testimonial-dark img{
    width:100%;
    height:100%;

    object-fit:cover;

    transition:1s ease;
}

.testimonial-image-card:hover img,
.testimonial-dark:hover img{
    transform:scale(1.05);
}

/* OVERLAY */

.testimonial-overlay{
    position:absolute;
    inset:0;

    background:
    linear-gradient(
      to top,
      rgba(0,0,0,.78),
      rgba(0,0,0,.08)
    );
}

/* LOGO */

.testimonial-logo{
    position:absolute;

    top:1.25rem;
    left:1.25rem;

    color:#fff;

    font-size:0.9375rem;
    font-weight: var(--fw-semibold);

    z-index:3;
}

/* INFO */

.testimonial-info{
    position:absolute;

    left:1.25rem;
    bottom:1.25rem;

    z-index:3;
}

.testimonial-info h4{
    color:#fff;

    font-size:1.25rem;
    font-weight: var(--fw-medium);

    margin-bottom:0.25rem;
}

.testimonial-info p{
    color:rgba(255,255,255,.75);

    font-size:0.8125rem;
}

/* =========================================
BOTTOM
========================================= */

.testimonial-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;

    margin-top:2.25rem;
}

/* PROGRESS */

.testimonial-progress{
    width:4.625rem;
    height:1.125rem;

    background:var(--tc-progress-bg);

    border-radius:1.25rem;

    padding:0.1875rem;

    overflow:hidden;
}

.testimonial-progress-bar{
    width:2rem;
    height:100%;

    display:block;

    border-radius:1.25rem;

    background:var(--tc-progress-fill-alt);

    transition:.6s ease;
}

/* NAV */

.testimonial-nav{
    display:flex;
}

/* BTN */

.testimonial-arrow{
    width:2.625rem;
    height:2.625rem;

    border:0.0625rem solid var(--tc-border-warm-alt);

    background:#fff;

    display:flex;
    align-items:center;
    justify-content:center;

    cursor:pointer;

    transition:.3s ease;
}

.testimonial-arrow:first-child{
    border-radius:0.5rem 0 0 0.5rem;
}

.testimonial-arrow:last-child{
    border-radius:0 0.5rem 0.5rem 0;
}

.testimonial-arrow:hover{
    background:var(--tc-hover-light);
}

.testimonial-arrow svg{
    width:1.125rem;
    height:1.125rem;
}

/* TRUST */

:root{

    /* COLORS */
    --trust-bg:#f5f3ef;
    --trust-card-bg:#e8e3d8;
    --trust-heading:#1b1b1b;
    --trust-text:#6f6b63;
    --trust-border:#d7d2c8;
    --trust-accent:#b4513c;

    /* FONT SIZE */
    --trust-title-size:3.375rem;
    --trust-desc-size:0.875rem;
    --trust-card-title-size:1rem;
    --trust-card-text-size:0.75rem;
    --trust-btn-size:0.75rem;

    /* RADIUS */
    --trust-radius:0.375rem;
    --trust-btn-radius:62.4375rem;

    /* SPACING */
    --trust-section-space:6.875rem;
    --trust-card-padding:1.5rem;
    --trust-grid-gap:1.625rem;
}


/* SECTION */

.trust{
    padding:var(--trust-section-space) 0;
    background:var(--trust-bg);
}


/* GRID */

.trust-grid{
    display:grid;
    grid-template-columns:0.6fr 1.15fr;
    gap:0;
    align-items:start;
}


/* LEFT */

.trust-content{
    max-width:24.3125rem;
}

.trust-tag {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: var(--tc-dark);
    margin-bottom: 0.75rem;
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: -2%;
    vertical-align: middle;
}


.trust-title {
    color: var(--tc-dark);
    margin: 0 0 1.5rem;
    font-weight: var(--fw-regular);
    font-size: 3rem;
    line-height: 1.18;
    letter-spacing: -2%;
}

.trust-desc {
    max-width: 25.375rem;
    margin: 0 0 3rem;
    font-weight: var(--fw-regular);
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: -2%;
    opacity: 70%;
}

.trust-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.625rem;
    height: 3.125rem;
    padding: 0.7812rem  1rem 0.7812rem 1.0938rem;
    border: .05rem solid var(--tc-border-cream);
    border-radius: 0.3125rem;
    background: #fff;
    color: var(--trust-heading);
    text-decoration: none;
    transition: 0.25s ease;
    font-family: Switzer;
    font-weight: var(--fw-medium);
    font-size: 1.1925rem;
    line-height: 1.0;
    letter-spacing: -2%;
    vertical-align: middle;
}
.trust-btn:hover {
    background: var(--tc-border-cream);
}


/* RIGHT */

.trust-cards{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:1.125rem;
}

.trust-card {
    border: 0.0625rem solid #EBEAE2;
    background: var(--tc-card-cream);
    border-radius: 0.5rem;
    padding: 2.5rem;
}


/* ICON */

.trust-card-icon{
    margin-bottom:4.125rem;
}
.trust-card-icon.height-38 img {
    max-height: 2.375rem;
}
.trust-card-icon.height-36 img {
    max-height: 2.375rem;
}
.trust-card-icon img{
    height:2.875rem;
    width:auto;
    display:block;
    object-fit:contain;
}

.trust-card-icons{
    display:flex;
    align-items:center;
    gap:1rem;

    margin-bottom:4.125rem;
}

.trust-card-icons img{
    height:2.625rem;
    width:auto;
    display:block;
    object-fit:contain;
}
.amp-market a.amp-demo-btn {
    font-weight: var(--fw-medium);
    font-size: 1.25rem;
    line-height: 1.0;
    letter-spacing: -2%;
    padding-left: 1.20875rem;
}

/* CARD TEXT */

.trust-card-title {
    color: var(--tc-dark);
    margin: 0 0 0.75rem;
    font-weight: var(--fw-medium);
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: -2%;
    vertical-align: middle;
}

.trust-card-text {
    margin: 0;
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: -2%;
    color: var(--tc-dark);
    opacity: 70%;
}


/* RESPONSIVE */

@media (max-width:61.9375rem){

    .trust{
        padding:5rem 0;
    }

    .trust-grid{
        grid-template-columns:1fr;
        gap:2.625rem;
    }

    .trust-content{
        max-width:100%;
    }

    .trust-title{
        font-size:2.625rem;
    }
}

@media (max-width:47.9375rem){

    .trust-cards{
        grid-template-columns:1fr;
    }

    .trust-title{
        font-size:2.125rem;
        letter-spacing:-0.0938rem;
    }

    .trust-card{
        min-height:auto;
    }
}

/* DIRECTORY */

.amp-market {
  position: relative;
  overflow: hidden;
  padding: 5.75rem 0 7.25rem;
  background:
    linear-gradient(180deg,
      var(--tc-maroon-deep) 0%,
      var(--tc-maroon-card) 48%,
      var(--tc-maroon-deep) 100%);
  color: var(--tc-white);
}

.amp-market::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 72% 15%, rgba(229, 62, 62, .28), transparent 34%),
    radial-gradient(circle at 18% 82%, rgba(229, 62, 62, .10), transparent 34%);
  pointer-events: none;
}

.amp-market-top {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  align-items: center;
  min-height: 20rem;
}

.amp-market-heading h2 {
    margin: 0 0 2.0625rem;
    color: var(--tc-white);
    font-weight: var(--fw-regular);
    font-size: 3rem;
    line-height: 1.14;
    letter-spacing: -2%;
    vertical-align: middle;
}

.amp-market-btn {
  height: 3.5rem;
  font-size: 1.125rem;
  padding-left: 1.25rem;
}

.amp-market-btn span {
  width: 2.625rem;
  height: 2.625rem;
}

.amp-market-visual {
    position: relative;
}
.amp-market-visual img {
    max-width: 596px;
    margin-left: auto;
}
.amp-market-list {
  position: absolute;
  left: 4.875rem;
  top: 1.5rem;
  width: 12.5rem;
  border-radius: 0.5rem;
  box-shadow: 0 1.75rem 3.75rem rgba(0, 0, 0, .22);
  z-index: 2;
}
.faq-top a {
    color: var(--tc-coral-hover);
    transition: gap .25s var(--tc-ease), color .25s var(--tc-ease);
    font-weight: var(--fw-medium);
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: -2%;
}
.amp-market-doctor {
  position: absolute;
  left: 11.875rem;
  bottom: 0;
  width: 17.5rem;
  z-index: 3;
}

.amp-market-profile {
  position: absolute;
  right: 1.875rem;
  top: 7.8125rem;
  width: 13.125rem;
  min-height: 11.875rem;
  padding: 1.25rem 1.25rem;
  border-radius: 0.5rem;
  background: var(--tc-cream);
  color: var(--tc-text-dark);
  box-shadow: 0 1.75rem 4.375rem rgba(0, 0, 0, .22);
  z-index: 4;
}

.amp-market-profile h3 {
  margin: 0;
  font-size: 1.125rem;
  line-height: 1.2;
  letter-spacing: -0.03em;
  font-weight: var(--tc-fw-semibold);
}

.amp-market-profile p {
  margin: 0.5rem 0 0;
  font-size: 0.875rem;
  color: var(--tc-text-soft);
}

.amp-market-profile-line {
  height: 0.0625rem;
  margin: 1rem 0;
  background: rgba(26, 5, 5, .12);
}

.amp-market-tags {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1.125rem;
}

.amp-market-tags span {
  padding: 0.375rem 0.5625rem;
  border-radius: 0.3125rem;
  font-size: 0.6875rem;
  color: var(--tc-text-dark);
}

.amp-market-tags span:first-child {
  background: var(--tc-tag-blue);
}

.amp-market-tags span:last-child {
  background: var(--tc-tag-pink);
}

.amp-market-profile i {
  display: block;
  height: 0.75rem;
  border-radius: 62.4375rem;
  background: rgba(26, 5, 5, .07);
  margin-top: 0.625rem;
}

.amp-market-profile i:last-child {
  width: 72%;
}

.amp-directory-card {
    position: relative;
    z-index: 3;
    display: grid;
    grid-template-columns: 41% 59%;
    gap: 2.8125rem;
    padding: 3.5rem;
    border-radius: 0.75rem;
    overflow: hidden;
    background: linear-gradient(90deg, var(--tc-directory-bg1) 0%, var(--tc-directory-bg2) 100%);
}

.amp-directory-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 86% 20%, rgba(229, 62, 62, .10), transparent 34%),
    linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, .025) 50%, transparent 100%);
  pointer-events: none;
}

.amp-directory-fingerprint {
  position: absolute;
  left: -13.125rem;
  bottom: -15rem;
  width: 42.5rem;
  opacity: .22;
  transform: rotate(-7deg);
  pointer-events: none;
}

.amp-directory-left,
.amp-directory-right {
  position: relative;
  z-index: 2;
}

.amp-directory-left h2 {
    margin: 0;
    font-weight: var(--fw-regular);
    font-size: 3rem;
    line-height: 1.18;
    letter-spacing: -2%;
    vertical-align: middle;
    color: var(--tc-cream-white);
}

.amp-directory-left a {
    display: inline-flex;
    align-items: center;
    gap: 0.5625rem;
    margin-top: 1.75rem;
    color: var(--tc-coral);
    transition: gap .25s var(--tc-ease), color .25s var(--tc-ease);
    font-weight: var(--fw-medium);
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: -2%;
}

.amp-directory-left a:hover {
  /*gap: 0.875rem;*/
  /*color: #fff;*/
}

.amp-directory-right h3 {
    margin: 0 0 1.125rem;
    color: var(--tc-cream-white);
    font-size: 1.25rem;
    font-weight: var(--tc-fw-regular);
    letter-spacing: -2%;
    line-height: 1.4;
}

.amp-alpha-grid {
    display: grid;
    grid-template-columns: repeat(10, 3.625rem);
    gap: 0.75rem;
}

.amp-alpha-grid a {
    border-radius: 0.375rem;
    display: grid;
    place-items: center;
    background: rgba(255, 255, 255, .10);
    color: var(--tc-cream-white);
    transition: background .25s var(--tc-ease),
    color .25s var(--tc-ease),
    transform .25s var(--tc-ease);
    font-family: Switzer;
    font-weight: var(--fw-medium);
    font-size: 1.125rem;
    line-height: 1.0;
    letter-spacing: -2%;
    text-align: center;
    vertical-align: middle;
    padding-top: 1.0625rem;
    padding-bottom: 1.0625rem;
    width: 3.625rem;
    height: 3.625rem;
    align-items: center;
    justify-content: center;
}

.amp-alpha-grid a:hover, .amp-chip-grid a:hover {
    background: #F36253;
    color: rgb(255 255 255 / 100%);
    opacity: 1;
}
.amp-chip-grid a:hover span svg {
    opacity: 1;
}
.amp-physician-group {
  margin-top: 0;
}

.amp-chip-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  max-width: 40rem;
}

.amp-chip-grid a {
    border-radius: 0.4375rem;
    background: #402127;
    color: var(--tc-cream-white);
    font-size: 1.125rem;
    font-weight: var(--fw-medium);
    transition: background .25s var(--tc-ease),
    color .25s var(--tc-ease),
    transform .25s var(--tc-ease);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    letter-spacing: -2%;
    line-height: 1.0;
    opacity: 70%;
    padding: 0.8125rem 1.1875rem 0.8125rem 1.0625rem;
}
.amp-chip-grid a span svg {
    opacity: 100%;
        width: 1.375rem;
    height: 1.375rem;
}

@media (max-width: 68.75rem) {
  .amp-market-top {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }

  .amp-market-visual {
    max-width: 43.75rem;
  }

  .amp-directory-card {
    grid-template-columns: 1fr;
  }

  .amp-alpha-grid {
    grid-template-columns: repeat(7, 3.5rem);
  }
}

@media (max-width: 40rem) {
  .amp-market {
    padding: 4.375rem 0;
  }

  .amp-market-heading h2 {
    font-size: 2.5rem;
  }

  .amp-market-visual {
    height: 17.5rem;
  }

  .amp-market-list {
    left: 0;
    width: 11.875rem;
  }

.amp-market-doctor {
    left: auto;
    width: 66vw;
    z-index: -1;
    right: -1.25rem;
}
.features-cta-box::after {
    display: none;
}
  .amp-market-profile {
    display: none;
  }
.usecase-tab {
    width: 100%;
}
  .amp-directory-card {
    padding: 1.875rem 5%;
  }

  .amp-directory-left h2 {
    font-size: 2.25rem;
  }

.amp-alpha-grid {
    grid-template-columns: repeat(5, 1fr);
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
}
.amp-alpha-grid a {
    width: 3.125rem;
    height: 3.125rem;
}
}



/* FAQ */

/* SECTION */

.faq-section {
    padding: 7.5rem 0 5rem;
    background: #fff;
}
.faq-wrap > .faq-item:last-child {
    margin-bottom: 0;
}

/* CONTAINER */


/* TOP */

.faq-top{
    text-align:center;

    margin-bottom:4rem;
}


/* TAG */

.faq-tag {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    color: #2a1a23;
    font-size: 1.25rem;
    font-weight: var(--fw-regular);
    margin-bottom: 0.75rem;
    line-height: 1.4;
}




/* TITLE */

.faq-heading {
    color: var(--tc-dark);
    margin-bottom: 1.5rem;
    font-weight: var(--fw-regular);
    font-size: 3rem;
    line-height: 1.18;
    letter-spacing: -2%;
}


/* SUBTEXT */
.faq-subtext {
    color: var(--tc-dark);
    margin-bottom: 1.5rem;
    font-weight: var(--fw-regular);
    font-size: 1.25rem;
    letter-spacing: -2%;
    text-align: center;
    line-height: 1.4;
    opacity: 70%;
}


/* CONTACT */

.faq-contact-link {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    color: #F36253;
    text-decoration: none;
    font-size: 1.25rem;
    font-weight: var(--fw-medium);
}

.faq-contact-link::before{
    content:"↳";
    font-size:0.8125rem;
}


/* WRAP */

.faq-wrap {
    max-width: 50rem;
    width: 100%;
    margin: 0 auto;
}


/* ITEM */

.faq-item {
    background: #fff;
    border: 0.0625rem solid var(--tc-border-cream);
    border-radius: 0.5rem;
    margin-bottom: 1rem;
    overflow: hidden;
}
.faq-item.active {
	background: var(--tc-faq-active-bg);
}

/* QUESTION */

.faq-question {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.25rem;
    padding: 1.0625rem 1.125rem;
    border: none;
    background: transparent;
    cursor: pointer;
    text-align: left;
    color: var(--tc-dark);
    font-weight: var(--fw-medium);
    font-size: 1.125rem;
    line-height: 1.4;
    letter-spacing: -2%;
    font-family: 'Switzer';
}

.faq-question h3 {
    font-weight: var(--fw-medium);
    font-size: 1.125rem;
    font-family: 'Switzer';
}
.faq-item.active .faq-question svg {
    transform: rotate(180deg);
}

.faq-item .faq-question svg {
    transition: .3s;
}
/*.faq-item.active .faq-question {*/
/*    padding-bottom: 0.625rem;*/
/*}*/


/* ICON */

.faq-icon{
    flex-shrink:0;

    color:var(--tc-icon-color);

    transition:.25s ease;
}

.faq-item.active .faq-icon{
    transform:rotate(180deg);
}


/* ANSWER */
.faq-answer {
    padding: 0 1.25rem 1.25rem;
    color: var(--tc-dark);
    font-weight: var(--fw-regular);
    font-size: 1.125rem;
    line-height: 1.4;
    letter-spacing: -2%;
    opacity: 70%;
    padding-right: 3.875rem;
}


/* FIRST OPEN */

.faq-item.active .faq-answer{
   
}






/* RESPONSIVE */
.hide-desk {
    display: none;
}
@media(max-width:47.9375rem){
    .hero-btn-arrow {
    height: 1.7rem;
    width: 1.7rem;
}
.hide-mob {
    display: none;
}
.hide-desk {
        display: block;
    position: relative;
    z-index: 9;
}
    .scene {
    width: 85%;
}
.profile-card {
    width: 27%;
    right: -7%;
    top: auto;
    bottom: 2rem;
}
.stats-card {
    width: 27%;
    right: -11%;
    top: 17%;
}
.clinic-card {
    width: 25%;
    left: -4%;
    bottom: -10%;
}
.search-card {
    width: 24%;
    left: -13%;
    top: 57%;
}
.sidebar1 {
    width: 8%;
    left: -10%;
}
.sidebar {
    width: 8%;
    left: -10%;
    top: 30px;
}

.dashboard-area {
    position: relative;
    margin-top: 2.5rem;
    margin-bottom: 0;
}
.home_hero_bottom {
    height: 100px;
    bottom: -4rem;
}
    
.amp-map-point-1 {
    top: 2rem;
    left: 0;
    position: relative;
}
.amp-map-point-2 {
    right: 2.25rem;
    bottom: -13rem;
    position: relative;
}
.amp-results-label {
    padding-top: 0;
}
.amp-results-map {
    height: 14rem;
    position: static;
    width: 100%;
}
	.usecase-tab {
    padding: 0 1.25rem 0.875rem;
    margin-bottom: 0.625rem;
}
.footer-bottom-left {
    flex-direction: column;
    width: 100%;
}
.footer-copy {
    width: 100%;
	margin-top: 1.25rem;
}
.features-section {
    padding: 3.125rem 0;
}

.hero-content {
    width: 100%;
}
.amp-brand-grid div svg {
    max-width: 20vw;
    width: 100%;
}
    .faq-section{
        padding:3.75rem 0;
    }

    .faq-heading{
        font-size:2rem;
        letter-spacing:-0.0938rem;
    }

    .faq-subtext{
        font-size:0.8125rem;
    }
}

/* FINAL CTA */

/* SECTION */

.cta-section {
    padding: 5rem 0 7.5rem;
    background: #fff;
}
/* BOX */

.cta-box {
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 4.3125rem;
    min-height: 26.25rem;
    padding: 3.375rem 0 0 3.375rem;
    border-radius: 0.5rem;
    background: radial-gradient(circle at top right, rgba(255,116,84,.22), transparent 30%),
    linear-gradient(135deg,var(--tc-maroon-bg) 0%, var(--tc-maroon-bg-deep) 100%);
    background-image: url(../../assets/images/finger.webp);
    background-color: #28131C;
    background-size: 74% auto;
    background-repeat: no-repeat;
    background-position: right top;
}


/* LEFT */

.cta-content {
    width: 32.85rem;
    flex-shrink: 0;
    position: relative;
    z-index: 2;
    align-items: flex-start;
    justify-content: center;
    display: flex;
    flex-direction: column;
}

/* TAG */

.cta-tag {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    color: #fff;
    margin-bottom: 1rem;
    font-weight: var(--fw-semibold);
    font-size: 1rem;
    line-height: 1.0;
    letter-spacing: -2%;
    text-transform: uppercase;
}




/* TITLE */

.cta-title {
    color: #fff;
    margin-bottom: 1.75rem;
    font-weight: var(--fw-regular);
    font-size: 3rem;
    line-height: 1.14;
    letter-spacing: -2%;
}

.cta-content a.amp-free-btn.amp-start {
    padding: 0.8369rem 1.2088rem 0.8369rem 1.1081rem;
    font-size: 1.125rem;
}
.cta-content a.amp-demo-btn {
    font-size: 1.125rem;
    height: 3.1188rem;
}

/* BUTTONS */

.cta-buttons{
    display:flex;
    align-items:center;
    gap:0.625rem;
}


/* BTN */

.cta-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    height:2.375rem;

    border-radius:0.25rem;

    text-decoration:none;

    font-size:0.75rem;
    font-weight: var(--fw-medium);

    transition:.2s ease;
}

.cta-btn:hover{
    transform:translateY(-0.125rem);
}


/* WHITE BTN */

.cta-btn-white{
    gap:0.625rem;

    padding:0 0.3125rem 0 0.875rem;

    background:#fff;
    color:var(--tc-black);
}

.cta-btn-icon{
    width:1.25rem;
    height:1.25rem;

    border-radius:0.1875rem;

    background:var(--tc-btn-icon-coral);

    display:flex;
    align-items:center;
    justify-content:center;

    color:#fff;
}


/* DARK BTN */

.cta-btn-dark{
    padding:0 1rem;

    background:var(--tc-dark-btn);
    color:#fff;
}


/* IMAGE */

.cta-image {
    flex: 1;
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: flex-end;
    margin-top: 2.5rem;
}

.cta-image img{
    width:100%;
    max-width:45rem;

    display:block;
}


/* RESPONSIVE */

@media(max-width:61.9375rem){

    .cta-box{
        flex-direction:column;
        align-items:flex-start;
gap: 0;
        padding:3.125rem 1.875rem;
    }

    .cta-content{
        width:100%;
    }

    .cta-image{
        width:100%;
    }
}

@media(max-width:47.9375rem){
.faq-top a, .testimonials-tag, .features-heading-tag, .trust-tag, .faq-tag {
    font-size: 1rem;
}
.cta-content a.amp-free-btn.amp-start, .cta-content a.amp-demo-btn {
    font-size: 1rem;
    height: auto;
    gap: 0.5rem;
    min-width: auto;
}
.cta-box {
    padding: 2.125rem 1.25rem;
}
	.container {
    /*padding: 0 0.9375rem;*/
}
.cta-section {
    padding: 0 0 3.75rem;
}
.footer-bg-text img {
    width: 100%;
}
    .cta-title{
        font-size:2.375rem;
        letter-spacing:-0.0938rem;
    }
.cta-buttons {
    flex-wrap: wrap;
        gap: 0.35rem;
    align-items: stretch;
}
}

/* FOOTER */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}




/* FOOTER */

.footer-section{
    position:relative;
    overflow:hidden;

    padding:2.75rem 0 2.125rem;

    background:var(--tc-footer-bg);
}


/* CONTAINER */

.footer-container{
    position:relative;

    width:100%;
    max-width:82.5rem;

    margin:0 auto;
    padding:0 1.875rem;

    z-index:2;
}


/* TOP */

.footer-top{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;

    gap:15rem;

    margin-bottom:2.125rem;
}


/* LOGO */

/* .footer-brand{
    width:9.375rem;
    flex-shrink:0;
} */

.footer-logo {
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 1.25rem;
    font-weight: var(--fw-extrabold);
}

.footer-logo img{
    width:4rem;
    display:block;
}


/* GRID */

.footer-links-grid{
    flex:1;

    display:grid;
    grid-template-columns:repeat(4,1fr);

    gap:2.5rem;
}


/* COLUMN */

.footer-column h4 {
    color: #fff;
    margin-bottom: 0.875rem;
    font-weight: var(--fw-semibold);
    font-size: 1rem;
    line-height: 1.4;
    letter-spacing: -2%;
}
.footer-column a:hover {
    color: #fff;
    opacity: 1;
}
.footer-column a {
    display: block;
    color: #fff;
    text-decoration: none;
    margin-bottom: 1rem;
    transition: .2s ease;
    font-family: Switzer;
    font-weight: var(--fw-medium);
    font-size: 1rem;
    line-height: 1.4;
    letter-spacing: -2%;
    opacity: 70%;
}

.footer-column a:hover{
    color:#fff;
}


/* SOCIAL */

.footer-social {
    display: flex;
    align-items: center;
    gap: 1.125rem;
    margin-bottom: 5rem;
    max-width: 15.375rem;
       margin-top: -4.4375rem;

}

.footer-social a {
    width: 1.4375rem;
    height: 1.4375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255,255,255,.72);
    transition: .3s;
}

.footer-social a:hover{
    color:#fff;
}

.footer-social svg{
    width:100%;
    height:100%;
    opacity: 70%;
    transition: .3s;
}
.footer-social svg:hover{
  
    opacity: 100%;
}

/* BOTTOM */

.footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2.5rem;
    padding-top: 1.375rem;
    border-top: 0.0625rem solid rgba(255,255,255,.06);
    margin-bottom: 1rem;
    position: relative;
    z-index: 1;
}


/* LEFT */

.footer-bottom-left{
    display:flex;
    align-items:flex-start;

    gap:3rem;
}


/* TEXT */

.footer-address, .footer-contact {
       
    font-weight: var(--fw-medium);
    font-size: 1rem;
    line-height: 1.4;
    letter-spacing: -2%;
    color: #fff;

}

.footer-policy a, .footer-address a, .footer-contact a {
    display: block;
    color: rgba(255,255,255,.7);
    text-decoration: none;
    transition: .3s;
    /* font-size: 0.875rem; */
}
.footer-policy a:hover, .footer-address a:hover, .footer-contact a:hover {
    color: #fff;
    opacity: 1;
}

/* COPY */

.footer-copy {
    font-weight: var(--fw-medium);
    font-size: 1rem;
    line-height: 1.4;
    letter-spacing: -2%;
    color: #fff;
    opacity: 70%;
}


/* BIG LOGO */

.footer-bg-logo{
    position:absolute;

    left:1.125rem;
    bottom:-2.375rem;

    opacity:.06;

    pointer-events:none;
}
.footer-address {
    font-weight: var(--fw-medium);
    font-size: 1rem;
    line-height: 1.4;
    letter-spacing: -2%;
}

.footer-bg-text img {
    width: 95%;
   
}
.footer-bg-text {
    position: relative;
    transform: none;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    z-index: 0;
    margin-bottom: -2rem;
}


/* BIG A */

.footer-bg-text span{
    position:relative;

    margin-right:-0.75rem;

    font-size:15rem;
    font-weight: var(--fw-extrabold);

    transform:translateY(0.625rem);
}

/* RESPONSIVE */

@media(max-width:61.9375rem){

    .footer-top{
        flex-direction:column;
        gap:3.125rem;
    }

    .footer-links-grid{
        width:100%;

        grid-template-columns:repeat(2,1fr);
    }

.footer-bottom {
    flex-direction: column;
    gap: 0.625rem;
    margin-bottom: 1.5rem;
}

    .footer-bottom-left{
        flex-wrap:wrap;
        gap:1.875rem;
    }
}

@media(max-width:47.9375rem){
    .section_bg {
    background-size: auto 50%;
    background-position: center 120%;
}
.feature-tab.active::before {
    width: 0.15rem;
    height: 0.15rem;
    border: 0.15rem solid var(--tc-coral);
}
.feature-tab.active {
    padding-left: .75rem;
}
.footer-bg-text {
    bottom: -15rem;
}

.footer-social {
    margin-top: 0;
    margin-bottom: 2rem;
}
    .footer-links-grid{
        grid-template-columns:1fr 1fr;
    }

    .footer-bg-logo img{
        width:26.25rem;
    }
.footer-bg-text {
    font-size: 0;
    bottom: 0;
    z-index: 0;
    left: 0;
    width: 100%;
    transform: translateX(0);
}
.footer-bg-text img {
    width: 100%;
}
section.amp-market > .container:last-child {
    padding: 0;
}
    .footer-bg-text span{
        font-size:8.125rem;
    }
}

/* RESPONSIVE */

@media(max-width:62rem){

.hero-grid,
.features-grid,
.usecases-grid,
.trust-grid,
.directory-grid,
.final-grid,
.footer-grid{
    grid-template-columns:1fr;
}

.metrics-grid,
.trust-cards{
    grid-template-columns:1fr 1fr;
}

.testimonial-row{
    grid-template-columns:1fr;
}

}

@media(max-width:47.9rem){
.amp-stat-card svg {
    max-width: 26px;
    max-height: 26px;
    min-width: 26px;
    height: auto;
}
.trust-btn {
    font-size: 1rem;
    opacity: 1 !important;
}
.trust-desc {
    margin: 0 0 2rem;
}
.trust-grid {
    gap: 4.625rem;
}
header .amp-demo-btn span {
    height: 1.75rem;
    width: 1.775rem;
}
.amp-demo-btn svg + svg {
    margin-right: 0.3rem;
}
body .hero-buttons .amp-demo-btn, body .hero-buttons a.amp-free-btn.amp-start {
    font-size: 1rem;
    height: auto;
    line-height: 28px;
}
body .hero-buttons a.amp-free-btn.amp-start {
    padding: 0.4475rem 1.1925rem  0.4475rem 1.1925rem;
}
.hero-graph {
    display: none;
}
.amp-brand-grid {
    margin-top: 0;
}
.hide-tab {
    display: none;
}
.show-tab {
    display: block;
}
.dashboard-area.show-tab {
    margin-top: 3rem;
}
.hero-badges {
    bottom: 3rem;
}
a.amp-announcement-link {
    flex-wrap: nowrap;
}
.amp-announcement-btn {
    white-space: pre;
}
.nav-links,
.nav-actions{
    display:none;
}

.hero-grid{
    grid-template-columns:1fr;
}

.hero-content h1,
.metrics-big,
.directory-title,
.final-title{
    font-size:3rem;
}

.metrics-grid,
.trust-cards{
    grid-template-columns:1fr;
}

.footer-bottom{
    flex-direction:column;
    gap:0.625rem;
}

/* respppp */
.faq-wrap {
    width: 100%;
    margin: 0 auto;
}
.amp-header-inner {

    justify-content: space-between;
}
.amp-brand-grid {
    width: auto;
 
}

}




/* reponsive header  */

/* =========================
   HEADER
========================= */



/* =========================
   MOBILE MENU BUTTON
========================= */

.amp-menu-toggle {
  display: none;
  flex-direction: column;
  gap: 0.3125rem;
  background: transparent;
  border: none;
  cursor: pointer;
}

.amp-menu-toggle {
    width: 2.5rem;
    height: 2.5rem;
    position: relative;
    border: 0;
    background: transparent;
    cursor: pointer;
    padding: 0;
}

.amp-menu-toggle span {
    position: absolute;
    left: 0.5rem;
    width: 1.5rem;
    height: 0.125rem;
    background: #fff;
    transition: all 0.3s ease;
}

.amp-menu-toggle span:nth-child(1) {
    top: 0.75rem;
}

.amp-menu-toggle span:nth-child(2) {
    top: 1.1875rem;
}

.amp-menu-toggle span:nth-child(3) {
    top: 1.625rem;
}

/* Active Cross */
.amp-menu-toggle.mactive span:nth-child(1) {
    transform: rotate(45deg);
    top: 1.1875rem;
}

.amp-menu-toggle.mactive span:nth-child(2) {
    opacity: 0;
}

.amp-menu-toggle.mactive span:nth-child(3) {
    transform: rotate(-45deg);
    top: 1.1875rem;
}
/* Mobile CTA Buttons */

.amp-mobile-actions {
  display: none;
}

/* =========================
   RESPONSIVE
========================= */

@media (max-width: 61.9375rem) {

  .amp-menu-toggle {
    display: flex;
  }

  /*.amp-header-actions .amp-free-btn {*/
  /*  display: none;*/
  /*}*/

  .amp-nav {
    position: absolute;
    top: 100%;
    right: 0;
    width: 100%;
    background: var(--tc-black);
    flex-direction: column;
    align-items: flex-start;
    padding: 1.5625rem;
    gap: 0;
left: auto;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-0.625rem);
    transition: 0.3s ease;
  }

  .amp-nav.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  .amp-dropdown {
    width: 100%;
  }

  .amp-dropdown-toggle {
    width: 100%;
    justify-content: space-between;
  }

.amp-dropdown-menu {
    position: static;
    opacity: 1;
    visibility: visible;
    background: transparent;
    padding: 0.625rem 0 0;
    /* display: none; */
    height: 0;
    visibility: hidden;
    overflow: hidden;
}
  .amp-dropdown-menu a {
    color: var(--tc-gray-light);
    padding: 0.625rem 0 0.625rem 0.9375rem;
  }

  .amp-mobile-actions {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 0.75rem;
    margin-top: 0.625rem;
  }

 .amp-mobile-actions a {
    text-align: center;
    justify-content: center;
    min-height: 2.875rem;
}


}


.show-tab {
    display: none;
}
@media (min-width: 62rem) {
.sticky-sentinel {
    display: none;
}

}
@media (min-width: 62rem) and (max-width: 73.75rem) {
.usecases-tabs > button {
    max-width: calc(29% - .5rem);
    font-size: 1rem;
}
.tab-icon {
    width: 2.5rem;
    height: 2.5rem;
}




}
/* Between 768px and 991px */
@media (min-width: 48rem) and (max-width: 61.9375rem) {
.preview-cards {
    display: none;
}
.hero-graph:after {
    height: 9rem;
    bottom: 3rem;
}
.featured-box {
    flex: 0 0 100%;
}
.metrics-grid, .trust-cards {
    grid-template-columns: 1fr 1fr;
}
.trust-card-icon {
    margin-bottom: 2.125rem;
}
.amp-alpha-grid {
    display: flex;
    flex-wrap: wrap;
}
.usecase-tab {
    padding: 0 0.25rem 0.75rem;
    font-size: 1rem;
}
.footer-bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}
.hero-content h1 {
    margin-bottom: 1rem;
}
.hide-tab {
    display: none;
}
.show-tab {
    display: block;
}
.hero-grid {
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}
.hero-content h1 {
    font-size: 3.25rem;
}
.amp-brand-grid {
    width: 100%;
}
.amp-brand-grid div svg {
    max-width: 5.6875rem;
}
.hero-content {
    width: 100%;
}
.badge {
    font-size: 1rem;
}
.features-sidebar {
    margin-bottom: 3rem;
}
.features-section {
    padding: 3.5rem 0;
}
.container {
    /*padding: 0 1rem;*/
}
.hero-graph img {
    margin-bottom: 0;
    margin-top: 0;
}
.amp-big-counter {
    font-size: 8rem;
}
.amp-results h2 {
    font-size: 1.75rem;
}
.amp-results-map {
    top: -1.375rem;
}
.amp-map-point-1 {
    top: 5.125rem;
    left: 17.5rem;
}
.amp-results-label {
    padding-top: 0;
}
.amp-stat-card .h3p {
    font-size: 1rem;
}
article.amp-stat-card br {
    display: none;
}
.hero-buttons .amp-demo-btn, .hero-buttons a.amp-free-btn.amp-start {
    font-size: 1rem;
    gap: .4rem;
}
.cta-image img {
    position: relative;
    margin-bottom: -3.125rem;
    right: -1.875rem;
}

   .scene {
    width: 85%;
}
.profile-card {
    width: 27%;
    right: -7%;
    top: auto;
    bottom: 2rem;
}
.stats-card {
    width: 27%;
    right: -11%;
    top: 17%;
}
.clinic-card {
    width: 25%;
    left: -4%;
    bottom: -10%;
}
.search-card {
    width: 24%;
    left: -13%;
    top: 57%;
}
.sidebar1 {
    width: 8%;
    left: -10%;
}
.sidebar {
    width: 8%;
    left: -10%;
    top: 15%;
}
.hero-badges {
    bottom: 3rem;
}







}


@media (max-width: 991px) {
.features-sidebar, .usecases-tabs {
    position: sticky;
    top: 6.4rem;
    z-index: 2;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    display: flex;
    flex-direction: row !important;
    flex-wrap: nowrap;
    background: #fff;
    gap: 1rem;
    margin-left: calc(-5% - 4px);
    margin-right: calc(-5% + -1px);
    padding-left: 5%;
    padding-right: 5%;
}

.is-sticky {
    
    box-shadow: 0px 0 20px 0px rgba(0, 0, 0, 0.25);
    
}
  .features-sidebar::-webkit-scrollbar,
  .usecases-tabs::-webkit-scrollbar {
    display: none;
  }

  .features-cta-box.hide-tab {
    display: none;
  }

    .feature-tab, .usecase-tab {
        white-space: nowrap;
        flex-shrink: 0;
        width: auto;
        margin-bottom: 0;
        padding: .75rem 0;
    }
    .usecases-side {
    min-height: auto;
}
.usecases-side h3 {
    margin-top: 3rem;
}






}


@media(max-width:47.9375rem){
.features-sidebar, .usecases-tabs {
    top: 7rem;
}
.feature-tab {
    font-size: 1rem;
}
.usecase-tab {
    padding: 0 .5rem 0.5rem;
}
.usecases-head {
    margin-bottom: 2rem;
}
.usecases-side {
    padding: 1.75rem;
}





}










ses-side {
    padding: 1.75rem;
}



/*  .animation_canvas svg * {*/
/*    opacity: 0;*/
/*}*/
/*.animation_canvas svg rect[style*="opacity: 1"] ~ * {*/
/*    opacity: 1;*/
/*}*/
.fingerprint-wrapper {
  position: relative;
}

.fingerprint-wrapper::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.25); /* 25% overlay */
  border-radius: inherit;
  pointer-events: none;
  z-index: 1;
}