.service-banner{
  background: url(/assets/img/images/service/implementation/implementation-banner-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.other-services-card {
  background: url("/assets/img/images/service/implementation/other-services-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 100px !important;
  position: relative;
  overflow: hidden;
  text-align: center;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.other-services-card h5 {
  position: relative;
  z-index: 2;
  color: #000;
  transition: opacity 0.3s ease-in-out;
}

.other-services-card:hover {
  background-color: #090f20;
  background-image: none;
}

.other-services-card:hover h5 {
  opacity: 0; 
}

.other-services-card::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  font-family: "DM Sans";
  font-size: 19.24px;
  font-weight: 600;
  line-height: 26.45px;
  text-align: center;
}

.other-services-card:hover::after {
  content: "View More";
  opacity: 1;
}

  .orcale-banking-card {
    position: relative;
    box-shadow: 2px 2px 98.8px 0px rgba(0, 0, 0, 0.12);
    background: rgba(255, 255, 255, 1);
    padding: 2rem;
    width: auto;
    max-width: 65%;
    border-radius: 8px;
  }

  .orcale-banking-card::before {
    content: "";
    position: absolute;
    top: 23px;
    left: 65%;
    width: 100%;
    height: 100%;
    background-image: url("/assets/img/images/service/perfomance/simplfin-perfomance.svg");
    background-size: cover;
    background-position: center;
    z-index: -1;
    border-radius: 12px;
    width: 170%;
  }

  @media (max-width: 768px) {
    /* #otherServices .col-lg-4 {
      text-align: center; 
      margin-bottom: 2rem;
    }
  
    #otherServices .col-lg-8 {
      display: flex;
      flex-direction: column; 
      align-items: center;
      gap: 1rem; 
    }
  
    #otherServices .service-card {
      width: 90%; 
    } */
  
    #getStarted {
      text-align: center;
      margin-top: 2rem;
    }
  
    #getStarted .btn-primary {
      width: 100%; 
      max-width: 300px; 
    }
  
    .orcale-banking-card::before {
      background-image: none;
          left:0 !important;
          width: auto;

    }
    .orcale-banking-card::after {
      background: none !important;
      width: auto !important;
    }
    .orcale-banking-card {
      max-width: -webkit-fill-available !important;
    }
    .oraclebanking-service-card.card-1 {
      margin-top: 0px !important;
      width: auto !important;
      height: auto !important;
    }
    .oraclebanking-service-card.card-2 {
      margin-top: 0px !important;
      width: auto !important;
      height: auto !important;
    }
    .oraclebanking-service-card.card-3 {
      margin-top: 0px !important;
      width: auto !important;
      height: auto !important;
      margin-left: auto !important;
  }

    
    .main-div{
          display: contents !important;
    }
  }

  .orcale-banking-card::after {
    content: "";
    position: absolute;
    top: -2px;
    left: 172%;
    width: 100%;
    background: linear-gradient(180deg, #7779dc 0%, #3794ed 100%);
    height: 87%;
    background-size: cover;
    background-position: center;
    z-index: -99999;
    border-radius: 12px;
    width: 73%;
  }
  #oraclebanking {
    background-image: url(/assets/img/images/service/perfomance/perfomance.svg),
      linear-gradient(180deg, #1d2535 0%, #273a4d 100%);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    position: relative;
    overflow: hidden;
    padding: 25px;
  }

  #oraclebanking::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Black overlay with 50% opacity */
    z-index: -1; /* Ensures the overlay stays behind the content */
  }

/* .service-card {
  width: calc((100% / 3) - 1rem);
  border: 1px solid #c9e8ff;
  border-radius: 8px;
  padding: 1rem;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-sizing: border-box;
} */

.service-mini-card{
  width: 200px;
  border: 1px solid #C9E8FF!important;
  background: #FFFFFF;
}

.service-mini-card:hover{
  box-shadow: 0px 0px 25.7px 0px #D8EFFFA1 inset;
}

.service-icon {
  width: 40px;
  height: 40px;
  object-fit: contain;
  margin-bottom: 1rem;
}

.service-card p {
  margin: 0;
  font-size: 1rem;
  color: #333;
}

#getStarted {
  background-image: url(/assets/img/images/service/perfomance/bg-getstated.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 4rem 2rem;
  color: #fff;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-radius: 15px;
  margin-bottom: 10px;
  padding: 28px;
}

.button-container {
  background-color: rgba(255, 255, 255, 1) !important;
  color: rgba(16, 47, 78, 1) !important;
}

.main-div {
  display: flex;
  flex-direction: row;
  width: 100vh;
}

.oraclebanking-service-card {
  background: var(--gradient6) !important;
  border: 1px solid rgba(201, 232, 255, 1);
  /* box-shadow: 0px 0px 25.7px 0px rgba(216, 239, 255, 0.63) inset; */
  border-radius: 8px;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  /* justify-content: center; */
  /* text-align: center; */
  border: none;
  box-sizing: border-box;
  background-color: #fff;
  /* background: linear-gradient(324deg, #1D2535 0%, #273A4D 100%) !important; */
}

/* .oraclebanking-service-card .text-ssm {
  color: rgba(177, 174, 174, 1) !important;
  border-bottom: 3px solid rgba(57, 79, 102, 1);
} */

.oraclebanking-service-card.card-1 .text-ssm {
  padding-bottom: 8px;
}

.oraclebanking-service-card.card-2 .text-ssm {
  padding-bottom: 125px;
}

.oraclebanking-service-card.card-3 .text-ssm {
  padding-bottom: 100px;
}

/* .oraclebanking-service-card.card-1 {
  width: 251px;
  height: 511px;
  margin-top: -34%;
}

.oraclebanking-service-card.card-2 {
  width: 251px;
  height: 511px;
} */

/* .oraclebanking-service-card img {
  background: rgba(46, 54, 69, 1);
  padding: 10px; 
  border-radius: 50%; 
  height: 40px; 
  width: 40px; 
  display: inline-block;
} */

/* .oraclebanking-service-card.card-3 {
  width: 251px;
  height: 511px;
  margin-left: 40px;
  margin-top: 35%;
} */

@media (max-width: 768px) {
  .oraclebanking-service-card {
    width: 100%;
    height: auto;
  }
}

.card-footer{
  color: rgba(177, 174, 174, 1) !important;
  border-top: 3px solid rgba(57, 79, 102, 1)!important;
}

.blue-banner-card{
  background: url(/assets/img/images/blue-banner-card.png);
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 12px;
}