.services-list li{
    width: 100% !important;
    padding: 0 !important;
}

.card {
  position: relative;
  overflow: visible !important;
  height: 100% !important;
  width: 100% !important;
}

.chip-icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.item--icon {
  position: relative;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: linear-gradient(to left, #dc3131, #175E81);
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
}

/* SVG Styling */
.item--icon svg {
  width: 45px;
  height: 45px;
  z-index: 2;
  position: relative;
}

/* Optional soft glow effect */
.item--icon::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: inherit;
  filter: blur(10px);
  opacity: 0.3;
  z-index: 1;
}

.overlay{
    background:rgba(0,0,0,0.5) !important;
}

.header .navbar{
  background-color: #fff !important;
}

header .navbar-nav .nav-link{
  color: #175E81 !important;
}

header .header-button .btn{
  color: #175E81 !important;
  display: inline-block !important;
  border: 1px solid #e4e4e4 !important;
}

table .gradient-header {
  background: linear-gradient(to bottom, #f8b59c, #175E81) !important;
}
table .gradient-footer {
  background: linear-gradient(to top, #f8b59c, #ffffff) !important;
}


@media(min-width: 992px){
  .page-title-extra-large h1{
    padding-top: 80px !important;
  }
}

@media(max-width: 1400px){
  section{
    padding: 30px 0 80px 0 !important;
  }
}




/* New design */

.card-title{
  position: relative;
  padding-bottom: 15px;
  text-align: center;
  margin-top: 25px !important;
}

.card-title::before{
  content: "";
  width: 90px;
  height: 4px;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, -50%);
  background-image: linear-gradient(to left, #175E81, #dc3131);
}


/* ================NEW=============== */

#products .card , #services .card  {
  position: relative;
  overflow: visible !important;
  height: 100%;
  display: flex;
  flex-direction: column;
}

#products .card-body, #services .card-body {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex: 1;
}

#products .row > div {
  display: flex;
  margin-top: 50px !important;
}

#services .row > div {
  display: flex;
  margin-top: 50px !important;
}