body{font-family:Inter,sans-serif;background:#08111f;color:#fff;}
.codlyt-text {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    font-family: var(--InterTight);
    font-weight: 900;
    font-size: 17.13vw;
    line-height: .75;
    text-align: center;
    pointer-events: none;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(40.85%,rgba(1,68,153,.3)),color-stop(161.67%,rgba(255,255,255,0)));
    background: -o-linear-gradient(top,rgba(1,68,153,.3) 40.85%,rgba(255,255,255,0) 161.67%);
    background: linear-gradient(180deg,rgba(1,68,153,.3) 40.85%,rgba(255,255,255,0) 161.67%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    opacity: .24
}

.codlyt-text::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 50%;
    background: #fff;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(rgba(255,255,255,1)));
    background: -o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%)
}
    .header-bg{
      background:linear-gradient(90deg, rgba(2,10,24,.96) 0%, rgba(7,17,31,.88) 42%, rgba(18,30,48,.72) 72%, rgba(30,41,59,.55) 100%);
    }
    .desktop-shell{
      background:linear-gradient(180deg,rgba(36,47,66,.42),rgba(36,47,66,.30));
      backdrop-filter:blur(14px);
      -webkit-backdrop-filter:blur(14px);
      border:1px solid rgba(255,255,255,.14);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
    }
    .hire-btn{
      border:1.5px solid rgba(255,255,255,.78);
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.04);
    }
    .menu-line{width:38px;height:3px;border-radius:999px;background:#fff;display:block;}
    .menu-link::after{
      content:"";
      position:absolute;
      left:0;bottom:-16px;
      width:0;height:2px;
      background:#0080ff;
      transition:width .25s ease;
    }
    .menu-link:hover::after,
    .menu-group.active .menu-link::after{width:100%;}

    .menu-group{position:static;}
    .nav-drop{
      position:absolute;
      top:calc(100% + 18px);
      opacity:0;
      visibility:hidden;
      pointer-events:none;
      transform:translateY(14px);
      transition:all .28s ease;
      z-index:80;
    }
    .menu-group.active .nav-drop{
      opacity:1;
      visibility:visible;
      pointer-events:auto;
      transform:translateY(0);
    }

    .drop-about{left:0;}
    .drop-services,
    .drop-solutions{
      left:50%;
      transform:translateX(-50%) translateY(14px);
    }
    .menu-group.active .drop-services,
    .menu-group.active .drop-solutions{
      transform:translateX(-50%) translateY(0);
    }

    .nav-drop::before{
      content:"";
      position:absolute;
      left:0;right:0;top:-22px;height:22px;
    }

    .mega-wrap{
      background:#ffffff;
      backdrop-filter:none;
      -webkit-backdrop-filter:none;
      border:1px solid rgba(15,23,42,.08);
      box-shadow:0 20px 60px rgba(2,6,23,.12);
    }

    .mega-wrap a,
    .mega-wrap h4,
    .mega-wrap h5{
      color:#0f172a;
    }

    .mega-wrap p,
    .mega-wrap li a{
      color:#475569;
    }

    .mega-wrap h5{
      color:#0080ff;
    }

    .mega-card:hover{background:#f8fafc;}
    .mega-panel-width{width:min(1180px, calc(100vw - 48px));}

    .drawer{transform:translateX(100%);transition:transform .35s ease;}
    .drawer.open{transform:translateX(0);}
    .overlay{
      opacity:0;visibility:hidden;transition:.3s ease;
      background:rgba(2,6,23,.58);
      backdrop-filter:blur(6px);
    }
    .overlay.show{opacity:1;visibility:visible;}

    .mega-content{display:none;}
    .mega-content.active{display:grid;}

   /* case study slider */
   .case-study-slider {
    min-width: 0;
  }

  .case-study-slider .slick-list {
    margin: 0 -12px;
    overflow: visible;
  }

  .case-study-slider .slick-track {
    display: flex !important;
  }

  .case-study-slider .slick-slide {
    height: inherit !important;
  }

  .case-study-slider .slick-slide > div {
    height: 100%;
  }

  .case-study-slider .slick-slide .card-inner {
    height: 100%;
  }

  @media (max-width: 767px) {
    .case-study-slider .translate-y-10 {
      transform: translateY(0);
    }
  }
  /* testimnial */
  .testimonial-slider .slick-list {
    margin: 0 -12px;
    overflow: visible;
  }

  .testimonial-slider .slick-track {
    display: flex !important;
  }

  .testimonial-slider .slick-slide {
    height: inherit !important;
  }

  .testimonial-slider .slick-slide > div {
    height: 100%;
  }