[data-isb-theme=dark] {
  --bodybackground: #161616;
  --overbodybackground: #ffffff14;
  --headerbackground: #000000;
  --headercolor: #ffffff;
  --bodybg: #242424;
  --textcolor: #ffffffa4;
  --textwhite: #ffffffa4;
  --primarybg: #242424;
  --secondarybg: #303030;
  --darkbg: #1d1d1d;
  --inputbg: #4a4a4a;
  --orange: #fe6600;
  --blue: #4285f4;
  --green: #0f9d58;
  --yellow: #fbbc04;
  --buttonbg: #000000;
  --buttoncolor: #ebebeb;
  --mapmarker: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6'/%3E%3C/svg%3E");
  color: #ffffff;
}

[data-isb-theme=light] {
  --bodybackground: #abc3ff;
  --overbodybackground: #ffffff;
  --headerbackground: #001240;
  --headercolor: #ffffff;
  --bodybg: #f4f4f4;
  --textcolor: #050505;
  --textwhite: #ffffffa4;
  --primarybg: #e7e7e7;
  --secondarybg: #ffffff;
  --darkbg: #dbdbdb;
  --inputbg: #ffffff;
  --orange: #fe6600;
  --blue: #4285f4;
  --green: #0f9d58;
  --yellow: #fbbc04;
  --buttonbg: #323030;
  --buttoncolor: #ebebeb;
  --mapmarker: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' viewBox='0 0 16 16'%3E%3Cpath d='M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6'/%3E%3C/svg%3E");
  color: #ffffff;
}

body .aboutus .container {
  max-width: 62.5vw;
}

/* Banner */
.about-banner {
  height: 27.0833333333vw;
  background: url("../images/about-background.png") center/cover no-repeat;
  position: relative;
}
.about-banner .overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
}
.about-banner .content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: var(--textwhite);
  animation: fadeInDown 1.2s ease;
  display: none;
}
.about-banner .content h1 {
  font-size: 2.34375vw;
  font-weight: 700;
}
.about-banner .content p {
  font-size: 1.0416666667vw;
  margin-top: 0.5208333333vw;
}

.company h1 {
  font-size: 2.6041666667vw;
  font-weight: bold;
  text-align: center;
  margin: 1.25vw 0;
}

/* Section Box */
.section-box {
  padding: 1.25vw;
  border-radius: 0.625vw;
  background-color: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  margin-top: 1.3020833333vw;
  transition: background 0.3s ease, color 0.3s ease;
  border: 1px solid rgba(0, 0, 0, 0.08);
  animation: fadeIn 1s ease;
}
.section-box h2 {
  display: flex;
  gap: 0.625vw;
  align-items: center;
  font-size: 1.4583333333vw;
  margin-bottom: 0.9375vw;
}
.section-box h2 i {
  color: var(--orange);
  font-size: 1.4583333333vw;
}
.section-box ul {
  margin-left: 1.3020833333vw;
}
.section-box ul li {
  margin-bottom: 0.5208333333vw;
  font-size: 0.9375vw;
}
.section-box p {
  font-size: 0.9375vw;
}

/* Contact Box */
.contact-box {
  padding: 1.25vw;
  border-radius: 0.625vw;
  background-color: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  margin-top: 1.3020833333vw;
  border-left: 0.5208333333vw solid var(--orange);
}
.contact-box p {
  font-size: 0.9375vw;
  margin-bottom: 0.5208333333vw;
}
.contact-box p strong {
  color: var(--orange);
}

/* Footer */
.about-footer {
  text-align: center;
  padding: 1.1458333333vw;
  background: var(--darkbg);
  color: var(--textwhite);
  font-size: 0.8333333333vw;
  margin-top: 2.0833333333vw;
}

/* Fade Animations */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(1.0416666667vw);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Dark Mode */
[data-isb-theme=dark] .section-box,
[data-isb-theme=dark] .contact-box {
  background: var(--secondarybg);
  color: var(--textwhite);
  border-color: rgba(255, 255, 255, 0.08);
}
[data-isb-theme=dark] .about-footer {
  background: var(--darkbg);
}

/* Responsive */
@media (max-width: 990px) {
  .about-banner {
    height: 89.7435897436vw;
  }
  .about-banner .content h1 {
    font-size: 7.6923076923vw;
  }
  .about-banner .content p {
    font-size: 4.1025641026vw;
  }
  .section-box {
    padding: 5.1282051282vw;
  }
  .section-box h2 {
    font-size: 5.641025641vw;
  }
  .section-box p,
  .section-box ul li {
    font-size: 4.1025641026vw;
  }
}/*# sourceMappingURL=about.css.map */