.hero {
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 90vh;
}

.hero img {
  height: 90vh;
  object-fit: cover;
}

/* Dark Overlay */
.overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  z-index: 1;
}

.custom-caption {
  z-index: 2;
  bottom: 30%;
  text-align: left;
  max-width: 700px;
}

/* Typography */
.custom-caption h1 {
  font-size: 52px;
  font-weight: 700;
}

.custom-caption p {
  font-size: 18px;
  margin: 20px 0;
}

/* Animation */
.animate-text {
  opacity: 0;
  transform: translateY(40px);
  animation: slideUp 1s ease forwards;
}

.btn-outline {
  border-width: 1px !important;
  border-color: #FFFFFF;
  font-family: 'Roboto', Helvetica, Arial, Lucida, sans-serif !important;
  font-weight: 500 !important;
  border-radius: 50px;
  color: #fff;
  padding: 5px 30px;
}

.btn-outline:hover {
  color: red;
}

.delay-1 {
  animation-delay: 0.4s;
}

.delay-2 {
  animation-delay: 0.8s;
}

.carousel-indicators {
  bottom: 20px;
}

.carousel-indicators [data-bs-target] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.carousel-indicators .active {
  background-color: #fff;
  /* ya apna brand color */
}

/* Inner pages hero section and breadcrum*/
.hero-section{
  position: relative;
  height: 400px;
  display: flex;
  align-items: center;
  color: #fff;
}

.hero-section .overlay {
  position: absolute;
  inset: 0;
  /* background: rgb(0 0 0 / 0%) !important; */
  /* background: rgb(63 81 181 / 65%) !important; */
  /* background: rgb(24 10 88 / 78%) !important; */
}

.hero-section .container {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  margin: auto;
  padding: 0 20px;
}

.hero-section .small-title {
  text-transform: capitalize;
  letter-spacing: 2px;
  margin-bottom: 10px;
  overflow-wrap: break-word;
  width: 50%;
  font-size: 20px !important;
  font-weight: 300 !important;
  font-style: normal !important;
  line-height: 1.2em !important;
  color: #FFFFFF !important;
  text-shadow: 0px 10px 12px rgb(0 0 0 / 98%);
}

.hero-section h1 {
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 15px;
  text-shadow: 0px 10px 12px rgb(0 0 0 / 98%);
}

.hero-section .breadcrumb {
  font-size: 14px !important;
  font-weight: 700 !important;
  font-style: normal !important;
  line-height: 1.2em !important;
  color: #FFFFFF !important;
  text-shadow: 0px 4px 12px rgb(0 0 0 / 46%);
  letter-spacing: 1px;
}

.hero-section .breadcrumb a {
  color: #e51a4a;
  text-decoration: none;
}

/* company profile */
.company-hero {
  background: url('../images/company-profile/banner.avif') center/cover no-repeat;
}

.leadership-hero {
  background: url('../images/leadership-team/leadership-team.webp') center/cover no-repeat;
}

.why-hero {
  background: url('../images/why/banner.webp') center/cover no-repeat;
}

.epertise-hero {
  background: url('../images/expertise/banner.webp') center/cover no-repeat;
}
.digital-transformation-hero{
  background: url('../images/digital-transformation/banner.jpg') center/cover no-repeat;
}
.erp-hero{  
  background: url('../images/erp/banner.jpeg') center/cover no-repeat;
}
.digital-solution-hero{
  background: url('../images/digital-solution/banner') center/cover no-repeat;
}
.cloud-hero{
  background: url('../images/cloud/banner.jpg') center/cover no-repeat;
}
.data-analytics-hero{
  background: url('../images/data-analytics/banner.avif') center/cover no-repeat;
}
.talent-hero{
  background: url('../images/talent-solution/banner.jpeg') center/cover no-repeat;
}
.global-capability-hero{
  background: url('../images/global-capability-centres/banner.webp') center/cover no-repeat;
}
.it-staffing{
  background: url('../images/it-staffing/banner.jpg') center/cover no-repeat;
}
.rpo-hero{
  background: url('../images/rpo/banner.jpg') center/cover no-repeat;
}
.process-staff-hero{
 background: url('../images/business-process-staffing/banner.jpg') center/cover no-repeat;
}
.general-staffing-hero{
  background: url('../images/general-staffing/banner.jpg') center/cover no-repeat;
}
.professional-staffing-hero{
  background: url('../images/professional-staffing/banner.jpg') center/cover no-repeat;
}
.web-development-hero{
  background: url('../images/web-development/banner.avif') center/cover no-repeat;
}
.mobile-app-development-hero{
  background: url('../images/mobile-app-development/banner.jpg') center/cover no-repeat;
}
.ivory-hunt-hero{
  background: url('../images/ivory-hunt/banner.jpg') center/cover no-repeat;
}


@keyframes slideUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Responsive */
@media (max-width: 768px) {

  .hero img {
    height: 75vh;
  }

  .custom-caption {
    text-align: center;
    bottom: 25%;
  }

  .custom-caption h1 {
    font-size: 30px;
  }
  .hero-section .small-title {
    width: 100%;
  }
}