/*--------------------------------------------------------------
# Global Styles
--------------------------------------------------------------*/

/* Team Page - Expertise Section */
.expertise-section {
  padding-top: 150px;
}

.expertise-title {
  margin-bottom: 30px;
  color: #37517e;
  font-weight: 700;
}

.expertise-card {
  margin-bottom: 30px;
  background: #f9f9f9;
  padding: 25px;
  border-radius: 8px;
  border-left: 4px solid #4aadbd;
  display: flex;
  gap: 20px;
  align-items: center;
}

.expertise-card-icon {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.expertise-card-icon img {
  max-width: 100%;
  height: auto;
  filter: grayscale(100%);
}

.expertise-card-content h4 {
  color: #37517e;
  margin-bottom: 12px;
}

/* Spacing utilities for text/image columns */
.text-image-col-left {
  padding-right: 0;
}

.text-image-col-right {
  padding-left: 0;
}

@media (min-width: 992px) {
  .text-image-col-left {
    padding-right: 1rem;
  }

  .text-image-col-right {
    padding-left: 1rem;
  }
}

/* Expertise content row spacing */
.expertise-content-row {
  margin-top: 60px;
}

.expertise-content-row:nth-of-type(2) {
  margin-top: 80px;
}

/* Button styling */
.btn-portfolio {
  display: inline-block;
  padding: 12px 32px;
  border-radius: 50px;
  transition: all 0.3s ease;
}

.btn-portfolio-enhanced {
  background: #4aadbd;
  color: #fff;
  border: 2px solid #4aadbd;
}

.btn-portfolio-enhanced:hover {
  background: transparent;
  color: #4aadbd;
}

.btn-workflow {
  display: inline-block;
  padding: 12px 32px;
  background: #4aadbd;
  color: #fff;
  border-radius: 50px;
  transition: all 0.3s ease;
  border: 2px solid #4aadbd;
}

.btn-workflow:hover {
  background: transparent;
  color: #4aadbd;
}