:root {
  --primary: #d85c23;
  --primary-dark: #9f3c0e;
  --secondary: #5dbb63;
  --secondary-dark: #48994d;
  --dark: #111827;
  --light: #f8fafc;
  --text: #475569;
  --border: #e2e8f0;
  --success: #16a34a;
  --danger: #dc2626;
  --warning: #f59e0b;
  --radius: 12px;
  --transition: 0.3s ease;
}
.text-site-primary {
  color: var(--primary) !important;
}
.text-site-secondary {
  color: var(--secondary) !important;
}
.bg-site-primary {
  background: var(--primary) !important;
}
.bg-site-secondary {
  background: var(--secondary) !important;
}
.border-site-primary {
  border-color: var(--primary) !important;
}

body {
  /* font-family: "Inter", sans-serif; */
  font-family: "Manrope", sans-serif;
  color: var(--text);
  overflow-x: hidden;
}

a {
  text-decoration: none;
  transition: var(--transition);
}

.navbar {
  padding: 0.8rem 0;
}

.nav-link {
  font-weight: 500;
}

.nav-link.active,
.nav-link:hover {
  color: var(--primary) !important;
}

.btn {
  border-radius: 0px;
  padding: 10px 30px;
}

.footer{
  background:#0f172a;
  color:#cbd5e1;
  padding:80px 0 0;
  margin-top:100px;
}

.footer-about{
  line-height:1.8;
  max-width:350px;
}

.footer-title{
  color:#fff;
  font-weight:700;
  margin-bottom:20px;
}

.footer-links{
  list-style:none;
  padding:0;
  margin:0;
}

.footer-links li{
  margin-bottom:12px;
}

.footer-links a{
  color:#cbd5e1;
  transition:.3s;
}

.footer-links a:hover{
  color:#fff;
  padding-left:5px;
}

.footer-contact{
  list-style:none;
  padding:0;
  margin:0;
}

.footer-contact li{
  display:flex;
  gap:12px;
  margin-bottom:15px;
  align-items:flex-start;
}

.footer-contact i{
  color:var(--primary);
  margin-top:5px;
}

.footer-social{
  display:flex;
  gap:12px;
  margin-top:25px;
}

.footer-social a{
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:rgba(255,255,255,.08);
  color:#fff;
  transition:.3s;
}

.footer-social a:hover{
  background:var(--primary);
  transform:translateY(-3px);
}

.footer-business{
  margin-top:50px;
  padding:25px 0;
  border-top:1px solid rgba(255,255,255,.1);
}

.business-badges{
  display:flex;
  flex-wrap:wrap;
  gap:15px;
}

.business-badges span{
  display:flex;
  align-items:center;
  gap:8px;
  background:rgba(255,255,255,.05);
  padding:8px 15px;
  border-radius:30px;
  font-size:14px;
}

.business-badges i{
  color:var(--primary);
}

@media(max-width:991px){

  .footer{
    text-align:center;
  }

  .footer-about{
    max-width:100%;
  }

  .footer-contact li{
    justify-content:center;
  }

  .business-badges{
    justify-content:center;
    margin-bottom:15px;
  }
}

.section-padding {
  padding: 90px 0;
}



.btn-site-primary{
  background:var(--primary);
  color:#fff;
  border:0;
}

.btn-site-primary:hover{
  background:var(--primary-dark);
  color:#fff;
}

.hero-slider{
  position:relative;
}

.hero-slide{
  min-height:700px;
  background-size:cover;
  background-position:center;
  position:relative;
  display:flex;
  align-items:center;
}

.hero-overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.60);
}

.hero-content{
  position:relative;
  z-index:2;
  color:#fff;
  max-width:750px;
}

.hero-badge{
  display:inline-block;
  background:rgba(255,255,255,.15);
  backdrop-filter:blur(10px);
  padding:8px 18px;
  border-radius:30px;
  margin-bottom:20px;
  font-size:14px;
}

.hero-content h1,
.hero-content h2{
  font-size:clamp(2.2rem,5vw,4.5rem);
  font-weight:800;
  line-height:1.1;
  margin-bottom:20px;
}

.hero-content p{
  font-size:1.1rem;
  margin-bottom:30px;
  opacity:.95;
}

.hero-buttons{
  display:flex;
  gap:15px;
  flex-wrap:wrap;
}

.carousel-indicators{
  margin-bottom:2rem;
}

.carousel-indicators button{
  width:12px;
  height:12px;
  border-radius:50%;
}

@media(max-width:768px){

  .hero-slide{
    min-height:600px;
  }

  .hero-content{
    text-align:center;
  }

  .hero-buttons{
    justify-content:center;
  }
}



.section-badge{
  color:var(--primary);
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:1px;
}

.section-title{
  font-size:clamp(2rem,4vw,3rem);
  font-weight:800;
  color:var(--dark);
  margin-top:10px;
}

.stat-card{
  padding:20px;
  border:1px solid var(--border);
  border-radius:var(--radius);
  text-align:center;
}

.stat-card h3{
  color:var(--primary);
  font-weight:800;
  margin-bottom:5px;
}

.stat-card p{
  margin-bottom: 5px;
}

.service-card{
  background:#fff;
  padding:30px;
  border-radius:var(--radius);
  text-align:center;
  transition:.3s;
  border:1px solid var(--border);
}

.service-card:hover{
  transform:translateY(-5px);
}

.service-card:hover .service-icon{
  color: var(--light);
  background-color: var(--primary);
}

.service-icon{
  width:70px;
  height:70px;
  margin:auto auto 20px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:rgba(216,92,35,.1);
  color:var(--primary);
  font-size:26px;
}

.product-card{
  background:#fff;
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:0 10px 25px rgba(0,0,0,.06);
  position: relative;
}

.product-card h4{
  font-size: 20px;
  font-weight: 600;
  color: var(--primary)
}

.product-card img{
  width: 100%;
  height: 300px;
  object-fit: cover;
}

.product-tag{
  display:inline-block;
  background:var(--secondary);
  color:#fff;
  padding:5px 12px;
  border-radius:20px;
  font-size:12px;
  margin-bottom:10px;
  position: absolute;
  top: 20px;
  left: 20px;
}

.why-card{
  background:#fff;
  padding:30px;
  border-radius:var(--radius);
  text-align:center;
  border:1px solid var(--border);
}

.why-card:hover{
  border-color: var(--primary);
}

.why-card i{
  font-size:35px;
  color:var(--primary);
  margin-bottom:15px;
}


.trust-card{
  background:#fff;
  padding:30px;
  border:2px solid var(--border);
  border-radius:var(--radius);
  text-align:center;
  height:100%;
}

.trust-card:hover{
  border-color: var(--primary);
}

.trust-card i{
  font-size:40px;
  color:var(--primary);
  margin-bottom:15px;
}

.trust-card p{
  margin-bottom:0px;
}

.industry-marquee{
  position:relative;
  overflow:hidden;
}

.industry-track{
  display:flex;
  width:max-content;
  gap:20px;
  animation:industryScroll 35s linear infinite;
}

.industry-pill{
  display:flex;
  align-items:center;
  gap:12px;
  padding:18px 28px;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:60px;
  white-space:nowrap;
  box-shadow:0 8px 20px rgba(0,0,0,.05);
  transition:.3s;
}

.industry-pill:hover{
  transform:translateY(-4px);
  box-shadow:0 15px 30px rgba(0,0,0,.08);
}

.industry-pill i{
  color:var(--primary);
  font-size:20px;
}

.industry-pill span{
  font-weight:600;
}

@keyframes industryScroll{
  from{
    transform:translateX(0);
  }
  to{
    transform:translateX(-50%);
  }
}

.client-logo{
  height:120px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
}

.client-logo img{
  max-height:70px;
  width:auto;
}

.cta-section{
  padding:100px 0;
}

.cta-box{
  background:linear-gradient(135deg,var(--primary),var(--primary-dark));
  color:#fff;
  text-align:center;
  padding:70px 30px;
  border-radius:20px;
}



.page-banner{
  position:relative;
  overflow:hidden;
  padding:150px 0 100px;
  background:
    linear-gradient(
      135deg,
      var(--primary),
      var(--primary-dark)
    );
  color:#fff;
  text-align:center;
}

.page-banner .container{
  position:relative;
  z-index:2;
}

.page-banner h1{
  font-size:clamp(2.8rem,5vw,4.5rem);
  font-weight:800;
  margin-bottom:15px;
}

.page-banner p{
  max-width:700px;
  margin:auto;
  opacity:.95;
  font-size:1.1rem;
}

.page-banner::before{
  content:'';
  position:absolute;
  width:500px;
  height:500px;
  border-radius:50%;
  background:rgba(255,255,255,.08);
  top:-250px;
  right:-150px;
}

.page-banner::after{
  content:'';
  position:absolute;
  width:350px;
  height:350px;
  border-radius:50%;
  background:rgba(255,255,255,.05);
  bottom:-150px;
  left:-100px;
}

.page-banner h1{
  font-size:clamp(2.5rem,5vw,4rem);
  font-weight:800;
}

.banner-shape{
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}

.shape-1{
  width:120px;
  height:120px;
  top:25%;
  left:15%;
  background:rgba(255,255,255,.08);
  animation:floatShape 5s ease-in-out infinite;
}

.shape-2{
  width:80px;
  height:80px;
  right:20%;
  bottom:20%;
  background:rgba(255,255,255,.10);
  animation:floatShape 6s ease-in-out infinite;
}

@keyframes floatShape{

  0%,100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-20px);
  }

}

.feature-list{
  list-style:none;
  padding:0;
}

.feature-list li{
  margin-bottom:15px;
}

.feature-list li i{
  margin-right:6px;
}



.value-card{
  background:#fff;
  padding:30px;
  border-radius:var(--radius);
  border:1px solid var(--border);
  height:100%;
}



.contact-info-card,
.contact-form-card{
  background:#fff;
  border-radius:20px;
  padding:35px;
  box-shadow:0 10px 30px rgba(0,0,0,.06);
}

.contact-item{
  display:flex;
  gap:15px;
  margin-bottom:25px;
}

.contact-item i{
  width:55px;
  height:55px;
  display:flex;
  flex-shrink: 0;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:rgba(216,92,35,.1);
  color:var(--primary);
}



#toastContainer{
  position:fixed;
  top:20px;
  right:20px;
  z-index:9999;
}

.toast-message{
  background:#fff;
  padding:15px 20px;
  border-radius:12px;
  margin-bottom:10px;
  box-shadow:0 10px 30px rgba(0,0,0,.12);
  min-width:300px;
}

.toast-success{
  border-left:4px solid var(--success);
}

.toast-error{
  border-left:4px solid #dc2626;
}


.error-box h1{
  font-size:8rem;
  font-weight:900;
  color:var(--primary);
}

.legal-page{
  max-width:900px;
}

.legal-page h2{
  margin-top:40px;
  font-weight:700;
}

.parsley-errors-list{
  color: red;
  list-style: none;
  padding-left: 0px;
}


.navbar-nav .nav-link{
  position:relative;
  font-weight:600;
  padding:.75rem 1rem !important;
}

.navbar-nav .nav-link::after{
  content:'';
  position:absolute;
  left:1rem;
  bottom:.4rem;
  width:0;
  height:2px;
  background:var(--primary);
  transition:.3s;
}

.navbar-nav .nav-link:hover::after,
.navbar-nav .nav-link.active::after{
  width:calc(100% - 2rem);
}


.navbar{
  transition:.3s;
}

.navbar-scrolled{
  backdrop-filter:blur(20px);
  background:rgba(255,255,255,.95)!important;
  box-shadow:0 10px 25px rgba(0,0,0,.08);
}



#scrollTopBtn{
  position:fixed;
  right:25px;
  bottom:25px;
  width:50px;
  height:50px;
  border:none;
  border-radius:50%;
  background:var(--primary);
  color:#fff;
  display:none;
  z-index:999;
}

#scrollTopBtn:hover{
  background:var(--primary-dark);
}


.whatsapp-btn{
  position:fixed;
  left:25px;
  bottom:25px;
  width:60px;
  height:60px;
  border-radius:50%;
  background:#25D366;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:30px;
  z-index:999;
  box-shadow:0 10px 25px rgba(0,0,0,.15);
}

.whatsapp-btn:hover{
  color:#fff;
  transform:scale(1.05);
}


.card,
.service-card,
.product-card,
.why-card,
.trust-card{
  transition:.35s all linear;
}

.card:hover,
.service-card:hover,
.product-card:hover,
.why-card:hover,
.trust-card:hover{
  transform:translateY(-8px);
}



.about-highlights div{
  margin-bottom:15px;
  font-weight:500;
}

.about-highlights i{
  color:var(--primary);
  margin-right:8px;
}

.about-image-box{
  position:relative;
}

.mission-card,
.why-modern-card,
.value-modern-card{
  background:#fff;
  padding:35px;
  border-radius:20px;
  height:100%;
  border:1px solid var(--border);
  transition:.35s;
}

.mission-card:hover,
.why-modern-card:hover,
.value-modern-card:hover{
  transform:translateY(-8px);
  box-shadow:0 15px 35px rgba(0,0,0,.08);
}

.icon-box{
  width:70px;
  height:70px;
  border-radius:50%;
  background:rgba(216,92,35,.1);
  color:var(--primary);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:28px;
  margin-bottom:20px;
}

.why-modern-card{
  text-align:center;
}

.why-modern-card i{
  font-size:40px;
  color:var(--primary);
  margin-bottom:15px;
}

.stats-section{
  background:linear-gradient(
    135deg,
    var(--primary),
    var(--primary-dark)
  );
  color:#fff;
  padding:90px 0;
}

.stats-item h2{
  font-size:3rem;
  font-weight:800;
}



.service-highlights div{
  margin-bottom:15px;
  font-weight:500;
}

.service-highlights i{
  color:var(--primary);
  margin-right:8px;
}

.service-modern-card{
  background:#fff;
  border:1px solid var(--border);
  border-radius:20px;
  padding:30px;
  height:100%;
  text-align:center;
  transition:.35s;
}

.service-modern-card:hover{
  transform:translateY(-8px);
  box-shadow:0 15px 35px rgba(0,0,0,.08);
}

.service-modern-icon{
  width:75px;
  height:75px;
  border-radius:50%;
  background:rgba(216,92,35,.1);
  color:var(--primary);
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 20px;
  font-size:30px;
}

.process-card{
  background:#fff;
  padding:25px;
  border-radius:16px;
  text-align:center;
  border:1px solid var(--border);
}

.process-card span{
  width:50px;
  height:50px;
  background:var(--primary);
  color:#fff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:auto auto 15px;
  font-weight:700;
}

.tech-card{
  background:#fff;
  border:1px solid var(--border);
  padding:20px;
  text-align:center;
  border-radius:14px;
  font-weight:600;
  transition:.3s;
}

.tech-card:hover{
  background:var(--primary);
  color:#fff;
}



.accordion-button:not(.collapsed){
  background-color: var(--primary);
  color: var(--light);
}
.accordion-body{
  color: grey;
}
.accordion-button{
  font-weight: 500;
}


.btn:disabled{
  opacity:.7;
  cursor:not-allowed;
}

.fa-spinner{
  margin-right:6px;
}



.stats-card{
  background:#fff;
  padding:30px;
  border-radius:20px;
  text-align:center;
  box-shadow:0 10px 30px rgba(0,0,0,.05);
  transition:.3s;
}

.stats-card:hover{
  transform:translateY(-8px);
}

.stats-card h3{
  color:var(--primary);
  font-size:40px;
  font-weight:700;
}

.feature-card{
  background:#fff;
  padding:30px;
  border-radius:20px;
  height:100%;
  box-shadow:0 10px 30px rgba(0,0,0,.05);
  transition:.3s;
}

.feature-card:hover{
  transform:translateY(-8px);
}

.feature-card i{
  font-size:40px;
  color:var(--primary);
  margin-bottom:20px;
}

.feature-card h4{
  margin-bottom:15px;
}


.industry-box{
  background:#fff;
  border-radius:20px;
  padding:30px 20px;
  text-align:center;
  height:100%;
  box-shadow:0 10px 30px rgba(0,0,0,.05);
  transition:.35s;
  position:relative;
  overflow:hidden;
}

.industry-box::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,var(--primary),var(--secondary));
  opacity:0;
  transition:.35s;
}

.industry-box:hover::before{
  opacity:.05;
}

.industry-box:hover{
  transform:translateY(-8px);
}

.industry-box i{
  font-size:38px;
  color:var(--primary);
  margin-bottom:15px;
  display:block;
  position:relative;
  z-index:2;
}

.industry-box h5{
  margin:0;
  position:relative;
  z-index:2;
}

.benefit-list{
  display:flex;
  flex-direction:column;
  gap:18px;
  margin-top:30px;
}

.benefit-item{
  display:flex;
  align-items:center;
  gap:15px;
  font-size:1.05rem;
}

.benefit-item i{
  color:var(--primary);
  font-size:20px;
  flex-shrink:0;
}

.glass-card{
  background:#fff;
  border-radius:24px;
  box-shadow:0 20px 60px rgba(0,0,0,.08);
  border:1px solid rgba(255,255,255,.2);
}

.glass-card h3{
  margin-bottom:20px;
}

.step-card{
  background:#fff;
  border-radius:20px;
  padding:30px;
  text-align:center;
  height:100%;
  box-shadow:0 10px 30px rgba(0,0,0,.05);
  transition:.35s;
}

.step-card:hover{
  transform:translateY(-8px);
}

.step-card span{
  width:70px;
  height:70px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 20px;
  background:linear-gradient(135deg,var(--primary),var(--primary-dark));
  color:#fff;
  font-weight:700;
  font-size:24px;
}

.step-card h5{
  margin-bottom:15px;
}

.cta-section{
  padding:100px 0;
}

.cta-box{
  background:linear-gradient(135deg,var(--primary),var(--primary-dark));
  color:#fff;
  padding:70px 40px;
  border-radius:30px;
  position:relative;
  overflow:hidden;
}

.cta-box::before{
  content:'';
  position:absolute;
  width:300px;
  height:300px;
  border-radius:50%;
  background:rgba(255,255,255,.08);
  top:-120px;
  right:-120px;
}

.cta-box h2{
  color:#fff;
  margin-bottom:20px;
}

.cta-box p{
  max-width:700px;
  margin:0 auto 30px;
  opacity:.95;
}

.accordion-item{
  border:none;
  border-radius:18px!important;
  overflow:hidden;
  margin-bottom:15px;
  box-shadow:0 8px 25px rgba(0,0,0,.05);
}

.accordion-button{
  font-weight:600;
  padding:20px 25px;
}

.accordion-button:not(.collapsed){
  background:rgba(var(--primary-rgb),.08);
  color:var(--primary);
  box-shadow:none;
}

.accordion-button:focus{
  box-shadow:none;
}

.accordion-body{
  padding:25px;
  line-height:1.8;
}



.breadcrumb-item a{
  color: #333;
}
.breadcrumb-item.active{
  font-weight: 700;
}



/* =========================
   MDM PAGE
========================= */

.mdm-hero-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 16px;
  border-radius:50px;
  background:rgba(var(--primary-rgb),.1);
  color:var(--primary);
  font-weight:600;
}

.mdm-stat-card{
  background:#fff;
  border-radius:24px;
  padding:35px;
  text-align:center;
  height:100%;
  border:1px solid rgba(0,0,0,.05);
  transition:.35s;
  box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.mdm-stat-card:hover{
  transform:translateY(-8px);
  box-shadow:0 20px 40px rgba(0,0,0,.08);
}

.mdm-stat-card h3{
  font-size:42px;
  font-weight:800;
  color:var(--primary);
  margin-bottom:10px;
}

.mdm-feature-card{
  background:#fff;
  border-radius:24px;
  padding:35px;
  height:100%;
  border:1px solid rgba(0,0,0,.05);
  transition:.35s;
  box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.mdm-feature-card:hover{
  transform:translateY(-10px);
  box-shadow:0 20px 45px rgba(0,0,0,.08);
}

.mdm-feature-card i{
  width:75px;
  height:75px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:20px;
  background:rgba(var(--primary-rgb),.1);
  color:var(--primary);
  font-size:32px;
  margin-bottom:20px;
}

.mdm-feature-card h4{
  margin-bottom:15px;
}

.mdm-feature-card p{
  margin-bottom:0;
  color:#64748b;
}

.mdm-industry-card{
  background:#fff;
  border-radius:20px;
  padding:30px 20px;
  text-align:center;
  height:100%;
  transition:.35s;
  border:1px solid rgba(0,0,0,.05);
  box-shadow:0 10px 30px rgba(0,0,0,.04);
}

.mdm-industry-card:hover{
  transform:translateY(-8px);
}

.mdm-industry-card i{
  font-size:36px;
  color:var(--primary);
  margin-bottom:15px;
}

.mdm-industry-card h5{
  margin:0;
}

.mdm-security-card{
  background:#fff;
  border-radius:24px;
  padding:35px;
  height:100%;
  border:1px solid rgba(0,0,0,.05);
  transition:.35s;
}

.mdm-security-card:hover{
  transform:translateY(-8px);
}

.mdm-security-card i{
  color:var(--primary);
  font-size:30px;
  margin-bottom:15px;
}

.mdm-benefit-item{
  display:flex;
  gap:15px;
  margin-bottom:18px;
}

.mdm-benefit-item i{
  color:var(--primary);
  margin-top:4px;
}

.mdm-policy-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:12px 18px;
  border-radius:50px;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  margin:6px;
  font-weight:500;
  transition:.3s;
}

.mdm-policy-pill:hover{
  background:var(--primary);
  color:#fff;
}

.mdm-policy-pill i{
  font-size:14px;
}


.policy-marquee{
  overflow:hidden;
  position:relative;
}

.policy-track{
  display:flex;
  gap:18px;
  width:max-content;
  animation:policyScroll 35s linear infinite;
}

.policy-pill{
  display:flex;
  align-items:center;
  gap:10px;
  padding:16px 26px;
  border-radius:60px;
  background:#fff;
  white-space:nowrap;
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 8px 20px rgba(0,0,0,.05);
  transition:.3s;
}

.policy-pill:hover{
  transform:translateY(-4px);
  box-shadow:0 15px 30px rgba(0,0,0,.08);
}

.policy-pill i{
  color:var(--primary);
}

.policy-pill span{
  font-weight:600;
}

@keyframes policyScroll{

  from{
    transform:translateX(0);
  }

  to{
    transform:translateX(-50%);
  }

}


/* =========================
   SITE LOADER
========================= */

body.loading{
  overflow:hidden;
}

#site-loader{
  position:fixed;
  inset:0;
  z-index:99999;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.5s ease;
}

#site-loader.hide{
  opacity:0;
  visibility:hidden;
}

.loader-content{
  text-align:center;
}

.loader-logo{
  max-height:70px;
  width:auto;
  margin-bottom:25px;
  animation:loaderPulse 1.5s ease infinite;
}

.loader-line{
  width:220px;
  height:4px;
  background:#ececec;
  border-radius:50px;
  overflow:hidden;
}

.loader-line span{
  display:block;
  width:40%;
  height:100%;
  background:linear-gradient(
    90deg,
    var(--primary),
    var(--secondary)
  );
  animation:loaderMove 1.3s linear infinite;
}

@keyframes loaderMove{

  0%{
    transform:translateX(-120%);
  }

  100%{
    transform:translateX(600%);
  }

}

@keyframes loaderPulse{

  0%,100%{
    transform:scale(1);
  }

  50%{
    transform:scale(1.05);
  }

}



.kiosk-visual{
  text-align:center;
  padding:60px 40px;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.kiosk-icon{
  margin-bottom:25px;
}

.kiosk-icon i{
  font-size:7rem;
  color:var(--primary);
  opacity:.9;
  animation:kioskFloat 4s ease-in-out infinite;
}

.kiosk-tags{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
  margin-top:20px;
}

.kiosk-tags span{
  background:rgba(var(--primary-rgb),.08);
  color:var(--primary);
  padding:8px 16px;
  border-radius:50px;
  font-size:.9rem;
  font-weight:600;
}

@keyframes kioskFloat{
  0%,100%{
    transform:translateY(0);
  }
  50%{
    transform:translateY(-12px);
  }
}


.enterprise-scale-card{
  height:100%;
  padding:60px 45px;
  background:#fff;
  border-radius:30px;
  box-shadow:0 20px 50px rgba(0,0,0,.06);
  display:flex;
  flex-direction:column;
  justify-content:center;
  position:relative;
  overflow:hidden;
}

.enterprise-scale-card::before{
  content:'';
  position:absolute;
  top:-120px;
  right:-120px;
  width:260px;
  height:260px;
  border-radius:50%;
  background:rgba(var(--primary-rgb),.06);
}

.scale-number{
  font-size:5rem;
  font-weight:800;
  line-height:1;
  color:var(--primary);
  margin-bottom:20px;
}

.scale-metrics{
  display:flex;
  gap:15px;
  margin-top:30px;
  flex-wrap:wrap;
}

.metric-item{
  flex:1;
  min-width:120px;
  text-align:center;
  padding:18px 15px;
  border-radius:16px;
  background:#f8f9fb;
}

.metric-item strong{
  display:block;
  color:var(--primary);
  font-size:1rem;
}

.metric-item span{
  font-size:.85rem;
  color:#6c757d;
}



.faq-group-title{
  font-size:1.75rem;
  font-weight:700;
  margin-bottom:20px;
  color:var(--primary);
  border-left:4px solid var(--primary);
  padding-left:15px;
}