.global-brands {
  height: 15rem;
}

@media (min-width:320px) and (max-width: 767.98px) {
  .global-brands {
    height: 30rem;
  }
}


.card-insurance {
  background: linear-gradient(90deg, #00C0FF 0%, #5558FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.card-body ul,
.insurance-dots li {
  list-style-type: disc !important;
  list-style-position: inside !important;
  padding-left: 8px !important;
  margin: 0;
}

.industry-card {
  height: 280px !important;
}

@media (min-width:320px) and (max-width:767.98px) {
 .industry .industry-card {
  height: 100% !important;
}
}

/* technology solution */
.solution-card1 {
  background: #D5FEF4 !important;
  padding: 10px;
  height: 100% !important;
}
.solution-card2{
  background: #FFE4E4 !important;
  padding: 10px;
  height: 100% !important;
}

/* @media (min-width:992px) and (max-width: 1439.98px) {
  .solution-card1,  .solution-card2{
    height: 155px !important ;
  }
} */

.solution-card ul {
  padding-left: 5px;
}

.card-body ul,
.solution-dots li {
  list-style-type: disc !important;
  list-style-position: inside !important;
  padding-left: 15px !important;
  margin: 0;
}


/* it services */
.itservice-card{
  background: #1D1B35 !important;
}

.card-it{
  background: linear-gradient(176.7deg, #21D496 -98.07%, #054A91 128.22%);
  opacity: 0.5;
}

.card-body ul,
.services-dots li{
   list-style-type: disc !important;
  list-style-position: inside !important;
  padding-left: 10px !important;
  margin: 0;
}

.gradient-header {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.gradient-header::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(176.7deg, #21D496 -98.07%, #054A91 128.22%);
  opacity: 0.1; 
  z-index: -1;
  color: white !important;
}


.case-image {
  background-color: #D8E4FE;  
  padding: 20px;
}

.case-content {
  background-color: #EDF2FD;   
  padding: 30px;
}
.case-image1 {
  background-color: #D8E4FE;
  padding: 20px;
}

.case-content1 {
  background-color: #EDF2FD;   
  padding: 30px;
}


@media (min-width:320px) and (max-width: 767.98px) {
  .project-image {
    padding-bottom: 0 !important;
  }

  .project-content {
    padding-top: 0 !important;
  }
}

@media (min-width:768px) and (max-width: 991.98px) {
  .project-image {
    padding: 0 !important;
  }

  .project-content {
    padding: 0 !important;
  }

  .case-image, .case-image1{
    border-radius: 0 16px 16px 0;
  }

  .case-content, .case-content1 {
    border-radius: 16px 0 0 16px;
  }
  
}

@media (min-width:992px) and (max-width: 2560px) {
  .case-image, .case-content1 {
    border-radius: 16px 0 0 16px;
  }

  .case-image1,.case-content {
    border-radius: 0 16px 16px 0;
  }

  .project-image {
    padding: 0 !important;
  }

  .project-content {
    padding: 0 !important;
  }
}

@media (min-width:320px) and (max-width: 767.98px) {
   .case-image1, .case-image {
   border-radius: 0 0 14px 14px;
  }
  
  .case-content1, .case-content {
    border-radius: 14px 14px 0 0 !important;
  }
  
}
.badge-case {
  display: inline-block;
  background: linear-gradient(90deg, #4e8cff, #6a5af9);
  padding: 5px 12px;
  border-radius: 15px;
  width: fit-content;
}

/*  */

.tech-card .tech-content,
    .tech-card .tech-content1 {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      padding: 2.5rem; 
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
    }

    .tech-card:hover .tech-content {
      background-image: url("https://d2q4gipm2ebkzp.cloudfront.net/img/insurance-images/cloud-hover-bg.png");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      border-radius: 0.5rem;
    }

    .tech-card:hover .tech-content1 {
      background-image: url("https://d2q4gipm2ebkzp.cloudfront.net/img/insurance-images/ai-hover-bg.png");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      border-radius: 0.5rem;
    }

    .tech-details {
      margin-top: 1rem;
      opacity: 0;
      max-height: 0;
      overflow: hidden;
      transition: opacity 0.4s ease, max-height 0.4s ease;
    }

    .tech-card:hover .tech-details {
      opacity: 1;
      max-height: 500px; 
    }

    .tech-header {
      transition: transform 0.3s ease;
    }

    .tech-card:hover .tech-header {
      transform: translateY(-10px);
    }

    .tech-content ul,
    .tech-content li  {
      padding-left: 7px !important;
    }

    .tech-content h2,
    .tech-content1 h2 {
      font-size: 32px !important; 
    }

.card-bg {
  background-image: url("https://d2q4gipm2ebkzp.cloudfront.net/img/insurance-images/cloud-card-hover-mobile.png"); 
  background-size: cover;     
  background-position: center;
  background-repeat: no-repeat;
}

.card-bg1 {
  background-image: url("https://d2q4gipm2ebkzp.cloudfront.net/img/insurance-images/ai-card-hover-mobile.png"); 
  background-size: cover;     
  background-position: center;
  background-repeat: no-repeat;
}


.card-body ul,
.stack-card-mobile li {
  list-style-type: disc !important;
  list-style-position: inside !important;
  padding-left: 0 !important;
  margin: 0;
}

.tech-card:hover .tech-header h2 {
  font-size:26px !important; 
  transition: font-size 0.3s ease;
}


/* industry specialization */

@media (min-width:992px ) and (max-width: 2560px){
  .special-card{
  height: 230px !important;
}
}

strong{
    margin-left: -7px;
}

/* Insurance-card */
.insurance-card .card {
  background-image: url(https://d2q4gipm2ebkzp.cloudfront.net/img/insurance-images/insurance-card-bg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 20px;
  border: none;
}


.smaple-flow .logos-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 200px; /* adjust height as per logos */
  display: flex;
  align-items: center;
}

.smaple-flow .logos {
  display: flex;
  gap: 70px; /* spacing between logos */
  animation: moveLeft 15s linear infinite;
}

.smaple-flow .logos img {
  height: 80px; /* uniform height */
  object-fit: contain;
  flex-shrink: 0;
}

@keyframes moveLeft {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

   @media (min-width: 768px) {
  .smaple-flow .logos {
    gap: 80px;
  }
}

@media (min-width: 1200px) {
  .smaple-flow .logos {
    gap: 120px;
  }
}