p {
  text-align: justify;
}


.navbar {
      background-color: #ffffff;
      box-shadow: 0 2px 10px rgba(0,0,0,0.05);
      padding: 1rem 1.5rem;
    }

    .navbar-brand {
      font-weight: 700;
      font-size: 1.5rem;
      color: #111;
       position: relative;
      left: -10px;
    }

    .nav-link {
      color: #333;
      font-weight: 500;
      margin-right: 1rem;
      transition: color 0.3s ease;
    }

    .nav-link:hover,
    .nav-link:focus {
      color: #f78720;
    }

    .btn-contact {
      background-color: #f78720;
      color: #fff;
      padding: 0.4rem 1.2rem;
      border-radius: 25px;
      font-weight: 500;
      border: none;
      transition: background-color 0.3s;
    }

    .btn-contact:hover {
      background-color: #e6740a;
    }

    .navbar-toggler {
      border: none;
      font-size: 1.5rem;
      color: #333;
    }

    .navbar-toggler:focus {
      box-shadow: none;
    }

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

    .offcanvas .btn-close {
      font-size: 1.2rem;
    }

    @media (max-width: 991.98px) {
      .btn-contact {
        display: block;
        margin-top: 10px;
      }
    }
        body {
      background: #f8f9fa;
      font-family: 'Outfit', sans-serif;
      color: #333;
    }

    .career-card {
  transition: all 0.3s ease;
  border-radius: 10px;
}

.career-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  cursor: pointer;
}

.seo-audit-btn {
  background-color: #e62323;
  color: white;
  padding: 12px 20px;
  border-radius: 3px;
  display: inline-flex;
  align-items: center;
  font-weight: bold;
  font-size: 15px;
  text-transform: uppercase;
  transition: background 0.3s ease;
  position:relative;
  left: 20px;;
}

.seo-audit-btn .seo-icon {
  margin-right: 10px;
}

/* Hover effect */
.seo-audit-btn:hover {
  background-color: #b71c1c;
  text-decoration: none;
  color: white;
}
/* Responsive fix for small screens */
@media (max-width: 576px) {
  .seo-audit-btn {
    font-size: 14px;
    padding: 10px 16px;
    margin:10px ;
    justify-content: center;
    width: 100%; /* Optional: make full-width on mobile */
    text-align: center;
    position: relative;
    left:-10px;
  }
}
.btn-blue {
    background-color: #0056b3; 
    color: #ffffff;   
  padding: 12px 20px;
  border-radius: 3px;
  font-weight: bold;
  text-transform: uppercase;
  transition: background 0.3s ease;
  font-size: 15px;
  display: inline-block;
}

/* Hover effect */
.btn-blue:hover {
  background-color: #0056b3;      /* Darker blue on hover */
  color: white;
  text-decoration: none;
}
/* 🔽 Mobile Responsive Adjustments */
@media (max-width: 576px) {
  .btn-blue {
    font-size: 14px;
    padding: 10px 16px;
    width: 100%;              /* Optional: full-width button on mobile */
    text-align: center;
    margin-top: 10px;
    margin-left: 0 !important; /* Override .ms-3 */
  }
}
/* footer */
  .footer {
            background-color: #343a40; /* Dark background for the footer */
            color: #ffffff; /* White text for the footer */
            padding: 40px 20px; /* Ample padding */
            border-top-left-radius: 15px; /* Rounded top corners */
            border-top-right-radius: 15px;
            box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.1); /* Subtle shadow */
        }
        .footer h5 {
            color: #ffffff;
            margin-bottom: 20px;
            font-weight: 600;
        }
        .footer p, .footer ul {
            color: #adb5bd; /* Lighter text for general content */
        }
        .footer a {
            color: #adb5bd; /* Ash color for links */
            text-decoration: none;
            transition: color 0.2s ease-in-out;
        }
        .footer a:hover {
            color: #ff7f07; /* Vibrant yellow/orange on hover */
        }
        .footer .social-icons a {
            font-size: 24px;
            margin: 0 10px;
            color: #ffffff;
        }
        .footer .social-icons a:hover {
            color: #ff7f07; /* Match social icon hover to new link color */
        }
        .footer .list-unstyled li {
            margin-bottom: 8px;
        }
      footer .text-secondary {
  color: #cccccc !important; /* increase brightness */
}

        /* Responsive adjustments for smaller screens */
        @media (max-width: 767.98px) {
            .footer .col-md-4 {
                margin-bottom: 30px; /* Space between columns on small screens */
            }
            .footer .col-md-4:last-child {
                margin-bottom: 0;
            }
        }

   /* call now button */
      .assessment-section {
      background-color: #d9f1ff; /* light blue background */
      padding: 40px 20px;
      border-radius: 8px;
    }
    .assessment-icon {
      font-size: 50px;
      color: #333;
    }
    .assessment-btn {
      background-color: #000; /* black button */
      color: #fff;
      border-radius: 6px;
      padding: 10px 25px;
      text-decoration: none;
      transition: 0.3s;
    }
    .assessment-btn:hover {
      background-color: #333; /* gray hover */
      color: #fff;
    }

    /* custom menus */
      /* Dropdown Styling */
    .custom-menus {
      background-color: #1f1f1f;
      border: none;
      border-radius: 12px;
      min-width: 260px;
      padding: 8px 0;
      box-shadow: 0 6px 18px rgba(0,0,0,0.3);
    }

    .custom-menus .dropdown-item {
      color: #f0f0f0;
      padding: 12px 18px;
      font-size: 15px;
      font-weight: 500;
      display: flex;
      align-items: center;
      gap: 10px;
      transition: all 0.2s ease-in-out;
      border-radius: 8px;
      margin: 2px 6px;
    }

    .custom-menus .dropdown-item:hover {
      background: linear-gradient(90deg, #2a5bd7, #4c7efc);
      color: #fff;
      transform: translateX(4px);
    }