/*
Theme Name: Immersion
Author: Mirsad
Version: 1.0
Description: A lightweight, zero-bloat custom PHP WordPress theme.
*/


@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');


:root {
    /* Brand Colors (Salo High-Contrast Palette) */
    --primary: #ffffff;
    --primary-hover: #e5e5e5;
    --secondary: #181818;
    --accent: #f59e0b;

    /* Neutrals & Backgrounds */
    --bg-main: rgb(16, 16, 16);
    --bg-surface: #171717;
    --bg-alt: #222222;
    --border-color: oklch(0.439 0 0);

    /* Typography Colors */
    --text-main: oklch(1 0 0); /* Pure White */
    --text-muted: #a1a1aa;
    --text-light: #71717a;

    /* Fonts (Extracted from salo.uk) */
    --font-sans: "Manrope", sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

    /* Spacing & Sizing */
    --container-width: 1280px;
    --header-height: 80px;
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 20px;

    /* Transitions & Shadows */
    --transition-fast: 0.15s ease;
    --transition-normal: 0.25s ease;
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4);
    
    --mask-star-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='0.5' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-star-plus-icon lucide-star-plus'%3E%3Cpath d='M11.013 18.582 6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16l2.309-4.679a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904L20 11.5'/%3E%3Cpath d='M15 18h6'/%3E%3Cpath d='M18 15v6'/%3E%3C/svg%3E");
    --mask-user-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='0.5' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-user-star-icon lucide-user-star'%3E%3Cpath d='M16.051 12.616a1 1 0 0 1 1.909.024l.737 1.452a1 1 0 0 0 .737.535l1.634.256a1 1 0 0 1 .588 1.806l-1.172 1.168a1 1 0 0 0-.282.866l.259 1.613a1 1 0 0 1-1.541 1.134l-1.465-.75a1 1 0 0 0-.912 0l-1.465.75a1 1 0 0 1-1.539-1.133l.258-1.613a1 1 0 0 0-.282-.866l-1.156-1.153a1 1 0 0 1 .572-1.822l1.633-.256a1 1 0 0 0 .737-.535z'/%3E%3Cpath d='M8 15H7a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='10' cy='7' r='4'/%3E%3C/svg%3E");
    --mask-heart-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='0.5' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-heart-plus-icon lucide-heart-plus'%3E%3Cpath d='m14.479 19.374-.971.939a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5a5.2 5.2 0 0 1-.219 1.49'/%3E%3Cpath d='M15 15h6'/%3E%3Cpath d='M18 12v6'/%3E%3C/svg%3E");
    --mask-waypoints: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='0.5' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-waypoints-icon lucide-waypoints'%3E%3Cpath d='m10.586 5.414-5.172 5.172'/%3E%3Cpath d='m18.586 13.414-5.172 5.172'/%3E%3Cpath d='M6 12h12'/%3E%3Ccircle cx='12' cy='20' r='2'/%3E%3Ccircle cx='12' cy='4' r='2'/%3E%3Ccircle cx='20' cy='12' r='2'/%3E%3Ccircle cx='4' cy='12' r='2'/%3E%3C/svg%3E");
    --mask-brain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='0.5' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-brain-icon lucide-brain'%3E%3Cpath d='M12 18V5'/%3E%3Cpath d='M15 13a4.17 4.17 0 0 1-3-4 4.17 4.17 0 0 1-3 4'/%3E%3Cpath d='M17.598 6.5A3 3 0 1 0 12 5a3 3 0 1 0-5.598 1.5'/%3E%3Cpath d='M17.997 5.125a4 4 0 0 1 2.526 5.77'/%3E%3Cpath d='M18 18a4 4 0 0 0 2-7.464'/%3E%3Cpath d='M19.967 17.483A4 4 0 1 1 12 18a4 4 0 1 1-7.967-.517'/%3E%3Cpath d='M6 18a4 4 0 0 1-2-7.464'/%3E%3Cpath d='M6.003 5.125a4 4 0 0 0-2.526 5.77'/%3E%3C/svg%3E");
    --mask-handshake: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='0.5' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-handshake-icon lucide-handshake'%3E%3Cpath d='m11 17 2 2a1 1 0 1 0 3-3'/%3E%3Cpath d='m14 14 2.5 2.5a1 1 0 1 0 3-3l-3.88-3.88a3 3 0 0 0-4.24 0l-.88.88a1 1 0 1 1-3-3l2.81-2.81a5.79 5.79 0 0 1 7.06-.87l.47.28a2 2 0 0 0 1.42.25L21 4'/%3E%3Cpath d='m21 3 1 11h-2'/%3E%3Cpath d='M3 3 2 14l6.5 6.5a1 1 0 1 0 3-3'/%3E%3Cpath d='M3 4h8'/%3E%3C/svg%3E");
    --mask-cog: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='0.5' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-cog-icon lucide-cog'%3E%3Cpath d='M11 10.27 7 3.34'/%3E%3Cpath d='m11 13.73-4 6.93'/%3E%3Cpath d='M12 22v-2'/%3E%3Cpath d='M12 2v2'/%3E%3Cpath d='M14 12h8'/%3E%3Cpath d='m17 20.66-1-1.73'/%3E%3Cpath d='m17 3.34-1 1.73'/%3E%3Cpath d='M2 12h2'/%3E%3Cpath d='m20.66 17-1.73-1'/%3E%3Cpath d='m20.66 7-1.73 1'/%3E%3Cpath d='m3.34 17 1.73-1'/%3E%3Cpath d='m3.34 7 1.73 1'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3C/svg%3E");
    --mask-earth-lock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='0.5' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-earth-lock-icon lucide-earth-lock'%3E%3Cpath d='M7 3.34V5a3 3 0 0 0 3 3'/%3E%3Cpath d='M11 21.95V18a2 2 0 0 0-2-2 2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05'/%3E%3Cpath d='M21.54 15H17a2 2 0 0 0-2 2v4.54'/%3E%3Cpath d='M12 2a10 10 0 1 0 9.54 13'/%3E%3Cpath d='M20 6V4a2 2 0 1 0-4 0v2'/%3E%3Crect width='8' height='5' x='14' y='6' rx='1'/%3E%3C/svg%3E");
    --mask-scale: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='0.5' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-scale-icon lucide-scale'%3E%3Cpath d='M12 3v18'/%3E%3Cpath d='m19 8 3 8a5 5 0 0 1-6 0zV7'/%3E%3Cpath d='M3 7h1a17 17 0 0 0 8-2 17 17 0 0 0 8 2h1'/%3E%3Cpath d='m5 8 3 8a5 5 0 0 1-6 0zV7'/%3E%3Cpath d='M7 21h10'/%3E%3C/svg%3E");
    --mask-trending-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='0.5' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-trending-up-icon lucide-trending-up'%3E%3Cpath d='M16 7h6v6'/%3E%3Cpath d='m22 7-8.5 8.5-5-5L2 17'/%3E%3C/svg%3E");
    --mask-book: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='0.5' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-book-icon lucide-book'%3E%3Cpath d='M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20'/%3E%3C/svg%3E");
    --mask-square-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='0.5' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-square-user-icon lucide-square-user'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3Cpath d='M7 21v-2a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E");
    --mask-user-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='0.5' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-user-search-icon lucide-user-search'%3E%3Ccircle cx='10' cy='7' r='4'/%3E%3Cpath d='M10.3 15H7a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='17' cy='17' r='3'/%3E%3Cpath d='m21 21-1.9-1.9'/%3E%3C/svg%3E");
    --mask-house: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='0.5' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-house-icon lucide-house'%3E%3Cpath d='M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8'/%3E%3Cpath d='M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
  }


*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
    interpolate-size: allow-keywords;
    overflow-x: hidden;
}

body {
    font-optical-sizing: auto;
    font-family: var(--font-sans);
    font-size: 16.5px;
    line-height: 24.75px;
    background-color: var(--bg-main);
    color: var(--text-main);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    word-break: break-word;
    text-rendering: geometricprecision;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow-x: hidden;
}

img, picture, video, canvas, svg {
    display: block;
    max-width: 100%;
    height: auto;
}

input, button, textarea, select {
    font: inherit;
    color: inherit;
}

a {
    color: var(--text-main);
    text-decoration: none;

}

main {
    flex: 1;
}

.back-to-blog {
  display: flex;
  flex-direction: row;
  gap: 15px;
  margin-left: 50px;
  font-size: 1.2rem;
}

.btn-custom {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 13.46px;
  position: relative;
  z-index: 1;
  box-sizing: border-box;

  padding: 15px;
  margin: 0;

  font-family: var(--font-sans);
  font-size: 14.73px;
  line-height: 1;
  color: oklch(1 0 0);
  text-align: center;
  text-decoration: none; /* Removes default link underline */
  white-space: nowrap;

  background-image: radial-gradient(circle, rgb(184, 169, 205), rgb(7, 2, 12), rgbrgb(208, 200, 217));
  background-color: transparent;
  border-radius: 2.68px;
  border: 1px solid rgb(184, 169, 205);
  cursor: pointer;
  
  overflow: hidden; 

  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  text-rendering: geometricprecision;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}

.btn-content {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-bg {
  position: absolute;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(168, 85, 247, 0.6) 0%, rgba(92, 17, 197, 0.3) 60%, transparent 80%);
  transform: translate(-50%, -50%) scale(var(--_scale, 0.75));
  transition: opacity 0.3s ease, transform 0.3s ease;
  pointer-events: none; /* Lets clicks pass right through to the link */
  z-index: 1;
}

.entry-content {
    max-width: 800px;
    margin: 0 auto;
}

.entry-content img {
    max-width: 100%;
    height: auto;
}

.entry-content .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.entry-content .alignleft {
    float: left;
    margin-right: 1.5em;
    margin-bottom: 1em;
}

.entry-content .alignright {
    float: right;
    margin-left: 1.5em;
    margin-bottom: 1em;
}

.entry-content::after {
    content: "";
    display: table;
    clear: both;
}



.menu-item > a {
  display: inline-flex;
  align-items: center;
}

.menu-item::before {
  content: "";
  display: inline-block;
  margin-right: 8px;
  width: 20px;
  height: 20px;
  position: relative;
  background-color: currentColor; 
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.menu-operations::before {
  -webkit-mask-image: var(--mask-user-star);
  mask-image: var(--mask-user-star);
}

.menu-vip-health::before {
  -webkit-mask-image: var(--mask-heart-plus);
  mask-image: var(--mask-heart-plus);
}

.menu-retention-engine::before {
  -webkit-mask-image: var(--mask-cog);
  mask-image: var(--mask-cog);
  
}

.menu-vip-strategy::before {
    -webkit-mask-image: var(--mask-star-plus);
  mask-image: var(--mask-star-plus);
  
}

.menu-talent-network::before {
      -webkit-mask-image: var(--mask-handshake);
  mask-image: var(--mask-handshake);
}

.menu-affiliate-growth::before {
    -webkit-mask-image: var(--mask-trending-up);
  mask-image: var(--mask-trending-up);
}

.menu-knowledge-hub::before {
    -webkit-mask-image: var(--mask-brain);
  mask-image: var(--mask-brain);
}

.menu-business-intelligence::before {
    -webkit-mask-image: var(--mask-earth-lock);
  mask-image: var(--mask-earth-lock);
}

.menu-about-betentera::before {
    -webkit-mask-image: var(--mask-square-user);
  mask-image: var(--mask-square-user);
}

.menu-blog::before {
    -webkit-mask-image: var(--mask-book);
  mask-image: var(--mask-book);
}

.menu-contact::before {
    -webkit-mask-image: var(--mask-user-search);
  mask-image: var(--mask-user-search);
}


.menu-item {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.page-icon-cont {
  display: flex;
  justify-content: center;
  padding: 25px 0px;
}

.page-header-icon {
    background-color: white;
    height: 90px;
    width: 90px;
    mask-size: 90px 90px; 
    -webkit-mask-size: 90px 90px; 
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
}

.card-menu-operations {
  -webkit-mask-image: var(--mask-user-star);
  mask-image: var(--mask-user-star);
}

.card-menu-vip-health {
  -webkit-mask-image: var(--mask-heart-plus);
  mask-image: var(--mask-heart-plus);
}

.card-menu-retention-engine {
  -webkit-mask-image: var(--mask-cog);
  mask-image: var(--mask-cog);
  
}

.card-menu-vip-strategy {
    -webkit-mask-image: var(--mask-star-plus);
  mask-image: var(--mask-star-plus);
  
}

.card-menu-talent-network {
      -webkit-mask-image: var(--mask-handshake);
  mask-image: var(--mask-handshake);
}

.card-menu-affiliate-growth {
    -webkit-mask-image: var(--mask-trending-up);
  mask-image: var(--mask-trending-up);
}

.card-menu-knowledge-hub {
    -webkit-mask-image: var(--mask-brain);
  mask-image: var(--mask-brain);
}

.card-menu-business-intelligence {
    -webkit-mask-image: var(--mask-earth-lock);
  mask-image: var(--mask-earth-lock);
}

.card-menu-about-betentera {
    -webkit-mask-image: var(--mask-square-user);
  mask-image: var(--mask-square-user);
}

.card-menu-blog {
    -webkit-mask-image: var(--mask-book);
  mask-image: var(--mask-book);
}

.card-menu-contact {
    -webkit-mask-image: var(--mask-user-search);
  mask-image: var(--mask-user-search);
}



.menu-item-home::before {
      content: "";
    display: inline-block;
    margin-right: 8px;
    width: 20px; 
    height: 20px;
    background-color: currentColor; 
    -webkit-mask-image: var(--maskhome);
    mask-image: var(--maskhome);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}


.menu-card-icon {
    background-color: white;
    height: 220px;
    width: 100%;
    mask-size: 110px 110px; 
    -webkit-mask-size: 110px 110px; 
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
}

.menu-card-item-icon-1994 {
  -webkit-mask-image: var(--mask1942);
  mask-image: var(--mask1942);
}

.betentra-card {
  padding: 15px;

}

.betentra-card > div {
  padding: 20px 15px;
}

.lightblue-background {
    background-color: hsl(206, 75%, 49%);
}

.lightblue-color {
    color: hsl(206, 75%, 49%);
}

.lightred-background {
    background-color: hsl(331, 90%, 56%);
}

.lightred-color {
    color: hsl(331, 90%, 56%);
}

footer {
  padding: 20px;
}

.ff-el-group {
  color: white !important;
  font-size: 0.9rem !important;
  font-weight: 300 !important;
}

.ff-el-group input {
  background-color: black !important;
  color: white !important;
  border-style: none !important;
}

.ff-el-group select {
  background-color: black !important;
  color: white !important;
  border-style: none !important;
}

.ff-el-group textarea {
  background-color: black !important;
  color: white !important;
  border-style: none !important;
}

.ff-el-group input:focus {
  background-color: black !important;
  color: white !important;
  border-style: none !important;
}

.ff-el-group input:focus, 
textarea:focus, 
select:focus {
    outline: none !important;
    box-shadow: none !important;
}

.ff-el-group input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
    -webkit-text-fill-color: #000000 !important;
}

.ff-el-group button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 13.46px !important;
  position: relative !important;
  z-index: 1 !important;
  box-sizing: border-box !important;

  padding: 15px 35px !important;
  margin: 0 !important;

  font-family: var(--font-sans) !important;
  font-size: 14.73px !important;
  line-height: 1 !important;
  color: oklch(1 0 0) !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;

  background-image: radial-gradient(circle, rgb(184, 169, 205), rgb(7, 2, 12), rgbrgb(208, 200, 217));
  background-color: transparent !important;
  border-radius: 2.68px !important;
  border: 1px solid rgb(184, 169, 205) !important;
  cursor: pointer !important;
  
  overflow: hidden !important;

  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  text-rendering: geometricprecision !important;
  -webkit-font-smoothing: antialiased !important;
  -webkit-tap-highlight-color: transparent !important;
}

.ff_submit_btn_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.betent-home-card {
  position: relative;
  display: inline-block;
  height: 100%;
  margin: 10px 10px 50px 10px;
}

.betent-home-card::after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%;
    height: 1px; 
    word-break: break-word;
    background: linear-gradient(90deg, hsl(206, 75%, 49%), hsl(331, 90%, 56%));
    
    
    transform: scaleX(0); 
    transform-origin: right; 
    transition: transform 1s cubic-bezier(0.25, 1, 0.5, 1);
}

.betent-home-card:hover::after {
    transform: scaleX(1);
    transform-origin: left; 
}

.flex-tables::after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%;
    height: 1px; 
    word-break: break-word;
    background: linear-gradient(90deg, hsl(206, 75%, 49%), hsl(331, 90%, 56%));
    
    
    transform: scaleX(0); 
    transform-origin: right; 
    transition: transform 1s cubic-bezier(0.25, 1, 0.5, 1);
}

.flex-tables:hover::after {
    transform: scaleX(1);
    transform-origin: left; 
}

.title {
  font-size: 2rem;
  margin-bottom: 15px;
  font-weight: 700;
  line-height: 1.2;
}

.title-small {
  font-size: 1.2rem;
  margin-bottom: 15px;
  font-weight: 500;
  line-height: 1.2;
}

.subtitle {
  color: lightgrey;
  font-size: 0.8rem;
  margin-bottom: 10px;
}

.description {
  color: lightgrey;
  font-size: 1rem;
  margin-bottom: 15px;
}

.betent-info {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 50px;
}

.betent-home-card a {
  margin: 0px 15px;
  transition: opacity 250ms ease-in-out;
}

.betent-home-card a:hover {
  opacity: 0.5;
}

.subsections {
  padding-left: 50px;
}

.weight400 {
  font-weight: 400;
}

.weight800 {
  font-weight: 800;
}

.start-convo {
  width: 300px;
}

.contact-us-assist {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: row;
  gap: 20px;
  margin: 100px 20px;
}

.contact-us-assist div:first-child {
  margin-bottom: 20px;
}

@media (max-width: 750px) { 

  .betent-info {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .contact-us-assist {
    flex-direction: column;
  }

}

.wp-block-heading {
  margin-bottom: 15px;
}

.wp-block-paragraph {
  margin-bottom: 20px;
}

.privacy-title {
  margin-bottom: 60px;
}

.privacy-content {
  margin-bottom: 100px;
  padding: 20px;
}

#page-hero {
  text-align: center;
}

.betent-home-card, .contact-us-assist {
    opacity: 0;
    visibility: hidden;
}

.funnel-container {
  width: 350px;
  margin: auto;
  padding: 60px 0px;
  font-size: 1rem;
  position: relative;
}

.funnel-container > * {
  display: flex;
  margin-bottom: 30px;
}

.funnel-container > div:nth-child(even) {
  justify-content: flex-end;
}

.funnel-arrow {
  display: inline-block;
  margin: 0px 10px;
}

.funnel-text {
  display: inline-block;
  padding: 0px;
  background-color: var(--bg-main);
  position: relative;
  z-index: 10;
  word-wrap: break-word;
  word-break: auto-phrase;
}

.funnel-value {
  width: 50%;
  overflow: hidden;
}

.funnel-value-right {
  display: flex;
  overflow: hidden;
  width: 50%;
}

.funnel-line-right {
  height: 1px;
  width: 100%;
  background-color: white;
  position: relative;
  left: -6%;
  margin-left: 10px;
  bottom: 12px;
}

.funnel-line-left {
  height: 1px;
  background-color: white;
  position: relative;
  width: 100%;
  bottom: -12px;
}

.middle-line {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: white;
  margin-bottom: 0px;
}

.big-container {
  font-size: 2.5rem;
  margin: 100px 0px;
  font-weight: 700;
}

.big-container div {
  line-height: 1.3;
}

.status-container {
  font-size: 2rem;
  margin: 100px 0px;
}

.status-item {
  display: inline-block; 
  margin-top: 4px;
  margin-bottom: 4px;
  line-height: 1.2;
}

.status-item:nth-child(odd) {
  font-weight: 700;
}

.status-item:nth-child(even) {
  font-weight: 300;
}

.flex-tables {
  display: flex;
  flex-direction: row;
  margin: 100px 0px;
}

.flex-table {
  width: 50%;
  padding: 10px;
  position: relative;
  margin: 20px 5px;
}

.text-center {
  text-align: center;
}

.flex-table-arrow-icon-down-mobile {
  display: none;
}

.flex-table-arrow-icon-down-desktop {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 20px;
}

.flow-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

@media (max-width: 400px) {

  .betent-home-card {
    width: 220px;
  }

  .start-convo {
    width: 220px;
  }
}


@media (max-width: 500px) {

  .subsections {
    padding-left: 20px;
  }

  .funnel-container {
    width: 270px;
    padding: 30px 10px;
  }
}

@media (max-width: 700px) {

  .flex-tables {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .flex-table {
    width: 100%;
  }

  .flex-table-arrow-icon-down-mobile {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
}