/* ============================================================
   Tech A Leap — Main Styles
   Compatible with all modern browsers
   ============================================================ */

:root {
  --bg-primary: #fff;
  --bg-secondary: linear-gradient(135deg, #dddddd 0%, #ffffff 50%, #f3e2ff 100%);
  --bg-card: #111118;
  --bg-card-hover: #363636;
  --accent-purple: #8c21df;
  --accent-purple-light: #af49ff;
  --text-primary: #111111;
  --text-secondary: #111111;
  --text-muted: #111111;
  --border-subtle: rgba(124,92,252,0.15);
  --border-card: rgba(255,255,255,0.06);
  --white: #fff;
  --light:#eee;
  --light-bg-purple:rgba(140, 33, 223,0.1);
}

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

html { scroll-behavior: smooth; }

body {
  background-color: var(--bg-primary);
  color: var(--text-primary);
  font-family: "Raleway", sans-serif;
  overflow-x: hidden;
  font-weight:500;
}
img {
max-width:100%;
}
.text-accent {
    color: var(--accent-purple)!important;
}
.text-dark {
    color: var(--text-secondary)!important;
}
.bg-accent{ background:var(--accent-purple)!important;}
.bg-dark{ background:var(--text-secondary)!important;}
.bg-light{ background:var(--light)!important;}
.light-bg-purple{ background:var(--light-bg-purple)!important;}
.bg-gradient{ background:var(--bg-secondary)!important;}
.bg-blur{ background: rgba(255,255,255,0.6);     backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);}
	.bg-blur-purple{ background: rgba(140,33,223,0.2);     backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);}
.b-radius{ border-radius:12px;}
.mayurbg{ background:url(../images/mayurbg.png) no-repeat center center; background-size:cover;}
.processnumber{ top:0px; right:20px;  font-size:90px; line-height:100px; color:rgba(255,255,255,0.3);  font-weight:700;  font-family:Verdana, Arial, Helvetica, sans-serif;}
.floating-image {
    display: inline-block;
    animation: floating 4s ease-in-out infinite;
    transform-origin: center center;
    will-change: transform;
}
 .left-float{
 bottom:-60px;
 left:30px;
 }
  .right-float{
 top:-100px;
 right:30px;
 }
  .left-float-top{ 
  top:-120px;
 left:50px; height:230px; width:auto;}
   .right-float-bottom{
 top:-80px;
 right:20px;
 height:250px;
 }
 
   .left-float-footer{ 
  top:-300px;
 left:30px; height:400px; width:auto;}
 .benefit-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:30px;
}
p a { color:var(--accent-purple)!important;}
.benefit-card{
    padding:25px;
    border:1px solid #e5e5e5;
    border-radius:18px;
    transition:.3s;
    background:#fff;
}

.benefit-card:hover{
    border-color:#7c5cfc;
    transform:translateY(-5px);
    box-shadow:0 12px 30px rgba(0,0,0,.06);
}

.icon{
    width:56px;
    height:56px;
    border:1px solid #ddd;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:18px;
    color:#7c5cfc;
}

.icon svg{
    width:28px;
    height:28px;
    stroke:currentColor;
    stroke-width:1.8;
    fill:none;
    stroke-linecap:round;
    stroke-linejoin:round;
}
ul.points{  padding-left:25px;}
ul.points li{ list-style:none; position:relative; line-height:28px; }
ul.points li::before{ background:url(../images/check.svg) no-repeat; position: absolute; left:-25px; top:6px; content:''; height:15px; width:15px; background-size:cover; }
h3{
    font-size:20px;
    font-weight:600;
    margin-bottom:10px;
}

p{
    font-size:16px;
    line-height:1.6;
}

@media(max-width:768px){

.ai-benefits{
    margin:50px auto;
}

.benefit-grid{
    gap:20px;
}

}
@keyframes floating {
    0% {
        transform: translateY(0px) rotate(0deg);
    }
    25% {
        transform: translateY(-12px) rotate(1deg);
    }
    50% {
        transform: translateY(0px) rotate(0deg);
    }
    75% {
        transform: translateY(12px) rotate(-1deg);
    }
    100% {
        transform: translateY(0px) rotate(0deg);
    }
}
/* ─── SCROLLBAR ─── */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: var(--bg-primary); }
::-webkit-scrollbar-thumb { background: var(--accent-purple); border-radius: 10px; }

/* ─── NAVBAR ─── */
.navbar {
  background: rgba(204,204,204,0.10);
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
  padding: 14px 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
-webkit-box-shadow: 0px 7px 9px -7px rgba(0,0,0,0.08); 
box-shadow: 0px 7px 9px -7px rgba(0,0,0,0.08);
}

.navbar-brand {
  font-weight: 800;
  font-size: 1.2rem;
  letter-spacing: 0.08em;
  color: #fff !important;
  text-transform: uppercase;
  
}
.navbar-brand img {
height:30px;
}
.navbar-nav .nav-link {
  color: var(--text-primary) !important;
  font-size: 0.80rem;
  font-weight: 600;
  padding: 6px 0 !important;
  margin:0 14px;
  letter-spacing: 0.02em;
  transition: color 0.2s;
  text-transform:uppercase;
  border-bottom: 2px solid transparent;
}
.navbar-nav .nav-link:hover, .active .nav-link, .open .nav-link, .nav-item:hover .nav-link, .nav-item:focus .nav-link { color: var(--accent-purple) !important; border-bottom: 2px solid var(--accent-purple); }

.navbar-toggler {
  border: 1px solid rgba(255,255,255,0.2);
  padding: 5px 10px;
}
.navbar-toggler-icon {
  
}
.nav-link:focus-visible{ box-shadow:none!important;}
.dropdown-menu { background:var(--accent-purple);  border:none; border-radius:0; left:14px!important; top:96%!important;  }
.dropdown-menu .dropdown-item{ color:var(--white); font-size:0.80rem; padding:10px 15px;}
.dropdown-menu .dropdown-item:hover{ background:var(--text-primary);}
.btn-start-nav {
  background: var(--accent-purple);
  color: var(--white) !important;
  border: none;
  padding: 9px 22px;
  border-radius: 6px;
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  transition: background 0.25s, transform 0.2s;
  text-decoration:none;
}
.btn-start-nav:hover {
  background: var(--accent-purple-light);
  transform: translateY(-1px);
  color: #fff !important;
}
/* Mobile Menu */
@media (max-width: 991.98px) {

    .navbar-toggler {
        border: 0;
        box-shadow: none !important;
        z-index: 1051;
        position: relative;
    }

    /* Change burger to X when open */
    .navbar-toggler.active .navbar-toggler-icon {
        background-image: none;
        position: relative;
    }

    .navbar-toggler.active .navbar-toggler-icon:before,
    .navbar-toggler.active .navbar-toggler-icon:after {
        content: '';
        position: absolute;
        left: 0;
        width: 24px;
        height: 2px;
        background: #000;
        top: 50%;
    }

    .navbar-toggler.active .navbar-toggler-icon:before {
        transform: rotate(45deg);
    }

    .navbar-toggler.active .navbar-toggler-icon:after {
        transform: rotate(-45deg);
    }

    .navbar-collapse {
    position: fixed;
    top: 0;
    left: 0;
    width: 300px;
    max-width: 90%;
    height: 100vh;
    background: var(--accent-purple);

    transform: translateX(-100%);
    transition: transform .4s cubic-bezier(.25,.8,.25,1);

    visibility: hidden;
    display: block !important;
}

.navbar-collapse.show {
    transform: translateX(0);
    visibility: visible;
}

    .navbar-nav {
        align-items: flex-start !important;
    }

    .navbar-nav .nav-item {
        width: 100%;
    }

    .navbar-nav .nav-link, .navbar-nav .nav-link:focus {
        padding: 18px 0!important;
        font-size: 16px;
		color: var(--white)!important;
		border-bottom:1px solid var(--white);
    }

    /* Backdrop */
    .menu-backdrop {
        position: fixed;
        inset: 0;
        background: rgba(0,0,0,.45);
        opacity: 0;
        visibility: hidden;
        transition: .35s;
        z-index: 1049;
		display:none;
    }


    .dropdown-menu {
        border: 0;
        box-shadow: none;
        padding-left: 15px;
    }
	 .navbar .dropdown-menu{
        position: static !important;
        transform: none !important;
        border: 0;
        box-shadow: none;
        padding-left: 15px;
        margin-top: 0;
    }
	.dropdown-item{ font-size:0.80rem; background:var(--text-secondary);}
	.lead{ font-size:0.7rem;}
	.dropdown-menu li:first-child a{ border-radius:0 0 0 0;}
	.dropdown-menu li:last-child a{ border-radius:0 0 0 0;}
	
}
/* ─── HERO ─── */
.hero-section {
  position: relative;
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  padding-top: 80px;
}
.inner-hero{min-height: 60vh;}
#waveCanvas {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
}

.hero-overlay {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  background: radial-gradient(ellipse 70% 60% at 60% 40%, rgba(255,255,255,0.10) 0%, transparent 70%),
              linear-gradient(to bottom, transparent 60%, var(--bg-primary) 100%);
}

.hero-content { position: relative; z-index: 2; padding: 80px 0 100px; }

.hero-label {
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--text-primary);
  margin-bottom: 20px;
}

.hero-title {
  font-size: clamp(2.8rem, 6vw, 4.17rem);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -0.02em;
  color: #111;
  margin-bottom: 32px;
}
@media(min-width:1399px){
.hero-title{ font-size: clamp(2.8rem, 6vw, 4.85rem);} 
}
.hero-title .gradient-text {
 /* background: linear-gradient(135deg, var(--accent-purple) 0%, var(--accent-cyan) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;*/
  color:var(--accent-purple)
}

.btn-hero-primary {
  background: var(--accent-purple);
  color:var(--white);
  border: none;
  padding: 14px 32px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 1.2rem;
  letter-spacing: 0.02em;
  transition: all 0.25s;
  text-decoration: none;
  display: inline-block;
  transition:0.5s;
}
.btn-hero-primary:hover {
  background: var(--accent-purple-light);
  color: var(--white);
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.35);
}

.btn-hero-secondary {
  background: var(--text-primary);
  color:  var(--white);
  padding: 14px 32px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 1.2rem;
  letter-spacing: 0.02em;
  transition: all 0.25s;
  text-decoration: none;
  display: inline-block;
  transition:0.5s;
}
.btn-hero-secondary:hover {
   background: var(--bg-card-hover);
  color:  var(--white);
    transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(124,92,252,0.35);
}
	@media (max-width: 992px) { 
.btn-hero-primary, .btn-hero-secondary{ padding:14px 15px } 
.hero-section{ min-height:45vh;}
.inner-hero{ min-height:35vh;}
.left-float-top{    height: 180px;}
.right-float-bottom{    height: 180px;}
.left-float-footer{ height:350px;}
	}
@media (max-width: 767px) { 
.btn-hero-primary, .btn-hero-secondary{ padding:14px 15px } 
.hero-section{ min-height:70vh;}
.inner-hero{ min-height:35vh;}
	}
	


/* ─── FOSSIL SECTION ─── */
.fossil-section {
  background: var(--bg-secondary);
  position: relative;
  overflow: hidden;
}
.fossil-section::before {
  content: '';
  position: absolute;
  left: -200px; top: -200px;
  width: 500px; height: 500px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(124,92,252,0.12) 0%, transparent 70%);
  pointer-events: none;
}
.evolve{
  font-size: clamp(20rem, 5vw, 40rem);
  line-height: normal;
  opacity:0.05;
}
.fossil-title {
  font-size: clamp(2.2rem, 5vw, 4rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.02em;
}
.fossil-title .accent { color: var(--accent-purple); }

.fossil-divider {
  width: 40px;
  height: 3px;
  background: var(--accent-purple);
  margin: 24px 0 32px;
}

.fossil-text {
  color: var(--text-secondary);
  font-size: 1rem;
}

/* ─── CAPABILITIES ─── */
.capabilities-section {
  background: var(--bg-primary);
}

.section-label {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--accent-purple);
  margin-bottom: 14px;
}

.section-title {
  font-size: clamp(1.8rem, 4vw, 3rem);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.02em;
}

.section-subtitle {
  color: var(--text-secondary);
  font-size: 0.95rem;
  line-height: 1.75;
}

.capability-card, a.capability-card {
  background: var(--light-bg-purple);
  
  border-radius: 12px;
  height: 100%;
  display:block;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  text-decoration:none;
  color:var(--text-primary);
}
.capability-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--accent-purple), transparent);
  opacity: 0;
  transition: opacity 0.3s;
}
.capability-card:hover {
  background: var(--white);
  border-color: rgba(124,92,252,0.3);
  transform: translateY(-4px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.3);
}
.capability-card:hover::before { opacity: 1; }

.card-icon {
  width: 44px!important; height: 44px!important;
  background: rgba(0,0,0,0.07);
 /* border: 1px solid rgba(124,92,252,0.25);*/
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 20px;
}
.card-icon svg { width: 22px; height: 22px; color: var(--accent-purple); }
 
.card-badge {
  position: absolute;
  top: 20px; right: 20px;
  width: 22px; height: 22px;
  /*background: rgba(124,92,252,0.15);
  border: 1px solid rgba(124,92,252,0.3);*/
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.card-badge svg { width: 10px; height: 10px; color: var(--accent-purple); }

.capability-card h4 {
  font-size: 1rem;
  font-weight: 700;
  color:var(--text-primary);
  margin-bottom: 12px;
  letter-spacing: -0.01em;
}
.capability-card p {
  font-size: 0.85rem;
  color: var(--text-secondary);
  line-height: 1.75;
  margin: 0;
}

/* ─── PORTFOLIO ─── */
.portfolio-section {
  background: var(--bg-secondary);
}

.portfolio-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 16px 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto 16px auto;
  grid-template-rows: auto auto;
  gap: 16px;
}

.portfolio-item {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
  -webkit-aspect-ratio: 4/3;
          aspect-ratio: 4/3;
}
.portfolio-item.large {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  grid-row: 1;
}
.portfolio-item.top-right {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 1;
  grid-row: 1;
}
.portfolio-item.bottom-left {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 2;
  grid-row: 2;
}
.portfolio-item.bottom-right {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 2;
  grid-row: 2;
}

.portfolio-item img {
  width: 100%; 
 
  transition: all 0.5s ease;
}
.portfolio-item:hover img {
  -webkit-transform: scale(1.03);
      -ms-transform: scale(1.03);
          transform: scale(1.03);
}

.portfolio-overlay {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  background: linear-gradient(to top, rgba(5,5,8,0.85) 0%, transparent 60%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 24px;
}

.portfolio-tag {
  display: inline-block;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--white);
  margin-bottom: 6px;
}

.portfolio-name {
  font-family: "Raleway", sans-serif;
  font-size: 1.15rem;
  font-weight: 700;
  color: #fff;
  margin: 0;
}

/* ─── TABLE SECTION ─── */
.timeline-section {
  background: var(--bg-primary);
}

.timeline-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--white);
  border: 1px solid var(--accent-purple);
  border-radius: 14px;
  overflow: hidden;
}

.timeline-table thead tr {
  background: var(--accent-purple);
  border-bottom: 1px solid var(--border-card);
}

.timeline-table th {
  padding: 18px 24px;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color:  var(--white);
  border: none;
  white-space: nowrap;
}

.timeline-table tbody tr {
  
  transition: background 0.2s;
}
tr:nth-child(even) {background:  var(--light);}
.timeline-table tbody tr:last-child { border-bottom: none; }
.timeline-table tbody tr:hover {   }

.timeline-table td {
  padding: 20px 24px;
  font-size: 0.9rem;
  color: var(--text-primary);
  border: none;
  vertical-align: middle;
  
}

.td-solution { color: #fff; font-weight: 600; }
.td-traditional { color: var(--text-secondary); }
.td-ai { color:var(--accent-purple)!important; font-weight: 600; }

.speed-badge {
  display: inline-block;
  border: 1px solid var(--accent-purple);
  color: var(--accent-purple);
  font-size: 0.75rem;
  font-weight: 700;
  padding: 5px 12px;
  border-radius: 20px;
  white-space: nowrap;
}

/* ─── CTA SECTION ─── */
.cta-section {
  background: var(--bg-secondary);	
  text-align: center;
  position: relative;
  overflow: hidden;
}
/*.cta-section::before {
  content: '';
  position: absolute;
  top: 50%; left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 700px; height: 400px;
  background: radial-gradient(ellipse, rgba(124,92,252,0.15) 0%, transparent 70%);
  pointer-events: none;
}*/

.cta-title {
  font-size: clamp(2rem, 5vw, 3.8rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.02em;
  margin-bottom: 10px;
}
.cta-title .gradient-line {
  /*background: linear-gradient(135deg, var(--accent-purple) 0%, var(--accent-cyan) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;*/
  color:var(--accent-purple);
}

.cta-body {
  color: var(--text-secondary);
  font-size: 1rem;
  line-height: 1.8;
  margin: 0 auto 16px;
}

.cta-tagline {

  margin-bottom: 40px;
  font-weight: 500;
}

.btn-cta {
  background: var(--accent-purple);
  color: var(--white);
  border: none;
  padding: 16px 40px;
  border-radius: 8px;
  font-weight: 700;
  font-size: 1.2rem;
  letter-spacing: 0.03em;
  transition: all 0.25s;
  text-decoration: none;
  display: inline-block;
}
.btn-cta:hover {
  background: var(--accent-purple-light);
  color: #fff;
  -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
          transform: translateY(-2px);
  box-shadow: 0 14px 40px rgba(124,92,252,0.4);
}

/* ─── Marqee ─── */

 .marquee-container {
      overflow: hidden;
      white-space: nowrap;
      background: var(--accent-purple);
      color: white;
      padding: 30px 0;
      position: relative;
    }

    .marquee-track {
      display: flex;
      width: fit-content;
      /* Hardware acceleration for smoother animation */
      will-change: transform; 
    }

    .marquee-content {
      display: flex;
      align-items: center;
      gap: 3rem;
      padding-right: 3rem; /* Matches the gap for seamless looping */
	  color:var(--white);
    }

    .marquee-text {
      font-size: 2rem;
      font-weight: bold;
      text-transform: uppercase;
      letter-spacing: 2px;
    }

    .dot {
      color:#000;
	  font-size:42px;
    }
	
	/*===============================New footer======================================== */
	
	.footer{
    background:linear-gradient(120deg,#111,#222);
    position:relative;
    overflow:hidden;
}

/* Left headline */

.footer-heading{
    font-size:48px;
    font-weight:800;
    line-height:1.05;
    color:#e6e6e6;
}

/* Social icons */

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

.social-icons a{
    width:42px;
    height:42px;
    border-radius:50%;
    background:#1c1f26;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    color:#cfcfcf;
    font-size:14px;
    transition:.3s;
}

.social-icons a:hover{
    background:Var(--accent-purple);
    color:#fff;
}

/* Section titles */

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



/* Quick links */

.quick-links{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.quick-links a{
    text-decoration:none;
    padding:8px 16px;
    background:#1c1f26;
    border-radius:20px;
    font-size:13px;
    color:#cfcfcf;
    transition:.3s;
	font-weight:600;
}

.quick-links a:hover{
    background:Var(--accent-purple);
    color:#fff;
}

/* Contact */

.footer-contact p{
    margin-bottom:10px;
    font-size:14px;
    color:#cfcfcf;
}

/* Big brand text */

.footer-brand-big{

   /* font-size:clamp(15rem, 6vw, 30rem);
	line-height:180px;
    font-weight:900;
    color: var(--accent-purple);
    white-space:nowrap;
    pointer-events:none;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:-20px;*/
	text-align:center;
}
.footer-brand-big img{
width:100%;
}
/* Bottom */

.footer-bottom{
   
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:14px;
    color:#cfcfcf;
}

.footer-bottom a{
    color:#cfcfcf;
    text-decoration:none;
    margin-right:20px;
}

.footer-bottom a:hover{
    color:Var(--accent-purple);
}

/* Responsive */

@media(max-width:992px){

.footer-heading{
    font-size:42px;
    margin-bottom:40px;
}

 

.footer-bottom{
    flex-direction:column;
    gap:10px;
}

}

.step{
    display:none;
}

.step.active{
    display:block;
}

.progress{
    height:8px;
    border-radius:30px;
}

.progress-bar{
    transition:.35s;
	background:var(--accent-purple);
}

.service-btn{
    display:inline-block;
    margin:5px;
    padding:12px 18px;
    border-radius:50px;
	color:var(--text-secondary);
    cursor:pointer;
	border: solid 2px var(--text-secondary);
    transition:.25s;

    font-weight:600;

    user-select:none;

}

.service-btn:hover{

    background:var(--accent-purple);
    color:var(--white);
 	border-color:var(--accent-purple);
}

.service-btn.active{

    background:var(--accent-purple);
    color:var(--white);
    border-color:var(--accent-purple);

    box-shadow:0 5px 10px rgba(0,0,0,.3);

    transform:translateY(-2px);

}

.service-btn input{

    display:none;

}

textarea{

    min-height:200px;
	border:2px solid var(--text-primary)!important;

}
input {border:2px solid var(--text-primary)!important;}
.form-control:focus { background:#fff!important;}
@media(max-width:768px){

.modal-body{

    padding:25px;

}

.service-btn{

    display:block;
    width:100%;
    text-align:center;
    margin:10px 0;

}

}
.offcanvas{
    border-left:1px solid #ececec;
}

.offcanvas-header{
    padding:25px 30px;
    border-bottom:1px solid #eee;
}

.offcanvas-body{
    padding:30px;
}

@media(max-width:768px){

.offcanvas{
    width:100% !important;
}

.offcanvas-body{
    padding:20px;
}

}
 /* ===== breadcrumb ===== */
.breadcrumb { background-color: transparent; font-weight: 400; }
	.breadcrumb, .breadcrumb h2 { font-size: 12px; font-weight: 400; }
	.breadcrumb a { color: var(--black-color); text-decoration: none; }
	.breadcrumb a:hover { color: var(--primary-color); }
	.breadcrumb-item { display: inline-block; }
	.breadcrumb-item+.breadcrumb-item::before { content: '/'; font-size: 16px; line-height: 1; opacity: .5; }
	
	 /* ===== assistant-box ===== */
	.box-con{
	opacity:0.2;
	transition:0.5s;
	z-index:999;
	 
	}
	.box-con:hover{
	opacity:1;
	background: rgba(140,33,223,0.10);
	backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
	justify-content:center;
 
  
}
 .box-con:has(input:focus-visible) {
 opacity:1;
	background: rgba(255,255,255,0.60);
	backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
	height:50vh;
	 
	
}
	.assistant-box{
     width:300px;
    padding:0;
    border-radius:10px;
	margin:0 auto;
	
}
 
input::placeholder {
  color: var(--text-secondary)!important;
   
}
.assistant-box h4{
    margin-bottom:10px;
	font-size:16px;
}

#searchInput, #searchInput:focus{
    width:100%;
    padding:8px;
    border:2px solid var(--accent-purple)!important;
    border-radius:5px;
    font-size:16px;
    box-sizing:border-box;
	background:var(--white);
/*	-webkit-box-shadow: 0px 2px 10px 3px rgba(0,0,0,0.2); 
	box-shadow: 0px 2px 10px 3px rgba(0,0,0,0.2);*/
	 color: var(--text-secondary)!important;
  
}
 

#searchBtn{
    margin:2px 2px 0 0;
    padding:6px 15px;
    cursor:pointer;
    border:none;
    background: none;
    color:var(--accent-purple);
    border-radius:3px;
    font-size:1.18rem;
	font-weight:bold;
	 position: relative;
    z-index:9999;
}

.result-item{
    margin-bottom:15px;
}

.result-item a{
    color:#6c3cff;
    text-decoration:none;
    font-weight:bold;
}

.requirement-btn{
    display:inline-block;
    margin-top:15px;
    padding:10px 20px;
    background:#ff8400;
    color:#fff;
    text-decoration:none;
    border-radius:5px;
}
/* Result Message */
#results{
    opacity:0;
    transform:translateY(10px);
    transition:all .4s ease;
}

/* Show Result */
#results.show{
    opacity:1;
    transform:translateY(0);
}
.shuttle{ width:25%;}
 
 @media(max-width:767px){
 .mayurbg .fs-2{ font-size:14px!important;}
 .shuttle{ width:40%; height:auto;}
 .right-float{ top:-30px;}
 .left-float{ bottom:-40px;}
 .astoroid, .moon{ width:22%; height:auto;}
 .pod{ width:30%; height:auto;}
 .left-float-top{ top:-50px; left:30px;}
 .left-float-footer{ top:-170px; left:5px;}
 .box-con{ opacity:1;background: rgba(140,33,223,0.10);}
 .right-float-bottom{ top:-50px;}
 }
 
 .whatsapp-float {
    position: fixed;
    bottom: 25px;
    right: 25px;
    width: 55px;
    height: 55px;
    background: #25D366;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    text-decoration: none;
    z-index: 9999;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    transition: 0.3s;
}

.whatsapp-float:hover {
    transform: scale(1.1);
    color: #fff;
}
.accordion-button:not(.collapsed){ color:var(--white); background:var(--accent-purple); }
.accordion-button{font-weight:700;}
.accordion-button:not(.collapsed)::after{filter: brightness(100); }