@charset "utf-8";

/* R&D intro */
.rnd__intro {
  margin: 80px 0 40px;
}
.rnd__intro p {
  font-size: 52px;
  font-weight: 400;
  line-height: 1.6;
  color: #1b2a3d;
}
.rnd__intro p b { 
  color: var(--point-color);
  font-weight:bold;
  font-size: 52px;
}

.rnd__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-bottom: 80px;
}
.rnd__card {
  position: relative;
  width: 100%;
  background-size: cover;
  background-position: center;
  border-radius: 8px;
  overflow: hidden;
  aspect-ratio: 528/531;
  display: flex;
  justify-content: center;  
  align-items: center;
}
.rnd__overlay {
  inset: 0;
  padding: 24px;
}
.rnd__overlay h3 {
  font-weight:bold;
  color: #fff;
  font-size: 36px;
  margin: 0 0 8px;
  text-align:center;
}
.rnd__overlay p { 
  color:#B4B4B4; margin:0; 
  font-size:20px;
  text-align:center;
  margin-top:20px;
}
.rnd__card.first {
  background:linear-gradient(180deg, #002655 40%, #00306B 100%);
}
.rnd__card.first h3 {
  opacity:0.6;
  font-size:32px;
}
.rnd__card.first img {
  margin:0 auto;
  display:block;
}

/* R&D - Tech Table */
.rnd__table { margin-bottom: 80px; }
.rnd__table table { width:100%; border-collapse: collapse; }
.rnd__table thead th {
  text-align:center;
  background:#F3F3F3;
  color:var(--point-color);
  font-weight:700;
  border-top:3px solid var(--point-color);
  font-size:30px;
}
.rnd__table th, .rnd__table td {
  padding:30px 10px;
  border-bottom:1px solid rgb(168, 168, 168);
  text-align:left;
}
.rnd__table td:first-child, .rnd__table th:first-child { text-align:center; width:80px; 
font-size:30px;
  color:var(--point-color);
  font-weight:bold;
}
.rnd__table td:nth-child(3), .rnd__table th:nth-child(3) { width:210px; text-align:center; }
.rnd__table td:last-child, .rnd__table th:last-child { width:180px; text-align:center; }
.rnd__table td {
  border:1px solid rgb(168, 168, 168);
  font-size:25px;
  color:#3F3B3A;
}
.rnd__table th{
  border:1px solid rgb(168, 168, 168);
}
.rnd__table th:first-child,
.rnd__table td:first-child{
  border-left:0;
}
.rnd__table th:last-child,
.rnd__table td:last-child{
  border-right:0;
}

@media screen and (max-width:991px) {
  .rnd__intro p { font-size: 22px; }
  .rnd__grid { grid-template-columns: repeat(2, 1fr); }
  .rnd__intro p b{
    font-size:22px;
  }
  .rnd__card.first h3{
    font-size:17px;
  }
  .rnd__overlay h3{
    font-size:24px;
  }
  .rnd__overlay p{
    font-size:17px;
  }
  .rnd__table td:first-child, .rnd__table th:first-child,
  .rnd__table td,
  .rnd__table thead th{
    font-size:17px;
    padding:10px;
  }
}

@media screen and (max-width: 767px) {
  .rnd__table th, .rnd__table td { padding:12px 10px; }
  .rnd__table { overflow-x:auto; }
  .rnd__card.first img{
    max-width:100%;
  }
  .rnd__overlay h3{
    font-size:17px;
  }
  .rnd__overlay p{
    font-size:14px;
  }

  .rnd__intro p,
  .rnd__intro p b{
    font-size:17px;
  }
  .rnd__intro br{
    display:none;
  }
  .rnd__table td:first-child, .rnd__table th:first-child, .rnd__table td, .rnd__table thead th{
    font-size:12px;
    padding:5px;
  }
}