/* =========================================
   HERO
========================================= */

.company_hero{
  max-width:1200px;

  margin:20px auto 0;

  padding:60px;

  background:#f7f7f7;

  border-radius:8px;
}

.company_hero_inner{
  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:60px;
}

.company_hero_text{
  width:48%;
}

.company_hero_img{
  width:48%;

  text-align:right;
}

.company_hero_img img{
  width:100%;

  border-radius:8px;
}


/* =========================================
   TEXT
========================================= */

.company_category{
  color:#d6001c;

  font-size:14px;

  font-weight:700;

  margin-bottom:16px;

  letter-spacing:0.08em;
}

.company_title{
  font-size:clamp(28px, 4vw, 40px);

  line-height:1.08;

  margin:0 0 24px;

  font-weight:800;

  color:#111;
}

.company_lead{
  font-size:18px;

  line-height:1.9;

  color:#444;
}


/* =========================================
   SECTION
========================================= */

.company_section{

  max-width:1200px;

  margin:40px auto 100px;

  padding:40px;

  background:#f3f3f3;

  border-radius:12px;
}


/* =========================================
   WHITE CARD
========================================= */

.company_strengths_section,
.clients_section,
.profile_section,
.history_section{

  background:#fff;

  border-radius:12px;

  padding:60px;

  margin-bottom:40px;
}


/* =========================================
   STRENGTHS SECTION
========================================= */

.company_strengths{
  display:flex;

  justify-content:center;

  gap:32px;

  flex-wrap:wrap;
}

.strength_box{
  width:260px;

  padding:40px 20px;

  background:#fff;

  border:1px solid #e5e5e5;

  border-radius:10px;

  text-align:center;
}

.strength_num{
  font-size:54px;

  color:#d6001c;

  font-weight:800;

  margin-bottom:10px;
}

.strength_text{
  font-size:20px;

  color:#333;
}


/* =========================================
   SECTION TITLE
========================================= */

.section_title{
  text-align:center;

  font-size:40px;

  color:#d6001c;

  font-weight:800;

  margin-bottom:48px;

  letter-spacing:0.04em;
}


/* =========================================
   CLIENTS
========================================= */

.clients_text{
  max-width:1000px;

  margin:0 auto;

  text-align:center;

  font-size:18px;

  line-height:2.2;

  color:#333;
}


/* =========================================
   TABLE
========================================= */

.company_table{
  width:100%;

  border-collapse:collapse;

  background:#fff;

  border-radius:10px;

  overflow:hidden;
}

.company_table th{
  width:30%;

  padding:22px;

  background:#f5f5f5;

  border-bottom:1px solid #ddd;

  text-align:left;

  font-size:17px;

  font-weight:700;

  vertical-align:top;
}

.company_table td{
  padding:22px;

  border-bottom:1px solid #ddd;

  line-height:1.9;

  font-size:16px;

  color:#333;
}


/* =========================================
   HISTORY
========================================= */

.history_section img{
  width:100%;

  border-radius:10px;

  display:block;
}


/* =========================================
   RESPONSIVE
========================================= */

@media screen and (max-width: 900px){

.company_hero{
  padding:40px 24px;

  margin:12px;
}

.company_hero_inner{
  flex-direction:column;
}

.company_hero_text,
.company_hero_img{
  width:100%;
}

.company_title{
  font-size:30px;
}

.company_lead{
  font-size:16px;
}

.company_section{
  padding:0 12px;
}

.company_strengths_section,
.clients_section,
.profile_section,
.history_section{

  padding:40px 20px;
}

.section_title{
  font-size:30px;
}

.company_table th,
.company_table td{
  display:block;

  width:100%;
}

}

.company_hero_inner{
  align-items:flex-start;
}

.company_title{
  font-size:clamp(32px, 4vw, 56px);
  line-height:1.1;
}

.company_hero_text,
.company_hero_img{
  flex:1;
  width:auto;
  min-width:0;
}

.company_hero_img img{
  display:block;
  width:100%;
  height:auto;
}

@media screen and (max-width:768px){

.company_section{
  padding:24px;
}

.company_strengths_section,
.clients_section,
.profile_section,
.history_section{
  padding:32px 20px;
}

.company_table th,
.company_table td{
  display:block;
  width:100%;
}

}