/* ====================================
   INDEX PAGE SPECIFIC STYLES
   Extracted from inline <style> block
   ==================================== */

/* Index page navbar - white text on purple hero */
.navbar-no-shadow .nav-link-2 {
  color: #fff !important;
}

.navbar-no-shadow .image-16 {
  filter: brightness(0) invert(1);
}

@keyframes scrollDown {
	0% { transform: translateY(0); }
	100% { transform: translateY(calc(-250px * 7))}
}
@keyframes scrollUp {
	0% { transform: translateY(calc(-250px * 7)); }
  100% { transform: translateY(0); }
}
 .crousel-slider { 
	 height: 100px;
	 margin: auto;
	 overflow: hidden;
	 width: auto;
}
.crousel-one .slide-track {
	 animation: scrollDown 40s linear infinite;
	 display: block;
	 width: 100%;
}
.crousel-two .slide-track {
	 animation: scrollUp 40s linear infinite;
	 display: block;
	 width: 100%;
}
.main-crousel {
    overflow: hidden;
    width: 100%;
}
.capabilities:before {
    content: '';
    position: absolute;
    height: 100%;
    color: #000;
    left: 26px;
    top: 86px;
    border: 1px solid #D4BEEC;
    border-style: dashed;
}
.capabilities:nth-child(5):before {
 	content: none;
}
.it_services_item::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #8000FF;
    transition: width .3s;
    bottom: 0;
    position: absolute;
}
.it_services_item:hover::after {
  width: 100%;
  transition: width .3s;
}
.footer-content::placeholder{
	color: #fff;
}
.hover-btn:hover img{
	content: url(https://uploads-ssl.webflow.com/64b68ca245c2ac61522605c9/6579aa1d694f43158583e981_black-arrow.svg);
}
@media screen and (max-width: 991px) {
  @keyframes scrollDown {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-250px * 7))}
  }
  .crousel-one .slide-track {
	 animation: scrollDown 40s linear infinite;
	 display: flex;
	 width: 100%;
  }

  /* Purple mobile menu */
  .nav-menu-wrapper-2,
  .nav-menu-2 {
    background: #2B1343 !important;
    background-color: #2B1343 !important;
  }

  .nav-link-2 {
    color: #fff !important;
  }
}
@media screen and (max-width: 479px) {
  .capabilities:before {
      content: '';
      position: absolute;
      height: 85%;
      color: #000;
      left: 22px;
      top: 60px;
      border: 1px solid #D4BEEC;
      border-style: dashed;
  }
}

/* Featured Services Section */
.featured-services {
    max-width: 1200px;
    margin: 0 auto;
}

.services-footer {
    text-align: center;
    margin-top: 50px;
}

.services-footer-text {
    margin-top: 16px;
    font-size: 16px;
    color: #666;
    font-weight: 500;
}

@media (max-width: 768px) {
    .services-footer-text {
        font-size: 14px;
        margin-top: 12px;
    }
}