.company-profile.div-3 {
  display: flex;
  flex-direction: column;
  min-width: 375px;
  align-items: flex-start;
  position: relative;
  background-color: #ffffff;
}

.company-profile .logo-5 {
  position: relative;
  max-width: 150px;
  width: 150px;
  max-height: 18.04px;
  height: 18.04px;
  aspect-ratio: 8.31;
}

.company-profile .material-symbols-3 {
  position: relative;
  width: 50px;
  height: 50px;
  aspect-ratio: 1;
}

.company-profile .full-container-3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 50px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  z-index: 0;
}

.company-profile .div-4 {
  display: flex;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.company-profile .banner-img {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 104px 16px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  background-image: url(assets/banner-img@2x.png);
  background-size: cover;
  background-position: 50% 50%;
}

.company-profile .text-wrapper-36 {
  position: relative;
  flex: 1;
  margin-top: -1px;
  font-family: var(--h2-font-family);
  font-weight: var(--h2-font-weight);
  color: #ffffff;
  font-size: var(--h2-font-size);
  letter-spacing: var(--h2-letter-spacing);
  line-height: var(--h2-line-height);
  font-style: var(--h2-font-style);
}

.company-profile .content-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 50px;
  padding: 50px 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.company-profile .details-8 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.company-profile .detail {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 8px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.company-profile .title {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 8px 4px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #2e2e2e;
}

.company-profile .text-wrapper-37 {
  position: relative;
  width: 200px;
  margin-top: -1px;
  font-family: var(--text-small-bold-font-family);
  font-weight: var(--text-small-bold-font-weight);
  color: #000000;
  font-size: var(--text-small-bold-font-size);
  letter-spacing: var(--text-small-bold-letter-spacing);
  line-height: var(--text-small-bold-line-height);
  font-style: var(--text-small-bold-font-style);
}

.company-profile .text-wrapper-38 {
  color: #000000;
  position: relative;
  align-self: stretch;
  font-family: var(--text-small-font-family);
  font-weight: var(--text-small-font-weight);
  font-size: var(--text-small-font-size);
  letter-spacing: var(--text-small-letter-spacing);
  line-height: var(--text-small-line-height);
  font-style: var(--text-small-font-style);
}

.company-profile .detail-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 8px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-top-width: 1px;
  border-top-style: solid;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #2e2e2e;
}

.company-profile .title-2 {
  align-items: flex-start;
  overflow: hidden;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  display: flex;
  gap: 10px;
  padding: 8px 4px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-color: #2e2e2e;
}

.company-profile .text-wrapper-39 {
  position: relative;
  width: 500px;
  margin-top: -1px;
  margin-right: -4px;
  font-family: var(--text-small-bold-font-family);
  font-weight: var(--text-small-bold-font-weight);
  color: #000000;
  font-size: var(--text-small-bold-font-size);
  letter-spacing: var(--text-small-bold-letter-spacing);
  line-height: var(--text-small-bold-line-height);
  font-style: var(--text-small-bold-font-style);
}

.company-profile .text-wrapper-40 {
  position: relative;
  align-self: stretch;
  font-family: var(--text-small-font-family);
  font-weight: var(--text-small-font-weight);
  color: #dc1e37;
  font-size: var(--text-small-font-size);
  letter-spacing: var(--text-small-letter-spacing);
  line-height: var(--text-small-line-height);
  text-decoration: underline;
  font-style: var(--text-small-font-style);
}

.company-profile .div-5 {
  color: transparent;
  position: relative;
  align-self: stretch;
  font-family: var(--text-small-font-family);
  font-weight: var(--text-small-font-weight);
  font-size: var(--text-small-font-size);
  letter-spacing: var(--text-small-letter-spacing);
  line-height: var(--text-small-line-height);
  font-style: var(--text-small-font-style);
}

.company-profile .text-wrapper-41 {
  color: #000000;
  font-family: var(--text-small-font-family);
  font-style: var(--text-small-font-style);
  font-weight: var(--text-small-font-weight);
  letter-spacing: var(--text-small-letter-spacing);
  line-height: var(--text-small-line-height);
  font-size: var(--text-small-font-size);
}

.company-profile .text-wrapper-42 {
  color: #dc1e37;
  text-decoration: underline;
  font-family: var(--text-small-font-family);
  font-style: var(--text-small-font-style);
  font-weight: var(--text-small-font-weight);
  letter-spacing: var(--text-small-letter-spacing);
  line-height: var(--text-small-line-height);
  font-size: var(--text-small-font-size);
}

.company-profile .text-wrapper-43 {
  color: #dc1e37;
  font-family: var(--text-small-font-family);
  font-style: var(--text-small-font-style);
  font-weight: var(--text-small-font-weight);
  letter-spacing: var(--text-small-letter-spacing);
  line-height: var(--text-small-line-height);
  font-size: var(--text-small-font-size);
}

.company-profile .title-3 {
  align-items: flex-start;
  border-right-width: 1px;
  border-right-style: solid;
  display: flex;
  gap: 10px;
  padding: 8px 4px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-color: #2e2e2e;
}

.company-profile .title-4 {
  align-items: center;
  justify-content: center;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  display: flex;
  gap: 10px;
  padding: 8px 4px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-color: #2e2e2e;
}

.company-profile .text-wrapper-44 {
  position: relative;
  flex: 1;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--text-small-bold-font-family);
  font-weight: var(--text-small-bold-font-weight);
  color: #000000;
  font-size: var(--text-small-bold-font-size);
  letter-spacing: var(--text-small-bold-letter-spacing);
  line-height: var(--text-small-bold-line-height);
  white-space: nowrap;
  font-style: var(--text-small-bold-font-style);
}

.company-profile .text-wrapper-45 {
  position: relative;
  flex: 1;
  margin-top: -1px;
  font-family: var(--text-small-bold-font-family);
  font-weight: var(--text-small-bold-font-weight);
  color: #000000;
  font-size: var(--text-small-bold-font-size);
  letter-spacing: var(--text-small-bold-letter-spacing);
  line-height: var(--text-small-bold-line-height);
  font-style: var(--text-small-bold-font-style);
}

.company-profile .footer-7 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
  padding: 50px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #2e2e2e;
}

.company-profile .footer-enquiry-7 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px 8px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.company-profile .text-wrapper-46 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Helvetica Neue-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.company-profile .text-wrapper-47 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Helvetica Neue-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
  text-decoration: underline;
  white-space: nowrap;
}

.company-profile .icons-3 {
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.company-profile.div-6 {
  display: flex;
  flex-direction: column;
  min-width: 768px;
  align-items: flex-start;
  position: relative;
  background-color: #ffffff;
}

.company-profile .logo-6 {
  position: relative;
  width: 222.32px;
  height: 26.74px;
  aspect-ratio: 8.31;
}

.company-profile .banner {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
  position: relative;
  flex: 1;
  align-self: stretch;
  flex-grow: 1;
  height: 460px;
  background-image: url(assets/banner-1@2x.png);
  background-size: cover;
  background-position: 50% 50%;
}

.company-profile .text-wrapper-48 {
  position: relative;
  flex: 1;
  font-family: var(--h2-font-family);
  font-weight: var(--h2-font-weight);
  color: #ffffff;
  font-size: var(--h2-font-size);
  letter-spacing: var(--h2-letter-spacing);
  line-height: var(--h2-line-height);
  font-style: var(--h2-font-style);
}

.company-profile .banner-img-2 {
  position: relative;
  flex: 1;
  flex-grow: 1;
  height: 460px;
  background-image: url(assets/banner-img-2@2x.png);
  background-size: cover;
  background-position: 50% 50%;
}

.company-profile .content-container-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 50px;
  padding: 50px 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.company-profile .detail-3 {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.company-profile .title-5 {
  align-items: flex-start;
  display: flex;
  width: 300px;
  gap: 10px;
  position: relative;
  border-right-width: 1px;
  border-right-style: solid;
  border-color: #2e2e2e;
}

.company-profile .text-wrapper-49 {
  position: relative;
  flex: 1;
  margin-top: -1px;
  font-family: var(--text-small-font-family);
  font-weight: var(--text-small-font-weight);
  color: #000000;
  font-size: var(--text-small-font-size);
  letter-spacing: var(--text-small-letter-spacing);
  line-height: var(--text-small-line-height);
  font-style: var(--text-small-font-style);
}

.company-profile .detail-4 {
  border-top-width: 1px;
  border-top-style: solid;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #2e2e2e;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.company-profile .title-6 {
  align-items: flex-start;
  overflow: hidden;
  display: flex;
  width: 300px;
  gap: 10px;
  position: relative;
  border-right-width: 1px;
  border-right-style: solid;
  border-color: #2e2e2e;
}

.company-profile .text-wrapper-50 {
  width: 500px;
  font-family: var(--text-small-bold-font-family);
  font-weight: var(--text-small-bold-font-weight);
  color: #000000;
  position: relative;
  margin-top: -1px;
  font-size: var(--text-small-bold-font-size);
  letter-spacing: var(--text-small-bold-letter-spacing);
  line-height: var(--text-small-bold-line-height);
  font-style: var(--text-small-bold-font-style);
}

.company-profile .text-wrapper-51 {
  position: relative;
  flex: 1;
  margin-top: -1px;
  font-family: var(--text-small-font-family);
  font-weight: var(--text-small-font-weight);
  color: #dc1e37;
  font-size: var(--text-small-font-size);
  letter-spacing: var(--text-small-letter-spacing);
  line-height: var(--text-small-line-height);
  text-decoration: underline;
  font-style: var(--text-small-font-style);
}

.company-profile .title-7 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  width: 300px;
  gap: 10px;
  position: relative;
  border-right-width: 1px;
  border-right-style: solid;
  border-color: #2e2e2e;
}

.company-profile .div-7 {
  position: relative;
  flex: 1;
  margin-top: -1px;
  font-family: var(--text-small-font-family);
  font-weight: var(--text-small-font-weight);
  color: transparent;
  font-size: var(--text-small-font-size);
  letter-spacing: var(--text-small-letter-spacing);
  line-height: var(--text-small-line-height);
  font-style: var(--text-small-font-style);
}

.company-profile .title-8 {
  align-items: center;
  justify-content: center;
  align-self: stretch;
  display: flex;
  width: 300px;
  gap: 10px;
  position: relative;
  border-right-width: 1px;
  border-right-style: solid;
  border-color: #2e2e2e;
}

.company-profile .text-wrapper-52 {
  position: relative;
  flex: 1;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--text-small-bold-font-family);
  font-weight: var(--text-small-bold-font-weight);
  color: #000000;
  font-size: var(--text-small-bold-font-size);
  letter-spacing: var(--text-small-bold-letter-spacing);
  line-height: var(--text-small-bold-line-height);
  font-style: var(--text-small-bold-font-style);
}

.company-profile .footer-8 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 30px;
  padding: 50px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #2e2e2e;
}

.company-profile .footer-enquiry-8 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.company-profile .text-wrapper-53 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--text-small-font-family);
  font-weight: var(--text-small-font-weight);
  color: #ffffff;
  font-size: var(--text-small-font-size);
  letter-spacing: var(--text-small-letter-spacing);
  line-height: var(--text-small-line-height);
  white-space: nowrap;
  font-style: var(--text-small-font-style);
}

.company-profile.company-profile-page {
  flex-direction: column;
  min-width: 1280px;
  background-color: #ffffff;
  overflow: hidden;
  display: flex;
  align-items: center;
  position: relative;
}

.company-profile .main-nav-3 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
  margin-top: -8.63px;
  margin-bottom: -8.63px;
}

.company-profile .main-nav-4 {
  display: flex;
  align-items: center;
  gap: 40px;
  padding: 10px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.company-profile .text-wrapper-54 {
  position: relative;
  width: fit-content;
  font-family: var(--text-small-font-family);
  font-weight: var(--text-small-font-weight);
  color: #000000;
  font-size: var(--text-small-font-size);
  letter-spacing: var(--text-small-letter-spacing);
  line-height: var(--text-small-line-height);
  white-space: nowrap;
  font-style: var(--text-small-font-style);
}

.company-profile .text-wrapper-55 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.company-profile .login-sign-up-btn-3 {
  display: inline-flex;
  align-items: center;
  gap: 40px;
  position: relative;
  flex: 0 0 auto;
}

.company-profile .text-wrapper-56 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--text-small-font-family);
  font-weight: var(--text-small-font-weight);
  color: #000000;
  font-size: var(--text-small-font-size);
  letter-spacing: var(--text-small-letter-spacing);
  line-height: var(--text-small-line-height);
  white-space: nowrap;
  font-style: var(--text-small-font-style);
}

.company-profile .div-8 {
  display: flex;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  z-index: 2;
}

.company-profile .banner-2 {
  justify-content: center;
  padding: 0 100px;
  flex: 1;
  flex-grow: 1;
  height: 436px;
  background-image: url(assets/banner.png);
  background-size: cover;
  background-position: 50% 50%;
  display: flex;
  align-items: center;
  position: relative;
}

.company-profile .banner-img-3 {
  position: relative;
  flex: 1;
  flex-grow: 1;
  height: 436px;
  background-image: url(assets/banner-img-1.png);
  background-size: cover;
  background-position: 50% 50%;
}

.company-profile .content-container-3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 50px;
  padding: 50px 100px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  z-index: 1;
}

.company-profile .detail-5 {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 20px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.company-profile .detail-6 {
  border-top-width: 1px;
  border-top-style: solid;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #2e2e2e;
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 20px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.company-profile .footer-9 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 40px;
  padding: 50px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  z-index: 0;
  background-color: #2e2e2e;
}

.company-profile .footer-enquiry-9 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 20px 20px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

@media (max-width: 767px) {
  .company-profile.div-6 {
    display: none !important;
  }
  .company-profile.company-profile-page {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  .company-profile.div-3 {
    display: none !important;
  }
  .company-profile.company-profile-page {
    display: none !important;
  }
}

@media (min-width: 1280px) {
  .company-profile.div-3 {
    display: none !important;
  }
  .company-profile.div-6 {
    display: none !important;
  }
}