/* Core Values Specific Styles */

:root {
  --cv-god-color: #f1c40f;      /* Percaya Pada Tuhan YME - Gold */
  --cv-etos-color: #e74c3c;     /* Etos Kerja - Red */
  --cv-target-color: #3498db;   /* Raih Target - Blue */
  --cv-komunikasi-color: #9b59b6; /* Komunikasi - Purple */
  --cv-inovasi-color: #1abc9c;  /* Inovasi - Teal */
  --cv-safety-color: #e67e22;   /* K3 - Orange */
  --cv-alam-color: #27ae60;     /* Alam - Forest Green */
}

#core-values .row.gy-5 {
  --bs-gutter-y: 2rem;
}

.cv-item {
  background: #fff;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  height: 100%;
  border-left: 5px solid transparent;
  position: relative;
  overflow: hidden;
}

.cv-item:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}

.cv-item .icon-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-bottom: 20px;
  background: #f8f9fa;
  transition: all 0.3s ease;
}

.cv-item .cv-img {
  width: 50px;
  height: 50px;
  object-fit: contain;
}

.cv-item h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #333;
}

.cv-item p em {
  display: block;
  margin-bottom: 15px;
  font-style: italic;
  color: #666;
}

.cv-item h5 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #444;
}

.cv-item ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.cv-item ul li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #555;
  line-height: 1.6;
}

.cv-item ul li::before {
  content: "\f00c"; /* FontAwesome check */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 12px;
}

/* Specific Color Assignments */

/* Percaya Pada Tuhan YME */
.cv-god {
  border-left-color: var(--cv-god-color);
}
.cv-god .icon-box {
  background: rgba(241, 196, 15, 0.1);
}
.cv-god h3 {
  color: var(--cv-god-color);
}
.cv-god ul li::before {
  color: var(--cv-god-color);
}

/* Etos Kerja */
.cv-etos {
  border-left-color: var(--cv-etos-color);
}
.cv-etos .icon-box {
  background: rgba(231, 76, 60, 0.1);
}
.cv-etos h3 {
  color: var(--cv-etos-color);
}
.cv-etos ul li::before {
  color: var(--cv-etos-color);
}

/* Raih Target */
.cv-target {
  border-left-color: var(--cv-target-color);
}
.cv-target .icon-box {
  background: rgba(52, 152, 219, 0.1);
}
.cv-target h3 {
  color: var(--cv-target-color);
}
.cv-target ul li::before {
  color: var(--cv-target-color);
}

/* Komunikasi */
.cv-komunikasi {
  border-left-color: var(--cv-komunikasi-color);
}
.cv-komunikasi .icon-box {
  background: rgba(155, 89, 182, 0.1);
}
.cv-komunikasi h3 {
  color: var(--cv-komunikasi-color);
}
.cv-komunikasi ul li::before {
  color: var(--cv-komunikasi-color);
}

/* Inovasi */
.cv-inovasi {
  border-left-color: var(--cv-inovasi-color);
}
.cv-inovasi .icon-box {
  background: rgba(26, 188, 156, 0.1);
}
.cv-inovasi h3 {
  color: var(--cv-inovasi-color);
}
.cv-inovasi ul li::before {
  color: var(--cv-inovasi-color);
}

/* Safety */
.cv-safety {
  border-left-color: var(--cv-safety-color);
}
.cv-safety .icon-box {
  background: rgba(230, 126, 34, 0.1);
}
.cv-safety h3 {
  color: var(--cv-safety-color);
}
.cv-safety ul li::before {
  color: var(--cv-safety-color);
}

/* Alam */
.cv-alam {
  border-left-color: var(--cv-alam-color);
}
.cv-alam .icon-box {
  background: rgba(39, 174, 96, 0.1);
}
.cv-alam h3 {
  color: var(--cv-alam-color);
}
.cv-alam ul li::before {
  color: var(--cv-alam-color);
}


 /* colourful band behind the main core-values image */
   #core-values-main-image .hero-bg{
     --accent-1: #FFD400;
     --accent-2: #E8F3FF;
     --accent-3: #153A8A;
     background: linear-gradient(120deg, var(--accent-1) 0%, var(--accent-2) 50%, var(--accent-3) 100%);
     padding: 48px 24px;
     border-radius: 16px;
     box-shadow: 0 8px 28px rgba(0,0,0,0.06);
     display: flex;
     align-items: center;
     justify-content: center;
     transition: transform .45s ease;
   }

 /* subtle hover/lift when visible */
   #core-values-main-image .hero-bg[data-aos][data-aos][data-aos-id]{
     transform: translateY(0);
   }

   #core-values-main-image .hero-bg:hover{
     transform: translateY(-6px);
   }

   #core-values-main-image .hero-bg img{
    max-width: 760px;
     width: 100%;
     height: auto;
     border-radius: 8px;
     box-shadow: 0 6px 20px rgba(0,0,0,0.08);
   }


  @media (max-width: 767px){
     #core-values-main-image .hero-bg{ padding: 28px 12px; }
     #core-values-main-image .hero-bg img{ max-width: 100%; }
   }