.product-mcd {
  background: url('../../img/product/bg-mcd-mobile.webp') no-repeat;
  background-size: 100% 100% !important;
}

.box-card-features {
  background: #FFFFFF;
  border-radius: 20px;
  text-align: center;
  box-shadow: 0px 9px 32px -8px rgba(148, 176, 246, 0.24);
}

.box-card-features img {
  max-width: 100%;
  height: auto;
  margin-bottom: 0.5rem;
}

.box-card-features h5 {
  font-weight: 700;
  color: #3B3E66;
}

.mcd-features {
  background-color: #FAFAFF
}

.product-multiplatform {
  background: url('../../img/product/bg-multiplatform-mobile.webp') no-repeat;
  background-size: 100% 100% !important;
  height: 100% !important;
  min-height: 700px;
}

.multiplatform-features {
  background: #FFFFFF url('../../img/product/background-feature-multi-1-mobile.webp') no-repeat;
  background-size: 100% 100% !important;
}
.multi-feature-1 {
  background: #FFFFFF url('../../img/product/multi-feature-bg-1-mobile.png') no-repeat;
  background-size: 100% 100% !important;
}
.multiplatform-features-2 {
  background: #FFFFFF url('../../img/product/background-feature-multi-2-mobile.webp') no-repeat;
  background-size: 100% 100% !important;
}
.multi-feature-2 {
  background: #FFFFFF url('../../img/product/multi-feature-bg-2-mobile.png') no-repeat;
  background-size: 100% 100% !important;
}

.product-dashboard {
  background: #FFFFFF url('../../img/product/bg-dashboard-mobile.webp') no-repeat;
  background-size: 100% 100% !important;
  height: 100% !important;
  min-height: 700px;
}

.dashboard-features {
  background-color: #FAFAFF;
}

.feature-card {
  border-radius: 16px;
  background-color: #ffffff;
  padding: 2rem;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  margin-bottom: 2rem;
}

.feature-icon {
  width: 100px;
  margin-right: 20px;
}

.check-icon {
  background: linear-gradient(to right, #FFA027, #9450EE);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}

.feature-list i {
  margin-right: 10px;
}

.feature-img {
  max-width: 100%;
  height: auto;
}

#dev-software {
  background: url('../../img/services/dev-build-service.png') no-repeat;
  background-size: 100% 100%;
}

.expertise-build {
  background: url('../../img/services/expertise-mobile.png') no-repeat;
  background-size: 100% 100%;
}

#works {
  background: #FAFAFF url('../../img/services/expertise-mobile.png') no-repeat;
  background-size: 100% 100%;
}
.why-us {
  font-size: 1rem !important;
  font-weight: 600 !important;
  margin-bottom: 0 !important;
}
@media (min-width: 768px) {
  .product-mcd {
    background: url('../../img/product/background-mcd.webp') no-repeat;
  }
  .product-multiplatform {
    background: url('../../img/product/background-multiplatform.webp') no-repeat;
  }
  
  .product-dashboard {
    background: #FFFFFF url('../../img/product/background-dashboard.webp') no-repeat;
  }
  .expertise-build {
    background: url('../../img/services/expertise-dashboard.png') no-repeat;
    background-size: 100% 100%;
  }

  #works {
    background: #FAFAFF url('../../img/services/works-desktop.png') no-repeat;
    background-size: 100% 100%;
  }
  .why-us {
    font-size: 1.25rem !important;
  }
  .multi-feature-1 {
    background: #FFFFFF url('../../img/product/multi-feature-bg-1.png') no-repeat;
    background-size: 100% 100% !important;
    padding-left: 40px;
    height: 295px;
  }
  .multi-feature-2 {
    background: #FFFFFF url('../../img/product/multi-feature-bg-2.png') no-repeat;
    background-size: 100% 100% !important;
    padding-right: 40px;
    height: 295px;
  }
  .multiplatform-features {
    background: #FFFFFF url('../../img/product/background-feature-multi-1.webp') no-repeat;
    background-size: 100% 100% !important;
  }
  .multiplatform-features-2 {
    background: #FFFFFF url('../../img/product/background-feature-multi-2.webp') no-repeat;
    background-size: 100% 100% !important;
  }
}

.step-img {
  max-width: 80px;
  height: auto;
}

.arrow-img {
  width: 24px;
}

.stage-bg {
  background: url('../../img/services/stage-desktop.png') center no-repeat;
  background-size: 100% 100%;
}

.stage-bg-2 {
  background: url('../../img/services/stage-2-desktop.png') center no-repeat;
  background-size: 100% 100%;
}

.stage-bg-mobile {
  background: url('../../img/services/stage-mobile.png') center no-repeat;
  background-size: 100% 100%;
}

.highlighted-text {
  background: url('../../img/product/automation-span-bg.png') center no-repeat;
  background-size: 100% 100%;
  font-weight: bold;
  color: #c2481d;
  z-index: 1;
  padding: 10px;
}

#features .col-md-4 {
  padding: 15px;
}