/* =========================================================
   LINXUP MAIN CSS — IN PROGRESS
========================================================= */

/* ===================
Import Fonts
=================== */
/* Inter,Poppins */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* ===================
   Root Variables
=================== */
:root {
/* Custom Brand Colors */
  --linxup-orange-lightest:#FFEBD0;
  --linxup-orange-primary-light:#FFBB5D;
  --linxup-orange-primary:#FF9E18;
  --linxup-orange-link:#E67800;
  --linxup-light-blue-tint:#E5EEF7;
  --linxup-bright-blue:#398DEF;
  --linxup-blue-primary:#0055B8;
  --linxup-dark-blue:#003D84;
  --neutral-even-lighter:#FAFBFC;
  --neutral-lightest:#F1F2F3;
  --neutral-lighter:#E4E6E8;
  --neutral-light:#A2AAAE;
  --neutral:#7B868C;
  --neutral-dark:#626B70;
  --neutral-darker:#313538;
  --neutral-darkest:#24282A;

  --brand-orange:#FF9E18;
  --brand-orange-light:#FFBB5D;
  --brand-blue:#002856;
  --gray-100:#f8f9fa;
  --gray-200:#eee;
  --link:#0d6efd;
  --elev-sm:0 2px 4px rgba(0,0,0,.05);
  --elev-md:0 4px 8px rgba(0,0,0,.15);
  --t:0.3s ease;
  --site-header-height: 96px;
}

/* =========================
   LSG TYPOGRAPHY & COLOR TOKENS
========================= */

/* Text Colors */
.lsg-tc-neutral-darkest,
.logo-cta-description,
/* ===========================
   Linxup Styleguide Classes
   "lsg-" - Linxup Style Guide
============================ */

/*===  *-tc-*  - Text Color  ===*/
.lsg-tc-neutral-darkest,
/* ===========================
   Linxup Styleguide Classes
   "lsg-" - Linxup Style Guide
============================ */

/*===  *-tc-*  - Text Color  ===*/
.lsg-tc-neutral-darkest,
.blog-insights-1-description,
.leadership-section-description,
.leadership-section-item-summary,
/* ===================
  Case Study Heading
=================== */
.case-study-heading-title,
.case-study-heading-description,
.blog-insights-2-description,
/* Blog Insights #2 item layout */
.blog-insights-2-item-eyebrow,
.blog-insights-2-item-summary,
.case-study-gallery-item-summary,
/* Blog Insights #1 item layout */
.blog-insights-1-item-eyebrow,
.blog-insights-1-item-summary,
/* ===========================
   Linxup Styleguide Classes
   "lsg-" - Linxup Style Guide
============================ */

/*===  *-tc-*  - Text Color  ===*/
.lsg-tc-neutral-darkest,
.press-release-description,
/* Press Release item layout */
.press-release-item-eyebrow,
.press-release-item-summary,
.blog-insights-3-description,
/* Blog Insights #2 item layout */
.blog-insights-3-item-eyebrow,
.blog-insights-3-item-summary,
.featured-article-description,
/* Featured article item layout */
.featured-article-item-eyebrow,
.featured-article-item-summary,
.popular-articles-description,
/* Popular articles item layout */
.popular-articles-item-eyebrow,
.bpg-item-summary {
color: var(--neutral-darkest);
}

.lsg-tc-neutral,
/* ===================
  Case Study Gallery
=================== */
.case-study-gallery-item-eyebrow,
/* ===================
  Basic Post Gallery
=================== */
.bpg-item-eyebrow {
color: var(--neutral);
}

/* Headings */
.lsg-ts-h1 {
font-size: 64px; line-height: 110%;
}

.lsg-ts-h2 {
font-size: 48px; line-height: 120%;
}

.lsg-ts-h3 {
font-size: 40px; line-height: 120%;
}

.lsg-ts-h4 {
font-size: 32px; line-height: 120%;
}

.lsg-ts-h5 {
font-size: 24px; line-height: 120%;
}

.lsg-ts-h6 {
font-size: 20px; line-height: 120%;
}

/* Body / Utility Sizes */
.lsg-ts-tagline,
.lsg-ts-eyebrow {
font-size: 1rem; line-height: 150%;
}

.lsg-ts-large {
font-size: 1.625rem; line-height: 160%;
}

.lsg-ts-medium {
font-size: 1.25rem; line-height: 160%;
}

.lsg-ts-regular {
font-size: 1.125rem; line-height: 160%;
}

.lsg-ts-small {
font-size: 1rem; line-height: 160%;
}

.lsg-ts-tiny {
font-size: 0.75rem; line-height: 160%;
}

/* ===================
   RESET & BOOTSTRAP OVERRIDES
=================== */
body {
font-family:"Inter",sans-serif;
}

h1,h2,h3,h4,h5,h6 {
font-family:"Poppins",sans-serif;
}

.nav-link {
color:var(--neutral-darkest);font-size:1.13rem;
}

.nav-link:hover {
color:var(--neutral-darkest);
}

.nav-link:focus-visible {
box-shadow:none!important;outline:none!important
}

button:focus,a:focus,input:focus {
outline:none
}

.navbar-collapse.show {
height:calc(100vh - 56px);overflow-y:auto
}


.dropdown-item:focus, .dropdown-item:hover {
  background-color: #fff !important;
  color: #0d6efd !important;
  
}

.dropdown-item.active, .dropdown-item:focus, .dropdown-item:hover {
  background-color: #fff !important;
  color: #0d6efd !important;
}


.dropdown-item.active, .dropdown-item:active {
  background-color: #fff !important;
  color: #0d6efd !important;
}
/* ===================
  SEARCH BAR
=================== */

#searchBar {
transition:opacity .25s ease;background:#fff;;z-index:1020
}

#searchBar {
background:var(--gray-100);padding:.75rem;border-bottom:1px solid #ddd
}

#searchBar input {
border-radius:50px;padding:.5rem 1rem
}

/* Hide #searchBar by default; avoid layout shifts */
#searchBar {
background:var(--gray-100);border-bottom: 1px solid #ddd;padding:0;max-height:0;transition:max-height 0.4s ease,padding 0.4s ease;z-index:1049;
}

#searchBar>.container {
max-height:0;transition:max-height 0.4s ease, opacity 0.3s ease;opacity:0;
}

#searchBar input {
border-radius:50px;padding:0;overflow:hidden;max-height:0;transition:max-height 0.4s ease,opacity 0.3s ease,padding 0.4s ease;opacity:0;
}

/* Show the #searchBar */
/*   NOTE: adjust the max-height prop to match your search bar’s height */
#searchBar.show {
padding:.75rem;max-height:80px;
}

#searchBar.show>.container {
max-height:80px;opacity:1;
}

#searchBar.show input {
padding:0.5rem 1rem;max-height:80px;opacity:1;
}

/* Remove focus border from input */
#searchBar.show input:focus {
box-shadow:none;border:none;
}

#algoliaResults {
position: absolute;top: 100%;left: 0;right: 0;background: white;border: 1px solid #ddd;box-shadow: 0 8px 25px rgba(0,0,0,.15);z-index: 9999;max-height: 500px;overflow-y: auto;
}

.search-result {
display: block;padding: 14px 18px;color: inherit;text-decoration: none;
}

.search-result:hover {
background: #f5f5f5;
}

/* ===================
   TOP BAR
=================== */
.top-bar {
background:var(--neutral-lightest);font-size:.875rem
}

.top-bar a {
color:var(--linxup-blue-primary);font-weight: 600;text-decoration:none;margin-left:1rem
}

/* ===================
   NAVBAR
=================== */
.navbar {
background:#fff;box-shadow:var(--elev-sm);border-bottom:2px solid var(--gray-200)
}

.navbar .btn-demo {
background:orange;color:#000;border-radius:50px;font-weight:500;padding:.5rem 1.25rem;text-transform:uppercase;transition:background var(--t)
}

.navbar .btn-demo:hover,
.btn.btn-tall-feature-image:hover,
.featured-cta-form .btn.btn-featured-cta:hover,
.btn.btn-square-feature-image:hover,
.btn.btn-icon-feature-gallery-primary:hover,
.btn.btn-case-study-cta:hover {
background:#e56d00
}

/* Dropdowns */
.navbar .dropdown-menu {
position:absolute!important;top:100%;left:50%;transform:translateX(-50%);margin-top:1.21rem;z-index:1050;padding:2rem;width:max-content;border-top:none;min-width:unset;box-shadow:var(--elev-md);border-top-left-radius:0;border-top-right-radius:0
}

.dropdown-menu h6 {
font-size:.9rem;font-weight:700;margin-bottom:.5rem
}

.dropdown-item {
padding:.25rem 0;white-space:nowrap
}

/* Remove default dropdown icon, and animate icon direction change */
.dropdown-toggle::after {
display:none;
}

.dropdown-toggle .custom-icon {
margin-left:0.35rem;transition:transform 0.1s ease;
}

.dropdown-toggle.show .custom-icon {
transform:rotate(180deg);
}

/* Entry Nav Column */
.entry-nav-column {
max-width:220px
}

/* Mobile Nav Links (drawer-like look) */



/* ===================
   MOBILE DRAWER NAV
=================== */
.mobile-drawer {
position:fixed;top:0;left:-100%;width:100%;height:100%;background:#fff;box-shadow:none;transition:left var(--t);z-index:2000;overflow-y:auto;display:flex;flex-direction:column
}

.mobile-drawer.active {
left:0
}

.mobile-drawer .drawer-header {
display:flex;align-items:center;gap:.5rem;padding:1rem;border-bottom:1px solid #eee;background:var(--gray-100)
}

.mobile-drawer .drawer-header .back-btn {
text-decoration:none
}

.mobile-drawer .drawer-header h5 {
margin:0;font-size:1.1rem;font-weight:600;padding-left:10px
}

.mobile-drawer .drawer-body {
display:flex;flex-direction:column;padding:1rem
}

.mobile-drawer .drawer-body a {
padding:.75rem 0;color:#000;text-decoration:none;border-bottom:1px solid #f0f0f0
}

.mobile-drawer .drawer-body a:last-child,.mobile-drawer .drawer-body a.no-bottom-border {
border-bottom:none
}

/* ===================
   MOBILE ADJUSTMENTS (navbar dropdowns full-width)
=================== */



/* ===================
   HERO
=================== */
.curved-hero {
position:relative;
  background:url('../images/home-hero-bg-v2.jpg') center/cover no-repeat;
  color:#fff;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  padding-top:calc(100px + var(--site-header-height));
  padding-bottom:100px;
  min-height:0;
}

.curved-hero::before {
content:"";position:absolute;inset:0;background:rgba(0,0,0,.5);z-index:1
}

.curved-hero svg.desktop-curve {
display:block
}

.curved-hero svg.mobile-curve,
.featured-case-studies-curved-image .featured-case-studies-mobile-curve {
display:none
}

.curved-hero svg {
position:absolute;bottom:0;left:0;width:100%;height:100px;z-index:2
}

.curved-hero-content {
position:relative;z-index:3;max-width:450px
}

.curved-hero h1 {
font-size:3.5rem;font-weight:700
}

.curved-hero p {
font-size:1.25rem;margin:1rem 0 2rem;color:#f0f0f0
}

.curved-hero .btn.btn-curved-hero {
padding:.45rem 1rem;
  font-size:.9rem;
  font-weight:500;
  border-radius:50px;
  text-transform:uppercase;
  transition:background var(--t), color var(--t), border var(--t);
}

.next-section {
background:var(--gray-100);padding:5rem 1rem;text-align:center
}

/* ===================
   BUTTON COLOR MODIFIERS (CMS-driven)
=================== */

/* Default / Orange */
.btn--default,
.btn--orange,
/* ===================
   HERO BUTTON COLOR MODIFIERS (CMS-driven)
=================== */

/* Default / Orange */
.btn--default,
.btn--orange {
background-color:var(--linxup-orange-primary);
  color:#000;
}

/* ===================
   GLOBAL BUTTON ROUNDING (ENFORCED)
=================== */
.btn {
border-radius: 9999px !important;
}

/* Blue */
.btn--blue {
background-color:var(--linxup-blue-primary);
  color:#fff;
}

/* Transparent */
.btn--transparent {
background-color:transparent;
  color:#fff;
  border:2px solid #fff;
}

/* Hover states */
.btn--default:hover,
.btn--orange:hover {
background-color:var(--linxup-orange-primary-light);
  color:#000;
}

.btn--blue:hover {
background-color:var(--linxup-dark-blue);
}

.btn--transparent:hover {
background-color:rgba(255,255,255,.15);
}

/* ===================
   UTILITIES / MISC
=================== */
.orange-gradient-highlight {
background:linear-gradient(90deg,#E67800 0%,var(--brand-orange-light) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent
}

.checkmark-color-orange,
.icon {
color:var(--brand-orange)
}

/* Tall Feature Image */
.tall-feature-image-img {
object-fit:contain;max-height:500px
}

.btn.btn-tall-feature-image,
.footer-bg .d-flex.gap-3 a.btn.btn-footer {
padding:.45rem 1rem;color:#000;font-size:.9rem;font-weight:500;background-color:orange;border-radius:50px;text-transform:uppercase;transition:background var(--t)
}

/* Info Square Over Image (BASE — no color here) */
.info-square-over-image {
position:relative;
  z-index:2;
  color:#212529;
  border-radius:1rem;
  max-width:550px;
  box-shadow:0 4px 20px rgba(0,0,0,.2);
  padding:5rem;
}

/* Info Square Over Image — COLOR VARIANTS */

/* ORANGE (Default / Original design with map pattern) */
.info-panel--orange {
background:
    url('../images/map-bg.png'),
    linear-gradient(rgba(255,128,0,.93),rgba(255,128,0,.93)),
    linear-gradient(white,white);
  background-blend-mode:normal,multiply,normal;
  background-size:cover;
}

/* BLUE */
.info-panel--blue {
background:
    url('../images/map-bg.png'),
    linear-gradient(rgba(57,141,239,.92),rgba(57,141,239,.92)),
    linear-gradient(white,white);
  background-blend-mode:normal,multiply,normal;
  background-size:cover;
  color:#fff;
}

/* TRANSPARENT */
.info-panel--transparent {
background:transparent;
  box-shadow:none;
}

/* Featured Case Studies */
.featured-case-studies-curved-image {
position:relative;overflow:hidden;min-height:500px
}

.featured-case-studies-curved-image::before {
content:"";position:absolute;inset:0;z-index:1
}

.featured-case-studies-curved-image .featured-case-studies-desktop-curve {
position:absolute;top:0;left:0;height:100%;width:100px;z-index:2
}

.featured-case-studies-featured-image {
width:200px;height:200px;object-fit:cover;border-radius:8px
}

.featured-case-studies-featured-content {
flex-grow:1;display:flex;flex-direction:column;padding:1.25rem 0 1.25rem 1.25rem
}

.featured-case-studies-featured-title,
.featured-page-title,
.featured-industry-title {
font-size:1.25rem;font-weight:600;margin-bottom:.5rem
}

.featured-case-studies-featured-summary,
.featured-page-summary,
.featured-industry-summary {
flex-grow:1;color:#555;margin-bottom:1rem
}

/* Overlay & Square Styling */
.square {
background-size:cover;background-position:center;height:332px
}

.square.tall {
height:382px
}

.overlay {
background-color:rgba(0,0,0,.5);width:100%;height:100%
}

/* Featured Pages / Tracking feature gallery */
.featured-pages-gallery,
/* =======================
  Industry Feature Gallery
======================== */
.industry-feature-gallery {
padding:4rem 1rem
}

.featured-pages-gallery h2 {
text-align:left;font-weight:600
}

.featured-page-item,
.featured-industry-item {
display:flex;flex-direction:column;height:100%;background:#fff;overflow:hidden
}

.featured-page-image,
.featured-industry-image {
width:100%;height:200px;object-fit:cover;border-radius:8px
}

.featured-page-content,
.featured-industry-content {
flex-grow:1;display:flex;flex-direction:column;padding:1.25rem 0
}

.featured-page-read-more {
font-weight:600;text-decoration:none;color:var(--link);align-self:flex-start
}

.featured-page-read-more:hover {
text-decoration:underline
}

/* Star Rating (supports decimals via CSS variable) */
.star-rating::before {
content:"★★★★★";
  letter-spacing:2px;
  background:linear-gradient(
    90deg,
    var(--brand-orange) calc(var(--rating, 0) * 20%),
    #000 calc(var(--rating, 0) * 20%)
  );
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  font-size:1.2rem;
}

/* Customer Reviews Section */
.carousel-inner,
.square-feature-image-carousel-section .carousel-inner,
.customer-reviews-bbg-section .carousel-inner,
.awards-carousel-section .carousel-inner {
padding:20px
}

.customer-reviews-section .carousel-indicators,
.square-feature-image-carousel-section .carousel-indicators,
.customer-reviews-bbg-section .carousel-indicators,
.awards-carousel-section .carousel-indicators {
gap:.4rem
}

.customer-reviews-section .carousel-indicators [data-bs-target],
.square-feature-image-carousel-section .carousel-indicators [data-bs-target],
.customer-reviews-bbg-section .carousel-indicators [data-bs-target],
.awards-carousel-section .carousel-indicators [data-bs-target] {
width:10px;height:10px;border-radius:50%;background-color:#ccc
}

.customer-reviews-section .carousel-indicators .active {
background-color:var(--brand-orange)
}

.customer-reviews-custom-control {
width:40px;height:40px;border-radius:50%;background-color:var(--brand-orange-light);display:flex;align-items:center;justify-content:center
}

.customer-reviews-custom-control:disabled,.customer-reviews-custom-control.disabled,
.square-feature-image-carousel-custom-control:disabled,.customer-reviews-custom-control.disabled,
.customer-reviews-bbg-custom-control:disabled,.customer-reviews-bbg-custom-control.disabled,
.quotes-carousel-custom-control:disabled,.quotes-carousel-custom-control.disabled,
.awards-carousel-custom-control:disabled,.awards-carousel-custom-control.disabled {
background-color:#FFEBD0
}

.customer-reviews-section .carousel-control-prev-icon,.customer-reviews-section .carousel-control-next-icon,
.square-feature-image-carousel-section .carousel-control-prev-icon,.square-feature-image-carousel-section .carousel-control-next-icon,
.customer-reviews-bbg-section .carousel-control-prev-icon,.customer-reviews-bbg-section .carousel-control-next-icon,
.quotes-carousel-section .carousel-control-prev-icon,.quotes-carousel-section .carousel-control-next-icon,
.awards-carousel-section .carousel-control-prev-icon,.awards-carousel-section .carousel-control-next-icon {
filter:invert(42%) sepia(6%) saturate(699%) hue-rotate(161deg) brightness(97%) contrast(91%);height:20px
}

.customer-reviews-custom-control:disabled .carousel-control-prev-icon,.customer-reviews-custom-control:disabled .carousel-control-next-icon,
.square-feature-image-carousel-custom-control:disabled .carousel-control-prev-icon,.square-feature-image-carousel-custom-control:disabled .carousel-control-next-icon,
.customer-reviews-bbg-custom-control:disabled .carousel-control-prev-icon,.customer-reviews-bbg-custom-control:disabled .carousel-control-next-icon,
.quotes-carousel-custom-control:disabled .carousel-control-prev-icon,.quotes-carousel-custom-control:disabled .carousel-control-next-icon,
.awards-carousel-custom-control:disabled .carousel-control-prev-icon,.awards-carousel-custom-control:disabled .carousel-control-next-icon {
filter:invert(68%) sepia(86%) saturate(406%) hue-rotate(358deg) brightness(100%) contrast(104%);height:20px
}

/* =========================
   Customer Reviews Carousel – FINAL responsive fix
   (must override Bootstrap grid stacking)
========================= */

/* Mobile: ONLY 1 review per slide */



/* Tablet: ONLY 2 reviews per slide */



/* Integration Logos */
.integration-logos {
display:grid;grid-template-columns:repeat(4,1fr);gap:2rem 2rem;justify-items:center;align-items:center
}

.integration-logos div {
display:flex;justify-content:center;align-items:center
}

.integration-logos img {
max-width:100%;height:auto;max-height:60px;object-fit:contain
}

/* ===================
   Background Utilities (CMS)
=================== */

.bg-default {
background-color:#fff;
}

.bg-gray-lightest {
background-color:var(--neutral-even-lighter);
}



.bg-orange-lightest {
background-color:var(--linxup-orange-lightest);
}

.bg-blue-lightest {
background-color:var(--linxup-light-blue-tint);
}

.bg-transparent {
background-color:transparent;
}

/* ===================
   LOGOS ROW (Matrix Block)
=================== */

.logos-row {
padding:4rem 1rem;
}

.logos-row__heading {
text-align:center;
  margin-bottom:3rem;
}

.logos-row__items {
display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:3rem;
}

.logos-row__logo {
max-height:48px;
  width:auto;
  max-width:140px;
  object-fit:contain;
  opacity:.6;
  transition:opacity .25s ease, transform .25s ease;
}

.logos-row__logo:hover {
opacity:1;
  transform:scale(1.05);
}

/* Responsive */






/* Featured Resources */
.featured-resources-section {
position:relative;background-color:#E5EEF7;padding:12rem 0 6rem;overflow:hidden
}

.featured-resources-section svg {
position:absolute;top:0;left:0;width:100%;transform:translateY(0%);color:#fff
}

.featured-resources-card {
background-color:#fff;border-radius:8px;padding:2rem;height:100%;transition:transform var(--t),box-shadow var(--t)
}

.featured-resources-card:hover {
transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.08)
}

.featured-resources-icon-box,
.linxup-advantage-section .linxup-advantage-item-icon-box {
width:50px;height:50px;background-color:#FFEBD0;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem
}

.featured-resources-icon-box i,
/* ===================
  Icon Feature Gallery
==================== */
.icon-featured-galler-icon-box i,
.linxup-advantage-section .linxup-advantage-item-icon-box i {
color:var(--brand-orange);font-size:1.75rem
}

/* Newsletter CTA Overlay */
.featured-cta-overlay-section {
position:relative;background:url(../images/cta-newsletter-bg.jpg) 50% 40%/cover no-repeat;color:#fff;padding:120px 0
}

.featured-cta-overlay {
position:absolute;inset:0;background-color:rgba(0,0,0,.6);z-index:1
}

.featured-cta-content {
position:relative;z-index:2;text-align:left
}

.featured-cta-form {
max-width:500px;margin-top:20px;display:flex;gap:10px
}

.featured-cta-form input {
flex:1;border:none
}

.featured-cta-form input::placeholder {
color:rgba(255,255,255,.7)
}

.featured-cta-form .btn.btn-featured-cta {
white-space:nowrap;padding:10px 25px;color:#000;font-size:.9rem;font-weight:500;background-color:orange;border-radius:50px;text-transform:uppercase;transition:background var(--t)
}

.featured-cta-overlay-terms {
font-size:.65rem;font-weight:200
}

/* ===================
   FOOTER
=================== */
.footer-bg {
background:url("../images/map-bg.png") center center/cover no-repeat,var(--brand-blue);color:#d8e2ef;position:relative;overflow:hidden;font-size:.95rem;padding-top:5rem;padding-bottom:5rem;overflow:visible!important
}

.footer-bg .container {
position:relative;z-index:1
}

.footer-topbar {
margin-bottom:2.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.15)
}

.footer-bg hr {
border-color:rgba(255,255,255,.15);margin-top:2rem;margin-bottom:2rem
}

.footer-bg h6 {
color:#fff;font-size:.9rem;letter-spacing:.5px;margin-bottom:1rem
}

.footer-bg a {
color:#b0c4de;transition:color .2s ease
}

.footer-bg a:hover {
color:#fff!important
}

.footer-bg .d-flex.gap-3 a {
color:#fff;opacity:.85;transition:opacity .2s ease
}

.footer-bg .d-flex.gap-3 a:hover {
opacity:1
}

.footer-bg .d-flex.gap-3 a.btn.btn-footer:hover {
background:#e56d00;color:#000!important;
}

.footer-bg .btn-warning {
font-weight:600;border:none;color:var(--brand-blue);box-shadow:none
}

/* Footer Responsive Polish Patch */





/* Footer Accordion */
.footer-accordion-btn {
background:none;border:none;color:#fff;font-weight:700;font-size:1rem;padding:.75rem 0;width:100%;text-align:left
}

.footer-accordion-btn i {
transition:transform .3s ease
}

.footer-accordion-btn[aria-expanded="true"] i {
transform:rotate(180deg)
}

.accordion-button {
color:#fff;box-shadow:none!important;border:none!important;padding:.75rem 0;font-size:1rem
}

.accordion-button::after {
filter:invert(1) brightness(2)
}

.accordion-item {
border:none
}

.accordion-body {
padding-left:0;padding-right:0
}

.accordion-button:not(.collapsed) {
background:transparent;color:#fff
}

/* GPU clipping / perf hints */
.footer-bg .col-lg-3.d-md-flex {
backface-visibility:hidden;transform:translateZ(0);will-change:transform
}

.btn--default:hover,
.btn--orange:hover {
background-color:var(--linxup-orange-link);
}

/* Blue */
.btn--blue {
background-color:var(--linxup-bright-blue);
  color:#000;
}

.btn--blue:hover {
background-color:var(--linxup-blue-primary);
  color:#000;
}

/* Transparent */
.btn--transparent {
background-color:transparent;
  color:#fff;
  border:none;
}

.btn--transparent:hover {
background-color:rgba(255,255,255,.15);
  color:#fff;
}

.hero--width-narrow .curved-hero-content {
max-width:360px
}

.hero--width-regular .curved-hero-content {
max-width:450px
}

.hero--width-wide .curved-hero-content {
max-width:600px
}

.hero--width-full .curved-hero-content {
max-width:100%
}

.hero--height-small {
min-height:550px;padding:80px 0
}

.hero--height-medium {
min-height:700px;padding:100px 0
}

.hero--height-large {
min-height:850px;padding:120px 0
}

.hero--align-x-left .curved-hero-content {
text-align:left;margin-left:0;margin-right:auto
}

.hero--align-x-center .curved-hero-content {
text-align:center;margin-left:auto;margin-right:auto
}

.hero--align-x-right .curved-hero-content {
text-align:right;margin-left:auto;margin-right:0
}

/* ===================
   HERO VERTICAL ALIGNMENT (CMS)
=================== */

.hero--align-y-top {
justify-content:flex-start;
}

.hero--align-y-center {
justify-content:center;
  padding-top:var(--site-header-height);
}

.hero--align-y-bottom {
justify-content:flex-end;
}

/* Visual correction for hero vertical centering */
.hero--align-y-center {
justify-content: center;
}

.hero--align-y-center .curved-hero-content {
transform: translateY(-50px);
}

/* ============================
  Square Feature Image Carousel
==============================*/
.square-feature-image-carousel-section {
background-color: var(--linxup-light-blue-tint)
}

.square-feature-image-carousel-section .carousel-indicators .active,
.square-feature-image-carousel-custom-control:hover,
.customer-reviews-bbg-section .carousel-indicators .active,
.quotes-carousel-custom-control:hover,
.awards-carousel-section .carousel-indicators .active {
background-color:var(--linxup-blue-primary)
}

.square-feature-image-carousel-custom-control,
.customer-reviews-bbg-custom-control,
.quotes-carousel-custom-control,
.awards-carousel-custom-control {
width:40px;height:40px;border-radius:50%;background-color:white;display:flex;align-items:center;justify-content:center
}

.square-feature-image-carousel-section .carousel-item .logo-image {
max-width:150px;height:auto;aspect-ratio:105/29;flex-shrink:0;
}

/* ===================
  Square Feature Image
=================== */
.square-feature-image-category-badge {
color: #767676;
    background-color: var(--neutral-even-lighter);
    border: 1px solid var(--neutral-lightest);
}

.btn.btn-square-feature-image {
padding: .65rem 1.35rem;
    color: #000;
    font-size: .9rem;
    font-weight: 500;
    background-color: orange;
    border-radius: 50px;
    text-transform: uppercase;
    transition: background var(--t)
}

.btn.btn-square-feature-image:hover {
background: #e56d00
}

/* Offscreen Feature Image */
.offscreen-feature-image-section {
background: no-repeat 0% 0% / contain url('../images/map-desktop.png');
  margin-top: 6rem;
  margin-bottom: 6rem;
}

/* Kill offscreen feature image on tablet + mobile */
@media (max-width: 1199px) {
  .offscreen-feature-image-section {
    background-image: none !important;
    background: none !important;
  }
}

/* Utilities used */
.lsg-tc-linxup-orange-primary,
.lsg-tc-linxup-orange-primary {
color: var(--linxup-orange-primary);
}

.lsg-ts-h5,
.lsg-ts-h5 {
font-size: 24px;
  line-height: 120%;
}

.lsg-ts-regular,
.lsg-ts-regular {
font-size: 1.125rem;
  line-height: 160%;
}

/* ===================
  Logo CTA
=================== */
.logo-cta-eyebrow,


/* ===================
  Logo CTA
=================== */
.logo-cta-eyebrow,
/* ===================
  Blog Insights #1
=================== */
.blog-insights-1-eyebrow,
/* ===================
  Blog Insights #2
=================== */
.blog-insights-2-eyebrow,
/* ===================
  Blog Insights #1
=================== */
.blog-insights-1-eyebrow,
/* ===================
  Blog Insights #3
=================== */
.blog-insights-3-eyebrow {
color: var(--neutral-darkest);
  text-transform: uppercase;
}

.logo-cta-section {
padding: 6.5rem 1rem 5.8rem;
    margin-bottom: 6rem;
}

.logo-cta-section > h2,
.blog-insights-1-gallery > h2,
.leadership-section-gallery > h2,
.blog-insights-2-gallery > h2,
.press-release-gallery > h2,
.blog-insights-3-gallery > h2,
.featured-article-gallery > h2,
.popular-articles-gallery > h2 {
text-align: left;
    margin-bottom: 2.5rem;
}

.flex-img {
min-height: 100px;
  min-width: 26%;
  max-width: 50%;
  height: auto;
  width: auto;
  object-fit: contain; /* or 'scale-down' depending on desired behavior */
}

.btn.btn-logo-cta-view-all {
padding:.45rem 1rem;color:var(--linxup-blue-primary);background:var(--linxup-light-blue-tint);font-weight:400;border:1px solid rgba(255,255,255,0);border-radius:50px;transition:background var(--t)
}

.btn.btn-logo-cta-view-all:hover,
.btn.btn-icon-feature-gallery-secondary:hover,
.faqs-section .btn.btn-faqs-secondary:hover,
.linxup-advantage-section .btn.btn-linxup-advantage-secondary:hover,
.btn.btn-square-feature-image-secondary:hover,
.btn.btn-roi-secondary:hover {
color:var(--neutral-darkest);background:rgba(0,0,0,0)
}

/* ===================
   Icon Feature Gallery
==================== */

.icon-featured-galler-icon-box {
color: var(--brand-orange);
}

.icon-featured-galler-icon-box i,
.icon-featured-galler-icon-box svg {
color: var(--brand-orange);
  fill: currentColor;
  font-size: 1.75rem;
}

/* ===================
  Single Testimonial
==================== */
.single-testimonial-section {
padding:7.2rem 1rem 6.8rem;background-color:var(--neutral-even-lighter)
}

.single-testimonial-section h5 {
max-width:768px;letter-spacing:.24px;margin-bottom:2.2rem
}

.single-testimonial-section .logo-image {
  max-width: 180px;
  max-height: 60px;
  width: auto;
  height: auto;
  object-fit: contain;
  flex-shrink: 0;
}

@media (max-width: 767.98px) {
  .single-testimonial-section .d-flex.justify-content-center.align-items-center.gap-4.w-100 {
    flex-direction: column;
    gap: 1rem !important;
  }

  .single-testimonial-section .vr {
    display: none;
  }

  .single-testimonial-section .text-nowrap {
    white-space: normal !important;
    text-align: center;
  }

  .single-testimonial-section .logo-image {
    max-width: 180px;
    max-height: 60px;
    width: auto;
    height: auto;
    object-fit: contain;
  }
}

/*===  *-ts-*  - Text Sizes  ===*/
.lsg-ts-h1,
/* ===========================
   Linxup Styleguide Classes
   "lsg-" - Linxup Style Guide
============================ */

/*===  *-ts-*  - Text Sizes  ===*/
.lsg-ts-h1 {
font-size: 64px;
  line-height: 110%;
}

.lsg-ts-h2 {
font-size: 48px;
  line-height: 120%;
}

.lsg-ts-h3 {
font-size: 40px;
  line-height: 120%;
}

.lsg-ts-h4 {
font-size: 32px;
  line-height: 120%;
}

.lsg-ts-h6 {
font-size: 20px;
  line-height: 120%;
}

.lsg-ts-tagline, .lsg-ts-eyebrow {
font-size: 1rem;
  line-height: 150%;
}

.lsg-ts-large {
font-size: 1.625rem;
  line-height: 160%;
}

.lsg-ts-medium {
font-size: 1.25rem;
  line-height: 160%;
}

.lsg-ts-small {
font-size: 1rem;
  line-height: 160%;
}

.lsg-ts-tiny {
font-size: .75rem;
  line-height: 160%;
}

/* ===================
  Curved Hero
=================== */
.curved-hero.curved-hero-bg-2,
/* ===========
  Curved Hero
============ */
.curved-hero.curved-hero-bg-2 {
background:url('../images/phone-gps.png') center/cover no-repeat
}

.curved-hero-content-2 {
position:relative;z-index:3
}

.curved-hero .btn.btn-curved-hero-secondary {
padding:.45rem 1rem;color:#000;font-size:.9rem;font-weight:500;background-color:var(--linxup-bright-blue);border-radius:50px;text-transform:uppercase;transition:background var(--t)
}

.curved-hero .btn.btn-curved-hero-secondary:hover,
.btn.btn-pricing-cta-buy:hover,
.btn.btn-visibility-cta-buy:hover,
.btn.btn-discover-solutions-cta-buy:hover,
/* ===========================
   Linxup Styleguide Classes
   "lsg-" - Linxup Style Guide
============================ */

/*===  *-bgc-*  - Background Color  ===*/
.lsg-bgc-linxup-blue-primary {
background:var(--linxup-blue-primary)
}

/* ===================
  Square Feature Image
=================== */
.square-feature-image-category-badge {
color:#767676;background-color:var(--neutral-even-lighter);border:1px solid var(--neutral-lightest)
}

.btn.btn-square-feature-image,
.btn.btn-icon-feature-gallery-primary {
padding:.65rem 1.35rem;color:#000;font-size:.9rem;font-weight:500;background-color:orange;border-radius:50px;text-transform:uppercase;transition:background var(--t)
}

/* ======================
  Offscreen Feature Image
======================= */
.offscreen-feature-image-section {
background: no-repeat 0% 0%/contain url('../images/map-desktop.png');
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.logo-cta-section {
padding: 6.5rem 1rem 5.8rem;
    background-color: var(--neutral-even-lighter);
    margin-bottom: 6rem;
}

.btn.btn-icon-feature-gallery-secondary,
.faqs-section .btn.btn-faqs-secondary,
.linxup-advantage-section .btn.btn-linxup-advantage-secondary,
/* ===================
  Square Feature Image
==================== */
.btn.btn-square-feature-image-secondary {
padding:.65rem 1.35rem;color:var(--linxup-blue-primary);font-size:.9rem;font-weight:500;background:var(--linxup-light-blue-tint);font-weight:400;border:1px solid rgba(255,255,255,0);border-radius:50px;transition:background var(--t)
}

/* =======================
  Customer Reviews Blue BG
======================== */
.customer-reviews-bbg-section,
/* =======================
  Customer Reviews Blue BG
======================== */
.customer-reviews-bbg-section,
/* ==============
  Awards Carousel
============== */
.awards-carousel-section {
background-color: var(--linxup-light-blue-tint);padding:6rem 0 6.5rem
}

.customer-reviews-bbg-section .customer-reviews-bbg-content h2,
.awards-carousel-section .awards-carousel-content h2 {
max-width:768px;letter-spacing:-.48px
}

.customer-reviews-bbg-section .customer-reviews-bbg-content p,
.awards-carousel-section .awards-carousel-content p {
max-width:560px
}

.customer-reviews-bbg-custom-control:hover,
.awards-carousel-custom-control:hover {
background-color:var(--linxup-blue-primary);color:white
}

/* ===================
  Track 3 Steps
==================== */
.track-3-steps-section {
padding-top:100px;padding-bottom:100px
}

.track-3-steps-section .step-image-wrapper {
width:auto;max-height:400px;aspect-ratio:348/211.62;
}

.track-3-steps-section .step-image {
width:100%;height:100%;object-fit:cover;object-position:center
}

.track-3-steps-section .step-badge {
position:absolute;top:-20px;right:15px;padding:4px 15px;font-size:1.15rem;background-color:var(--linxup-orange-primary)
}

.track-3-steps-section-title {
margin-bottom:4.4rem
}

/* ===================
  FAQs
==================== */
.faqs-section {
background-color:var(--neutral-even-lighter);padding-top:6.2rem;padding-bottom:5.7rem
}

.faqs-section .faqs-heading,
.faqs-section .faqs-subheading {
max-width:768px
}

.faqs-section .accordion {
max-width:768px;margin-bottom:5rem
}

.faqs-section .accordion-item {
--bs-accordion-bg:transparent
}

.faqs-section .accordion-flush > .accordion-item:first-of-type {
border-top: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
}

.faqs-section .accordion-flush > .accordion-item:last-of-type {
border-bottom: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
}

.faqs-section .accordion-button {
font-family:"Inter",sans-serif;padding:1rem 1.25rem
}

.faqs-section .accordion-button:not(.collapsed) {
color:var(--neutral-darkest);background-color:transparent;box-shadow:none
}

.faqs-section .accordion-body {
padding:0 1.25rem 1.7rem
}

/* ===================
   FAQ Chevron Fix (Restore Bootstrap Icon)
=================== */
.faqs-section .accordion-button::after {
background-image: var(--bs-accordion-btn-icon);
  background-size: 1.25rem;
  filter: none;
}

.faqs-section .accordion-button:not(.collapsed)::after {
transform: rotate(180deg);
}

/* ===================
  Pricing CTA
==================== */
.pricing-cta-overlay-section {
position:relative;background:url('../images/guys-on-construction-site.jpg') 50% 36% / cover no-repeat;color:white;padding:100px 0
}

/*.pricing-cta-overlay,
.visibility-cta-overlay {
position:absolute;inset:0;background-color:rgba(0,0,0,0.6);z-index:1
}

*/
.pricing-cta-overlay {
position:absolute;inset:0;z-index:1;background:linear-gradient(to right,#000000D9, transparent 78%)
}

.pricing-cta-content,
.visibility-cta-content {
position:relative;z-index:2;text-align:left;max-width:800px
}

.btn.btn-pricing-cta-buy,
.btn.btn-visibility-cta-buy,
.btn.btn-discover-solutions-cta-buy {
background:var(--linxup-bright-blue);color:#000;border-radius:50px;font-weight:500;padding:.7rem 1.55rem;text-transform:uppercase;transition:background var(--t)
}

.lsg-tc-neutral-lightest {
color: var(--neutral-lightest);
}

.curved-hero .curved-hero-eyebrow {
text-transform: uppercase;letter-spacing:.8px
}

.industry-feature-gallery .industry-feature-gallery-title {
max-width:870px
}

/* =======================
  Equipment Stats
====================== */
.equipment-stats-section {
padding:6.5rem 1rem 5.8rem;background-color:var(--neutral-even-lighter)
}

.equipment-stats-section .stats-box {
background-color:var(--neutral-lightest);padding:2rem
}

/* =======================
  360 Visibility CTA
====================== */
.visibility-cta-overlay-section {
position:relative;background:url('../images/worker-looking-at-trucks.jpg') 50% 36% / cover no-repeat;color:white;padding:100px 0
}

.btn.btn-visibility-cta-demo,
.btn.btn-discover-solutions-cta-demo {
background:var(--linxup-orange-primary);color:#000;border-radius:50px;font-weight:500;padding:.7rem 1.3rem;text-transform:uppercase;transition:background var(--t)
}

.btn.btn-visibility-cta-demo:hover,
.btn.btn-discover-solutions-cta-demo:hover,
.btn.btn-ebook-form:hover,
.btn.btn-roi-calc-step:hover,
.btn.btn-roi-form-entry:hover {
background:var(--linxup-orange-link)
}



/* ===================
  Quotes Carousel
==================== */
.quotes-carousel-section,
/* ===================
  Quotes Carousel
==================== */
.quotes-carousel-section {
background:radial-gradient(67.55% 70.52% at 82.26% 44.22%, #FF9E18 0%, rgba(255, 255, 255, 0.00) 100%), radial-gradient(65.04% 86.73% at 71.39% 100%, #398DEF 0%, rgba(255, 255, 255, 0.00) 100%), #F4F5FA; padding:6rem 2rem 5rem
}

.quotes-carousel-section .carousel-inner {
padding:0 20px
}

/* =======================
  Linxup Advantage
====================== */
.linxup-advantage-section,


/* ==============
  Press Resources
============== */
.press-resources-section {
padding:6rem 2rem
}

.linxup-advantage-section .linxup-advantage-item-card {
background-color:#fff;border-radius:8px;padding:0;height:100%;
}

/* ========================
  Icon Bullet Timeline
======================== */
.icon-bullet-timeline {
padding: 15px;
  list-style: none;
}

.icon-bullet-timeline .timeline-item {
position: relative;
  padding-bottom: 65px;
  padding-left: 50px;
  padding-top: 10px;
  border-left: 2px solid var(--neutral-lighter);
}

.icon-bullet-timeline .timeline-item:last-child {
border-color: transparent;
}

.icon-bullet-timeline .timeline-item > .fa-li {
top: 0;
  left: -1.22rem;
  padding: 10px 4px;
  background: white;
  color: var(--linxup-orange-primary);
}

.icon-bullet-timeline .timeline-item .text {
position: relative;
  top: -8px;
}

.awards-carousel-section .carousel-item img {
height:371px;object-fit: contain;border-radius: 8px
}

.blog-insights-1-gallery {
padding: 6.5rem 1rem 5.8rem;
    background-color: var(--neutral-even-lighter);
}

/* ===========================
   Linxup Styleguide Classes
   "lsg-" - Linxup Style Guide
============================ */

/*===  *-bgc-*  - Background Color  ===*/
.lsg-bgc-linxup-light-blue-tint {
background:var(--linxup-light-blue-tint)
}

.lsg-bgc-neutral-lightest,
/* ===========================
   Linxup Styleguide Classes
   "lsg-" - Linxup Style Guide
============================ */

/*===  *-bgc-*  - Background Color  ===*/
.lsg-bgc-neutral-lightest,

/* ===========================
   Linxup Styleguide Classes
   "lsg-" - Linxup Style Guide
============================ */

/*===  *-bgc-*  - Background Color  ===*/
.lsg-bgc-neutral-lightest {
background:var(--neutral-lightest)
}

/*===  *-tc-*  - Text Color  ===*/
.lsg-tc-neutral-darkest,
.lsg-tc-neutral-darkest {
color:var(--neutral-darkest)
}

/* ===========
  Global
============ */
.simple-eyebrow {
color:var(--neutral);text-transform:uppercase;letter-spacing:.8px
}

/* =================
  Leadership Section
================= */
.leadership-section-gallery,
/* ===================
  Press Release
=================== */
.press-release-gallery,
/* ===================
  Featured Article
=================== */
.featured-article-gallery,
/* ===================
  Popular Articles
=================== */
.popular-articles-gallery {
padding: 4rem 1rem;
}

/* Press Release item layout */
.leadership-section-item-image {
width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 8px;
}

.leadership-section-item-content,
.blog-insights-2-item-content,
.case-study-gallery-item-content,
.blog-insights-1-item-content,
.press-release-item-content,
.blog-insights-3-item-content,
.featured-article-item-content,
.popular-articles-item-content,
.bpg-item-content {
padding: 1.25rem 0;
}

.leadership-section-item-title,
.blog-insights-2-item-title,
.case-study-gallery-item-title,
.blog-insights-1-item-title,
.press-release-item-title,
.blog-insights-3-item-title,
.featured-article-item-title,
.popular-articles-item-title,
.bpg-item-title {
margin-bottom: 0.5rem;
}

.leadership-section .linkedin-icon,.leadership-section .twitter-icon {
color:var(--neutral-darkest);font-size:25px;
}

/* ===================
  Case Study CTA
=================== */
.btn.btn-case-study-cta {
padding:.6rem 1.4rem;color:#000;font-size:.9rem;font-weight:500;background-color:orange;border-radius:100px;text-transform:uppercase;transition:background var(--t)
}

.case-study-social-media-links {
color:var(--neutral-darkest)!important;background-color:var(--neutral-lightest);display:flex;align-items:center;justify-content:center;width:37px;height:37px
}

.case-study-social-media-links:hover,
.blog-categories:hover,
.blog-body .blog-content-sections-link:hover {
background-color:var(--neutral-lighter)
}

.btn.btn-case-study-tag {
padding:.45rem 1rem;color:var(--neutral-darkest);font-size:16px;font-weight:600;background-color:var(--neutral-lightest);border:1px solid rgba(255,255,255,0);border-radius:50px;transition:background var(--t)
}

.btn.btn-case-study-tag:hover,
.btn.btn-newsletter-cta-2:hover,
.btn.btn-integrations-detail-head:hover {
background:var(--neutral-lighter)
}

.blog-insights-2-gallery {
padding: 4rem 1rem;
    background-color: var(--linxup-light-blue-tint);
}

.blog-insights-2-item-image,
.case-study-gallery-item-image,
.blog-insights-1-item-image,
.press-release-item-image,
.blog-insights-3-item-image {
width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 8px;
}

/* ===================
  Newsletter CTA #2
=================== */
.newsletter-cta-2-overlay-section {
background:url("../images/map-bg.png") center center/cover no-repeat,var(--linxup-blue-primary);color:white;position:relative;overflow:hidden;padding-top:6rem;padding-bottom:5rem;overflow:visible!important
}

.newsletter-cta-2-content {
position: relative;
      z-index: 2;
      text-align: left;
}

/* Form container */
    .newsletter-cta-2-form {
margin-top: 20px;
      display: flex;
      gap: 10px; /* space between input and button */
}

/* Input styling */
    .newsletter-cta-2-form input {
flex: 1;
      border: none;
}

.newsletter-cta-2-form input::placeholder {
color: rgba(255, 255, 255, 0.7);
}

/* Button styling */
    .btn.btn-newsletter-cta-2,
/* =============
  Newsletter CTA
============== */
.btn.btn-newsletter-cta-2 {
padding:.55rem 1.6rem;color:var(--neutral-darkest);background-color:var(--neutral-lightest);border:1px solid rgba(255,255,255,0);border-radius:50px;transition:background var(--t)
}

.newsletter-cta-2-overlay-terms {
font-size: 0.65rem;
        font-weight: 200;
}

.newsletter-cta-2-overlay-terms a {
color: white;
}

/* ===========================
  Case Study Category Filters
============================= */
.btn.btn-case-study-category-filter,


.btn.btn-blog-insights-1-view-all,
.btn.btn-blog-categories,
.btn.btn-blog-sections {
padding:.45rem 1rem;color:var(--neutral-darkest);font-weight:400;border:1px solid rgba(255,255,255,0);border-radius:50px;transition:background var(--t)
}

.btn.btn-case-study-category-filter:hover,
.btn.btn-blog-insights-1-view-all:hover,
.btn.btn-blog-categories:hover,
.btn.btn-blog-sections:hover {
color:var(--linxup-blue-primary);background:var(--linxup-light-blue-tint)
}

/* =======================
  Discover Solutions CTA
====================== */
.discover-solutions-cta-overlay-section {
position: relative;
  background: url('../images/linxup-phone-gps-alert.jpg') 50% 36% / cover no-repeat;
  color: white;
  padding: 100px 0;
}

.discover-solutions-cta-overlay {
position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1;
}

.discover-solutions-cta-content {
position: relative;
  z-index: 2;
  text-align: left;
  max-width: 800px;
}

/* ===============================
  Integrations Detail Head Section
=============================== */
.integrations-detail-head-section {
background:var(--linxup-light-blue-tint);padding:6rem 0
}

.btn.btn-integrations-detail-head {
padding:.65rem 1.35rem;color:#000;font-size:.9rem;font-weight:500;background-color:white;border-radius:50px;text-transform:uppercase;transition:background var(--t)
}



/* =======================
  Discover Solutions CTA
====================== */
.discover-solutions-cta-overlay-section {
position: relative;
  background: url('../images/woman-shaking-hands.jpg') 50% 36% / cover no-repeat;
  color: white;
  padding: 100px 0;
}

/* ===================
  eBook Landing Body
=================== */

/* Remove blue outline, which would otherwise appear on :focus */
.ebook-form input.form-control:focus,.ebook-form select.form-select:focus,
/* Remove blue outline, which would otherwise appear on :focus */
.roi-calc-steps-section input.form-control:focus,
.roi-calc-steps-section select.form-select:focus,
/* ===================
  ROI Form Entry
=================== */
/* Remove blue outline, which would otherwise appear on :focus */
.roi-form-entry input.form-control:focus,.roi-form-entry select.form-select:focus {
outline:none;border-color:transparent;box-shadow:none;transition:none
}

/* Prevent the black border that appears around inputs when "unfocus" */
.ebook-form input.form-control,.ebook-form select.form-select,
/* Prevent the black border that appears around inputs when "unfocus" */
.roi-calc-steps-section input.form-control,
.roi-calc-steps-section select.form-select,
/* Prevent the black border that appears around inputs when "unfocus" */
.roi-form-entry input.form-control,.roi-form-entry select.form-select {
transition:none
}

.ebook-form-description {
max-width:470px
}

.ebook-form-tel-link {
text-decoration:none;color:var(--linxup-blue-primary)
}

.btn.btn-ebook-form,
.btn.btn-roi-form-entry {
background:var(--linxup-orange-primary);color:#000;border-radius:50px;font-weight:500;padding:.65rem 1.3rem;text-transform:uppercase;transition:background var(--t)
}

.blog-insights-3-gallery {
padding: 8rem 1rem;
    background-color: var(--linxup-light-blue-tint);
}

/* ===============
  Blog Categories
=============== */
.blog-categories,
/* ===================
  Blog Section Links
=================== */
.blog-body .blog-content-sections-link {
padding:.5rem 1rem;
  margin-bottom:0;
  border-radius:8px;
}

.bpg-item-image {
width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 8px;
}

/* ===================
  Blog Header
=================== */
.blog-header .back-link,
/*===  *-tc-*  - Text Color  ===*/
.lsg-tc-linxup-blue-primary {
color:var(--linxup-blue-primary)
}

.blog-header .category-badge {
background:rgba(36,40,42,.05);padding:.45rem .6rem
}

.blog-header .post-image-wrapper {
width: 100%;
  height: 612px;
  border-radius: 12px;
  overflow: hidden;
}

.blog-header .post-image-wrapper img {
width: 100%;
  height: 100%;
  object-fit: cover;
}

.blog-header .author-wrapper {
position: relative;
  display: inline-block;
}

/* Author Name */
.blog-header .author-name {
color:var(--linxup-blue-primary);
  font-weight: 600;
  cursor: pointer;
}

/* Bubble Container */
.blog-header .author-bubble {
position: absolute;
  top: 130%;
  left: 0;
  width: 412px;
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
  opacity: 0;
  pointer-events: none;
  transform: translateY(5px);
  transition: all 0.18s ease-out;
  z-index: 999;
}

/* ▾ Triangle Pointer */
.blog-header .author-bubble::before {
content: "";
  position: absolute;
  top: -8px;
  left: 30px; /* adjust horizontally */
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
  filter: drop-shadow(0 -2px 2px rgba(0,0,0,0.1));
}

/* Visible state */
.blog-header .author-bubble.show {
opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

/* Card layout */
.blog-header .author-card {
display: flex;
  gap: 15px;
  align-items: center;
}

.blog-header .author-photo {
width: 55px;
  height: 55px;
  border-radius: 50%;
  object-fit: cover;
  margin-bottom: 2rem;
}

.blog-header .author-title {
font-size: 15px;
}

.blog-header .author-title .role {
color:#979797;
}

.blog-header .author-details p {
margin: 8px 0 3px;
  font-size: 14px;
  color: #979797;
}

.blog-header .linkedin-icon {
font-size: 25px;
  color: #5A7184;
}

/* ==============
  Blog Table of Contents
============== */

.blog-content-sections-link {
  text-align: left !important;
  margin-left: 0 !important;
}

/* Fix desktop blog TOC alignment */
.blog-body .d-md-flex.flex-column {
  align-items: flex-start !important;
}

.blog-body .blog-content-sections-link {
  display: block;
  width: 100%;
  text-align: left !important;
}

/* In case Bootstrap/grid is centering */
.blog-body .row {
  text-align: left !important;
}


/* ==============
  Blog Footer
============== */
.blog-footer .tag-pill {
background: #f2f2f2;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 0.85rem;
  display: inline-block;
}

.blog-footer .author-photo {
width: 55px;
  height: 55px;
  border-radius: 50%;
  object-fit: cover;
}

.lsg-tc-neutral-lighter {
color:var(--neutral-lighter)
}

.lsg-tc-neutral-light {
color:var(--neutral-light)
}

.lsg-tc-neutral {
color:var(--neutral)
}

/* ===================
  ROI Form (General)
=================== */
.roi-border-green {
border-color: #3ac381 !important;
}

.roi-bg-green {
background:rgba(243,251,249)
}

.roi-text-green {
color: #23a35a !important;
}

.roi-border-red {
border-color: #d9534f !important;
}

.roi-bg-red {
background:rgba(253,243,245)
}

.roi-text-red {
color: #d9534f !important;
}

.btn.btn-roi-calc-step {
background:var(--linxup-orange-primary);color:#000;font-weight:500;padding:.65rem 1.3rem;border-radius:50px;text-transform:uppercase;transition:background var(--t)
}

.btn.btn-roi-secondary {
background:var(--linxup-light-blue-tint);color:var(--linxup-blue-primary);font-weight:500;padding:.65rem 1.35rem;border:1px solid rgba(255,255,255,0);border-radius:50px;transition:background var(--t)
}

/* ===== Custom styling for sliders & inputs ===== */
.roi-calc-steps-section .range-input::-webkit-slider-thumb,
.roi-calc-steps-section .range-input::-moz-range-thumb {
background: #f7a325 !important;
}

.roi-calc-steps-section .form-control.custom-number {
border: none;
  border-radius: 0.33rem;
  padding: 0.375rem 0.8rem;
  max-width: 100px;
}

.roi-calc-steps-section .form-range.custom-range {
--slider-color: #f7a325;
  --slider-background: #e9ecef;
  width: 100%;
  height: 0.9rem;
  -webkit-appearance: none;
  background: var(--slider-background);
  border-radius: 0.5rem;
  outline: none;
  position: relative;
  overflow: hidden;
}

.roi-calc-steps-section .form-range:focus::-moz-range-thumb,
.roi-calc-steps-section .form-range:focus::-webkit-slider-thumb {
box-shadow: none;
}

.roi-calc-steps-section .form-range.custom-range::-moz-range-track {
height: .5rem;
}

.roi-calc-steps-section .form-range.custom-range::-webkit-slider-runnable-track {
height: .5rem;
  background-color: unset;
}

.roi-calc-steps-section .form-range.custom-range::-webkit-slider-thumb {
-webkit-appearance: none;
  width: .94rem;
  height: .94rem;
  background: white;
  border-radius: 50%;
  border: 2px solid var(--slider-color);
  margin-top: -0.22rem;
  cursor: pointer;
  position: relative;
  z-index: 2;
}

.roi-calc-steps-section .form-range.custom-range::-moz-range-thumb {
width: .7rem;
  height: .7rem;
  background: white;
  border-radius: 50%;
  border: 2px solid var(--slider-color);
  cursor: pointer;
  position: relative;
  z-index: 2;
}

.roi-calc-steps-section .form-range.custom-range::-moz-range-progress {
background-color: var(--slider-color);
  height: 0.5rem;
}

.roi-calc-steps-section .form-range.custom-range::-ms-fill-lower {
background-color: var(--slider-color);
}

.roi-form-entry .roi-form-entry-content {
width:100%;max-width:600px
}

.btn.btn-roi-form-entry:disabled {
border-color:#FF7800;background:#FF7800
}

/* ===================
  ROI Card
=================== */
.roi-card {
box-shadow:0 4px 16px 0 rgba(0,0,0,.08)
}

.roi-card-head {
background:linear-gradient(180deg,#0055B8 0%,#003D84 100%)
}

/* ===================
  ROI Report PDF
=================== */
/* We need to replace the inputs for the PDF because inputs don't render their values on iOS */
.pdf-input-replacement {
border: none;
  border-radius: 0.33rem;
  background: rgba(36, 40, 42, .05);
  color: var(--neutral-darker);
  line-height: 2.4;
  padding: 0.375rem 0.8rem;
  max-width: 100px;
  width: 100%;
}

/* =========================
   Media Queries (Unchanged)
   ========================= */

@media (max-width: 991.98px) {
.lsg-ts-h1 { font-size: 48px;
}

}

@media (max-width: 991.98px) {
.lsg-ts-h2 { font-size: 44px;
}

}

@media (max-width: 991.98px) {
.lsg-ts-h3 { font-size: 32px;
}

}

@media (max-width: 991.98px) {
.lsg-ts-h4 { font-size: 24px;
}

}

@media (max-width: 991.98px) {
.lsg-ts-h5 { font-size: 20px;
}

}

@media (max-width: 991.98px) {
.lsg-ts-h6 { font-size: 18px;
}

}

@media (max-width:991.98px) {
.navbar-collapse{height:0;opacity:0;overflow:hidden;transition:height .35s ease,opacity .35s ease
}

.navbar-collapse.show {
height:calc(100vh - 56px);opacity:1;overflow-y:auto
}

}

@media (max-width:991.98px) {
li.nav-item>.nav-link{padding:1.5rem 0;color:#000;border-bottom:1px solid #f0f0f0;font-size:20px
}

li.nav-item>.no-bottom-border {
border-bottom:none
}

.navbar .btn-demo {
font-size:18px;width:200px
}

}

@media (min-width:992px) {
.mobile-drawer{display:none
}

}

@media (max-width:991.98px) {
.top-bar{display:none
}

.navbar-nav {
margin-top:1rem
}

.dropdown-menu.mega-menu,.dropdown-menu.columns {
position:static!important;width:100%!important;padding:2rem;border:none;margin-top:.5rem;left:0;right:0;transform:unset;box-shadow:unset
}

}

@media (max-width:991.98px) {
.curved-hero-content{text-align:center;margin:0 auto
}

.curved-hero h1 {
font-size:2.5rem
}

.curved-hero p {
font-size:1rem
}

.curved-hero svg.desktop-curve {
display:none
}

.curved-hero svg.mobile-curve {
display:block
}

}

@media (min-width:992px) {
.info-square-over-image{
    position:absolute;
    transform:translateY(-11%);
    right:12%;
    height:480px;
}

}

@media (max-width:767px) {
.featured-case-studies-curved-image{min-height:300px
}

.featured-case-studies-curved-image .featured-case-studies-desktop-curve {
display:none
}

.featured-case-studies-curved-image .featured-case-studies-mobile-curve {
display:block;position:absolute;top:0;left:0;width:100%;height:80px;z-index:2
}

}

@media (max-width:991.98px) {
.square,.square.tall{height:250px
}

}

@media (max-width:767px) {
.featured-pages-gallery h2{text-align:center
}

}

@media (max-width: 767.98px) {
.customer-reviews-section .carousel-item .row > div{
    display:none !important;
}

.customer-reviews-section .carousel-item .row > div:first-child {
display:block !important;
    flex:0 0 100% !important;
    max-width:100% !important;
}

}

@media (min-width:768px) and (max-width:991.98px) {
.customer-reviews-section .carousel-item .row > div{
    display:none !important;
}

.customer-reviews-section .carousel-item .row > div:nth-child(-n+2) {
display:block !important;
    flex:0 0 50% !important;
    max-width:50% !important;
}

}

@media (max-width:992px) {
.integration-logos{grid-template-columns:repeat(3,1fr)
}

}

@media (max-width:768px) {
.integration-logos{grid-template-columns:repeat(2,1fr)
}

}

@media (max-width:991.98px) {
.logos-row__logo{
    max-height:42px;
    max-width:120px;
}

}

@media (max-width:575.98px) {
.logos-row__items{
    gap:2rem;
}

}

@media (max-width:992px) {
.featured-cta-content{text-align:center
}

}

@media (max-width:992px) {
.cta-form{margin:20px auto 0
}

}

@media (max-width:992px) {
.footer-bg{text-align:center;padding-top:2rem;padding-bottom:2rem
}

}

@media (max-width:992px) {
.footer-bg .row{flex-direction:column;align-items:center;text-align:center
}

.footer-bg .col-lg-3 {
margin-bottom:2rem
}

.footer-bg img {
margin:0 auto
}

.footer-bg .d-flex.gap-3 {
justify-content:center;margin-top:1rem
}

.footer-bg .col-md-3 {
margin-bottom:2rem
}

.footer-bg h6 {
margin-top:1.5rem;font-weight:700
}

.footer-bg ul {
padding:0;margin:0
}

.footer-bg .d-flex.flex-column.flex-md-row.justify-content-between {
flex-direction:column;gap:1rem
}

.footer-bg .d-flex.flex-column.flex-md-row.justify-content-between .fw-bold {
font-size:1rem
}

.footer-bg .btn-warning {
margin:0 auto
}

.footer-bg hr {
margin:2.5rem 0
}

.footer-bg .footer-bottom {
flex-direction:column;gap:1rem;text-align:center
}

.footer-bg .footer-bottom .d-flex {
justify-content:center;flex-wrap:wrap;gap:.75rem
}

.footer-bg .footer-bottom a {
display:inline-block;font-size:.85rem
}

}

@media (max-width:576px) {
.footer-bg{padding-top:2.5rem;padding-bottom:2.5rem
}

.footer-bg h6 {
font-size:1rem
}

.footer-bg ul li {
margin-bottom:.5rem;text-align:left
}

.footer-bg .btn-warning {
font-size:.9rem;padding:.45rem 1.2rem
}

}

@media (min-width:992px) {
.footer-accordion-btn{display:none
}

}

@media (max-width:991.98px) {
.footer-bg{padding-top:2rem!important;padding-bottom:2rem!important;background:#002856 url("../images/map-bg.png") center top/cover no-repeat;background-attachment:scroll
}

.footer-bg .d-flex.flex-md-row {
gap:.5rem!important;margin-bottom:.5rem!important
}

.footer-bg .accordion.accordion-flush {
margin-top:1.5rem!important
}

.footer-bg .accordion-button {
padding:.5rem 0!important;font-size:.95rem
}

.footer-bg .accordion-body {
padding:.25rem 0 .5rem!important
}

.footer-bg .accordion-body a {
padding:.25rem 0!important
}

.footer-logo-socials {
margin-top:1.25rem!important
}

.footer-logo-socials img {
margin-bottom:.5rem!important
}

.footer-bg hr {
margin-top:1.25rem!important;margin-bottom:1.25rem!important
}

.footer-bottom {
margin-top:1rem!important;padding-top:.5rem!important
}

}

@media (max-width:991.98px) {
.hero--align-x-right .curved-hero-content,
  .hero--align-x-left .curved-hero-content{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

}

@media (max-width: 1199.92px) {
.offscreen-feature-image-section {
    background: none;
    margin: 0;
}

}

@media (max-width: 991.98px) {
.lsg-ts-h5 {
    font-size: 20px;
}

}

@media (max-width: 992px) {
.logo-cta-sectiony > h2 {
        text-align: center;
}

}

@media (max-width:991.98px) {
.lsg-ts-h1 {
    font-size: 48px;
}

}

@media (max-width:991.98px) {
.lsg-ts-h2 {
    font-size: 44px;
}

}

@media (max-width:991.98px) {
.lsg-ts-h3 {
    font-size: 32px;
}

}

@media (max-width:991.98px) {
.lsg-ts-h4 {
    font-size: 24px;
}

}

@media (max-width:991.98px) {
.lsg-ts-h5 {
    font-size: 20px;
}

}

@media (max-width:991.98px) {
.lsg-ts-h6 {
    font-size: 18px;
}

}

@media (max-width:767.98px) {
.customer-reviews-bbg-section .carousel-item .col-md-4{flex:0 0 100%;max-width:100%
}

}

@media (max-width:767.98px) {
.track-3-steps-section .step-badge{top:-20px;right:15px;padding:7px 18px;font-size:1.3rem
}

}

@media(max-width:992px) {
.pricing-cta-content{text-align:center
}

}

@media (max-width:991.98px) {
.btn.btn-pricing-cta-buy{font-size:18px;width:200px
}

}

@media (max-width:767px) {
.industry-feature-gallery h2{text-align:center
}

}

@media(max-width:992px) {
.visibility-cta-content{text-align:center
}

}

@media (max-width:991.98px) {
.btn.btn-visibility-cta-demo{font-size:18px;width:200px
}

}

@media (max-width:991.98px) {
.btn.btn-visibility-cta-buy{font-size:18px;width:200px
}

}

@media (max-width:767.98px) {
.awards-carousel-section .carousel-item .col-md-4{flex:0 0 100%;max-width:100%
}

}

@media (max-width: 992px) {
.blog-insights-1-gallery > h2 {
        text-align: center;
}

}

@media (max-width: 992px) {
.leadership-section-gallery > h2 {
        text-align: center;
}

}

@media (max-width: 992px) {
.blog-insights-2-gallery > h2 {
        text-align: center;
}

}

@media (max-width: 992px) {
.newsletter-cta-content {
            text-align: center;
}

}

@media (max-width: 992px) {
.newsletter-cta-2-form {
            margin: 20px auto 0;
}

}

@media (max-width: 992px) {
.discover-solutions-cta-content {
    text-align: center;
}

}

@media (max-width:991.98px) {
.btn.btn-discover-solutions-cta-demo{font-size:18px;width:200px
}

}

@media (max-width:991.98px) {
.btn.btn-discover-solutions-cta-buy{font-size:18px;width:200px
}

}

@media (max-width: 992px) {
.press-release-gallery > h2 {
        text-align: center;
}

}

@media (max-width: 992px) {
.blog-insights-3-gallery > h2 {
        text-align: center;
}

}

@media (max-width: 992px) {
.featured-article-gallery > h2 {
        text-align: center;
}

}

@media (max-width: 992px) {
.popular-articles-gallery > h2 {
        text-align: center;
}

}

/* In Progress */
.page-coming-soon {
    min-height: 100vh;
    display: flex;
    align-items: center;
    background: linear-gradient(135deg, #f8f9fa, #eef2f7);
}

.coming-soon-box {
    background: #ffffff;
    padding: 3rem 2rem;
    border-radius: 14px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.08);
    max-width: 600px;
}

.coming-soon-box h1 {
    font-size: 2.25rem;
    margin-bottom: 1rem;
    font-weight: 700;
}

.coming-soon-box p {
    font-size: 1.1rem;
    opacity: 0.7;
}

/* Blog Overrides */

.blog-content img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
  margin: 2rem 0;
}

.blog-mobile-toc-scroll {
  overflow-x: auto;
  gap: 12px;
  padding-bottom: 8px;
  scroll-snap-type: x mandatory;
}

.blog-mobile-toc-scroll .btn-blog-sections {
  flex: 0 0 auto;
  white-space: nowrap;
  scroll-snap-align: start;
}

/* ===================
   Blog Tables – Responsive (Clean + Desktop Scroll)
=================== */

/* Make table scroll horizontally */
.blog-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 2rem 0;
  display: block;
  overflow-x: scroll; /* force scrollbar visible */
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  position: relative;
}

/* Cells */
.blog-content th,
.blog-content td {
  padding: 12px 16px;
  border: 1px solid var(--neutral-lighter);
  text-align: left;
}

/* Header styling */
.blog-content th {
  background: var(--neutral-even-lighter);
  font-weight: 600;
}

/* Visible scrollbar (WebKit browsers) */
.blog-content table::-webkit-scrollbar {
  height: 10px;
}

.blog-content table::-webkit-scrollbar-track {
  background: #f1f3f6;
  border-radius: 6px;
}

.blog-content table::-webkit-scrollbar-thumb {
  background: #c4c9d4;
  border-radius: 6px;
}

.blog-content table::-webkit-scrollbar-thumb:hover {
  background: #aeb4c1;
}

/* Subtle scroll indicator fade */
.blog-content table::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 25px;
  height: 100%;
  pointer-events: none;
}
/* Animations */
/* Force pure fade (no movement) */
[data-aos="fade"] {
  transform: none !important;
}

[data-aos="fade"].aos-animate {
  transform: none !important;
}


/* =========================================
   NAVBAR MID-SIZE FIX
   Prevent cutoff before tablet breakpoint
========================================= */
@media (max-width: 1285px) and (min-width: 992px) {

  /* Tighter overall navbar spacing */
  .navbar .container {
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  /* Slightly smaller logo */
  .navbar-brand img {
    width: 120px !important;
  }

  /* Tighten nav spacing */
  .navbar-nav {
    gap: .5rem !important;
  }

  /* Smaller nav links */
  .nav-link {
    font-size: .95rem;
    padding-left: .6rem !important;
    padding-right: .6rem !important;
  }

  /* Smaller CTA button */
  .navbar .btn-demo {
    padding: .45rem .9rem;
    font-size: .78rem;
    white-space: nowrap;
  }

  /* Search icon spacing */
  .navbar .fa-search {
    font-size: 1rem;
  }

  /* Mega menu width control */
  .navbar .dropdown-menu {
    width: 95vw;
    max-width: 1100px;
    padding: 1.5rem;
    overflow-x: auto;
  }

  /* Reduce mega menu internal spacing */
  .dropdown-menu .d-flex,
  .dropdown-menu .row {
    gap: 1rem !important;
  }

  /* Smaller dropdown text */
  .dropdown-menu a,
  .dropdown-menu li {
    font-size: .92rem;
  }

  /* Smaller integration image */
  .dropdown-menu img {
    max-width: 150px !important;
    height: auto;
  }
}


.btn {
  margin-top: 3px;
  margin-bottom: 3px;
}

.breadcrumb {
  color: #444;
  padding: 20px 0px;
}
.breadcrumb a {
  color: #0055b8;
  text-decoration: none;
}

.blog-cta {
  background: #f2f2f2;
  padding: 20px;
  border-radius: 10px;
  margin-top: 20px;
  width: 100%;
  box-sizing: border-box;
}

.blog-cta.is-fixed {
  position: fixed !important;
  top: 80px !important;
  left: var(--blog-cta-left) !important;
  width: var(--blog-cta-width) !important;
  max-width: 306px !important;
  z-index: 9999 !important;
}

.blog-cta img {
  max-width: 100% !important;
  height: auto !important;
  display: block;
}

.blog-cta.is-fixed {
  position: fixed !important;
  top: 80px !important;
  left: var(--blog-cta-left) !important;
  width: var(--blog-cta-width) !important;
  max-width: 306px !important;
  z-index: 9999 !important;
}

.blog-cta.is-stopped {
  position: absolute !important;
  left: 0 !important;
  width: var(--blog-cta-width) !important;
  max-width: 306px !important;
  z-index: 1 !important;
}

.product-specs-table {
  border-top: 2px solid var(--bs-primary);
}

.product-specs-table th {
  width: 40%;
}

.product-specs-table th,
.product-specs-table td {
  padding: 1rem;
}

.resource-card-media {
  position: relative;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  background: #eef1f4;
}

.resource-card-media .blog-insights-3-item-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}