/* ========================
   Global Color Variables
======================== */
:root {
	 --brand-orange: #ff773d;
	 --brand-orange-light: #ff9466;
	 --brand-orange-dark: #ff4d00;
	 --background: #070709;
	 --foreground: #fafafa;
	 --primary: #ff773d;
	 --secondary: #1b1d23;
	 --muted: #121417;
	 --accent: #21252b;
	 --card: #0d0f11;
	 --border: #282c34;
   --hero-gradient: linear-gradient(135deg, hsl(220 15% 3%) 0%, hsl(220 13% 8%) 100%);
}

/* ========================
   Base Styles
======================== */
body {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  background-color: var(--background);
  color: var(--foreground);
  line-height: 1.6;
  font-size: 16px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  color: var(--foreground);
  font-weight: 700;
  margin-bottom: 1rem;
}

h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.75rem; }
h4 { font-size: 1.5rem; }
h5 { font-size: 1.25rem; }
h6 { font-size: 1rem; }

p {
  font-weight: 400;
  color: var(--secondary);
  margin-bottom: 1rem;
}

a {
  color: var(--primary);
  text-decoration: none;
  transition: 1s;
  font-weight: 500;
}
a:hover {
  color: var(--foreground);
  text-decoration: none;
}

.btn-primary {
  background-color: var(--primary);
  border-color: var(--primary);
  color: var(--foreground);
  font-weight: 600;
}
.btn-primary:hover {
  background-color: var(--background);
      border-color: var(--primary);
}

.btn-outline-secondary {
  border-color: var(--border);
  color: var(--secondary);
  font-weight: 500;
  background: var(--card);
  padding: 10px 20px;
  border-radius: 10px;
}
.btn-outline-secondary:hover {
  background-color: var(--accent);
  color: var(--foreground);
}

.section {
  padding: 80px 0;
}

@media (max-width:768px) {
  .section {
    padding: 40px 0;
  }
}


.cta-btn {
  padding: 12px 32px;
  font-size: 1.1rem;
  border-radius: 8px;
  margin-right: 10px;
  font-weight: 600;
  border: none;
  transition: background 0.2s;
  display: inline-flex;
  align-items: center;
  gap: 16px;
  color: #fff;
  background: linear-gradient(90deg, #ff7c2a, #ff4800);
  cursor: pointer;
  box-shadow: 0 2px 24px #1b1208 c0;
  outline: none;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 40px hsl(18 100% 62% / .3);
}
 .cta-btn .cta-arrow {
	 display: inline-block;
	 transition: transform 0.25s cubic-bezier(0.45, 0.05, 0.55, 1);
}
 .cta-btn:hover .cta-arrow {
	 transform: translateX(12px);
}
 .cta-btn:hover {
	 box-shadow: 0 4px 32px #1b1208 e0;
	/* Optionally brighten background for hover filter: brightness(1.04);
	 */
}


.cta-black-btn {
  padding: 15px 32px;
  font-size: 1.1rem;
  border-radius: 8px;
  margin-right: 10px;
  font-weight: 600;
  border: none;
  transition: background 0.2s;
	text-align: center;
}
.cta-black-btn {
  background: var(--background);
  color: #fff;
  border: 1px solid var(--border);
}
.cta-black-btn:hover {
  border-color: var(--brand-orange-dark);
  background: var(--accent);
}
 
 .section .c-section-title {
	 text-align: center;
	 font-size: 2.4rem;
	 font-weight: 900;
	 margin-bottom: 10px;
}
 .section .c-section-title .highlight, .section .c-section-title span {
	 color: var(--brand-orange);
}
 .section .c-section-desc {
	 text-align: center;
	 color: #b0b3bd;
	 font-size: 1.15em;
	 margin-bottom: 30px;
}



.navbar {
  background-color: var(--background) !important;
      border-bottom: 1px solid #282c34;
          position: fixed;
    width: 100%;
        /* padding: 15px 0; */
        padding: 0;
        z-index: 9999;
}

.navbar .nav-item {
      margin-left: 12px;
          padding: 15px 0;
}

.navbar-nav .nav-link {
    color: var(--foreground);
    font-weight: 600;
    transition: 0.6s;
    font-family: inherit;
    font-feature-settings: inherit;
    font-size: .875rem;
    line-height: 1.25rem;
}
.navbar-nav .nav-link:hover {
  /* color: var(--primary); */
}


  .mega-menu .dropdown-menu {
    width: 900px;
    border-radius: 8px;
    background: #111;
    border: none;
    top: 90%;
    left: 100%;
    transform: translateX(-50%);
  }
  .mega-menu-left {
    background: #151618;
/*     padding: 15px; */
    border-right: 1px solid #333;
  }
  .mega-menu-left ul li {
	      font-size: .875rem;
    padding: 15px;
    color: #ccc;
    cursor: pointer;
/*     border-radius: 6px; */
    display: flex;
	  	      border-right: 1px solid transparent;
    align-items: center;
    gap: 8px;
    transition: 0.6s;
  }
  .mega-menu-left ul li:hover,
  .mega-menu-left ul li.active {
    background: #22242c;
	      border-right: 1px solid #ff6600;
/*     color: #ff6600; */
  }
  .mega-menu-right {
    padding: 20px;
    color: #fff;
  }
  .mega-panel {
    display: none;
  }
  .mega-panel.active {
    display: block;
  }
.dropdown-toggle::after {
    position: relative;
    top: 2px;
    left: 2px;
}
  .hover-dropdown:hover > .dropdown-menu {
        background-color: black !important;
    display: block;
    border: 1px solid;
    padding: 25px !important;
        min-width: 320px;
            top: 90%;
  }

      .hover-dropdown:hover > .dropdown-menu li {
                    padding: 5px;
    margin-bottom: 5px;
        border-radius: 10px;
    transition: 0.6s;
    /* border: 1px solid #292929; */
  }

    .hover-dropdown:hover > .dropdown-menu li:hover {
    background: #22242c;
  }
.hover-dropdown:hover > .dropdown-menu li:hover h6 {
	transition: 0.6s;
}
    .hover-dropdown:hover > .dropdown-menu li:hover h6 {
    color: var(--primary)!important;
  }


  .hover-dropdown:hover > .dropdown-menu li p {
    color: white!important;
  }

  .mega-menu-right .mega-panel .sub-child-menu {
    border: 1px solid #22242c;
    background: transparent;
    color: white;
    border-radius: 10px;
  }

    .mega-menu-right .mega-panel p, .mega-menu-right .mega-panel .sub-child-menu p {
    color: white!important;
  }

      .mega-menu-right .mega-panel .sub-child-menu:hover {
        border: 1px solid #22242c;
    background: #22242c;
  }
    .mega-menu-right .mega-panel .sub-child-menu:hover, .mega-menu-right .mega-panel .sub-child-menu:hover h6 {
	  transition: 0.6s;
}

      .mega-menu-right .mega-panel .sub-child-menu:hover h6 {
		      color: var(--primary);
  }


.mega-menu-left ul li i {
    color: #ff6600;
}

.dropdown-toggle::after {
 transition: transform 0.3s ease; /* smooth flip */
}
.dropdown:hover .dropdown-toggle::after {
  transform: rotate(180deg); /* flips down/up smoothly */
}

    .nav-item:hover .nav-link {
          background: #22242c;
    border-radius: 10px;
    }


    /* Remove default outline & border */
/* Remove default outline & border */
.navbar-toggler {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Hamburger icon lines */
.navbar-toggler-icon {
  width: 24px;
  height: 0;
  background-color: #000;
  display: block;
  position: relative;
  transition: all 0.3s ease;
}

.navbar-toggler-icon::before,
.navbar-toggler-icon::after {
  content: "";
  width: 24px;
  height: 2px;
  background-color: #FFF;
  position: absolute;
  left: 0;
  transition: all 0.3s ease;
}

.navbar-toggler-icon::before {
  top: -8px;
}

.navbar-toggler-icon::after {
  top: 8px;
}

/* === MENU OPEN (no collapsed class) === */
.navbar-toggler:not(.collapsed) .navbar-toggler-icon {
  background-color: transparent;
}

.navbar-toggler:not(.collapsed) .navbar-toggler-icon::before {
  transform: rotate(45deg);
  top: 0;
}

.navbar-toggler:not(.collapsed) .navbar-toggler-icon::after {
  transform: rotate(-45deg);
  top: 0;
}


  @media (min-width: 992px) {
    .mega-menu:hover > .dropdown-menu {
      display: block !important;
    }
	.mega-menu-left {
    min-height: 350px;
}
.navbar-nav .nav-link {
      padding-right: 1rem!important;
    padding-left: 1rem!important;
}
  }

  .dropdown-menu p {
    margin-bottom: 0.5rem;
  }

  @media (max-width: 991.98px) {
    .mega-menu .dropdown-menu {
      width: 100vw;
      max-width: 100%;
      left: 0 !important;
      transform: none !important;
      border-radius: 0;
    }

    .mega-menu-wrapper {
      padding: 0 10px;
    }

    .mega-menu-left,
    .mega-menu-right {
              width: 95% !important;
/*       padding: 15px 0 !important; */
      border: none !important;
    }

    .mega-menu-left ul {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }

    .mega-menu-left ul li {
		        width: 100%;
      /* flex: 1 1 45%; */
	  flex: none;
      /* padding: 10px 8px; */
    }
.hover-dropdown:hover > .dropdown-menu {
      width: 95%;
	      margin-top: 5px;
    padding: 10px !important;
}
    .mega-menu-right {
      border-top: 1px solid #333;
    }

    .navbar .nav-item {
    margin-left: 0;
	    padding: 5px 0;
}
.nav-item:hover .nav-link {
    background: transparent;

}
.mega-panel.active h5 {
	    margin-left: 10px;
}


  }



















.hero-section {
      padding: 150px 0 80px 0;
  background: var(--hero-gradient);
  height: 80vh;
}

.hero-section .hero-badge {
  background: var(--accent);
  color: var(--foreground);
  font-weight: 500;
  border-radius: 30px;
  padding: 6px 20px;
  display: inline-block;
  margin-bottom: 20px;
  font-size: 0.8rem;
  letter-spacing: 0.02em;
}

.hero-section .hero-title {
  font-size: 3rem;
  font-weight: 900;
  color: var(--foreground);
  margin-bottom: 24px;
  line-height: 1.2;
}
.hero-section .hero-title .highlight {
  color: var(--brand-orange);
}

.hero-section .hero-text {
  color: #b0b3bd;
  /* font-size: 1.25rem; */
  margin-bottom: 30px;
}

.hero-section .hero-card {
  /* background: var(--card);
  border-radius: 24px;
  box-shadow: 0 8px 32px 0 rgba(25,26,36,0.38);
  overflow: hidden;
  position: relative; */
}
@media (max-width: 992px) {
  .hero-section .hero-title { font-size: 2.1rem; }
}







 .how-works-section {
	 background: var(--background);
	 color: var(--foreground);
	 /* padding: 70px 0 50px 0; */
}
 .how-works-section .works-title {
	 font-size: 2.4rem;
	 font-weight: 800;
	 text-align: center;
	 margin-bottom: 10px;
}
 .how-works-section .works-title .highlight {
	 color: var(--brand-orange);
}
 .how-works-section .works-desc {
	 text-align: center;
	 color: #b0b3bd;
	 margin-bottom: 42px;
	 font-size: 1.07em;
	 font-weight: 400;
}
 .how-works-section .step-row {
	 gap: 2rem;
	 justify-content: center;
	 /* margin-bottom: 34px; */
}
 .how-works-section .step-card {
	 background: var(--card);
	 border-radius: 22px;
	 color: var(--foreground);
	 min-width: 250px;
	 box-shadow: 0 4px 24px 0 rgba(25, 26, 36, 0.15);
	 border: 1px solid var(--border);
	 padding: 25px;
	 position: relative;
	 flex: 1 1 210px;
	 max-width: 300px;
	 margin: 0 5px;
	 display: flex;
	 flex-direction: column;
	 min-height: 220px;
   transition: 0.6s;
}
.how-works-section .step-card:hover {
      transform: scale(1.1);
}
 .how-works-section .step-card .step-number {
	 position: absolute;
	 top: -15px;
	 left: 22px;
	 background: var(--background);
	 color: var(--brand-orange);
	 font-size: 1.07em;
	 font-weight: 700;
	 border-radius: 50%;
	 border: 2.5px solid var(--brand-orange);
	 width: 32px;
	 height: 32px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 box-shadow: 0 2px 8px 0 rgba(25, 26, 36, 0.13);
}
 .how-works-section .step-card .step-icon {
	 font-size: 2.1em;
	 margin-bottom: 15px;
	 /* margin-top: 15px; */
	 color: #61a8fa;
}

 .how-works-section .step-card .step-icon i {
padding: 15px;
    border-radius: 10px;
    font-size: 20px;
}

.how-works-section .step-card .step-icon i.bi-box {
background-color: #60a5fa1a;
}


.how-works-section .step-card .step-icon i.bi-geo-alt {
    background-color: #4ade801a;
}

.how-works-section .step-card .step-icon i.bi-person-arms-up {
    background-color: #c084fc1a;
}

.how-works-section .step-card .step-icon i.bi-arrow-repeat {
    background-color: hsl(18 100% 62% / .1);
}

 .how-works-section .step-card .step-icon.track {
	 color: #39cc83;
}
 .how-works-section .step-card .step-icon.onboard {
	 color: #b980fc;
}
 .how-works-section .step-card .step-icon.refresh {
	 color: var(--brand-orange);
}
 .how-works-section .step-card h6 {
	 margin-bottom: 7px;
	 font-size: 1.15em;
	 font-weight: 700;
}
 .how-works-section .step-card p {
	 color: #b0b3bd;
	 font-size: 1em;
	 font-weight: 400;
	 margin-bottom: 0;
}
 .how-works-section .step-arrow {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 color: var(--border);
	 font-size: 2em;
	 margin: 0 5px;
}
 .how-works-section .cta-box {
	 background: var(--card);
	 border-radius: 20px;
	 padding: 32px 25px 28px 25px;
	 margin: 46px auto 0 auto;
	 text-align: center;
	 box-shadow: 0 2px 16px 0 rgba(25, 26, 36, 0.13);
	 max-width: 650px;
	 border: 1px solid var(--border);
}
 .how-works-section .cta-box h5 {
	 color: var(--foreground);
	 font-size: 1.24em;
	 margin-bottom: 0.7em;
	 font-weight: 600;
}
 .how-works-section .cta-box p {
	 color: #b0b3bd;
	 margin-bottom: 20px;
	 /* font-size: 1.04em; */
}
 .how-works-section .cta-box .cta-btn {
	 padding: 11px 27px;
	 margin: 0 8px;
	 font-size: 1.05em;
	 font-weight: 700;
	 border-radius: 7px;
	 border: none;
	 transition: background 0.2s;
	 cursor: pointer;
}
 .how-works-section .cta-box .cta-btn.main {
	 background: var(--brand-orange-dark);
	 color: #fff;
}
 .how-works-section .cta-box .cta-btn.ghost {
	 background: var(--accent);
	 color: #fff;
	 border: 1.5px solid var(--border);
}
 .how-works-section .cta-box .cta-btn.main:hover {
   background: var(--primary-gradient);
}
 .how-works-section .cta-box .cta-btn.ghost:hover {
	 background: var(--muted);
}
 @media (max-width: 991px) {
	 .how-works-section .step-row {
		 flex-direction: column;
		 gap: 1.5rem;
	}
	 /* .how-works-section .step-card {
		 max-width: 98%;
		 margin: 0 auto !important;
	} */
	 .how-works-section .step-arrow {
		 display: none;
	}
}
 




 .pitfalls-section {
	 /* background: #121317; */
	     background: var(--hero-gradient);
	 color: var(--foreground);
	 /* padding: 70px 0 40px 0; */
}
 /* .pitfalls-section .pitfalls-title {
	 text-align: center;
	 font-size: 2.4rem;
	 font-weight: 900;
	 margin-bottom: 10px;
}
 .pitfalls-section .pitfalls-title .highlight {
	 color: var(--brand-orange);
}
 .pitfalls-section .pitfalls-desc {
	 text-align: center;
	 color: #b0b3bd;
	 font-size: 1.13em;
	 margin-bottom: 45px;
} */
 .pitfalls-section .card-row {
	 display: flex;
	 gap: 2.1rem;
	 justify-content: center;
	 margin-bottom: 50px;
	 flex-wrap: wrap;
}
 .pitfalls-section .pitfall-card {
	 background: var(--card);
	 border: 1.5px solid var(--border);
	 border-radius: 18px;
	 min-width: 245px;
	 min-height: 170px;
	 max-width: 315px;
	 padding: 25px;
	 display: flex;
	 flex-direction: column;
	 justify-content: flex-start;
	 margin: 0 5px;
   transition: 1s;
}
 .pitfalls-section .pitfall-card .icon-box {
	 background: var(--accent);
	 border-radius: 11px;
	 width: 44px;
	 height: 44px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 font-size: 1.5em;
	 margin: 5px 0;
}
 .pitfalls-section .pitfall-card:hover {
	 border: 1.5px solid var(--brand-orange);
   background-color: hsl(var(--card));
}
 .pitfalls-section .pitfall-card:hover .icon-box {
	 color: var(--brand-orange);
}
 .pitfalls-section .pitfall-card:hover .card-title {
	 color: var(--brand-orange);
}
 .pitfalls-section .pitfall-card .card-title {
	 font-weight: 700;
	 font-size: 18px;
	 color: var(--foreground);
	 margin-bottom: 8px;
	     /* min-height: 58px; */
}
 .pitfalls-section .pitfall-card .card-desc {
	 color: #b0b3bd;
	 font-size: 16px;
       min-height: 90px;
}
 .pitfalls-section .pitfalls-note {
	 color: #b0b3bd;
	 text-align: center;
	 /* font-size: 1.09em; */
	 margin-top: 30px;
}
 .pitfalls-section .pitfalls-note .divider {
	 margin: 22px auto 0 auto;
	 display: block;
	 width: 54px;
	 height: 3px;
	 background: var(--brand-orange);
	 border-radius: 2px;
}






.procure-section {
	 /* padding: 65px 0 60px 0; */
	 background: var(--background);
	 color: var(--foreground);
}
 /* .procure-section .procure-title {
	 text-align: center;
	 font-size: 2.4rem;
	 font-weight: 900;
	 margin-bottom: 12px;
}
 .procure-section .procure-title span {
	 color: var(--brand-orange);
	 font-weight: 900;
}
 .procure-section .procure-desc {
	 text-align: center;
	 color: #b0b3bd;
	 font-size: 1.15em;
   margin-bottom: 30px;
	
} */
 .procure-section .feature-row {
	 display: flex;
	 flex-wrap: wrap;
gap: 1rem 2rem;
    /* margin-bottom: 20px; */
}
 .procure-section .feature-card {
	 flex: 1 1 220px;
	 min-width: 235px;
	 background: var(--card);
	 border: 1.5px solid var(--border);
	 border-radius: 16px;
	 padding: 28px 22px 24px 22px;
	 margin: 0 0 18px 0;
	 display: flex;
	 flex-direction: column;
   transition: 0.6s;
}
.procure-section .feature-card:hover .feature-title {
    color: var(--brand-orange);
}
 .procure-section .feature-card .icon-box {
	 background: var(--accent);
	 border-radius: 10px;
	 width: 42px;
	 height: 42px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 font-size: 1.29em;
	 color: var(--brand-orange);
	 margin: 6px 0;
}
 .procure-section .feature-card .feature-title {
	 color: var(--foreground);
	 font-size: 1.08em;
	 font-weight: 700;
	 margin-bottom: 6px;
}
 .procure-section .feature-card .feature-desc {
	 color: #b0b3bd;
	 font-size: 1em;
	 font-weight: 400;
}
 .procure-section .why-card {
border-radius: 14px;
    /* padding-left: 20px; */
    margin-top: 20px;
    color: var(--foreground);
}
 .procure-section .why-card.solution-page {
border: none;
background: transparent;
 }
 .procure-section .why-card h6 {
	 font-size: 1.03em;
	 font-weight: 700;
	 margin-bottom: 13px;
}
 .procure-section .why-card ul {
	 color: #b0b3bd;
	 font-size: 1em;
	 margin-bottom: 0;
	 padding-left: 1em;
}
 .procure-section .why-card ul li {
	 margin-bottom: 7px;
}
 .procure-section .why-card ul li::marker {
	 color: var(--brand-orange);
	 font-size: 1.1em;
}
 .procure-section .why-card ul li strong {
	 /* color: var(--brand-orange); */
}
 .procure-section .cta-btn {
	 padding: 13px 32px;
	 background: var(--brand-orange);
	 color: #fff;
	 font-size: 1.08em;
	 font-weight: 700;
	 border: none;
	 border-radius: 7px;
	 margin-top: 15px;
	 transition: 0.2s;
	 box-shadow: 0 3px 18px 0 rgba(255, 119, 61, .10);
}
 .procure-section .cta-btn:hover {
	 background: var(--brand-orange-dark);
}
 .procure-section .visual-panel {
	 /* position: relative;
	 display: flex;
	 align-items: center;
	 justify-content: flex-end;
	 margin-top: 26px; */
}
 @media (max-width: 991px) {
	 .procure-section .visual-panel {
		 justify-content: center;
	}
}
 .procure-section .visual-panel .img-box {
	 /* border-radius: 18px; */
	 overflow: hidden;
	 border: 10px solid #fff;
	 /* background: #fff;
	 box-shadow: 0 8px 32px 0 rgba(25, 26, 36, 0.38); */
	 /* max-width: 480px; */
	 width: 100%;
	 /* min-width: 250px; */
	 /* position: relative; */
}

.procure-section .visual-panel .img-box img {
    height: 500px;
    object-fit: cover;
}

 .procure-section .visual-panel .badge {
	 position: absolute;
	 left: 15px;
	 top: -25px;
	 background: var(--accent);
	 color: #ff9466;
	 font-size: 1.1em;
	 font-weight: 700;
	 padding: 7px 16px 6px 16px;
	 border-radius: 11px;
	 box-shadow: 0 2px 8px 0 rgba(25, 26, 36, 0.13);
	 border: 2px solid var(--border);
	 text-align: left;
	 line-height: 1.1;
}
 .procure-section .visual-panel .success-badge {
	 position: absolute;
	 right: 0;
	 bottom: -33px;
	 background: #1b3c1b;
	 color: #47f084;
	 font-size: 1.03em;
	 font-weight: 700;
	 padding: 6.6px 19px 6.6px 19px;
	 border-radius: 13px;
	 box-shadow: 0 2px 10px 0 rgba(25, 26, 36, 0.18);
	 border: 2px solid #33e96f;
	 text-align: left;
	 line-height: 1.09;
	 white-space: nowrap;
}
 @media (max-width: 991px) {
	 .procure-section .feature-row {
		 flex-direction: column;
		 gap: 1.2rem;
	}
	 .procure-section .visual-panel {
		 justify-content: center;
		 margin-top: 35px;
	}
}
 





.total-control-section {
	 /* padding: 60px 0 55px 0; */
	background-image: linear-gradient(to bottom right, hsl(18 100% 62% / .05), transparent, hsl(220 13% 15% / .05));
	 color: var(--foreground);
}
 .badge-main {
	     background: #ff94661c;
	 color: var(--brand-orange-light);
   border: 1px solid var(--brand-orange-light);
	 font-weight: 700;
	 font-size: 12px;
	 border-radius: 25px;
	 padding: 6px 16px 6px 16px;
	 /* margin-bottom: 25px; */
	 display: inline-block;
}
 /* .total-control-section .total-title {
	 text-align: center;
	 font-size: 2.4rem;
	 font-weight: 900;
	 margin-bottom: 13px;
}
 .total-control-section .total-title .highlight {
	 color: var(--brand-orange);
}
 .total-control-section .total-desc {
	 text-align: center;
	 color: #b0b3bd;
	 font-size: 1.15em;
	 margin-bottom: 42px;
	 max-width: 650px;
	 margin-left: auto;
	 margin-right: auto;
} */
 .total-control-section .features-grid {
	 display: grid;
	 grid-template-columns: 1fr 1fr;
	 gap: 35px 30px;
	 justify-content: center;
	 align-items: stretch;
	 margin-top: 22px;
}
 @media (max-width: 991px) {
	 .total-control-section .features-grid {
		 grid-template-columns: 1fr;
		 gap: 22px 0;
	}
}
 .total-control-section .feature-card {
	 background: var(--card);
	 border: 1.5px solid var(--border);
	 border-radius: 19px;
	 padding: 32px 33px 25px 33px;
	 position: relative;
	 min-height: 200px;
	 box-shadow: none;
	 transition: 0.6s;
}
 .total-control-section .feature-card .card-badge {
	 position: absolute;
	 top: 21px;
	 right: 25px;
	 background: var(--accent);
	 color: var(--brand-orange-light);
	 font-size: 0.98em;
	 font-weight: 600;
	 padding: 5.5px 13px;
	 border-radius: 12px;
	 box-shadow: 0 2px 7px 0 rgba(25, 26, 36, 0.11);
	 border: 1.5px solid var(--border);
}
 .total-control-section .feature-card .icon {
width: 38px;
    height: 38px;
    border-radius: 10px;
    background: #21252b7a;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2em;
    margin-bottom: 15px;
}
 .total-control-section .feature-card .feature-title {
	 font-size: 1.25em;
	 font-weight: 700;
	 color: var(--foreground);
	 margin-bottom: 7px;
}
 .total-control-section .feature-card .feature-title.orange {
	 color: var(--brand-orange);
}
 .total-control-section .feature-card .feature-desc {
	 color: #b0b3bd;
	 font-size: 1.08em;
	 margin-bottom: 18px;
}
 .total-control-section .feature-card .explore-link {
	 color: var(--brand-orange);
	 font-weight: 600;
	 font-size: 1.06em;
	 letter-spacing: 0.01em;
	 text-decoration: none;
	 transition: color 0.18s;
}
 .total-control-section .feature-card .explore-link:hover {
	 color: var(--brand-orange-dark);
}
 .total-control-section .feature-card .explore-link svg, .total-control-section .feature-card .explore-link i {
	 vertical-align: middle;
	 margin-left: 6px;
}
 .total-control-section .feature-card.active, .total-control-section .feature-card:hover {
	 z-index: 2;
	 box-shadow: 0 0 32px 0 rgba(255, 119, 61, .15), 0 0 0 -15px var(--brand-orange-light);
	 border-color: var(--brand-orange-light);
	 background: linear-gradient(110deg, var(--card) 70%, #25292e 130%);
}

 

.capabilities-block {
    /* background: hsl(220, 13%, 12%); */
	    background: var(--hero-gradient);
    border-radius: 28px;
    box-shadow: 0 0 0 1.5px hsl(220, 13%, 18%);
    margin-top: 40px;
}

.capabilities-title {
  color: hsl(0, 0%, 98%);
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 12px;
  letter-spacing: -0.7px;
}

.capabilities-subtitle {
  color: hsl(220, 13%, 70%);
  font-size: 1.08rem;
  margin-bottom: 20px;
  font-weight: 400;
}

.capability-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* gap: 16px; */
}

.capability-count {
	padding-top: 40px;
}

.capability-icon {
    border-radius: 50%;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    background: #ff94661c;
    color: var(--brand-orange-light);

  i {
    font-size: 1.2rem;
    color: hsl(18, 100%, 62%);
    display: block;
  }
}

.capability-name {
  color: hsl(0, 0%, 98%);
  /* font-size: 1rem;
  font-weight: 700; */
  margin-bottom: 6px;
}

.capability-desc {
  color: hsl(220, 13%, 70%);
  font-size: 0.9rem;
  font-weight: 400;
}

.total-control-section .stats-row {
	 /* margin-bottom: 2.5rem !important; */
	     padding-top: 25px;
}
 .total-control-section .stats-item {
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 /* gap: 0.6rem; */
   transition: 0.6s;
}
.total-control-section .stats-item:hover .stats-icon, .total-control-section .stats-item:hover .stats-value {
  transform: scale(1.1);
}
 .total-control-section .stats-icon {
border-radius: 15px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    background: #ff94661c;
    color: var(--brand-orange-light);
    transition: 0.6s;
}
 .total-control-section .stats-icon i {
	 font-size: 1.4rem;
	 color: #ff773d;
	 display: block;
}
 .total-control-section .stats-value {
	 color: #ff773d;
	 font-size: 2.2rem;
	 font-weight: 800;
	 margin-bottom: 4px;
   transition: 0.6s;
}
 .total-control-section .stats-label {
	 color: #a9afbc;
	 font-size: 1.13rem;
	 font-weight: 500;
}
 .total-control-section .cta-card {
	 background: #1b1d23;
	 border-radius: 24px;
	 box-shadow: 0 0 0 1.5px #282c34;
	 max-width: 100%;
}

.total-control-section .cta-card .cta-title {
    color: hsl(0, 0%, 98%);
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 12px;
    letter-spacing: -0.7px;
}

 @media (max-width: 767px) {
	 .total-control-section .stats-icon {
		 width: 52px;
		 height: 52px;
	}
	 .total-control-section .stats-icon i {
		 font-size: 1.3rem;
	}
	 .total-control-section .cta-card {
		 border-radius: 12px;
		 padding: 2rem 0.7rem !important;
	}
	 .total-control-section .stats-value {
		 font-size: 1.18rem;
	}
	 .hero-section #cta-m{
		 display:inline-grid;
	 }
}
 






.advanced-capabilities {
	 max-width: 900px;
	 margin: auto;
}
 .advanced-capabilities .features {
	 background-color: #1a1a1a;
	 border-radius: 12px;
	 padding: 30px 20px;
	 display: flex;
	 justify-content: space-around;
	 margin-bottom: 60px;
}
 .advanced-capabilities .features .feature {
	 color: #e25b1e;
}
 .advanced-capabilities .features .feature .icon {
	 font-size: 28px;
	 margin-bottom: 10px;
}
 .advanced-capabilities .features .feature h3 {
	 font-weight: bold;
	 margin-bottom: 6px;
	 color: #fff;
}
 .advanced-capabilities .features .feature p {
	 font-size: 14px;
	 color: #999;
	 margin: 0;
}
 .advanced-capabilities .stats {
	 display: flex;
	 justify-content: space-around;
	 margin-bottom: 60px;
}
 .advanced-capabilities .stats .stat {
	 text-align: center;
	 color: #e25b1e;
}
 .advanced-capabilities .stats .stat .icon {
	 font-size: 24px;
	 margin-bottom: 6px;
}
 .advanced-capabilities .stats .stat h4 {
	 font-size: 28px;
	 margin: 0 0 8px 0;
	 font-weight: bold;
}
 .advanced-capabilities .stats .stat p {
	 font-size: 14px;
	 color: #aaa;
	 margin: 0;
}
 .advanced-capabilities .cta {
	 background-color: #1a1a1a;
	 border-radius: 10px;
	 padding: 30px 20px;
	 color: #ccc;
}
 .advanced-capabilities .cta h3 {
	 font-size: 20px;
	 font-weight: bold;
	 margin-bottom: 10px;
	 color: #fff;
}
 .advanced-capabilities .cta p {
	 font-size: 15px;
	 margin-bottom: 20px;
	 color: #999;
}
 .advanced-capabilities .cta .buttons button {
	 font-size: 14px;
	 padding: 12px 26px;
	 margin: 0 8px;
	 border: none;
	 border-radius: 5px;
	 cursor: pointer;
	 transition: background-color 0.3s ease;
}
 .advanced-capabilities .cta .buttons button.btn-primary {
	 background: linear-gradient(90deg, #f60, #ff4500);
	 color: white;
}
 .advanced-capabilities .cta .buttons button.btn-primary:hover {
	 background: linear-gradient(90deg, #e55b00, #e54200);
}
 .advanced-capabilities .cta .buttons button.btn-secondary {
	 background-color: #000;
	 color: #ddd;
	 border: 1px solid #444;
}
 .advanced-capabilities .cta .buttons button.btn-secondary:hover {
	 background-color: #333;
}
 




.industries-serve {
	 /* max-width: 1080px; */
	 margin: 0 auto;
	 text-align: center;
	 /* padding: 80px 0; */
       /* background-color: hsl(220 13% 8%); */
	       background: var(--hero-gradient);
}
 /* .industries-serve h2 {
	 font-size: 2.4rem;
	 font-weight: bold;
	 color: #fff;
}
 .industries-serve h2 .highlight {
	 color: #ff9343;
}
 .industries-serve .subtitle {
	 margin: 8px 0 30px 0;
	 color: #bbb;
	 font-size: 1.1rem;
} */
 .industries-serve .industry-cards {
	 display: grid;
	 grid-template-columns: 1fr 1fr;
	 gap: 30px;
	 margin-bottom: 40px;
}
 @media (max-width: 900px) {
	 .industries-serve .industry-cards {
		 grid-template-columns: 1fr;
	}
}
 .industries-serve .industry-cards .card {
	 background: #000;
	 border-radius: 16px;
	 padding: 28px 24px;
	 box-shadow: 0 0 16px rgba(15, 15, 15, 0.25);
	 text-align: left;
	 display: flex;
	 flex-direction: column;
	 justify-content: space-between;
	 border: 1px solid #222;
}
 /* .industries-serve .industry-cards .card.startups {
	 border-top: 2px solid #ff9343;
}
 .industries-serve .industry-cards .card.enterprise {
	 border-top: 2px solid #39a661;
}
 .industries-serve .industry-cards .card.tech {
	 border-top: 2px solid #b486ff;
}
 .industries-serve .industry-cards .card.services {
	 border-top: 2px solid #ff9343;
} */
 .industries-serve .industry-cards .card .card-header {
	 display: flex;
	 align-items: center;
	 margin-bottom: 12px;
   padding: 0;
       padding-bottom: 20px;
}
 .industries-serve .industry-cards .card .card-header .icon {
	 font-size: 26px;
	 margin-right: 14px;
}
 .industries-serve .industry-cards .card .card-header h3 {
	 font-size: 1.25rem;
	 font-weight: bold;
	 color: #fff;
	 margin-bottom: 2px;
}
 .industries-serve .industry-cards .card .card-header .card-count {
	 font-size: 0.8rem;
	 background: #222;
	 border-radius: 6px;
	 color: #eee;
	 padding: 2px 10px;
	 margin-left: 0;
	 font-weight: 500;
}


.industries-serve .industry-cards .card .card-header .step-icon {
	 font-size: 2.1em;
	 /* margin-bottom: 15px;
	 margin-top: 15px; */
	 color: #61a8fa;
   margin-right: 15px;
}
.industries-serve .industry-cards .card .card-header .step-icon i {
padding: 15px;
    border-radius: 10px;
    font-size: 20px;
}

.industries-serve .industry-cards .card .card-header .step-icon i.bi-box {
background-color: #60a5fa1a;
}


.industries-serve .industry-cards .card .card-header .step-icon i.bi-geo-alt {
    background-color: #4ade801a;
}

.industries-serve .industry-cards .card .card-header .step-icon i.bi-person-arms-up {
    background-color: #c084fc1a;
}

.industries-serve .industry-cards .card .card-header .step-icon i.bi-arrow-repeat {
    background-color: hsl(18 100% 62% / .1);
}

 .industries-serve .industry-cards .card .card-header .step-icon.track {
	 color: #39cc83;
}
 .industries-serve .industry-cards .card .card-header .step-icon.onboard {
	 color: #b980fc;
}

 .industries-serve .industry-cards .card p {
	 color: #aaa;
	 margin-bottom: 14px;
}
 .industries-serve .industry-cards .card ul {
	 list-style: none;
	 padding: 0;
	 margin-bottom: 22px;
}
 .industries-serve .industry-cards .card ul li {
	 display: flex;
	 align-items: center;
	 margin-bottom: 7px;
	 font-size: 0.99rem;
	 color: #e5e5e5;
}
 .industries-serve .industry-cards .card ul li:before {
	 content: '•';
	 display: inline-block;
	 font-size: 1.2rem;
	 margin-right: 9px;
}
 .card.startups .industries-serve .industry-cards .card ul li:before {
	 color: #ff9343;
}
 .card.enterprise .industries-serve .industry-cards .card ul li:before {
	 color: #39a661;
}
 .card.tech .industries-serve .industry-cards .card ul li:before {
	 color: #b486ff;
}
 .card.services .industries-serve .industry-cards .card ul li:before {
	 color: #ff9343;
}
 .industries-serve .industry-cards .card .learn-more {
    background: none;
    border: 1px solid #6c6c6c;
    color: #fff;
    border-radius: 6px;
    padding: 8px 24px;
    cursor: pointer;
    font-weight: bold;
    font-size: 1rem;
    transition: background 0.2s;
}
.industries-serve .industry-cards .card:hover .learn-more{
border: 1px solid #ff9343;
}
.industries-serve .industry-cards .card:hover .card-header h3{
color: #ff9343;
}
 .industries-serve .industry-cards .card .learn-more:hover {
	 background: #1e1e1e;
   /* border: 1px solid #ff9343; */
	 /* color: #fff; */
}
 .industries-serve .industry-stats {
	 display: flex;
	 justify-content: space-around;
	 align-items: flex-start;
	 margin-top: 44px;
}
 @media (max-width: 700px) {
	 .industries-serve .industry-stats {
		 flex-direction: column;
		 align-items: center;
		 gap: 18px;
	}
}
 .industries-serve .industry-stats div {
	 text-align: center;
}
 .industries-serve .industry-stats div .stat-main {
	 font-size: 2rem;
	 color: #ff9343;
	 font-weight: bold;
	 display: block;
	 margin-bottom: 5px;
}
 .industries-serve .industry-stats div span {
	 color: #bbb;
	 font-size: 1rem;
}
 



/* .best-choice {
	 margin: 0 auto;
	 text-align: center;
	 padding: 80px 0;
}
 .best-choice .section-label {
	 display: inline-block;
	 font-size: 0.93rem;
	 background: #1e1e1e;
	 color: #fff;
	 border-radius: 16px;
	 padding: 4px 16px;
	 margin-bottom: 22px;
	 font-weight: 500;
	 letter-spacing: 0.01em;
}
 .best-choice h2 {
	 font-size: 2.25rem;
	 font-weight: bold;
	 color: #fff;
	 margin: 0 0 15px 0;
}
 .best-choice h2 .highlight {
	 color: #ff9343;
}
 .best-choice .subtitle {
	 color: #aaa;
	 font-size: 1.11rem;
	 margin-bottom: 38px;
	 margin-top: 0;
}
 .best-choice .choice-cards {
	 display: grid;
	 gap: 32px;
	 grid-template-columns: 2fr 1fr 1fr;
	 margin-bottom: 42px;
}
 @media (max-width: 1050px) {
	 .best-choice .choice-cards {
		 grid-template-columns: 1fr;
	}
}
 .best-choice .choice-cards .choice-main {
	 background: #191b1c;
	 border-radius: 18px;
	 padding: 28px 20px 32px 28px;
	 display: flex;
	 align-items: flex-start;
	 margin-bottom: 0;
	 border: 1px solid #242627;
}
 .best-choice .choice-cards .choice-main .card-icon.main {
	 background: #254024;
	 color: #39a661;
	 border-radius: 50%;
	 font-size: 2.2rem;
	 width: 48px;
	 height: 48px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 margin-right: 18px;
}
 .best-choice .choice-cards .choice-main .card-content {
	 text-align: left;
}
 .best-choice .choice-cards .choice-main .card-content h3 {
	 color: #fff;
	 font-size: 1.22rem;
	 font-weight: bold;
	 margin-bottom: 5px;
}
 .best-choice .choice-cards .choice-main .card-content p {
	 color: #bbb;
	 font-size: 1rem;
	 margin-bottom: 15px;
}
 .best-choice .choice-cards .choice-main .card-content .card-impact {
	 background: #232324;
	 border-radius: 11px;
	 color: #ff9343;
	 font-size: 1.02rem;
	 padding: 14px 20px;
	 font-weight: 500;
}
 .best-choice .choice-cards .card-list {
	 display: flex;
	 flex-direction: column;
	 gap: 24px;
}
 .best-choice .choice-cards .card-list .choice-card {
	 background: #191b1c;
	 border-radius: 16px;
	 padding: 22px 19px 21px 16px;
	 display: flex;
	 align-items: flex-start;
	 border: 1px solid #242627;
}
 .best-choice .choice-cards .card-list .choice-card .card-icon {
	 font-size: 2rem;
	 margin-right: 15px;
	 width: 35px;
	 height: 35px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
}
 .best-choice .choice-cards .card-list .choice-card h4 {
	 color: #fff;
	 font-size: 1.08rem;
	 font-weight: bold;
	 margin-bottom: 6px;
}
 .best-choice .choice-cards .card-list .choice-card p {
	 color: #aaa;
	 font-size: 0.99rem;
	 margin-bottom: 0;
}
 .best-choice .choice-cards .card-list .choice-card p .note {
	 color: #ff9343;
	 font-size: 0.96rem;
	 font-weight: 500;
	 display: block;
	 margin-top: 4px;
}
 .best-choice .choice-cards .card-list .choice-card.blue .card-icon {
	 background: #243051;
	 color: #4f76e8;
}
 .best-choice .choice-cards .card-list .choice-card.purple .card-icon {
	 background: #2c2340;
	 color: #a867f3;
}
 .best-choice .choice-cards .card-list .choice-card.orange .card-icon {
	 background: #3d2920;
	 color: #ff9343;
}
 .best-choice .choice-cards .card-list .choice-card.yellow .card-icon {
	 background: #432f11;
	 color: #ffd543;
}
 .best-choice .compliance-row {
	 display: flex;
	 justify-content: center;
	 align-items: stretch;
	 gap: 36px;
	 margin-top: 38px;
	 padding-bottom: 16px;
}
 @media (max-width: 700px) {
	 .best-choice .compliance-row {
		 flex-direction: column;
		 align-items: center;
		 gap: 18px;
	}
}
 .best-choice .compliance-row div {
	 background: #191b1c;
	 border-radius: 14px;
	 padding: 24px 36px;
	 display: flex;
	 flex-direction: column;
	 align-items: center;
}
 .best-choice .compliance-row div .compliance {
	 color: #ff9343;
	 font-weight: bold;
	 font-size: 1.18rem;
	 margin-bottom: 5px;
}
 .best-choice .compliance-row div span {
	 color: #bbb;
	 font-size: 1.01rem;
} */

.best-choice-section {
	 /* padding: 80px 0; */
	 background: transparent;
}
 /* .best-choice-section h2 {
	 font-size: 2.4rem;
	 font-weight: 800;
	 color: #fff;
}
 .best-choice-section h2 .text-orange {
	 color: #ff914d;
}
 .best-choice-section .bc-subtitle {
	 color: #adb7c7;
} */
 .best-choice-section .bc-card {
	 background: #191c20;
	 border-radius: 22px;
	 box-shadow: 0 0 0 1.5px #23242a;
	 color: #fff;
	 padding: 1.6rem 1.3rem;
	 margin-bottom: 0.65rem;
	 display: flex;
	 align-items: flex-start;
}
 .best-choice-section .bc-card h3, .best-choice-section .bc-card h4 {
	 font-weight: 700;
	 font-size: 1.18rem;
}
 .best-choice-section .bc-card p {
	 color: #adb7c7;
	 font-size: 1.07rem;
	 margin-bottom: 0;
	 line-height: 1.6;
}
 .best-choice-section .bc-card small, .best-choice-section .bc-card .bc-impact-value, .best-choice-section .bc-card .text-orange {
	 color: #ff914d !important;
	 font-weight: 500;
}
 .best-choice-section .bc-card .bc-icon {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 min-width: 44px;
	 min-height: 44px;
	 font-size: 1.38rem;
	 border-radius: 50%;
	 margin-right: 18px;
	 flex-shrink: 0;
}
 .best-choice-section .bc-card .bc-icon.bc-icon-green {
	 background: #148b49 1a;
}
 .best-choice-section .bc-card .bc-icon.bc-icon-blue {
	 background: #547cff 1a;
}
 .best-choice-section .bc-card .bc-icon.bc-icon-purple {
	 background: #b980fc 1a;
}
 .best-choice-section .bc-card .bc-icon.bc-icon-orange {
	 background: #ffedd5 1a;
}
 .best-choice-section .bc-card .bc-icon.bc-icon-yellow {
	 background: #fde68a 33;
}
 .best-choice-section .bc-card .bc-icon i {
	 color: inherit;
}
 .best-choice-section .bc-card.bc-main-card {
	 min-height: 215px;
}
 .best-choice-section .bc-card.bc-main-card h3 {
	 font-size: 1.27rem;
}
 .best-choice-section .bc-card.bc-main-card .bc-impact {
    background: #222428;
    border-radius: 12px;
    padding: 0.8rem 1rem 0.7rem 1rem;
    margin-top: 18px;
}
 .best-choice-section .bc-card.bc-main-card .bc-impact .bc-impact-label {
	 color: #adb7c7;
	 font-size: 0.97rem;
	 margin-bottom: 2px;
	 font-weight: 400;
}
 .best-choice-section .bc-card.bc-main-card .bc-impact .bc-impact-value {
	 font-size: 1.08rem;
}
 .best-choice-section .bc-card.bc-small-card {
	 min-height: 110px;
	 padding: 1rem;
}
 .best-choice-section .bc-card.bc-small-card h4 {
	 font-size: 1.14rem;
}
 .best-choice-section .bc-compliance-wrapper {
	 background: #191c20;
	 border-radius: 21px;
	 box-shadow: 0 0 0 1.5px #23242a;
	 padding: 26px 8px;
       width: 80%;
       margin: 0 auto;
       	 margin-top: 36px;
}

.best-choice-section .bc-compliance-wrapper .box-cont {
  padding: 0 80px;

}
 .best-choice-section .bc-compliance-wrapper .bc-compliance-title {
	 color: #ff914d;
	 font-weight: 700;
	 font-size: 1.16rem;
	 margin-bottom: 2px;
}
 .best-choice-section .bc-compliance-wrapper .bc-compliance-desc {
	 color: #adb7c7;
	 font-size: 1rem;
	 font-weight: 400;
}
/* Responsive styles */
 @media (max-width: 991px) {
	 .best-choice-section .bc-compliance-wrapper {
        flex-direction: column !important;
        gap: 16px;
        align-items: center;
        width: 90%;
        margin: 0 auto;
	}
}
 @media (max-width: 767px) {
	 .best-choice-section h2 {
		 font-size: 1.28rem;
	}
	 .best-choice-section .bc-card {
		 padding: 0.95rem 0.6rem;
		 font-size: 1.02rem;
	}
	 .best-choice-section .bc-main-card {
		 min-height: 140px !important;
	}
	 /* .best-choice-section .bc-compliance-wrapper {
		 padding: 16px 2px;
		 border-radius: 12px;
	} */
}
 
 



.pricing-section {
	 /* padding: 80px 0; */
	     /* background-color: hsl(220 13% 8%); */
		     background: var(--hero-gradient);
}
 .pricing-section h2 {
	 font-size: 2.4rem;
	 font-weight: 700;
	 color: #fff;
}
 .pricing-section h2 .text-orange {
	 color: #ff914d;
}
 .pricing-section .ps-subtitle {
	 color: #adb7c7;
	 font-size: 1.15rem;
	 font-weight: 400;
	 max-width: 650px;
	 margin: 12px auto 0 auto;
}
 .pricing-section .plan-card {
	 background: #191c20;
	 border-radius: 20px;
	 box-shadow: 0 0 0 1.5px #23242a;
	 color: #fff;
	 padding: 1.5rem 1.2rem 1.2rem 1.2rem;
	 position: relative;
	 transition: box-shadow 0.24s, border 0.24s;
}
 .pricing-section .plan-card h3 {
	 font-weight: 700;
	 font-size: 1.12rem;
	 margin-bottom: 0.5em;
}
 .pricing-section .plan-card .plan-price {
	 font-size: 2.1rem;
	 font-weight: 800;
	 color: #ff914d;
	 margin-bottom: 0.2em;
}
 .pricing-section .plan-card .plan-price span {
	 font-size: 0.98rem;
	 font-weight: 400;
	 color: #adb7c7;
}
 .pricing-section .plan-card .plan-desc {
	 color: #adb7c7;
	 font-size: 1rem;
	 margin-bottom: 0.5em;
}
 .pricing-section .plan-card ul {
	 padding-left: 0;
	 margin-bottom: 1.1em;
}
 .pricing-section .plan-card ul li {
	 list-style: none;
	 margin-bottom: 0.4em;
	 display: flex;
	 align-items: center;
	 color: #adb7c7;
}
 .pricing-section .plan-card ul li:before {
	 content: '✔ ';
	 color: #39cc83;
	 font-weight: 800;
	 margin-right: 6px;
}
 .pricing-section .plan-card .plan-badge {
	 position: absolute;
	 top: -18px;
	 left: 18px;
	 background: #ff914d;
	 color: #fff;
	 font-size: 0.97rem;
	 font-weight: 700;
	 border-radius: 14px;
	 padding: 4px 14px;
	 box-shadow: 0 2px 12px #23242a 22;
	 letter-spacing: 0.5px;
	 z-index: 2;
}
 .pricing-section .plan-card button.primary-btn, .pricing-section .plan-card button.secondary-btn {
	 font-weight: 700;
	 font-size: 1.1rem;
	 border-radius: 9px;
	 padding: 13px 0;
	 border: none;
	 width: 100%;
	 cursor: pointer;
	 transition: background 0.2s, color 0.2s;
}
 .pricing-section .plan-card .primary-btn {
	 background: #ff914d;
	 color: #fff;
}
 .pricing-section .plan-card .primary-btn:hover {
	 box-shadow: 0 0 10px 2px #ff914d 99;
	 background: #ff914d;
}
 .pricing-section .plan-card .secondary-btn {
	 background: #23242a;
	 color: #fff;
}
 .pricing-section .plan-card .secondary-btn:hover {
	 background: #23242a;
	 box-shadow: 0 0 10px 2px #23242a 55;
}
 .pricing-section .plan-card {
	 box-shadow: 0 0 12px 0 #ff914d 99, 0 0 0 2px #ff914d;
	 border: 2px solid transparent;
	 transition: box-shadow 0.3s;
}
 .pricing-section .plan-card:hover, .pricing-section .plan-card:focus-within {
	     box-shadow: 0 0 10px 2px #ff914d, 0 0 0 -15px #ff914d;
	 border: 2px solid #ff914d;
}
 .pricing-section .plan-card.enterprise .plan-badge {
	 background: #23242a;
	 color: #fff;
	 left: 18px;
}
 .pricing-section .plan-card.enterprise .plan-price {
	 color: #ff914d;
}
 .pricing-section .plan-card.enterprise button {
	 /* background: #23242a;
	 color: #fff; */
}
 .pricing-section .row-card {
	 background: #191c20;
	 border-radius: 16px;
	 box-shadow: 0 0 0 1.5px #23242a;
	 color: #fff;
	 padding: 1.1rem 1.1rem;
	 margin-bottom: 0.7rem;
}
 .pricing-section .row-card h4 {
	 font-size: 1.08rem;
	 font-weight: 700;
	 margin-bottom: 0.3em;
}
 .pricing-section .row-card .row-price {
	 font-size: 1.25rem;
	 font-weight: 800;
	 color: #ff914d;
	 margin-bottom: 0.3em;
}
 .pricing-section .row-card .row-price span {
	 font-size: 1rem;
	 font-weight: 400;
	 color: #adb7c7;
}
 .pricing-section .row-card p {
	 color: #adb7c7;
	 font-size: 0.99rem;
   margin: 0;
}
 .pricing-section .addons-row {
	 background: #191c20;
	 border-radius: 16px;
	 box-shadow: 0 0 0 1.5px #23242a;
	 margin-bottom: 0.95rem;
	 padding: 1.1rem 1.1rem;
}
 .pricing-section .addons-row .addons-label {
	 color: #fff;
	 font-size: 1.08rem;
	 font-weight: 700;
	 margin-bottom: 0.8em;
	 letter-spacing: 0.5px;
}
 .pricing-section .addons-row .addon {
	 background: transparent;
	 color: #fff;
	 border-radius: 12px;
	 font-weight: 600;
	 font-size: 1.04rem;
	 padding: 0.8em 1em;
	 box-shadow: none;
	 margin-bottom: 4px;
}
 .pricing-section .addons-row .addon span {
	 color: #ff914d;
	 font-weight: 500;
	 display: inline-block;
	 margin-top: 0.13em;
}
 .pricing-section .custom-quote {
	 background: #000;
	 border-radius: 18px;
	 box-shadow: 0 0 0 1.5px #23242a;
	 padding: 2.1rem 1.5rem;
	 color: #fff;
	 margin-top: 18px;
}
 .pricing-section .custom-quote h3 {
	 font-size: 1.19rem;
	 font-weight: 700;
	 margin-bottom: 0.6em;
}
 .pricing-section .custom-quote p {
	 color: #adb7c7;
	 font-size: 1.03rem;
	 margin-bottom: 1.1em;
}
 .pricing-section .custom-quote .primary-btn.alt {
	 background: #ff914d;
	 color: #fff;
	 font-size: 1.07rem;
	 font-weight: 700;
	 border-radius: 8px;
	 padding: 12px 2.1em;
	 border: none;
	 transition: box-shadow 0.18s;
}
 .pricing-section .custom-quote .primary-btn.alt:hover {
	 box-shadow: 0 0 10px 1.5px #ff914d 99;
}
/* Responsive styles */
 @media (max-width: 991px) {
	 .pricing-section .plan-card, .pricing-section .row-card, .pricing-section .addons-row, .pricing-section .custom-quote {
		 padding: 10px;
	}
}
 @media (max-width: 767px) {
	 .pricing-section h2 {
		 font-size: 1.18rem;
	}
	 .pricing-section .plan-card {
		 padding: 1rem 0.6rem;
	}
	 .pricing-section .row-card {
		 padding: 0.7rem 0.4rem;
	}
	 .pricing-section .addons-row {
		 padding: 20px!important;
	}
	 .pricing-section .custom-quote {
		 padding: 1.3rem 0.7rem;
	}
	.pricing-section .addons-row .addon {
    border: 1px solid #3b3b3b;
}

}
 
 



.customer-stories {
	 margin: 0 auto;
	 text-align: center;
	 /* padding: 80px 0; */
}
 .customer-stories .section-label {
	 display: inline-block;
	 font-size: 12px;
	 background: #1e1e1e;
	 color: #fff;
	 border-radius: 16px;
	 padding: 4px 16px;
	 margin-bottom: 16px;
	 font-weight: 500;
	 letter-spacing: 0.01em;
}
 /* .customer-stories h2 {
	 font-size: 2rem;
	 font-weight: bold;
	 color: #fff;
	 margin-bottom: 7px;
}
 .customer-stories h2 .highlight {
	 color: #ff9343;
}
 .customer-stories .subtitle {
	 margin: 0 0 46px 0;
	 color: #bbb;
	 font-size: 1.08rem;
} */
 .customer-stories .testimonials-row {
	 /* display: flex;
	 gap: 60px;
	 justify-content: center;
	 margin-bottom: 34px; */
}
 @media (max-width: 900px) {
	 .customer-stories .testimonials-row {
		 flex-direction: column;
		 align-items: center;
	}
}
 .customer-stories .testimonials-row .testimonial-card {
	 background: #191b1c;
	 border-radius: 16px;
	 border: 1.5px solid #232324;
	 box-shadow: 0 0 14px rgba(15, 15, 15, 0.18);
	 padding: 32px 22px 28px 22px;
	 text-align: left;
	 /* width: 325px; */
}
 .customer-stories .testimonials-row .testimonial-card .quote-icon {
	 font-size: 2.35rem;
	 color: #ff9343;
	 margin-bottom: 8px;
	 display: block;
}
 .customer-stories .testimonials-row .testimonial-card blockquote {
	 color: #fff;
	 font-size: 1.07rem;
	 margin-bottom: 15px;
	 font-style: italic;
}
 .customer-stories .testimonials-row .testimonial-card .stars {
	 color: #ff9343;
	 font-size: 1.19rem;
	 margin-bottom: 8px;
}
 .customer-stories .testimonials-row .testimonial-card .key-result {
	 background: #232324;
	 border-radius: 10px;
	 color: #ff9343;
	 font-size: 1rem;
	 font-weight: 500;
	 padding: 11px 15px;
	 margin-bottom: 14px;
}
 .customer-stories .testimonials-row .testimonial-card .key-result.orange {
	 color: #ff9343;
}
 .customer-stories .testimonials-row .testimonial-card .key-result.green {
	 color: #48e399;
}
 .customer-stories .testimonials-row .testimonial-card .key-result.purple {
	 color: #b486ff;
}
 .customer-stories .testimonials-row .testimonial-card .author-row {
	 display: flex;
	 align-items: center;
	 gap: 11px;
}
 .customer-stories .testimonials-row .testimonial-card .author-row .author-avatar {
	 width: 38px;
	 height: 38px;
	 border-radius: 50%;
	 font-size: 1.07rem;
	 font-weight: bold;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 color: #fff;
}
 .customer-stories .testimonials-row .testimonial-card .author-row .author-avatar.sc {
	 background: #2ec8fc;
}
 .customer-stories .testimonials-row .testimonial-card .author-row .author-avatar.mr {
	 background: #55e295;
}
 .customer-stories .testimonials-row .testimonial-card .author-row .author-avatar.lt {
	 background: #b486ff;
}
 .customer-stories .testimonials-row .testimonial-card .author-row .author-name {
	 color: #fff;
	 font-weight: bold;
	 font-size: 1rem;
}
 .customer-stories .testimonials-row .testimonial-card .author-row .author-title {
	 color: #bbb;
	 font-size: 0.96rem;
}
 .customer-stories .trusted-row {
	 margin: 36px 0 32px 0;
}
 .customer-stories .trusted-row span {
	 color: #bbb;
	 font-size: 1.02rem;
	 display: block;
	 margin-bottom: 12px;
}
 .customer-stories .trusted-row .logo-bar {
	 display: flex;
	 justify-content: center;
	 gap: 19px;
}
 .customer-stories .trusted-row .logo-bar .logo {
	 background: #232324;
	 border-radius: 8px;
	 color: #fff;
	 font-size: 1rem;
	 font-weight: bold;
	 width: 52px;
	 height: 46px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 letter-spacing: 2px;
}
 .customer-stories .stats-row {
	 display: flex;
	 justify-content: space-around;
	 align-items: flex-start;
	 margin-top: 36px;
}
 @media (max-width: 700px) {
	 .customer-stories .stats-row {
		 flex-direction: column;
		 align-items: center;
		 gap: 18px;
	}
}
 .customer-stories .stats-row div {
	 text-align: center;
}
 .customer-stories .stats-row div .stat-main {
	 font-size: 1.45rem;
	 color: #ff9343;
	 font-weight: bold;
	 display: block;
	 margin-bottom: 5px;
}
 .customer-stories .stats-row div span {
	 color: #bbb;
	 font-size: 1rem;
}
 




.hero-start {
    /* padding: 80px 0; */
	    background: var(--hero-gradient);
    /* background-color: hsl(220 13% 8%); */
}
 @media (max-width: 950px) {
	 .hero-start {
		 /* flex-direction: column; */
		 align-items: center;
	}
	 .hero-start .hero-content, .hero-start .hero-image-block {
		 width: 100%;
	}
}
 .hero-start .hero-content {
	 max-width: 560px;
	 display: inline-block;
	 vertical-align: top;
	 margin-bottom: 22px;
}
 .hero-start .hero-content h2 {
	 font-size: 2.4rem;
	 font-weight: bold;
	 color: #fff;
	 line-height: 1.12;
	 margin-bottom: 12px;
}
 .hero-start .hero-content h2 .highlight {
	 color: #ff9343;
}
 .hero-start .hero-content .hero-start-desc {
	 color: #bbb;
	 font-size: 16px;
	 margin-bottom: 22px;
}
 .hero-start .hero-content .features-list {
	 list-style: none;
	 padding: 0;
	 margin-bottom: 18px;
}
 .hero-start .hero-content .features-list li {
	 /* color: #a2e9c8; */
	 /* font-size: 1.07rem; */
	 margin-bottom: 5px;
	 position: relative;
	 padding-left: 28px;
}
 .hero-start .hero-content .features-list li:before {
	 content: "✔";
	 color: #39a661;
	 position: absolute;
	 left: 0;
	 top: 0;
}
 .hero-start .hero-content .cta-row {
	 display: flex;
	 gap: 14px;
	 margin-bottom: 16px;
}
 .hero-start .hero-content .cta-row .primary-btn {
	 background: #ff9343;
	 color: #fff;
	 border-radius: 7px;
	 font-weight: bold;
	 font-size: 1rem;
	 padding: 11px 32px;
	 border: none;
	 cursor: pointer;
	 transition: background 0.2s;
}
 .hero-start .hero-content .cta-row .primary-btn:hover {
	 background: #e47b27;
}
 .hero-start .hero-content .cta-row .secondary-btn {
	 background: #191b1c;
	 color: #fff;
	 border-radius: 7px;
	 font-weight: bold;
	 font-size: 1rem;
	 padding: 11px 32px;
	 border: 1.5px solid #444;
	 cursor: pointer;
}
 .hero-start .hero-content .cta-row .secondary-btn:hover {
	 background: #282929;
}
 .hero-start .hero-content .meta-row {
    display: flex;
    gap: 8px;
}
 .hero-start .hero-content .meta-row .meta {
	 color: #39a661;
	 font-size: 1.01rem;
}
 .hero-start .hero-image-block {
	 /* margin-left: 60px;
	 position: relative;
	 min-width: 450px;
	 max-width: 520px; */
}
 .hero-start .hero-image-block .hero-image {
    /* background-image: url(/wp-content/uploads/2025/10/visual_dash.png); */
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 450px;
    border-radius: 22px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 24px;
    margin-bottom: 12px;
}
 .hero-start .hero-image-block .setup-indicator, .hero-start .hero-image-block .ready-indicator {
	 position: absolute;
	 background: #181818;
	 color: #39a661;
	 font-size: 0.95rem;
	 border-radius: 8px;
	 padding: 7px 14px;
	 top: 22px;
	 right: 30px;
	 z-index: 4;
	 border: 1px solid #222;
}
 .hero-start .hero-image-block .setup-indicator {
	 top: 22px;
	 right: 30px;
}
 .hero-start .hero-image-block .ready-indicator {
	 bottom: 28px;
	 left: 14px;
	 color: #ff9343;
}
 .hero-start .hero-support {
	 margin-top: 44px;
	 background: var(--card);
	 border-radius: 22px;
	 padding: 34px 16px 32px 16px;
	 text-align: center;
       border: 1px solid #282828;
}
 .hero-start .hero-support h3 {
	 color: #fff;
	 font-size: 1.16rem;
	 font-weight: bold;
	 margin-bottom: 8px;
}
 .hero-start .hero-support p {
	 color: #bbb;
	 font-size: 1.08rem;
	 margin-bottom: 19px;
}
 .hero-start .hero-support .support-actions {
	 display: flex;
	 gap: 18px;
	 justify-content: center;
}
 .hero-start .hero-support .support-actions .support-btn {
	 background: #232324;
	 color: #fff;
	 font-size: 1rem;
	 padding: 9px 28px;
	 border-radius: 8px;
	 border: none;
	 font-weight: 500;
	 cursor: pointer;
	 transition: background 0.2s;
}
 .hero-start .hero-support .support-actions .support-btn:hover {
	 background: var(--brand-orange);
	 color: #181818;
}
 





.site-footer {
	 color: #ccc;
	 background: #181818;
	 padding-top: 42px;
	 padding-bottom: 24px;
	 font-size: 1rem;
}
 .site-footer .footer-top {
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: space-between;
	 padding: 0 12px 38px 12px;
}
 .site-footer .footer-top .footer-brand {
	 max-width: 380px;
}
 .site-footer .footer-top .footer-brand .brand-icon {
	 display: inline-block;
	 background: #ff9343;
	 color: #fff;
	 font-size: 1.32rem;
	 font-weight: bold;
	 border-radius: 50%;
	 width: 37px;
	 height: 37px;
	 line-height: 37px;
	 text-align: center;
	 margin-bottom: 10px;
}
 .site-footer .footer-top .footer-brand .brand-name {
	 font-weight: bold;
	 font-size: 1.25rem;
	 color: #fff;
	 margin-left: 8px;
}
 .site-footer .footer-top .footer-brand .brand-desc {
	 margin: 16px 0 18px 0;
	 color: #bbb;
	 font-size: 1.06rem;
}
 .site-footer .footer-top .footer-brand .subscribe-block {
	 margin-bottom: 14px;
}
 .site-footer .footer-top .footer-brand .subscribe-block h4 {
	 margin-bottom: 7px;
	 color: #fff;
	 font-size: 1.02rem;
}
 .site-footer .footer-top .footer-brand .subscribe-block .subscribe-form {
	 display: flex;
	 gap: 8px;
	 margin-bottom: 7px;
}
 .site-footer .footer-top .footer-brand .subscribe-block .subscribe-form input[type="email"] {
	 flex: 1;
	 border-radius: 7px;
	 background: #111;
	 padding: 10px 12px;
	 color: #fff;
	 border: 1.5px solid #232324;
	 font-size: 1rem;
}
 .site-footer .footer-top .footer-brand .subscribe-block .subscribe-form .subscribe-btn {
	 background: #ff9343;
	 color: #fff;
	 border-radius: 7px;
	 font-weight: bold;
	 font-size: 1rem;
	 padding: 10px 24px;
	 border: none;
	 cursor: pointer;
	 transition: background 0.2s;
}
 .site-footer .footer-top .footer-brand .subscribe-block .subscribe-form .subscribe-btn:hover {
	 background: #ee7e2a;
}
 .site-footer .footer-top .footer-brand .subscribe-block .subscribe-desc {
	 color: #aaa;
	 font-size: 0.96rem;
}
 .site-footer .footer-top .footer-brand .footer-socials {
	 margin-top: 18px;
	 display: flex;
	 gap: 14px;
}
 .site-footer .footer-top .footer-brand .footer-socials a {
	 text-decoration: none;
}
 .site-footer .footer-top .footer-brand .footer-socials .social {
	 background: #232324;
	 border-radius: 50%;
	 color: #fff;
	 font-size: 1.26rem;
	 display: inline-flex;
	 align-items: center;
	 justify-content: center;
	 width: 38px;
	 height: 38px;
	 transition: background 0.2s;
}
 .site-footer .footer-top .footer-brand .footer-socials .social:hover {
	 background: #ff9343;
}
 .site-footer .footer-top .footer-menus {
	 display: flex;
	 gap: 54px;
	 flex: 2;
	 min-width: 600px;
}
 @media (max-width: 1100px) {
	 .site-footer .footer-top .footer-menus {
		 gap: 28px;
		 min-width: 280px;
	}
}
 @media (max-width: 900px) {
	 .site-footer .footer-top .footer-menus {
		 flex-direction: column;
		 gap: 14px;
	}
}
 .site-footer .footer-top .footer-menus .footer-menu {
	 min-width: 120px;
}
 .site-footer .footer-top .footer-menus .footer-menu h4 {
	 font-weight: bold;
	 font-size: 1.08rem;
	 color: #fff;
	 margin-bottom: 10px;
}
 .site-footer .footer-top .footer-menus .footer-menu a {
	 color: #ccc;
	 text-decoration: none;
	 display: block;
	 margin-bottom: 8px;
	 font-size: 0.98rem;
	 transition: color 0.18s;
}
 .site-footer .footer-top .footer-menus .footer-menu a:hover {
	 color: #ff9343;
}
 .site-footer .footer-bottom {
	 border-top: 1.5px solid #232324;
	 padding-top: 14px;
	 display: flex;
	 flex-wrap: wrap;
	 align-items: center;
	 justify-content: space-between;
}
 @media (max-width: 900px) {
	 .site-footer .footer-bottom {
		 flex-direction: column;
		 gap: 8px;
		 justify-content: center;
	}
}
 .site-footer .footer-bottom .copyright {
	 font-size: 0.98rem;
	 color: #bbb;
	 margin-right: 34px;
}
 .site-footer .footer-bottom .footer-policies {
	 display: flex;
	 gap: 28px;
}
 .site-footer .footer-bottom .footer-policies a {
	 color: #bbb;
	 text-decoration: none;
	 font-size: 1rem;
	 transition: color 0.18s;
}
 .site-footer .footer-bottom .footer-policies a:hover {
	 color: #ff9343;
}
 .site-footer .footer-bottom .footer-badges {
	 display: flex;
	 gap: 8px;
}
 .site-footer .footer-bottom .footer-badges .badge {
	 background: #232324;
	 border-radius: 6px;
	 color: #fff;
	 font-size: 0.96rem;
	 font-weight: 500;
	 padding: 4px 14px;
	 margin-right: 0;
}
 





.banner-section {
	     background: var(--hero-gradient);
	 padding: 150px 0 80px 0;
	 color: #fff;
}
 .banner-section .banner-badge {
	 display: inline-block;
	 background: #4c2f1d;
	 color: #ff914d;
	 font-weight: 600;
	 font-size: 1.09rem;
	 border-radius: 32px;
	 padding: 12px 32px;
	 letter-spacing: 0.1px;
	 box-shadow: 0 2px 12px #111 1;
	 margin-bottom: 28px;
}
 .banner-section .banner-badge i {
	 font-size: 1.15em;
	 vertical-align: middle;
	 margin-right: 8px;
}
 .banner-section .banner-title {
    font-size: 3rem;
    font-weight: 900;
    color: var(--foreground);
    line-height: 1.2;
}
.banner-section .banner-title .highlight {
	color: var(--brand-orange);
}
 .banner-section .banner-subtitle {
    color: #adb7c7;
    font-weight: 400;
    margin-bottom: 30px;
}
 .banner-section .banner-btn {
	 font-size: 1.19rem;
	 font-weight: 700;
	 border-radius: 11px;
	 padding: 17px 42px;
	 border: none;
	 outline: none;
	 box-shadow: 0 2px 10px #ff963d 33;
	 transition: background 0.22s, color 0.22s, box-shadow 0.22s;
	 cursor: pointer;
	 margin-bottom: 2px;
}
 .banner-section .banner-btn-main {
	 background: linear-gradient(90deg, #ff914d 0%, #ffae6a 100%);
	 color: #fff;
	 box-shadow: 0 0 18px 1px #ff914d 66;
}
 .banner-section .banner-btn-main:hover {
	 background: #ff914d;
	 box-shadow: 0 0 28px 2px #ff914d 99;
	 color: #fff;
}
 .banner-section .banner-btn-outline {
	 background: #23242a;
	 color: #fff;
	 border: 2px solid #23242a;
}
 .banner-section .banner-btn-outline:hover {
	 background: #18191c;
	 color: #ff914d;
	 border-color: #ff914d;
	 box-shadow: 0 0 16px 1px #ff914d 33;
}

.industries-serve.solution-single {
        /* padding: 20px 0; */
        background-color: #070709;
}

.industries-serve.solution-single .industry-stats {
    margin-top: 0;
}

.onboarding-section {
  /* background: #181818; */
      background: var(--hero-gradient);
  color: #fff;
  text-align: center;
  /* padding: 40px 0; */
  font-family: 'Inter', Arial, sans-serif;
}

/* .onboarding-section h2 {
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 18px;
}

.onboarding-desc {
  font-size: 1.3rem;
  color: #bfbfbf;
  margin-bottom: 45px;
} */

.onboarding-steps {
  /* display: flex;
  justify-content: center;
  gap: 56px;
  flex-wrap: wrap; */
}

.onboarding-step {
  /* flex: 1 1 180px;
  max-width: 230px; */
}

.step-circle {
    background: #ff855f;
    color: #fff;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    font-size: 1rem;
    font-weight: bold;
    line-height: 48px;
    margin: 0 auto 16px auto;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.07);
}

.onboarding-step h3 {
  font-size: 1.15rem;
  font-weight: 600;
  margin-bottom: 10px;
}

.onboarding-step p {
  font-size: 1rem;
  color: #bfbfbf;
  margin-bottom: 0;
}




.roi-section {
  /* background: #181818; */
  color: #fff;
  text-align: center;
  /* padding: 60px 0; */
  font-family: 'Inter', Arial, sans-serif;
}
/* 
.roi-section h2 {
  font-size: 2.3rem;
  font-weight: bold;
  margin-bottom: 18px;
}

.roi-desc {
  font-size: 1.22rem;
  color: #bfbfbf;
  margin-bottom: 42px;
} */

.roi-boxes {
  /* display: flex;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap; */
}

.roi-box {
  background: #19191a;
  border-radius: 18px;
  border: 1.5px solid transparent;
  box-sizing: border-box;
  width: 300px;
  min-height: 200px;
  padding: 25px;
  box-shadow: 0 3px 12px rgba(0,0,0,0.07);
  transition: border-color 0.3s, box-shadow 0.3s;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Hover style for first (reference) box */
.roi-box.hover-ref, 
.roi-box:hover {
  border-color: #ff855f;
  box-shadow: 0 8px 30px rgba(255,133,95,0.13);
}

.roi-icon {
  width: 52px;
  height: 52px;
  background: #232223;
  border-radius: 12px;
  margin-bottom: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ff855f;
  font-size: 2.2rem;
}

.roi-value {
  color: #ff855f;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 9px;
}

.roi-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}

.roi-text {
  color: #bfbfbf;
  font-size: 16px;
  /* margin-top: auto; */
}




.hris-section {
  color: #fff;
  background-image: linear-gradient(to bottom right, hsl(18 100% 62% / .05), transparent, hsl(220 13% 15% / .05));
}

/* .hris-content {
  flex: 1.1;
  min-width: 340px;
  max-width: 540px;
} */

.hris-section .hris-title {
  font-size: 2.6rem;
  font-weight: bold;
  margin-bottom: 20px;
}

.hris-section .hris-title .highlight, .hris-section .hris-title span {
    color: var(--brand-orange);
}

.hris-section .hris-desc {
  font-size: 16px;
  color: #bfbfbf;
  margin-bottom: 30px;
}

.hris-features {
  list-style: none;
  margin: 0;
  padding: 0;
}

.hris-features li {
  font-size: 16px;
      font-weight: 600;
  color: #fff;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

.hris-icon {
  color: #ff855f;
  font-size: 1.25rem;
  margin-right: 12px;
}

/* .hris-integrations {
  flex: 1.2;
  min-width: 350px;
} */

.hris-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
}

.hris-grid-item {
    /* background: #19191a; */
	background: var(--hero-gradient);
    border-radius: 14px;
    color: #fff;
    font-weight: 600;
    padding: 20px 0;
    text-align: center;
    margin: 0;
    border: 1.5px solid #232223;
    transition: border-color 0.3s;
}

.hris-grid-item:hover {
  border-color: #ff855f;
}





.success-section {
  /* background: #181818; */
  color: #fff;
  text-align: center;
  /* padding: 68px 0; */
  font-family: 'Inter', Arial, sans-serif;
}
/* 
.success-section h2 {
  font-size: 2.7rem;
  font-weight: bold;
  margin-bottom: 17px;
}

.success-desc {
  font-size: 1.23rem;
  color: #bfbfbf;
  margin-bottom: 50px;
} */

.success-cards {
  /* display: flex;
  justify-content: center;
  gap: 34px;
  flex-wrap: wrap; */
}

.success-card {
  background: #19191a;
  border-radius: 19px;
  border: 1.5px solid #232223;
  box-sizing: border-box;
  /* width: 390px; */
  padding: 25px;
  text-align: left;
  position: relative;
  box-shadow: 0 4px 15px rgba(0,0,0,0.07);
  /* display: flex;
  flex-direction: column; */
}

.success-meta {
    color: #bfbfbf;
    font-size: 14px;
    margin-bottom: 10px;
    letter-spacing: 0.01rem;
}

.success-title {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 15px;
}

.success-quote {
  font-size: 16px;
  color: #bfbfbf;
  font-style: italic;
  margin-bottom: 22px;
}

.success-results-title {
  font-size: 18px;
  /* font-weight: bold; */
  color: #fff;
  margin-bottom: 13px;
}

.success-results {
  list-style: none;
  margin: 0;
  padding: 0;
}

.success-results li {
  display: flex;
  align-items: center;
  color: #fff;
    font-size: 16px;
    margin-bottom: 10px;
}

.success-icon {
  color: #ff855f;
  font-size: 16px;
  margin-right: 10px;
}


.security-section {
	 /* background: #181818; */
	 color: #fff;
	 text-align: center;
	 /* padding: 65px 0; */
	 font-family: 'Inter', Arial, sans-serif;
}
 /* .security-section h2 {
	 font-size: 2.7rem;
	 font-weight: bold;
	 margin-bottom: 16px;
}
 .security-section .security-desc {
	 font-size: 1.3rem;
	 color: #bfbfbf;
	 margin-bottom: 46px;
} */
 .security-section .security-main {
	 /* display: flex;
	 justify-content: center;
	 align-items: flex-start;
	 gap: 5vw;
	 flex-wrap: wrap;
	 margin-top: 25px; */
	 text-align: left;
}
 .security-section .security-left {
	 flex: 1 1 350px;
	 max-width: 520px;
	 min-width: 330px;
}
 .security-section .security-left h3 {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 20px;
}
 .security-section .security-left .security-feature {
	 display: flex;
	 align-items: flex-start;
	 /* gap: 20px; */
	 margin-bottom: 30px;
}
 .security-section .security-left .security-feature .security-feature-icon {
	 width: 48px;
	 height: 48px;
	 background: #232223;
	 color: #ff855f;
	 border-radius: 12px;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 font-size: 2rem;
	 margin-top: 3px;
}
 .security-section .security-left .security-feature .security-feature-title {
	 font-size: 1.18rem;
	 font-weight: 600;
	 color: #fff;
	 margin-bottom: 7px;
}
 .security-section .security-left .security-feature .security-feature-desc {
	 color: #bfbfbf;
	 /* font-size: 1.09rem; */
	 margin-bottom: 0;
}
 .security-section {
	 /* flex: 1.1 1 330px;
	 min-width: 320px;
	 max-width: 530px; */
}
 .security-section .security-grid {
	 /* display: grid;
	 grid-template-columns: 1fr 1fr;
	 gap: 23px; */
}
 .security-section .security-grid .security-card {
	 background: #19191a;
	 border-radius: 15px;
	 border: 1.5px solid #232223;
	 box-sizing: border-box;
	 min-width: 160px;
	 min-height: 102px;
	 padding: 10px 0;
	 text-align: center;
	 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07);
	 transition: border-color 0.25s;
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 justify-content: center;
}
 .security-section .security-grid .security-card .security-card-title {
	 color: #ff855f;
	 font-size: 18px;
	 font-weight: 600;
	 margin-bottom: 6px;
}
 .security-section .security-grid .security-card .security-card-desc {
	 color: #bfbfbf;
	 font-size: 16px;
}
 .security-section .security-grid .security-card:hover {
	 border-color: #ff855f;
}
 
.getstarted-section {
  /* background: #181818; */
  color: #fff;
  text-align: center;
  /* padding: 60px 0 0 0; */
  font-family: 'Inter', Arial, sans-serif;
}
/* .getstarted-section h2 {
  font-size: 2.6rem;
  font-weight: bold;
  margin-bottom: 18px;
}
.getstarted-desc {
  font-size: 1.19rem;
  color: #bfbfbf;
  margin-bottom: 44px;
} */
.getstarted-steps {
  /* display: flex;
  justify-content: center;
  gap: 36px;
  flex-wrap: wrap;
  margin-bottom: 36px; */
}
.step-card {
  background: #19191a;
  border-radius: 16px;
  border: 1.5px solid #232223;
  box-sizing: border-box;
  /* width: 350px; */
  min-height: 340px;
  padding: 25px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.07);
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.step-header {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 14px;
}
.step-number {
  background: #ff855f;
  color: #fff;
  border-radius: 50%;
  font-size: 1.7rem;
  font-weight: bold;
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.step-type {
  color: #ff855f;
  font-size: 1.14rem;
  font-weight: 600;
  margin-bottom: 3px;
}
.step-title {
  color: #fff;
  font-size: 1.21rem;
  font-weight: bold;
}
.step-desc {
  color: #bfbfbf;
  font-size: 16px;
  margin-bottom: 14px;
}
.step-list {
  list-style: none;
  padding: 0;
  margin-bottom: 12px;
}
.step-list li {
  font-size: 1.04rem;
  color: #fff;
  margin-bottom: 7px;
  display: flex;
  align-items: center;
}
.step-list li::before {
  content: "✓";
  color: #ff855f;
  font-size: 1.16rem;
  margin-right: 10px;
}
.step-time {
  font-size: 1rem;
  color: #bfbfbf;
  margin-top: 4px;
  margin-left: 5px;
}
.getstarted-help {
  background: #19191a;
  border-radius: 20px;
  border: 1.5px solid #232223;
  box-sizing: border-box;
  max-width: 1100px;
  margin: 40px auto 0 auto;
  padding: 33px 30px 25px 30px;
  text-align: center;
}
.getstarted-help h3 {
  color: #fff;
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 9px;
}
.getstarted-help p {
  color: #bfbfbf;
  font-size: 1.13rem;
  margin-bottom: 40px;
}
.help-options {
  display: flex;
  justify-content: center;
  gap: 70px;
  /* flex-wrap: wrap; */
  margin-top: 20px;
}
.help-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 180px;
}
.help-icon {
  width: 44px;
  height: 44px;
  background: #232223;
  color: #ff855f;
  border-radius: 13px;
  margin-bottom: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2rem;
}
.help-title {
  color: #fff;
  font-size: 1.17rem;
  font-weight: bold;
  margin-bottom: 6px;
}
.help-desc {
  font-size: 1.07rem;
  color: #bfbfbf;
  text-align: center;
}






.faq-section {
  /* background: #181818; */
  color: #fff;
  text-align: center;
  /* padding: 58px 0 24px 0; */
      background: var(--hero-gradient);
  font-family: 'Inter', Arial, sans-serif;
}

/* .faq-section h2 {
  font-size: 2.45rem;
  font-weight: bold;
  margin-bottom: 14px;
}

.faq-desc {
  font-size: 1.12rem;
  color: #bfbfbf;
  margin-bottom: 44px;
} */

.faq-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 90vw;
  /* width: 820px; */
  margin: 0 auto;
}

.faq-card {
  background: #19191a;
  border-radius: 15px;
  border: 1.5px solid #232223;
  padding: 25px;
  text-align: left;
  box-shadow: 0 4px 15px rgba(0,0,0,0.06);
  font-size: 1rem;
}

.faq-question {
  font-weight: bold;
  font-size: 1.1rem;
  margin-bottom: 13px;
  color: #fff;
}

.faq-answer {
  font-size: 1.06rem;
  color: #bfbfbf;
}





 @media (max-width: 1024px) {
	 .banner-section .banner-title {
		 font-size: 2.15rem;
	}
	 .banner-section .banner-subtitle {
		 font-size: 1.07rem;
	}
	 .banner-section .banner-btn {
		 padding: 14px 32px;
		 font-size: 1.04rem;
	}

.banner-section {
        padding: 120px 0 40px 0;
}
.roi-section {

    padding: 40px 0;

}
  
}
 






























@media (max-width: 991px) {
  .navbar {
    padding: 20px 0;
}
  .hero-section {
    padding: 120px 0 40px 0;
}
.cta-btn {
      margin-bottom: 15px!important;
}
    .how-works-section .step-card {
        max-width: 80%;
        margin: 5px auto !important;
        min-height: auto;
    }

        .how-works-section .step-card:hover {
          transform: none;
    }

    	 .pitfalls-section .card-row {
		 flex-direction: column;
		 align-items: center;
		 gap: 1.2rem;
		 margin-bottom: 30px;
	}
	 .pitfalls-section .pitfall-card {
        max-width: 100%;
        margin: 0 auto;
        margin-bottom: 20px;
	}
  .procure-section .visual-panel .img-box img {
    height: auto;
}

  .capabilities-block {
        width: 90%;
                margin: 40px auto;

  }

  .capability-icon {
    width: 68px;
    height: 68px;
    i {
      font-size: 1.6rem;
    }
  }

  .capabilities-title {
    font-size: 1.45rem;
  }

.hero-start .hero-image-block .hero-image {
      height: 250px;
}





/* .how-works-section .works-title, .pitfalls-section .pitfalls-title, .procure-section .procure-title, .total-control-section .total-title,
.industries-serve h2, .hero-start .hero-content h1, .security-section h2, .security-section .security-left h3,
.getstarted-section h2, .faq-section h2, .onboarding-section h2, .roi-section h2, .hris-section h2, .success-section h2 {
    font-size: 1.6rem;
    font-weight: 600;
}

.how-works-section .works-desc, .pitfalls-section .pitfalls-desc, .procure-section .procure-desc, .total-control-section .total-desc,
.industries-serve .subtitle, .pricing-section .ps-subtitle, .section .c-section-title {

    font-size: 1em;
    margin-bottom: 40px;
    } */


.section .c-section-title {
    font-size: 1.6rem;
    font-weight: 600;
}
	.section .c-section-desc {

    font-size: 1em;
    margin-bottom: 20px;
    }
/* .how-works-section, .pitfalls-section, .procure-section, .total-control-section,
.industries-serve, .best-choice-section, .pricing-section, .hero-start {
    padding: 40px 0;
} */


.pitfalls-section .pitfall-card .card-desc {
    min-height: auto;
}
.pitfalls-section .pitfalls-note {
    font-size: 1em;
    margin-top: 20px;
}
.procure-section .feature-card {
    margin: 0 0 15px 0;
    flex: none;

}
.total-control-section {
    padding: 40px 0;

}
.total-control-section .cta-card .cta-title {
    font-size: 1.6rem;
}

.navbar {
          /* padding-top: 20px;
        padding-bottom: 50px; */
}
.navbar-nav {
      margin: 20px 0;
}
.security-section .security-main {
    margin-bottom: 40px;
}
.total-control-section .stats-row {
    margin-bottom: 0 !important;
}

.how-works-section .step-card .step-icon {
	    margin-bottom: 5px;
}

.how-works-section .step-card .step-icon i {
    padding: 10px;
    font-size: 14px;
}
.how-works-section .step-card .step-number {
    font-size: 12px;
    font-weight: 400;
}
.capability-count {
	padding-top: 0;
}
.hero-start .hero-content h2 {
    font-size: 1.6rem;
}
.hero-start .hero-support .support-actions {
    display: block;
}
.hero-start .hero-support .support-actions .support-btn {
    margin: 10px 0;
    width: 95%;
}
.onboarding-step {
    padding-bottom: 10px;
    border-bottom: 1px solid #2b2b2b;
    margin-bottom: 10px;
}
.roi-box {
	width: 100%;
	min-height: auto;
}

.success-card {
    margin-bottom: 15px;
}
.security-section .security-grid .security-card .security-card-title {
    font-size: 14px;
}

.security-section .security-grid .security-card {
    min-width: auto;
    min-height: auto;
    display: block;
}
.getstarted-steps {
    gap: 15px;
}
.faq-answer {
    font-size: 15px;
}
.total-control-section .cta-black-btn {
	margin-bottom: 15px;
}


}


.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	display: none;
}