

.ceo-message {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.ceo-message .card {
  --bs-card-spacer-y: 1.5rem;
  --bs-card-spacer-x: 0;
  --bs-card-title-spacer-y: 1.5rem;
  --bs-card-color: #12181D;
  --bs-card-border-width: 0;
  --bs-card-border-radius: 0;
  --bs-card-inner-border-radius: 0;
}

.ceo-message .card .card-text {
  font-size: clamp(14px,1.111vw,16px);
  font-weight: 400;
  line-height: 175%;
}

.ceo-message .card .card-footer {
  display: flex;
  flex-flow: column;
  align-items: flex-end;
  background-color: transparent;
  padding: var(--bs-card-cap-padding-y) 0;
}

.ceo-message .card .card-footer > p {
  font-size: clamp(15px,1.25vw,18px);
  font-style: normal;
  font-weight: 700;
  line-height: 166.667%;
}

@media screen and (min-width: 992px) {
  .ceo-message {
    padding-top: 4.69rem;
    padding-bottom: 6.25rem;
  }

  .ceo-message .card {
    --bs-card-spacer-y: 1rem;
    --bs-card-title-spacer-y: 2.5rem;
  }
  .ceo-message .card .card-footer {
    align-items: flex-start;
  }
}

.philosophy {
  padding-top: 3rem;
  padding-bottom: 3rem;
  background-color: #13191E;
}

.philosophy > .container {
  position: relative;
}

.philosophy > .container::before {
  content: "";
  position: absolute;
  display: none;
  width: 37.3125rem;
  height: 37.4375rem;
  border-radius: 37.4375rem;
  opacity: 0.11;
  background: #A0C1DC;
  filter: blur(100px);
  left: 6.8rem;
  top: -10rem;
  translate: -50% -30%;
  pointer-events: none;
}

.philosophy .list-group {
  --bs-list-group-color: #FFF;
  --bs-list-group-bg: transparent;
  --bs-list-group-border-color: rgba(255,255,255,0.25);
  --bs-list-group-border-width: 1px;
  --bs-list-group-border-radius: 0;
  --bs-list-group-item-padding-x: 0;
  --bs-list-group-item-padding-y: 1.5rem;
}

.philosophy .list-group-item .item-title {
  color: #FFF;
  font-size: clamp(24px,2.22vw,32px);
  font-style: normal;
  font-weight: 700;
  line-height: 112.5%;
  text-transform: uppercase;
}
.philosophy .list-group-item .item-subtitle {
  color: #FFF;
  font-size: clamp(18px,1.53vw,22px);
  font-style: normal;
  font-weight: 700;
  line-height: 154.545%;
}
.philosophy .list-group-item .item-text {
  color: #FFF;
  font-size: clamp(14px,1.111vw,16px);
  font-style: normal;
  font-weight: 400;
  line-height: 175%;
}

@media screen and (min-width: 992px) {
  .philosophy {
    padding-top: 8.69rem;
    padding-bottom: 6.25rem;
  }
  .philosophy > .container::before {
    display: block;
  }
  .philosophy .list-group {
    --bs-list-group-item-padding-y: 2.19rem;
  }
  .philosophy .list-group-item .item-subtitle,
  .philosophy .list-group-item .item-text {
    margin-left: 16.75rem;
  }
}

.quality-policy {
  padding-top: 3rem;
  padding-bottom: 2rem;
}

.quality-policy .card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 0;
  --bs-card-border-radius: 0;
  --bs-card-inner-border-radius: 0;
  --bs-card-border-width: 0;
  --bs-card-title-color: #090D0F;
  --bs-card-color: #2E2E2E;
}

.quality-policy .card .card-title {
  font-size: clamp(19px,1.53vw,22px);
  font-weight: 700;
  line-height: 145.455%;
}

.quality-policy .card .card-text {
  font-size: clamp(14px,1.111vw,16px);
  font-weight: 400;
  line-height: 175%;
}

@media screen and (min-width: 992px) {
  .quality-policy {
    padding-top: 7.5rem;
    padding-bottom: 3rem;
  }
}

.company-profile {
  padding-top: 3rem;
  padding-bottom: 1.5rem;
}

@media screen and (min-width: 992px) {
  .company-profile {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

.list-group-2cols {
  --bs-list-group-color: #12181D;
  --bs-list-group-bg: transparent;
  --bs-list-group-border-radius: 0;
  --bs-list-group-item-padding-x: 0;
  --bs-list-group-item-padding-y: 1rem;
  margin-top: 1rem;
  margin-bottom: 1.12rem;
}

.list-group-2cols .list-group-heading {
  background-color: #13191E;
  color: #FFF;
  display: flex;
  flex-flow: row;
  align-items: center;
  margin-bottom: 0.88rem;
  padding: 0.62rem 0.62rem;
}

.list-group-2cols .list-group-heading > * {
  font-size: clamp(19px,2.78vw,40px);
  font-weight: 700;
  line-height: 135%;
}

.list-group-2cols .list-group-item {
  border-right-color: transparent;
  border-left-color: transparent;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
}

.list-group-2cols.horizonal .list-group-item {
  flex-flow: row;
}

.list-group-2cols .list-group-title {
  flex: 0 0 30%;
  font-size: clamp(12px,1.111vw, 16px);
  font-weight: 700;
  line-height: 175%;
}

.list-group-2cols .list-group-text {
  font-size: clamp(14px,1.111vw, 16px);
  font-weight: 400;
  line-height: 178.571%;
}

@media screen and (min-width: 992px) {
  .list-group-2cols {
    --bs-list-group-item-padding-y: 1.75rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .list-group-2cols .list-group-item {
    flex-flow: row;
    align-items: center;
  }
}

.history {
  padding-top: 1.5rem;
  padding-bottom: 4.12rem;
}

@media screen and (min-width: 992px) {
  .history {
    padding-top: 2.5rem;
    padding-bottom: 6rem;
  }
}

.access {
  background-color: #13191E;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.access .list-group-2cols {
  --bs-list-group-color: #FFF;
  --bs-list-group-border-color: transparent;
  --bs-list-group-item-padding-y: 0.5rem;
}

.access .list-group-2cols .list-group-title {
  color: #6F777C;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
}

.access .list-group-2cols .list-group-text {
  font-size: clamp(14px,1.111vw, 16px);
  font-weight: 400;
  line-height: 175%;
}

.access .list-group-2cols .tel-fax {
  display: flex;
  flex-flow: row;
  width: 100%;
}

.access .list-group-2cols .tel-fax .list-group-item {
  flex: 0 0 50%;
}

.access .list-group-2cols .tel-fax .list-group-item:first-child {
  border-top-color: transparent;
}

.access iframe {
  width: 100%;
  height: 100%;
  min-height: 17.5rem;
}

@media screen and (min-width: 992px) {
  .access {
    padding-top: 3.75rem;
    padding-bottom: 8.12rem;
  }

  .access .list-group-2cols {
    --bs-list-group-border-color: rgba(255, 255, 255, 0.42);
    --bs-list-group-item-padding-y: 3rem;
  }
  .access .list-group-2cols .list-group-title {
    color: var(--bs-list-group-color);
  }

  .access .list-group-2cols .tel-fax {
    flex-flow: column;
  }
}