.boraland-about-us {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1440px;
  align-items: center;
  gap: 10px;
  position: relative;
  background-color: #ffffff;
  border-radius: 20px;
  padding: 20px; /* prevents content from touching edges on small screens */
  box-sizing: border-box;
}

/* Tablet */
@media (max-width: 1024px) {
  .boraland-about-us {
    padding: 16px;
    gap: 8px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .boraland-about-us {
    padding: 12px;
    gap: 6px;
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .boraland-about-us {
    padding: 8px;
    gap: 4px;
  }
}

.boraland-about-us .frame {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8px 0;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
  background-color: #ffffff;
  overflow-y: auto; /* better for responsiveness */
  box-sizing: border-box;
  position: relative;
}

/* Tablet */
@media (max-width: 1024px) {
  .boraland-about-us .frame {
    padding: 6px 0;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .boraland-about-us .frame {
    padding: 4px 0;
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .boraland-about-us .frame {
    padding: 2px 0;
  }
}

.boraland-about-us .frame::-webkit-scrollbar {
  width: 0;
  display: none;
}

.boraland-about-us .div {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100px;
  min-height: 400px; /* optional, keeps some height on mobile */
  align-items: center;
  gap: 150px;
  padding: 19px 16px;
  position: relative;
  background-color: #ffffff;
  box-sizing: border-box;
}

/* Tablet */
@media (max-width: 1024px) {
  .boraland-about-us .div {
    gap: 100px;
    padding: 16px 12px;
    min-height: 350px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .boraland-about-us .div {
    gap: 70px;
    padding: 12px 8px;
    min-height: 300px;
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .boraland-about-us .div {
    gap: 50px;
    padding: 8px 4px;
    min-height: 250px;
  }
}
.boraland-about-us .frame-2 {
  display: flex;
  width: 100%;
  max-width: 1364px;
  height: auto;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  position: relative;
  border-radius: 12px;
  box-sizing: border-box;
}

/* Logo control */
.boraland-about-us .WEBSITE-ICON-LOGO {
  height: 40px;
  width: auto;
}

/* Push hamburger to the far right */
.boraland-about-us .hamburger {
  margin-left: auto;
}

/* Tablet */
@media (max-width: 1024px) {
  .boraland-about-us .frame-2 {
    padding: 8px 12px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .boraland-about-us .frame-2 {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 6px 8px;
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .boraland-about-us .frame-2 {
    padding: 4px 6px;
  }
}

.boraland-about-us .WEBSITE-ICON-LOGO {
  position: relative;
  width: 64px;
  height: 64px;
  margin-top: -6.5px;
  margin-bottom: -6.5px;
  aspect-ratio: 1;
  object-fit: cover;
}

/* Tablet */
@media (max-width: 1024px) {
  .boraland-about-us .WEBSITE-ICON-LOGO {
    width: 48px;
    height: 48px;
    margin-top: -4px;
    margin-bottom: -4px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .boraland-about-us .WEBSITE-ICON-LOGO {
    width: 40px;
    height: 40px;
    margin-top: -3px;
    margin-bottom: -3px;
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .boraland-about-us .WEBSITE-ICON-LOGO {
    width: 32px;
    height: 32px;
    margin-top: -2px;
    margin-bottom: -2px;
  }
}

.boraland-about-us .frame-3 {
  display: inline-flex;
  height: auto; /* allows content to define height */
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px 16px;
  position: relative;
  flex: 0 0 auto;
  border-radius: 40px;
  box-sizing: border-box;
}

/* Tablet */
@media (max-width: 1024px) {
  .boraland-about-us .frame-3 {
    padding: 8px 12px;
    gap: 8px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .boraland-about-us .frame-3 {
    padding: 6px 10px;
    gap: 6px;
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .boraland-about-us .frame-3 {
    padding: 4px 8px;
    gap: 4px;
  }
}

.boraland-about-us .boraland-menus {
  display: inline-flex;
  height: 43px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 24px;
  position: relative;
  flex: 0 0 auto;
  margin-top: -6.50px;
  margin-bottom: -6.50px;
  background-color: #f3dc8e;
  border-radius: 48px;
}

.boraland-about-us .text-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Roboto-Medium", Helvetica;
  font-weight: 500;
  color: #2b2b2b;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.boraland-about-us .about-us-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 24px;
  position: relative;
  flex: 0 0 auto;
  margin-top: -6.50px;
  margin-bottom: -6.50px;
  border-radius: 48px;
}

.boraland-about-us .frame-wrapper {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
  margin-top: -2.50px;
  margin-bottom: -2.50px;
}

.boraland-about-us .frame-4 {
  display: flex;
  height: 56px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 5px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  border-radius: 32px;
}

.boraland-about-us .search-box {
  display: inline-flex;
  height: 58px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px 24px;
  position: relative;
  flex: 0 0 auto;
  margin-top: -6.00px;
  margin-bottom: -6.00px;
  margin-left: -1.00px;
  margin-right: -1.00px;
  background-color: #2b2b2b;
  border-radius: 15px;
  border: 1px solid;
  border-color: transparent;
}

.boraland-about-us .text-wrapper-2 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  font-family: "Roboto-Regular", Helvetica;
  font-weight: 400;
  color: #f3dc8e;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.boraland-about-us .path {
  position: relative;
  width: 8.53px;
  height: 10.2px;
}

.boraland-about-us .frame-5 {
  display: flex;
  flex-direction: column;
  width: 100%s;
  align-items: center;
  gap: 24px;
  position: relative;
  flex: 0 0 auto;
}

.boraland-about-us .frame-6 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
  width: 100%;
}

.boraland-about-us .text-wrapper-3 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: -1.00px;
  font-family:"Geist Mono-Medium", Helvetica;
  font-weight: 500;
  color: #2b2b2b;
  font-size: 96px;
  text-align: center;
  letter-spacing: -8.00px;
  line-height: 96px;
  white-space: nowrap;
}

.boraland-about-us .text-wrapper-4 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: -1.00px;
  opacity: 0.64;
  font-family: "Geist Mono-Medium", Helvetica;
  font-weight: 500;
  color: #2b2b2b;
  font-size: 96px;
  text-align: center;
  letter-spacing: -8.00px;
  line-height: 96px;
  white-space: nowrap;
}

.boraland-about-us .frame-7 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding: 6px 0px;
  position: relative;
  flex: 0 0 auto;
  width: 100%;

}

.boraland-about-us .boraland-is-a-rwanda {
  position: relative;
  width: 100%;
  margin-top: -1.00px;
  font-family: "Roboto-Regular", Helvetica;
  font-weight: 400;
  color: #2b2b2b;
  font-size: 16px;
  letter-spacing: 0.40px;
  line-height: 18px;
  align-items: center;
}

.boraland-about-us .line {
  position: relative;
  width: 544px;
  height: 1px;
  margin-bottom: -1.00px;
  object-fit: cover;
}

.boraland-about-us .he {
  position: relative;
  width: 278px;
  height: 57px;
  border-radius: 32px;
  backdrop-filter: blur(6.5px) brightness(100%);
  -webkit-backdrop-filter: blur(6.5px) brightness(100%);
  background: linear-gradient(
      0deg,
      rgba(243, 220, 142, 0.92) 0%,
      rgba(243, 220, 142, 0.92) 100%
    ),
    linear-gradient(
      0deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 1) 100%
    );
}

.boraland-about-us .div-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  position: absolute;
  top: 16px;
  left: 10px;
}

.boraland-about-us .frame-8 {
  display: flex;               /* use flex instead of inline-flex */
  width: 100%;
  align-items: center;
  text-align: justify;
  justify-content: flex-start; /* default alignment */
  flex-wrap:nowrap;          /* desktop: no wrap */
  gap: 8px;
  position: relative;
  box-sizing: border-box;
  
}

/* Tablet */
@media (max-width: 1024px) {
  .boraland-about-us .frame-8 {
    gap: 6px;
    justify-content: center;   /* center on smaller screens */
  }
}

/* Mobile */
@media (max-width: 768px) {
  .boraland-about-us .frame-8 {
    flex-wrap: wrap;           /* allow wrapping */
    justify-content: center;
    gap: 6px;
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .boraland-about-us .frame-8 {
    gap: 4px;
  }
}

.boraland-about-us .text-wrapper-5 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Roboto-Medium", Helvetica;
  font-weight: 500;
  color: #2b2b2b;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.boraland-about-us .frame-9 {
  display: flex;
  width: 80px;
  height: 49px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 24px;
  position: absolute;
  top: 4px;
  left: 192px;
  background-color: #2b2b2b;
  border-radius: 48px;
}

.boraland-about-us .arrow-right {
  position: relative;
  width: 32.78px;
  height: 32.78px;
  margin-left: -0.39px;
  margin-right: -0.39px;
  aspect-ratio: 1;
}

.boraland-about-us .founder-message {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 94px;
  padding: 48px 171px;
  top: 60%;
  height: 80%;
  background-color: #2c2c2c08;
  position: relative;
  width: 100vw;
}

/* Tablet */
@media (max-width: 1024px) {
  .boraland-about-us .founder-message {
    padding: 40px 80px;
    gap: 60px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .boraland-about-us .founder-message {
    padding: 30px 30px;
    gap: 40px;
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .boraland-about-us .founder-message {
    padding: 20px 16px;
    gap: 24px;
  }
}

.boraland-about-us .frame-10 {
  display: flex;
  flex-direction: column; /* stack children vertically on mobile */
  width: 100%;           /* container shrinks naturally */
  max-width: 100%;     /* keeps desktop size */
  margin: 0 auto;        /* centers container */
  gap: 28px;             /* spacing between children */
  padding: 10px 16px;    /* add horizontal padding for mobile */
  box-sizing: border-box;
  position: relative;
  align-items: center;
  text-align: center;
}

.boraland-about-us .frame-11 {
  display: flex;             /* use flex instead of inline-flex */
  flex-wrap: wrap;           /* allows children to wrap on small screens */
  align-items: center;
  justify-content: center;
  gap: 4px;                  /* default gap */
  padding: 16px;
  position: relative;
  background-color: #f3dc8e;
  border-radius: 240px;
  width: fit-content;        /* shrink to content */
  max-width: 100%;           /* won’t overflow container */
  box-sizing: border-box;
  
}

/* Tablet */
@media (max-width: 1024px) {
  .boraland-about-us .frame-11 {
    padding: 14px;
    gap: 3px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .boraland-about-us .frame-11 {
    padding: 12px;
    gap: 2px;
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .boraland-about-us .frame-11 {
    padding: 10px;
    gap: 2px;
    justify-content: center;  /* ensure centered when wrapping */
  }
}
.boraland-about-us .text-wrapper-6 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;               /* allows it to shrink/grow */
  max-width: 100%;           /* prevents overflow */
  margin-top: -0.76px;
  font-family: "Roboto-Regular", Helvetica;
  font-weight: 400;
  color: #2b2b2b;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 1.2em;
  white-space: normal;       /* allows text wrapping */
  box-sizing: border-box;
}

/* Tablet */
@media (max-width: 1024px) {
  .boraland-about-us .text-wrapper-6 {
    font-size: 15px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .boraland-about-us .text-wrapper-6 {
    font-size: 14px;
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .boraland-about-us .text-wrapper-6 {
    font-size: 13px;
  }
}

.boraland-about-us .group {
  position: relative;
  width: clamp(8px, 2vw, 14px);  /* scales between 8px on mobile and 14px on desktop */
  height: auto;                   /* height adjusts based on aspect ratio */
  transform: rotate(-41.7deg);
  aspect-ratio: 1.26;             /* keeps proportions consistent */
  opacity: 0.64;
  flex-shrink: 0;                 /* prevents shrinking too much in flex layout */
}

/* Optional: adjust rotation slightly on mobile for better alignment */
@media (max-width: 480px) {
  .boraland-about-us .group {
    transform: rotate(-40deg);
  }
}

.boraland-about-us .img {
  position: absolute;
  top: -3px;
  left: -2px;
  width: 17px;
  height: 17px;
  transform: rotate(41.70deg);
}

.boraland-about-us .text-wrapper-7 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 545px;               /* allows container to shrink */
         /* prevents overflow */
  margin-top: -1px;
  font-family: var(--boraland-geist-40-m-fl-font-family);
  font-weight: var(--boraland-geist-40-m-fl-font-weight);
  color: #2b2b2b;
  font-size: var(--boraland-geist-40-m-fl-font-size);
  letter-spacing: var(--boraland-geist-40-m-fl-letter-spacing);
  line-height: var(--boraland-geist-40-m-fl-line-height);
  font-style: var(--boraland-geist-40-m-fl-font-style);
  text-align: center;
  white-space: normal;       /* allows text to wrap */
  box-sizing: border-box;
}

/* Tablet */
@media (max-width: 1024px) {
  .boraland-about-us .text-wrapper-7 {
    font-size: calc(var(--boraland-geist-40-m-fl-font-size) * 0.9);
  }
}

/* Mobile */
@media (max-width: 768px) {
  .boraland-about-us .text-wrapper-7 {
    font-size: calc(var(--boraland-geist-40-m-fl-font-size) * 0.8);
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .boraland-about-us .text-wrapper-7 {
    font-size: calc(var(--boraland-geist-40-m-fl-font-size) * 0.7);
  }
}

.boraland-about-us .text-wrapper-8 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;               /* allows container to shrink */
  max-width: 100%;           /* prevents overflow */
  margin-top: -1px;
  opacity: 0.64;
  font-family: var(--boraland-geist-40-m-fl-font-family);
  font-weight: var(--boraland-geist-40-m-fl-font-weight);
  color: #2b2b2b;
  font-size: var(--boraland-geist-40-m-fl-font-size);
  letter-spacing: var(--boraland-geist-40-m-fl-letter-spacing);
  line-height: var(--boraland-geist-40-m-fl-line-height);
  font-style: var(--boraland-geist-40-m-fl-font-style);
  text-align: center;
  white-space: normal;       /* allows text to wrap */
  box-sizing: border-box;
}

/* Tablet */
@media (max-width: 1024px) {
  .boraland-about-us .text-wrapper-8 {
    font-size: calc(var(--boraland-geist-40-m-fl-font-size) * 0.9);
  }
}

/* Mobile */
@media (max-width: 768px) {
  .boraland-about-us .text-wrapper-8 {
    font-size: calc(var(--boraland-geist-40-m-fl-font-size) * 0.8);
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .boraland-about-us .text-wrapper-8 {
    font-size: calc(var(--boraland-geist-40-m-fl-font-size) * 0.7);
  }
}

.boraland-about-us .ur-gallery-offers {
  position: relative;
  display: flex;
  flex-direction: column;    /* stack spans vertically if needed */
  align-items: center;       /* center content */
  width: 100%;
  max-width: 394px;          /* desktop limit */
  font-family: "Roboto-Regular", Helvetica;
  font-weight: 400;
  color: #2b2b2b;
  font-size: 16px;
  text-align: justify;
  letter-spacing: 0;
  line-height: 1.4em;        /* slightly more readable */
  box-sizing: border-box;
  word-wrap: break-word;     /* wrap long text */
  text-align: center;
}

/* Tablet */
@media (max-width: 1024px) {
  .boraland-about-us .ur-gallery-offers {
    font-size: 13px;
    max-width: 80%;           /* flexible width instead of fixed px */
  }
}

/* Mobile */
@media (max-width: 768px) {
  .boraland-about-us .ur-gallery-offers {
    font-size: 12px;
    max-width: 90%;
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .boraland-about-us .ur-gallery-offers {
    font-size: 11px;
    max-width: 95%;
  }
}

/* Child spans inside paragraph */
.boraland-about-us .ur-gallery-offers .span,
.boraland-about-us .ur-gallery-offers .text-wrapper-9 {
  white-space: normal;       /* allow wrapping */
  display: inline;           /* inline elements for proper flow */
  font-size: 16px;
}

.boraland-about-us .span {
  font-family: "Roboto-Regular", Helvetica;
  font-weight: 400;
  color: #2b2b2b;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 1.2em;
}

/* Tablet */
@media (max-width: 1024px) {
  .boraland-about-us .span {
    font-size: 13px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .boraland-about-us .span {
    font-size: 12px;
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .boraland-about-us .span {
    font-size: 11px;
  }
}

.boraland-about-us .text-wrapper-9 {
  font-family: "Roboto-SemiBold", Helvetica;
  font-weight: 600;
}

.boraland-about-us .frame-12 {
  display: flex;
  top: 50%;
  height: 400px;
  align-items: center;
  gap: 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.boraland-about-us .guide-card {
  position: relative;
  width: 50%;
  height: 70%;
  background-color: #2b2b2b;
  border-radius: 15px;
}

.boraland-about-us .mask-group {
  position: absolute;
 
  left: 30%;
  width: 50%;
  height: 50%;
}

.boraland-about-us .frame-13 {
  display: flex;
  flex-direction: column;
  width: 404px;
  align-items: flex-start;
  gap: 24px;
  position: absolute;
  top: 223px;
  left: 45px;
}

.boraland-about-us .frame-14 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 23px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.boraland-about-us .founder-message-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0px 16px;
  position: relative;
  align-self: stretch;
  width: 100vw;
  flex: 0 0 auto;
}

.boraland-about-us .p {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1;
  margin-top: -1.00px;
  font-family: "Roboto-Medium", Helvetica;
  font-weight: 500;
  color: transparent;
  font-size: 32px;
  letter-spacing: -1.92px;
  line-height: 32px;
}

.boraland-about-us .text-wrapper-10 {
  color: #f3dc8e;
  letter-spacing: -0.61px;
}

.boraland-about-us .text-wrapper-11 {
  color: #ffffff;
  letter-spacing: -0.61px;
  text-decoration: underline;
}

.boraland-about-us .frame-15 {
  display: flex;               /* use flex */
  flex-wrap: wrap;             /* allow cards to wrap */
  justify-content: center;     /* center cards on each row */
  align-items: flex-start;     /* align cards at top */
  gap: 24px;                   /* default desktop gap */
  width: 100%;
  box-sizing: border-box;
}

/* Tablet */
@media (max-width: 1024px) {
  .boraland-about-us .frame-15 {
    gap: 20px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .boraland-about-us .frame-15 {
    gap: 16px;
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .boraland-about-us .frame-15 {
    gap: 12px;
  }
}

.boraland-about-us .frame-16 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  position: relative;
  flex: 0 0 auto;
  background-color: #f8f8f929;
  border-radius: 40px;
  border: 1px solid;
  border-color: #ffffff29;
  backdrop-filter: blur(12px) brightness(100%);
  -webkit-backdrop-filter: blur(12px) brightness(100%);
}

.boraland-about-us .frame-17 {
  top: 70%;
  display: inline-flex;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
  gap: 12px;   /* space between logo and text */
}

/* Tablet */
@media (max-width: 1024px) {
  .boraland-about-us .frame-17 {
    gap: 10px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .boraland-about-us .frame-17 {
    gap: 8px;
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .boraland-about-us .frame-17 {
    flex-direction: column;  /* stack logo above text */
    align-items: center;
    gap: 4px;
  }
}

.boraland-about-us .vecteezy-smiling-man-wrapper {
  display: flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 5px;
  position: relative;
  background-color: #f3dc8ea3;
  border-radius: 330px;
  overflow: hidden;
  aspect-ratio: 1;
}

.boraland-about-us .vecteezy-smiling-man {
  position: relative;
  width: 45.22px;
  height: 45.22px;
  margin-top: -7.61px;
  margin-bottom: -7.61px;
  margin-left: -7.61px;
  margin-right: -5.00px;
  aspect-ratio: 1;
}

.boraland-about-us .frame-18 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 5px 10px;
  position: relative;
  flex: 0 0 auto;
  margin-left: -1px;
  background-color: #ffffff14;
  border-radius: 32px;
}

.boraland-about-us .text-wrapper-12 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Roboto-Medium", Helvetica;
  font-weight: 500;
  color: #f3dc8e;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.boraland-about-us .frame-19 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 0px 0px 0px 56px;
  position: relative;
  flex: 1;
  align-self: stretch;
  flex-grow: 1;
}

.boraland-about-us .frame-20 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.boraland-about-us .boraland-is-led-by-a {
  position: relative;
  width: 100%;
  max-width: 394px;
  font-family: "Roboto-Medium", Helvetica;
  font-size: 16px;
  font-weight: 400;
  color: #2b2b2b;

  text-align: justify;
  letter-spacing: 0;
  line-height: 1.2em;
}

/* Tablet */
@media (max-width: 1024px) {
  .boraland-about-us .boraland-is-led-by-a {
    font-size: 13px;
    max-width: 320px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .boraland-about-us .boraland-is-led-by-a {
    font-size: 12px;
    max-width: 280px;
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .boraland-about-us .boraland-is-led-by-a {
    font-size: 11px;
    max-width: 240px;
  }
}

.boraland-about-us .frame-21 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 96px;
  padding: 48px 171px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.boraland-about-us .frame-22 {
  display: flex;                  /* use flex instead of inline-flex */
  flex-direction: column;         /* stack children vertically */
  align-items: center;
  justify-content: center;
  gap: 36px;                      /* desktop gap */
  position: relative;
  width: 100%;
  max-width: 1110px;              /* desktop max width */
  margin: 0 auto;                 /* center container */
  padding: 20px 16px;             /* safe padding on mobile */
  box-sizing: border-box;         /* include padding in width */
}

/* Tablet */
@media (max-width: 1024px) {
  .boraland-about-us .frame-22 {
    gap: 28px;
    padding: 16px 12px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .boraland-about-us .frame-22 {
    gap: 24px;
    padding: 12px 8px;
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .boraland-about-us .frame-22 {
    gap: 20px;
    padding: 10px 6px;
  }
}

.boraland-about-us .frame-23 {
  display: flex;                 /* use flex instead of inline-flex */
  flex-direction: column;        /* stack image and text vertically */
  align-items: center;
  gap: 10px;                     /* spacing between image and text */
  padding: 10px;
  position: relative;
  flex: 1 1 clamp(180px, 22%, 250px); /* flexible width: min 180px, max 250px, grows with container */
  border-radius: 28px;
  overflow: hidden;
  border: 1px solid #2c2c2c29;
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  box-sizing: border-box;
  text-align: center;
  min-width: 180px;              /* ensures card doesn't shrink too small */
  max-width: 250px;              /* keeps cards manageable on large screens */
}

/* Tablet */
@media (max-width: 1024px) {
  .boraland-about-us .frame-23 {
    flex: 1 1 200px;             /* slightly smaller on tablet */
    gap: 8px;
    padding: 8px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .boraland-about-us .frame-23 {
    flex: 1 1 45%;               /* 2 cards per row */
    gap: 6px;
    padding: 6px;
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .boraland-about-us .frame-23 {
    flex: 1 1 90%;               /* 1 card per row */
    gap: 4px;
    padding: 4px;
  }
}

.boraland-about-us .mask-group-2 {
  position: relative;
  width: 100%;          /* image follows card width */
  max-width: 281px;     /* keeps original desktop size */
  height: auto;         /* maintain aspect ratio */
  object-fit: contain;  /* prevents distortion */
}

.boraland-about-us .frame-24 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 16px;
  padding: 10px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.boraland-about-us .div-2 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Poppins-Medium", Helvetica;
  font-weight: 500;
  color: transparent;
  font-size: 32px;
  text-align: center;
  letter-spacing: -2.00px;
  line-height: 35px;
}

.boraland-about-us .text-wrapper-13 {
  color: #2b2b2b;
  letter-spacing: -0.64px;
  font-family: "Roboto-Medium", Helvetica;
  font-size: 16px;
}

.boraland-about-us .text-wrapper-14 {
  color: #fdd85b;
  letter-spacing: -0.64px;
  font-family: "Roboto-Medium", Helvetica;
  font-size: 16px;

}

.boraland-about-us .frame-25 {
  display: flex;                 /* use flex instead of inline-flex */
  flex-direction: column;        /* stack image and text vertically */
  align-items: center;
  gap: 10px;                     /* spacing between image and text */
  padding: 10px;
  position: relative;
  flex: 1 1 clamp(180px, 22%, 250px); /* flexible width: min 180px, max 250px */
  border-radius: 28px;
  overflow: hidden;
  border: 1px solid #2c2c2c29;
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  box-sizing: border-box;
  text-align: center;
  min-width: 180px;
  max-width: 250px;
}

/* Tablet */
@media (max-width: 1024px) {
  .boraland-about-us .frame-25 {
    flex: 1 1 200px;
    gap: 8px;
    padding: 8px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .boraland-about-us .frame-25 {
    flex: 1 1 45%;               /* 2 cards per row */
    gap: 6px;
    padding: 6px;
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .boraland-about-us .frame-25 {
    flex: 1 1 90%;               /* 1 card per row */
    gap: 4px;
    padding: 4px;
  }
}
.boraland-about-us .mask-group-3 {
  position: relative;
  width: 100%;          /* image scales with card */
  max-width: 242px;     /* keeps desktop design size */
  height: auto;         /* preserve aspect ratio */
  object-fit: contain;  /* prevent distortion */
}

.boraland-about-us .frame-26 {
  display: flex;                 /* use flex */
  flex-direction: column;        /* stack image and text vertically */
  align-items: center;
  gap: 10px;                     /* default desktop gap */
  padding: 10px;                 /* desktop padding */
  position: relative;
  flex: 1 1 clamp(180px, 22%, 250px); /* flexible width */
  border-radius: 28px;
  overflow: hidden;
  border: 1px solid #2c2c2c29;
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  box-sizing: border-box;
  text-align: center;
  min-width: 180px;
  max-width: 250px;
  margin: 0;                     /* remove negative margins */
}

/* Tablet */
@media (max-width: 1024px) {
  .boraland-about-us .frame-26 {
    gap: 8px;
    padding: 8px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .boraland-about-us .frame-26 {
    flex: 1 1 45%;               /* 2 cards per row */
    gap: 6px;
    padding: 6px;
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .boraland-about-us .frame-26 {
    flex: 1 1 90%;               /* 1 card per row */
    gap: 4px;
    padding: 4px;
  }
}

.boraland-about-us .frame-27 {
  position: relative;
  width: 100vw;
  min-height: 762px;
  background-color: #2b2b2bfc;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 80px 20px;
  box-sizing: border-box;
}

/* Tablet */
@media (max-width: 1024px) {
  .boraland-about-us .frame-27 {
    padding: 60px 20px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .boraland-about-us .frame-27 {
    padding: 50px 16px;
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .boraland-about-us .frame-27 {
    padding: 40px 12px;
  }
}

.boraland-about-us .BORALAND-LOGO-one {
  position: absolute;
  top: calc(50.00% - 431px);
  left: calc(50.00% - 431px);
  width: 862px;
  height: 862px;
  aspect-ratio: 1;
  object-fit: cover;
}

.boraland-about-us .services {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  width: 100%;
  max-width: 1110px;

  margin: 0 auto;
  padding: 20px 16px;

  position: relative;   /* remove absolute positioning */
  box-sizing: border-box;
}

/* Tablet */
@media (max-width: 1024px) {
  .boraland-about-us .services {
    padding: 18px 14px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .boraland-about-us .services {
    padding: 16px 12px;
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .boraland-about-us .services {
    padding: 14px 10px;
  }
}

.boraland-about-us .frame-28 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  width: 100%;
  max-width: 1110px;      /* keeps original desktop layout */

  gap: 36px;
  padding: 10px 16px;

  position: relative;
  box-sizing: border-box;
  margin: 0 auto;
}

/* Tablet */
@media (max-width: 1024px) {
  .boraland-about-us .frame-28 {
    gap: 32px;
    padding: 10px 14px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .boraland-about-us .frame-28 {
    gap: 28px;
    padding: 10px 12px;
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .boraland-about-us .frame-28 {
    gap: 24px;
    padding: 10px 10px;
  }
}

.boraland-about-us .frame-29 {
  display: flex;
  flex-direction: column;
  align-items: center;

  width: 100%;
  max-width: 850px;     /* keeps text readable */

  gap: 16px;
  position: relative;

  margin: 0 auto;
  box-sizing: border-box;
  text-align: center;
}

/* Tablet */
@media (max-width: 1024px) {
  .boraland-about-us .frame-29 {
    gap: 14px;
    max-width: 720px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .boraland-about-us .frame-29 {
    gap: 12px;
    max-width: 100%;
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .boraland-about-us .frame-29 {
    gap: 10px;
  }
}

.boraland-about-us .boraland-is-an {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  max-width: 862px;        /* keeps desktop layout */
  margin: 0 auto;          /* center on smaller screens */

  font-family: "Roboto-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 16px;
  line-height: 1.5em;      /* better readability */
  letter-spacing: 0.8px;
  text-align: center;
  box-sizing: border-box;
}

/* Tablet */
@media (max-width: 1024px) {
  .boraland-about-us .boraland-is-an {
    font-size: 15px;
    max-width: 720px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .boraland-about-us .boraland-is-an {
    font-size: 14px;
    max-width: 90%;
    padding: 0 10px;
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .boraland-about-us .boraland-is-an {
    font-size: 13px;
    line-height: 1.4em;
    padding: 0 8px;
  }
}

.boraland-about-us .frame-30 {
  display: flex;
  flex-direction: column;       /* stack on mobile */
  align-items: flex-start;
  justify-content: center;

  width: 100%;
  max-width: 830px;             /* keeps desktop design */
  gap: 10px;

  position: relative;
  margin: 0 auto;
  box-sizing: border-box;
}

/* Tablet */
@media (max-width: 1024px) {
  .boraland-about-us .frame-30 {
    max-width: 720px;
    gap: 8px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .boraland-about-us .frame-30 {
    max-width: 90%;
    gap: 6px;
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .boraland-about-us .frame-30 {
    max-width: 100%;
    gap: 4px;
  }
}
.boraland-about-us .text-wrapper-15 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  max-width: fit-content;      /* allow text width to shrink */
  margin: 0 auto;

  font-family: "Roboto-Medium", Helvetica;
  font-weight: 500;
  color: #f3dc8e;
  font-size: 16px;
  line-height: 1.4em;
  letter-spacing: 0.8px;
  text-align: center;
  white-space: normal;         /* allow wrapping */
  box-sizing: border-box;
}

/* Tablet */
@media (max-width: 1024px) {
  .boraland-about-us .text-wrapper-15 {
    font-size: 15px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .boraland-about-us .text-wrapper-15 {
    font-size: 14px;
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .boraland-about-us .text-wrapper-15 {
    font-size: 13px;
  }
}

.boraland-about-us .make-construction {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  max-width: 780px;         /* readable line length */
  margin: 0 auto;
  
  font-family: "Roboto-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 16px;
  line-height: 1.5em;       /* readable spacing */
  letter-spacing: 0.8px;
  text-align: center;
  box-sizing: border-box;
}

/* Tablet */
@media (max-width: 1024px) {
  .boraland-about-us .make-construction {
    font-size: 15px;
    max-width: 680px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .boraland-about-us .make-construction {
    font-size: 14px;
    max-width: 90%;
    padding: 0 10px;
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .boraland-about-us .make-construction {
    font-size: 13px;
    line-height: 1.4em;
    padding: 0 8px;
  }
}

.boraland-about-us .frame-31 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  width: 100%;
  max-width: 400px;        /* keeps layout readable */
  gap: 24px;

  position: relative;
  margin: 0 auto;
  box-sizing: border-box;
}

/* Tablet */
@media (max-width: 1024px) {
  .boraland-about-us .frame-31 {
    gap: 20px;
    max-width: 360px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .boraland-about-us .frame-31 {
    gap: 16px;
    max-width: 90%;
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .boraland-about-us .frame-31 {
    gap: 12px;
    max-width: 100%;
  }
}

.boraland-about-us .serious-projects {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  max-width: 400px;          /* keeps layout readable */
  margin: 0 auto;

  opacity: 0.64;
  font-family: var(--boraland-geist-40-m-fl-font-family);
  font-weight: var(--boraland-geist-40-m-fl-font-weight);
  color: #ffffff;
  font-size: var(--boraland-geist-40-m-fl-font-size);
  line-height: 1.4em;
  letter-spacing: var(--boraland-geist-40-m-fl-letter-spacing);
  text-align: center;
  white-space: normal;        /* allow wrapping */
  font-style: var(--boraland-geist-40-m-fl-font-style);
  box-sizing: border-box;
}

/* Tablet */
@media (max-width: 1024px) {
  .boraland-about-us .serious-projects {
    font-size: calc(var(--boraland-geist-40-m-fl-font-size) * 0.9);
  }
}

/* Mobile */
@media (max-width: 768px) {
  .boraland-about-us .serious-projects {
    font-size: calc(var(--boraland-geist-40-m-fl-font-size) * 0.8);
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .boraland-about-us .serious-projects {
    font-size: calc(var(--boraland-geist-40-m-fl-font-size) * 0.7);
  }
}

.boraland-about-us .search-box-2 {
  display: flex;
  align-items: center;
  justify-content: center;

  width: auto;
  max-width: 100%;
  padding: 12px 24px;        /* scalable padding */
  gap: 8px;
  height: auto;
  min-height: 48px;          /* ensures clickable area */

  margin: 0 auto;
  background-color: #f3dc8e;
  border-radius: 15px;
  border: 1px solid transparent;
  position: relative;
  box-sizing: border-box;
}

/* Tablet */
@media (max-width: 1024px) {
  .boraland-about-us .search-box-2 {
    padding: 10px 20px;
    gap: 6px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .boraland-about-us .search-box-2 {
    padding: 8px 16px;
    gap: 4px;
    min-height: 40px;
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .boraland-about-us .search-box-2 {
    padding: 6px 12px;
    gap: 3px;
    min-height: 36px;
  }
}

.boraland-about-us .text-wrapper-16 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  max-width: fit-content;
  margin: 0 auto;

  font-family: "Roboto-Regular", Helvetica;
  font-weight: 400;
  color: #2b2b2b;
  font-size: 16px;
  line-height: 1.4em;
  text-align: center;
  letter-spacing: 0;
  white-space: normal;      /* allow wrapping */
  box-sizing: border-box;
}

/* Tablet */
@media (max-width: 1024px) {
  .boraland-about-us .text-wrapper-16 {
    font-size: 15px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .boraland-about-us .text-wrapper-16 {
    font-size: 14px;
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .boraland-about-us .text-wrapper-16 {
    font-size: 13px;
  }
}

.boraland-about-us .frame-32 {
  display: flex;
  align-items: center;
  justify-content: center;

  padding: 8px;
  margin: 0;
  border-radius: 50%;       /* keeps circular shape */
  gap: 8px;

  position: relative;
  flex: none;
  box-sizing: border-box;
}

/* Tablet */
@media (max-width: 1024px) {
  .boraland-about-us .frame-32 {
    padding: 6px;
    gap: 6px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .boraland-about-us .frame-32 {
    padding: 5px;
    gap: 5px;
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .boraland-about-us .frame-32 {
    padding: 4px;
    gap: 4px;
  }
}
.boraland-about-us .frame-33 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 96px;
  position: relative;
  width: 100vw;
  flex: 0 0 auto;
  box-sizing: border-box;
}

/* Tablet */
@media (max-width: 1024px) {
  .boraland-about-us .frame-33 {
    padding: 72px 40px;
    gap: 8px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .boraland-about-us .frame-33 {
    padding: 48px 24px;
    gap: 6px;
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .boraland-about-us .frame-33 {
    padding: 32px 16px;
    gap: 4px;
  }
}
z
.boraland-about-us .frame-34 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 56px;
  padding: 56px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
  background-color: #ffffff;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid #2c2c2c29;
  box-sizing: border-box;
}

/* Tablet */
@media (max-width: 1024px) {
  .boraland-about-us .frame-34 {
    gap: 48px;
    padding: 40px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .boraland-about-us .frame-34 {
    gap: 32px;
    padding: 24px;
    align-items: center;      /* center content for small screens */
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .boraland-about-us .frame-34 {
    gap: 24px;
    padding: 16px;
  }
}

.boraland-about-us .frame-35 {
  display: flex;
  height: 286px;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
  box-sizing: border-box;
}

/* Tablet */
@media (max-width: 1024px) {
  .boraland-about-us .frame-35 {
    height: auto;                /* let it grow with content */
    gap: 32px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .boraland-about-us .frame-35 {
    flex-direction: column;      /* stack left + right sections */
    align-items: center;         /* center content horizontally */
    height: auto;
    gap: 24px;
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .boraland-about-us .frame-35 {
    gap: 16px;
  }
}

.boraland-about-us .frame-36 {
  display: flex;
  flex-direction: column;
  width: 421px;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  flex: 0 0 auto;
  box-sizing: border-box;
}

/* Tablet */
@media (max-width: 1024px) {
  .boraland-about-us .frame-36 {
    width: 360px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .boraland-about-us .frame-36 {
    width: 100%;
    align-items: center;       /* center the content */
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .boraland-about-us .frame-36 {
    width: 100%;
  }
}

.boraland-about-us .frame-37 {
  display: flex;
  flex-direction: column;
  max-width: 387px;
  align-items: flex-start;
  gap: 31px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
  box-sizing: border-box;
}

/* Tablet */
@media (max-width: 1024px) {
  .boraland-about-us .frame-37 {
    gap: 24px;
    max-width: 320px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .boraland-about-us .frame-37 {
    align-items: center;   /* center content on mobile */
    gap: 20px;
    max-width: 100%;
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .boraland-about-us .frame-37 {
    gap: 16px;
  }
}

.boraland-about-us .frame-38 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  width: 100%;
  flex: 0 0 auto;
  box-sizing: border-box;
}

/* Tablet */
@media (max-width: 1024px) {
  .boraland-about-us .frame-38 {
    gap: 14px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .boraland-about-us .frame-38 {
    align-items: center;  /* center logo and text */
    gap: 12px;
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .boraland-about-us .frame-38 {
    gap: 10px;
  }
}

.boraland-about-us .BORALAND-LOGO-one-2 {
  position: relative;
  width: 64px;
  height: 64px;
  aspect-ratio: 1;
}

/* Tablet */
@media (max-width: 1024px) {
  .boraland-about-us .BORALAND-LOGO-one-2 {
    width: 56px;
    height: 56px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .boraland-about-us .BORALAND-LOGO-one-2 {
    width: 48px;
    height: 48px;
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .boraland-about-us .BORALAND-LOGO-one-2 {
    width: 40px;
    height: 40px;
  }
}

.boraland-about-us .text-wrapper-17 {
  position: relative;
  width: fit-content;
  font-family: "Jost-Medium", Helvetica;
  font-weight: 500;
  color: #2b2b2b;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

/* Tablet */
@media (max-width: 1024px) {
  .boraland-about-us .text-wrapper-17 {
    font-size: 13px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .boraland-about-us .text-wrapper-17 {
    font-size: 12px;
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .boraland-about-us .text-wrapper-17 {
    font-size: 11px;
    white-space: normal;  /* allow wrapping */
    text-align: center;   /* center text below logo if stacked */
  }
}

.boraland-about-us .helping-businessmen {
  position: relative;
  align-self: stretch;
  font-family: "Poppins-Light", Helvetica;
  font-weight: 400;
  color: #3a3a3a;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
}

.boraland-about-us .text-wrapper-18 {
  font-weight: 300;
}

.boraland-about-us .text-wrapper-19 {
  font-family: "Poppins-SemiBold", Helvetica;
  font-weight: 600;
}

.boraland-about-us .frame-39 {
  display: flex;
  height: 52px;
  align-items: center;
  justify-content: space-between;
  padding: 4px 4px 4px 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  max-width: 421px; /* keeps it from stretching too much */
  border-radius: 32px;
  border: 1px solid #2c2c2c33;
  backdrop-filter: blur(6.5px) brightness(100%);
  -webkit-backdrop-filter: blur(6.5px) brightness(100%);
  background: linear-gradient(0deg, rgba(243, 220, 142, 0.16) 0%, rgba(243, 220, 142, 0.16) 100%);
}

/* Tablet */
@media (max-width: 1024px) {
  .boraland-about-us .frame-39 {
    height: 48px;
    padding-left: 14px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .boraland-about-us .frame-39 {
    height: 44px;
    padding-left: 12px;
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .boraland-about-us .frame-39 {
    height: 40px;
    padding-left: 10px;
  }
}

.boraland-about-us .frame-40 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  position: relative;
  flex: 0 0 auto;
}

/* Tablet */
@media (max-width: 1024px) {
  .boraland-about-us .frame-40 {
    gap: 3px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .boraland-about-us .frame-40 {
    gap: 2px;
  }
}

/* Small Mobile */
@media (max-width: 480px) {
  .boraland-about-us .frame-40 {
    gap: 1px;
  }
}

.boraland-about-us .at-sign {
  position: relative;
  width: 24px;
  height: 24px;
}

.boraland-about-us .text-wrapper-20 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Poppins-Medium", Helvetica;
  font-weight: 500;
  color: #2b2b2b;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.boraland-about-us .frame-41 {
  padding: 8px 24px;
  align-self: stretch;
  background-color: #2b2b2b;
  border-radius: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
}

.boraland-about-us .text-wrapper-21 {
  position: relative;
  width: fit-content;
  font-family: "Plus Jakarta Sans-SemiBold", Helvetica;
  font-weight: 600;
  color: #f3dc8e;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.boraland-about-us .frame-42 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  position: relative;
  align-self: stretch;
  flex: 0 0 auto;
}

.boraland-about-us .frame-43 {
  display: inline-flex;
  align-items: flex-start;
  gap: 40px;
  position: relative;
  flex: 0 0 auto;
}

.boraland-about-us .frame-44 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  position: relative;
  flex: 0 0 auto;
}

.boraland-about-us .text-wrapper-22 {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Poppins-Bold", Helvetica;
  font-weight: 700;
  color: #2b2b2b;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}

.boraland-about-us .frame-45 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
}

.boraland-about-us .text-wrapper-23 {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Poppins-Regular", Helvetica;
  font-weight: 400;
  color: #2b2b2b;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 32px;
}

.boraland-about-us .text-wrapper-24 {
  position: relative;
  align-self: stretch;
  font-family: "Poppins-Regular", Helvetica;
  font-weight: 400;
  color: #2b2b2b;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 32px;
}

.boraland-about-us .text-wrapper-25 {
  position: relative;
  width: fit-content;
  font-family: "Poppins-Regular", Helvetica;
  font-weight: 400;
  color: #2b2b2b;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 32px;
  white-space: nowrap;
}

.boraland-about-us .text-wrapper-26 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Poppins-Bold", Helvetica;
  font-weight: 700;
  color: #2b2b2b;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.boraland-about-us .frame-46 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  position: relative;
  flex: 0 0 auto;
}

.boraland-about-us .search-box-3 {
  height: 42px;
  margin-top: -1.00px;
  margin-left: -1.00px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px;
  position: relative;
  border: 1px solid;
  border-color: transparent;
}

.boraland-about-us .img-2 {
  position: relative;
  width: 24px;
  height: 24px;
  margin-top: -8.00px;
  margin-bottom: -6.00px;
}

.boraland-about-us .text-wrapper-27 {
  position: relative;
  width: fit-content;
  margin-top: -12.50px;
  margin-bottom: -9.50px;
  font-family: "Poppins-Regular", Helvetica;
  font-weight: 400;
  color: #2b2b2b;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 32px;
  white-space: nowrap;
}

.boraland-about-us .search-box-4 {
  height: 42px;
  margin-left: -1.00px;
  margin-right: -1.00px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px;
  position: relative;
  border: 1px solid;
  border-color: transparent;
}

.boraland-about-us .search-box-5 {
  height: 42px;
  margin-bottom: -1.00px;
  margin-left: -1.00px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px;
  position: relative;
  border: 1px solid;
  border-color: transparent;
}

.boraland-about-us .frame-47 {
  display: inline-flex;
  align-items: center;
  gap: 24px;
  padding: 8px;
  position: relative;
  flex: 0 0 auto;
  margin-bottom: -1.00px;
  margin-left: -1.00px;
  margin-right: -1.00px;
  border-radius: 8px;
}

.boraland-about-us .vector {
  position: relative;
  width: 32px;
  height: 32px;
}

.boraland-about-us .text-wrapper-28 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  font-family: "Poppins-Regular", Helvetica;
  font-weight: 400;
  color: #2b2b2b;
  font-size: 16px;
  text-align: center;
  letter-spacing: -0.48px;
  line-height: normal;
}

.boraland-about-us .vector-2 {
  position: relative;
  width: 31px;
  height: 30px;
}

.boraland-about-us .frame-48 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.boraland-about-us .copyright {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Poppins-Regular", Helvetica;
  font-weight: 400;
  color: #2b2b2b;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.boraland-about-us .text-wrapper-29 {
  font-family: "Poppins-Regular", Helvetica;
  font-weight: 400;
  color: #2b2b2b;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 24px;
}

.boraland-about-us .frame-49 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  flex: 0 0 auto;
}

.boraland-about-us .text-wrapper-30 {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Manrope-Regular", Helvetica;
  font-weight: 400;
  color: #2b2b2b;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 17.6px;
  white-space: nowrap;
}

/* ===================== */
/* DEFAULT (DESKTOP) */
/* ===================== */

/* Show desktop menu */
.frame-3 {
  display: flex;
}

/* Hide hamburger on desktop */
.hamburger {
  display: none;
}

/* Hide mobile menu on desktop */
.mobile-menu {
  display: none;
}


/* ===================== */
/* MOBILE (≤768px) */
/* ===================== */

@media (max-width: 768px) {

  /* Hide desktop menu */
  .frame-3 {
    display: none !important;
  }

  /* Show hamburger */
  .hamburger {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 35px;
    height: 35px;
    cursor: pointer;
  }

  /* Hamburger lines */
  .hamburger span {
    display: block;
    height: 3px;
    background-color: #2b2b2b;
    border-radius: 2px;
  }

  

  /* Mobile menu (hidden by default) */
  .mobile-menu {
    display: none;
    flex-direction: column;
    gap: 16px;
    position: absolute;
    top: 85px;
    left: 0;
    width: 100%;
    background-color: #f9f9f6;
    padding: 16px;
    border-top: 1px solid #dddddd;
    z-index: 1000;
  }

  /* Show mobile menu when active */
  .mobile-menu.active {
    display: flex;
  }
  .mobile-menu .menu-top{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mobile-menu .menu-top a{
  text-decoration: none;
}
}