body {
  margin: 0;
  font-family: 'Inter', sans-serif;

  color: #fff;
  overflow-x: hidden;
}

/* ================= NAVBAR ================= */
.custom-navbar {
  padding: 18px 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}

.navbar-nav .nav-link {
  color: #fff;
  margin: 0 18px;
  font-weight: 500;
  position: relative;
  transition: .3s;
}

.navbar-nav .nav-link::after {
  content: "|";
  position: absolute;
  right: -20px;
  color: #2e7cff;
}

.navbar-nav .nav-item:last-child .nav-link::after {
  display: none;
}

.navbar-nav .nav-link:hover {
  color: #2e7cff;
}

.partner-btn {
  border: 1px solid #2e7cff;
  color: #ffffff;
  padding: 10px 28px;
  border-radius: 50px;
  transition: .3s;
  font-weight: 600;
  text-decoration: none;
}

.partner-btn:hover {
  background: #2e7cff;
  color: #fff;
}

/* dropdown */

.dropdown-menu {
  border-radius: 10px;
  border: none;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

/* hide close icon on desktop */

.mobile-header {
  display: none;
}

/* MOBILE DESIGN */

@media (max-width:991px) {

  .mobile-header {
    display: flex;
    justify-content: flex-end;
    width: 100%;
  }

  .close-menu {
    font-size: 35px;
    color: white;
    cursor: pointer;
  }

  /* MOBILE MENU */

  @media (max-width:991px) {

    .mobile-menu {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh;
      background: #0b0f2c;
      padding: 40px;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      transform: translateY(-120%);
      opacity: 0;
      visibility: hidden;
      transition: all .45s ease;
      display: flex;
    }

    .mobile-menu.show {
      transform: translateY(0);
      opacity: 1;
      visibility: visible;
    }

  }

  .navbar-nav {
    flex-direction: column;
    width: 100%;
    margin-top: 40px;
  }

  .navbar-nav .nav-link {
    font-size: 22px;
    margin: 15px 0;
  }

  .navbar-nav .nav-link::after {
    display: none;
  }

  .partner-btn {
    margin-top: 30px;
  }

  /* animation */

  .navbar-nav .nav-item {
    opacity: 0;
    transform: translateY(20px);
    transition: .4s;
  }

  .mobile-menu.show .nav-item {
    opacity: 1;
    transform: translateY(0);
  }

  .mobile-menu.show .nav-item:nth-child(1) {
    transition-delay: .1s;
  }

  .mobile-menu.show .nav-item:nth-child(2) {
    transition-delay: .2s;
  }

  .mobile-menu.show .nav-item:nth-child(3) {
    transition-delay: .3s;
  }

  .mobile-menu.show .nav-item:nth-child(4) {
    transition-delay: .4s;
  }

  .mobile-menu.show .nav-item:nth-child(5) {
    transition-delay: .5s;
  }

}


/* --------------dropdown css */
/* SERVICES DROPDOWN */
.services-dropdown-wrapper {
  position: relative;
}

/* dropdown container */

.services-dropdown {
  position: absolute;
  top: 130%;
  left: 0;
  background: #1e293b;
  min-width: 240px;
  border-radius: 12px;
  padding: 12px 0;
  color:white !important;

  display: block; /* override bootstrap */

  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  transition: all .35s ease;
}
.services-dropdown .dropdown-item {
  color:white !important;
}
.services-dropdown .dropdown-item:hover {
  background: #f4f7ff;
  color: #2e7cff !important;
  padding-left: 28px;
}

/* show dropdown on hover */

@media (min-width:992px){

.services-dropdown-wrapper:hover .services-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

}

/* dropdown items */

.services-dropdown .dropdown-item {
  padding: 12px 22px;
  font-size: 15px;
  font-weight: 500;
  color: #1e293b;
  transition: .3s;
}

/* hover effect */

.services-dropdown .dropdown-item:hover {
  background: #f4f7ff;
  color: #2e7cff;
  padding-left: 28px;
}

/* subtle divider */

.services-dropdown li:not(:last-child) {
  border-bottom: 1px solid #f0f0f0;
}


/* =========================
   MOBILE MENU
========================= */

@media (max-width:991px){

.services-dropdown{
  position: static;
  opacity: 1;
  visibility: visible;
  transform: none;

  display: none;

  background: transparent;
  box-shadow: none;
  padding-left: 15px;
}

.services-dropdown.show{
  display:block;
}

.services-dropdown .dropdown-item{
  color:white;
  font-size:18px;
  padding:10px 0;
}

}

/* CENTER NAV ITEMS */



/* ================= HERO SECTION ================= */

.hero {
  min-height: 100vh;
  display: flex;
  align-items: center;
  background: url('../images/hero_bg.webp') no-repeat center center/cover;
  padding: 80px 0;
  position: relative;
  padding-top: 150px;
}

.hero h1 {
  font-weight: 800;
  line-height: 1.2;
  font-size: clamp(20px, 5vw, 45px);
}

.hero h1 span {
  color: #2e7cff;
}

.hero p {
  font-size: clamp(15px, 2vw, 18px);
  color: #cbd5e1;
  margin-top: 20px;
  max-width: 550px;
}

.cta-btn {
  margin-top: 30px;
  background: linear-gradient(90deg, #2e7cff, #155dfc);
  border: none;
  padding: 14px 32px;
  border-radius: 50px;
  font-weight: 600;
  transition: .3s;
  color: #fff;
}

.cta-btn:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(46, 124, 255, 0.4);
}

/* ================= IMAGE GRID FIX ================= */

.hero-images {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
}

.hero-images img {
    width: 100%;
    height: 100% !important;
    /* equal height */

    /* crop nicely */
    /* smooth corners */
    display: block;
    animation: float 6s ease-in-out infinite;
}

.hero-images img:nth-child(2) {
  animation-delay: 1s;
}

.hero-images img:nth-child(3) {
  animation-delay: 2s;
}

.hero-images img:nth-child(4) {
  animation-delay: 3s;
}

/* floating animation */

@keyframes float {
  0% {
    transform: translateY(0px);
  }

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

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

/* ================= TRUST BAR ================= */

.trusted-bar {
  margin-top: 70px;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(10px);
  padding: 25px;
  border-radius: 20px;
  overflow: hidden;
}

.scroll-logos {
  display: flex;
  gap: 80px;
  animation: scroll 6s linear infinite;
}

.scroll-logos img {
  height: 40px;
  filter: brightness(0) invert(1);
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }

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

/* ================= RESPONSIVE ================= */

@media(max-width:992px) {

  .hero {
    text-align: center;
    padding: 100px 20px 60px;
  }

  .hero p {
    margin-left: auto;
    margin-right: auto;
  }

  .hero-images {
    margin-top: 50px;
  }

  .partner-btn {
    margin-top: 20px;
  }

}

@media(max-width:576px) {

  .navbar-nav .nav-link::after {
    display: none;
  }

  .hero-images {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }

  .hero-images img {
    height: 160px;
  }

}


/* ================= INFO SECTION ================= */

.info-section {

  color: #1a1a1a;
  padding: 90px 0;
}

.info-img img {
  border-radius: 20px;
  width: 100%;
  object-fit: cover;
}

.info-title {
  font-size: 34px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 18px;
}

.info-title span {
  color: #2e7cff;
}

.info-text {
  color: #6b7280;
  font-size: 16px;
  line-height: 1.7;
  max-width: 520px;
  margin-bottom: 25px;
}

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

.info-list li {
  display: flex;
  align-items: center;
  font-size: 16px;
  margin-bottom: 12px;
  color: #374151;
}

.check-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: #e8f1ff;
  color: #2e7cff;
  border-radius: 50%;
  font-size: 14px;
  margin-right: 10px;
  font-weight: 700;
}


/* ================= STATS SECTION ================= */
.stats-section {
  padding: 90px 0;
  background: url('../images/hero_bg.webp') center/cover no-repeat;
  position: relative;
}

.stat-card {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  padding: 30px;
  height: 100%;
  transition: 0.3s;
  backdrop-filter: blur(10px);
}

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

.stat-card h3 {
  font-size: 28px;
  font-weight: 700;
  margin-top: 15px;
  margin-bottom: 10px;
}

.stat-card p {
  color: #cbd5e1;
  font-size: 15px;
  line-height: 1.6;
}

/* ICON */





/* responsive */

@media(max-width:768px) {

  .stat-card {
    text-align: center;
  }



}

/* =================================================leads section */
.leads-section{
    padding:80px 0;

}

.leads-title{
    text-align:center;
    margin-bottom:50px;
    color:black;
}

.leads-title h2{
    font-weight:700;
    font-size:36px;
}

.leads-title span{
    color:#2f6bff;
}

.leads-title p{
    color:#000000;
}

/* cards */

.leads-card{
    background:#fff;
    border-radius:14px;
    padding:35px;
    /* border:1px solid #e5e9f2; */
    height:100%;
    position:relative;
    transition:all .35s ease;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    color:black;

}

.leads-card:hover{
    background:#2f6bff;
    color:#fff;
}

.leads-card:hover p{
    color:#e4ecff;
}

.leads-card:hover .step-number{
    background:rgba(255,255,255,0.2);
    color:#fff;
}

.step-number{
    width:50px;
    height:50px;
    background:#eef2ff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    color:#2f6bff;
    margin-bottom:18px;
}

.leads-card h5{
    font-weight:600;
    margin-bottom:10px;
}

.leads-card p{
    color:#000000;
    font-size:15px;
}

/* last card style */

.leads-card-highlight{
    background:#2f6bff;
    color:#fff;
}

.leads-card-highlight p{
    color:#e4ecff;
}

.leads-card-highlight .step-number{
    background:rgba(255,255,255,0.2);
    color:#fff;
}

/* -------------------------------------------------------------b2b grow ur business */
.b2b-section {
  padding: 90px 0;
  background: #f8f9fc;
  font-family: system-ui;
}

.section-title h2 {
  font-weight: 700;
  font-size: 34px;
  color: #1c2434;
}

.section-title span {
  color: #2e6bff;
}

.section-title p {
  color: #6b7280;
  margin-top: 10px;
}


/* LEFT CARD */

.marketing-card {
  background: linear-gradient(135deg, #f8f9f9, #DDE4F3);
  padding: 40px;
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  height: 100%;
}

.icon-circle {
  width: 60px;
  height: 60px;

  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.icon-circle img {
  width: 70px;
}

.marketing-card h4 {
  font-weight: 700;
  margin-bottom: 20px;
  color: #1c2434;
}

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

.marketing-list li {
  margin-bottom: 14px;
  font-size: 15px;
  color: #374151;
  display: flex;
  align-items: center;
}

.marketing-list .icon {
  margin-right: 10px;
  color: #2e6bff;
  font-weight: 600;
}


/* RIGHT TOP CARD */

.lead-card {
  background: linear-gradient(135deg, #cfc7d6, #f5f4f8);
  padding: 35px;
  border-radius: 18px;
  position: relative;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.lead-card h4 {
  font-weight: 700;
  margin-bottom: 10px;
  color: black;
}

.lead-card p {
  color: #000000;
  font-size: 15px;
}


/* BOTTOM CARD */

.sales-card {
  background: linear-gradient(135deg, #CEEAE1, #ecf5f2);
  padding: 35px;
  border-radius: 18px;
  position: relative;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);

}

.sales-card h4 {
  font-weight: 700;
  margin-bottom: 10px;
  color: black;
}

.sales-card p {
  color: #000000;
  font-size: 15px;
}


/* CARD ICON */

.card-icon {
  position: absolute;
  right: 25px;
  top: 25px;

  display: flex;
  align-items: center;
  justify-content: center;
}

.card-icon img {
  width: 50px;
}

.card-icon.purple {
  background: #e5d6ff;
}

.card-icon.green {
  background: #c8f3e3;
}


/* ICON FLOAT ANIMATION */

.icon-circle img,
.card-icon img {
  animation: iconFloat 3s ease-in-out infinite;
}

@keyframes iconFloat {
  0% {
    transform: translateY(0);
  }

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

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


/* CIRCLE PULSE EFFECT */

.icon-circle {
  position: relative;
}

.icon-circle::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(46, 108, 255, 0.15);
  z-index: -1;
  animation: pulseCircle 2.5s infinite;
}

@keyframes pulseCircle {

  0% {
    transform: scale(1);
    opacity: 0.6;
  }

  70% {
    transform: scale(1.4);
    opacity: 0;
  }

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

}





/* -------------------------------------------------------------sucess stories */
/* SECTION */
.success-section {

  padding: 50px 0;
  background: url("../images/hero_bg.webp") center/cover no-repeat;
  background-color: #070b14;
  position: relative;

}



.success-section .container {
  position: relative;
  z-index: 2;
}


/* TITLE */

.success-title h2 {

  color: #fff;
  font-size: 38px;
  font-weight: 700;

}

.success-title span {

  color: #2e7cff;

}

.success-title p {

  color: #9aa4b2;
  margin-top: 8px;

}


/* CARD */

.success-card {

  padding: 35px;
  border-radius: 18px;
  color: #fff;
  height: 100%;
  position: relative;
  overflow: hidden;

  border: 1px solid rgba(255, 255, 255, 0.08);

  backdrop-filter: blur(10px);

  transition: .35s;

}

.success-card:hover {

  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, .5);

}


/* COMPANY LOGO */

.company-logo {

  height: 32px;
  margin-bottom: 25px;

}


/* NUMBERS */

.success-card h3 {

  font-size: 40px;
  font-weight: 700;
  margin-bottom: 10px;

}


/* SUBTITLE */

.success-card h5 {

  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #d1d5db;

}

.success-card p {

  font-size: 14px;
  color: #9aa4b2;

}


/* GRADIENT CARDS */

.card-blue {

  background: linear-gradient(135deg, #12151B, #122c55);

}

.card-purple {

  background: linear-gradient(45deg, #111111, #3e2e69);

}

.card-blue2 {

  background: linear-gradient(135deg, #111111, #212e51);

}


/* ====================================================================CTA section */
.dm-pipeline-section{
padding:80px 0;

}

.dm-pipeline-box{
background-image:url('../images/hero_bg.webp');
background-size:cover;
background-position:center;
border-radius:12px;
padding:70px 20px;
position:relative;
color:#fff;
overflow:hidden;
}



.dm-pipeline-box>*{
position:relative;
z-index:2;
}

.dm-pipeline-title{
font-size:34px;
font-weight:700;
line-height:1.4;
margin-bottom:15px;
}

.dm-pipeline-title span{
color:#2f7cff;
}

.dm-pipeline-desc{
color:#bfc7d6;
font-size:16px;
margin-bottom:35px;
}

.dm-pipeline-buttons{
display:flex;
justify-content:center;
gap:15px;
flex-wrap:wrap;
}

.dm-btn-primary{
background:linear-gradient(90deg,#3a82ff,#2563eb);
padding:14px 28px;
border-radius:30px;
color:#fff;
font-weight:600;
text-decoration:none;
display:inline-flex;
align-items:center;
transition:0.3s;
box-shadow:0 6px 18px rgba(0,0,0,0.2);
}

.dm-btn-primary:hover{
transform:translateY(-2px);
box-shadow:0 8px 20px rgba(0,0,0,0.3);
color:#fff;
}

.dm-arrow{
background:#2d6df6;
width:28px;
height:28px;
border-radius:50%;
display:inline-flex;
align-items:center;
justify-content:center;
margin-left:10px;
font-size:14px;
}

.dm-btn-outline{
border:1px solid #4f6ea8;
padding:13px 26px;
border-radius:30px;
color:#cfd7e6;
font-weight:500;
text-decoration:none;
transition:0.3s;
}

.dm-btn-outline:hover{
background:#2f7cff;
border-color:#2f7cff;
color:#fff;
}

@media (max-width:768px){

.dm-pipeline-title{
font-size:26px;
}

.dm-pipeline-box{
padding:50px 15px;
}

}

/* ==========================================================================FOOTER SECTION  */
.tc-footer-section{
background:url('../images/hero_bg.webp');
background-size:cover;
background-position:center;
padding:70px 0 30px;
position:relative;
color:#fff;
}



.tc-footer-section .container{
position:relative;
z-index:2;
}

.tc-footer-main{
border-top:1px solid rgba(255,255,255,0.15);
border-bottom:1px solid rgba(255,255,255,0.15);
padding-top:40px;
}

.tc-footer-logo{
width:140px;
}

.tc-footer-col h5{
font-size:18px;
margin-bottom:18px;
font-weight:600;
}

.tc-footer-col ul{
padding:0;
list-style:none;
}

.tc-footer-col ul li{
margin-bottom:10px;
}

.tc-footer-col ul li a{
color:#c9d1e3;
text-decoration:none;
font-size:14px;
transition:.3s;
}

.tc-footer-col ul li a:hover{
color:#3a82ff;
}

.tc-border-left{
border-left:1px solid rgba(255,255,255,0.15);
padding-left:40px;
}

.tc-divider{
border-color:rgba(255,255,255,0.12);
margin:40px 0;
}

.tc-consult-text{
font-size:28px;
font-weight:700;
}

.tc-btn-primary{
background:linear-gradient(90deg,#3a82ff,#2563eb);
padding:12px 24px;
border-radius:30px;
color:#fff;
font-weight:600;
text-decoration:none;
margin-right:10px;
display:inline-flex;
align-items:center;
}

.tc-btn-circle{
background:#2d6df6;
width:28px;
height:28px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
margin-left:10px;
font-size:13px;
}

.tc-btn-outline{
border:1px solid #4f6ea8;
padding:11px 22px;
border-radius:30px;
color:#d7deef;
text-decoration:none;
}

.tc-btn-outline:hover{
background:#2f7cff;
border-color:#2f7cff;
color:#fff;
}

.tc-footer-bottom p{
font-size:13px;
color:#c5cde0;
margin:0;
}

.tc-footer-bottom a{
font-size:13px;
color:#c5cde0;
margin-left:20px;
text-decoration:none;
}

.tc-footer-bottom a:hover{
color:#3a82ff;
}

@media(max-width:768px){

.tc-border-left{
border:none;
padding-left:15px;
margin-top:30px;
}

.tc-cta-row{
text-align:center;
}

.tc-cta-row .text-md-right{
margin-top:20px;
}
.tc-footer-bottom{
    text-align: center;
}

}