/* ABout uS PAGE */

.about-page-head h1 {
  color: var(--color-text) !important;
  margin-bottom: 32px;
}

.about-page-head .desc {

  margin-bottom: 16px;
}

.about-page-head .highlight {
  color: var(--color-text-red) !important;
}

.heritage-list {
  margin-top: 64px;
}

.heritage-list .col-inner {
  background: #fff;
  padding: 20px;
  border-radius: var(--radius-lg);
  height: 100%;
  border: 1px solid #F3F4F6;
}

.heritage h3 {
  font-size: var(--text-sm);
  font-weight: 600;
  color: #6B7280 !important;
  margin-bottom: 16px;
  text-transform: uppercase;

}

.heritage .section-content {
  padding-top: 60px;
  padding-bottom: 60px;
}

.heritage .row:first-child {
  align-items: center;
}

.heritage .text-big {
  font-size: clamp(28px, 3.1vw, 48px);
  font-weight: 800;
  line-height: 1;
}

.vision .section-content {
  padding-top: 60px;
  padding-bottom: 60px;
}

.vision h2 {
  color: var(--color-text-white) !important;
  font-size: var(--text-lg);
  letter-spacing: 7.2px;
  margin-bottom: 20px;
  font-weight: 400;
  text-transform: uppercase;
}

.vision .desc {
  color: #FCE8E9 !important;
  font-size: var(--text-lg);
}

.ecosystem h2 {
  text-transform: uppercase;
  font-size: clamp(32px, 4vw, var(--text-5xl));
  font-weight: 800;
  margin-bottom: 32px;
}

.ecosystem .section-content {
  padding-top: 60px;
  padding-bottom: 60px;
}

.ecosystem .head-small-text {
  text-transform: uppercase;
  margin-bottom: 10px;
}

.ecosystem .box.has-hover {
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(0, 0, 0, .12);

}

.ecosystem .card-eyebrow {
  color: #e53935;
  font-size: 11px;
  letter-spacing: 1.5px;
}

.ecosystem .card-title {
  color: #fff !important;
  font-weight: 800;
}

.ecosystem .items .box {
  margin-bottom: 30px;
}

.ecosystem .icon-box {
  background: #F9FAFB;
  border-radius: 10px;
  padding: 10px 20px;
  margin-bottom: 16px;
  border-left: 3px solid #e53935;
}

.ecosystem .items .col-inner {
  cursor: pointer;
  height: 100%;
}

.ecosystem .icon-box .icon-box-text h4 {
  font-size: var(--text-lg) !important;
}

.ecosystem .icon-box .icon-box-text p {
  font-size: var(--text-13) !important;
  color: #4B5563;
}

.ecosystem .architechture-item .icon-box {
  border-left: 3px solid #D1D5DB;
}

.qualitywarranty {
  color: #9CA3AF;
}

.qualitywarranty .section-content {
  padding-top: 60px;
  padding-bottom: 60px;
}

.qualitywarranty .row {
  align-items: center;
  background-color: rgba(17, 24, 39, 0.4);
  border-radius: var(--radius-xl);
  padding: 32px 30px;
}

.qualitywarranty h2 {
  font-size: clamp(28px, 3vw, 36px);
  color: var(--color-text-white) !important;
  font-weight: 800;
  text-transform: uppercase;
  margin-top: 20px;
}

.qualitywarranty .desc {
  color: #9CA3AF !important;
  font-size: var(--text-lg);
  margin-top: 20px;
  margin-bottom: 10px;
}

.qualitywarranty .icon-box {
  display: flex;
  justify-content: center;
  align-items: center;

}

.qualitywarranty .icon-box h3 {
  font-size: var(--text-sm);
  text-transform: uppercase;
  color: #D1D5DB !important;
}

/* ========================================
   RESPONSIVE MEDIA QUERIES - FLATSOME STANDARD
   3 Breakpoints: Desktop (≥850px), Tablet (550-849px), Mobile (≤549px)
======================================== */

/* ===== Desktop: min-width 850px ===== */