/* Shared responsive overrides for all pages */

:root {
  --boraland-container-max: 1440px;
  --boraland-gutter: clamp(16px, 4vw, 56px);
}

html,
body {
  width: 100%;
  min-height: 100%;
  overflow-x: hidden;
}

img,
svg,
video,
canvas,
iframe {
  max-width: 100%;
  height: auto;
}

/* Keep “desktop comps” centered but fluid */
.frame,
.hero-section,
.boraland-landing,
.boraland-about-us,
.boraland-portfolio,
.boraland-process,
.property {
  width: 100% !important;
  max-width: var(--boraland-container-max);
  margin-inline: auto;
}

/* Index/Home hero sections ship with fixed width/height and absolute layout */
.hero-section,
.boraland-landing .hero-section {
  height: auto !important;
  min-height: 100vh;
}

/* Many pages use nested fixed-width wrappers named .div / .frame-2 */
.frame > .div,
.boraland-about-us .div,
.boraland-portfolio .div,
.boraland-process .div,
.property .div {
  width: 100% !important;
  max-width: var(--boraland-container-max);
  margin-inline: auto;
}

/* Make common “section paddings” fluid (overrides big fixed paddings like 96px/171px) */
.frame-wrapper-5,
.boraland-about-us .founder-message,
.boraland-about-us .frame-21,
.boraland-about-us .frame-33,
.frame .div-8 {
  padding-left: var(--boraland-gutter) !important;
  padding-right: var(--boraland-gutter) !important;
}

/* Inputs should fill available width */
input,
textarea,
select,
button {
  max-width: 100%;
}

/* Prevent long text from forcing overflow */
* {
  min-width: 0;
}

@media (max-width: 1024px) {
  /* Index: undo absolute-positioned top nav and hero groups */
  .hero-section .frame {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: var(--boraland-container-max);
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: center !important;
    gap: 12px;
  }

  .hero-section .frame-3,
  .hero-section .frame-12 {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    margin: 24px auto 0;
    gap: 16px !important;
    justify-content: center !important;
  }

  .hero-section .p,
  .hero-section .line,
  .hero-section .frame-4 {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: 60ch;
    margin-inline: auto;
  }

  /* Header/nav rows become wrap/stack */
  .frame .div-2,
  .boraland-about-us .frame-2,
  .boraland-portfolio .frame-2,
  .boraland-process .frame-2,
  .property .frame-2 {
    width: 100% !important;
    height: auto !important;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center !important;
  }

  .frame .div-3,
  .boraland-about-us .frame-3,
  .boraland-portfolio .frame-3,
  .boraland-process .frame-3,
  .property .frame-3 {
    flex-wrap: wrap;
    justify-content: center;
    height: auto !important;
  }

  /* Two-column content blocks should stack */
  .frame .div-8,
  .boraland-about-us .frame-12,
  .boraland-about-us .frame-10,
  .boraland-about-us .frame-35,
  .boraland-portfolio .frame-15,
  .property .frame-13 {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  /* Make big headings scale down */
  .frame .text-wrapper-3,
  .frame .text-wrapper-4,
  .hero-section .building-in,
  .hero-section .text-wrapper-3,
  .hero-section .text-wrapper-4,
  .hero-section .text-wrapper-5,
  .boraland-about-us .text-wrapper-3,
  .boraland-about-us .text-wrapper-4 {
    font-size: clamp(40px, 8vw, 72px) !important;
    line-height: 1.05 !important;
    letter-spacing: clamp(-4px, -0.6vw, -2px) !important;
    white-space: normal !important;
    text-align: center;
  }

  .frame .p,
  .hero-section .p,
  .boraland-about-us .boraland-is-a-rwanda {
    width: 100% !important;
    max-width: 60ch;
  }
}

@media (max-width: 768px) {
  .hero-section {
    border-radius: 0 !important;
    padding-left: var(--boraland-gutter) !important;
    padding-right: var(--boraland-gutter) !important;
  }

  .hero-section .vecteezy-modern-two,
  .hero-section .rectangle {
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: min(100%, 900px) !important;
  }

  /* Footer columns stack */
  .frame .div-20,
  .boraland-about-us .frame-42,
  .boraland-portfolio .frame-57,
  .property .frame-51,
  .boraland-process .frame-30 {
    flex-direction: column !important;
    height: auto !important;
    gap: 24px !important;
    align-items: flex-start !important;
  }

  /* “Contact” page: map + form stack nicely */
  .frame .div-8 {
    flex-direction: column !important;
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  /* Remove hard heights that clip content on smaller screens */
  .frame .div,
  .boraland-about-us .div,
  .boraland-portfolio .div,
  .boraland-process .div,
  .property .div {
    height: auto !important;
    gap: 48px !important;
  }
}

/* ourService.html mobile fixes */
@media (min-width: 769px) {
  .property .frame-2 {
    position: relative;
  }

  .property .frame-3 {
    position: absolute !important;
    left: 50%;
    transform: translateX(-50%);
    margin: 0 !important;
  }

  .property .frame-5 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  .property .frame-10 {
    margin-top: -12px !important;
    padding-top: 8px !important;
  }
}

@media (max-width: 768px) {
  .property {
    padding: 0 !important;
    border-radius: 0 !important;
  }

  .property .div {
    gap: 12px !important;
    padding-top: 0 !important;
  }

  .property .frame-10 {
    margin-top: -8px !important;
    padding-top: 8px !important;
  }

  .property .frame-5 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .property .frame-10,
  .property .frame-16,
  .property .frame-21,
  .property .frame-41 {
    padding-left: clamp(16px, 4vw, 24px) !important;
    padding-right: clamp(16px, 4vw, 24px) !important;
  }

  .property .frame-13,
  .property .frame-22,
  .property .frame-23,
  .property .frame-24,
  .property .frame-32,
  .property .frame-35,
  .property .frame-36,
  .property .frame-37,
  .property .frame-38,
  .property .frame-39,
  .property .frame-43,
  .property .frame-44,
  .property .frame-45,
  .property .frame-48,
  .property .frame-52,
  .property .frame-54,
  .property .frame-56 {
    width: 100% !important;
    max-width: 100% !important;
  }

  .property .haha,
  .property .haha-2,
  .property .haha-3,
  .property .haha-4,
  .property .frame-24,
  .property .frame-43,
  .property .frame-48,
  .property .frame-52,
  .property .frame-56 {
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 16px !important;
  }

  .property .frame-25,
  .property .frame-29,
  .property .frame-31,
  .property .frame-19,
  .property .p,
  .property .boraland-is-an,
  .property .frame-38,
  .property .make-construction {
    width: 100% !important;
    max-width: 100% !important;
  }

  .property .frame-25,
  .property .frame-29,
  .property .frame-31 {
    min-height: 0 !important;
  }

  .property .frame-30,
  .property .frame-33 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .property .div-2,
  .property .verified-land,
  .property .serious-projects,
  .property .text-wrapper-16 {
    white-space: normal !important;
    word-break: break-word;
  }

  .property .frame-35 {
    height: auto !important;
    padding: 48px 20px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 28px !important;
    overflow: hidden;
  }

  .property .BORALAND-LOGO-one,
  .property .services {
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    top: auto !important;
  }

  .property .BORALAND-LOGO-one {
    width: min(75vw, 320px) !important;
    height: auto !important;
    opacity: 0.12;
    pointer-events: none;
  }

  .property .services {
    display: flex !important;
    padding: 0 !important;
  }

  .property .frame-36 {
    gap: 24px !important;
    margin: 0 !important;
  }

  .property .frame-38 {
    flex-direction: column !important;
    gap: 8px !important;
  }

  .property .boraland-is-an,
  .property .make-construction {
    text-align: center !important;
    line-height: 1.5 !important;
  }

  .property .vecteezy-plowed {
    width: 100% !important;
    height: auto !important;
  }

  .property .frame-41 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .property .frame-42 {
    padding: 24px !important;
    gap: 32px !important;
  }

  .property .frame-43 {
    height: auto !important;
  }

  .property .frame-44 {
    justify-content: flex-start !important;
    gap: 24px !important;
  }

  .property .frame-48 {
    height: auto !important;
    border-radius: 20px !important;
    padding: 12px !important;
  }

  .property .frame-50 {
    align-self: stretch !important;
    width: 100% !important;
  }
}

@media (max-width: 480px) {
  .property .frame-10,
  .property .frame-16,
  .property .frame-21 {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .property .frame-35 {
    padding: 36px 12px !important;
  }

  .property .frame-41,
  .property .frame-42 {
    padding: 16px !important;
  }

  .property .frame-25,
  .property .frame-29,
  .property .frame-31,
  .property .frame-48 {
    padding: 12px !important;
  }
}

/* portfolio.html mobile fixes */
@media (max-width: 768px) {
  .boraland-portfolio {
    border-radius: 0 !important;
  }

  .boraland-portfolio .frame-2 {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    padding: 12px 16px !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
  }

  .boraland-portfolio .frame-5 {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    gap: 20px !important;
  }

  .boraland-portfolio .frame-6 {
    display: flex !important;
    width: 100% !important;
    flex-direction: column !important;
    gap: 8px !important;
  }

  .boraland-portfolio .frame-7 {
    width: 100% !important;
    padding: 0 !important;
    gap: 16px !important;
  }

  .boraland-portfolio .frame-10,
  .boraland-portfolio .frame-13,
  .boraland-portfolio .frame-47 {
    padding-left: clamp(16px, 4vw, 24px) !important;
    padding-right: clamp(16px, 4vw, 24px) !important;
  }

  .boraland-portfolio .frame-11,
  .boraland-portfolio .frame-14,
  .boraland-portfolio .frame-15,
  .boraland-portfolio .frame-16,
  .boraland-portfolio .frame-18,
  .boraland-portfolio .frame-19,
  .boraland-portfolio .frame-26,
  .boraland-portfolio .frame-28,
  .boraland-portfolio .frame-29,
  .boraland-portfolio .frame-30,
  .boraland-portfolio .frame-31,
  .boraland-portfolio .frame-32,
  .boraland-portfolio .frame-39,
  .boraland-portfolio .frame-40,
  .boraland-portfolio .frame-41,
  .boraland-portfolio .frame-42,
  .boraland-portfolio .frame-43,
  .boraland-portfolio .frame-44,
  .boraland-portfolio .frame-45,
  .boraland-portfolio .frame-48,
  .boraland-portfolio .frame-49,
  .boraland-portfolio .frame-50,
  .boraland-portfolio .frame-54,
  .boraland-portfolio .frame-57,
  .boraland-portfolio .frame-58,
  .boraland-portfolio .frame-61,
  .boraland-portfolio .frame-63 {
    width: 100% !important;
    max-width: 100% !important;
  }

  .boraland-portfolio .frame-11 {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .boraland-portfolio .frame-10 .frame-8 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
  }

  .boraland-portfolio .frame-13,
  .boraland-portfolio .frame-14 {
    height: auto !important;
    overflow: visible !important;
    margin-bottom: 0 !important;
  }

  .boraland-portfolio .frame-14 {
    gap: 32px !important;
  }

  .boraland-portfolio .frame-15,
  .boraland-portfolio .frame-17,
  .boraland-portfolio .frame-19,
  .boraland-portfolio .frame-27,
  .boraland-portfolio .frame-29,
  .boraland-portfolio .frame-32,
  .boraland-portfolio .frame-49,
  .boraland-portfolio .frame-54,
  .boraland-portfolio .frame-58,
  .boraland-portfolio .frame-63 {
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 16px !important;
  }

  .boraland-portfolio .frame-16,
  .boraland-portfolio .frame-30 {
    height: auto !important;
  }

  .boraland-portfolio .frame-17 {
    gap: 16px !important;
  }

  .boraland-portfolio .vecteezy-beautiful,
  .boraland-portfolio .vecteezy-beautiful-2,
  .boraland-portfolio .vector {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
  }

  .boraland-portfolio .frame-21,
  .boraland-portfolio .frame-34 {
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  .boraland-portfolio .below-are-selected,
  .boraland-portfolio .line,
  .boraland-portfolio .he {
    width: 100% !important;
    max-width: 100% !important;
  }

  .boraland-portfolio .he {
    height: auto !important;
    min-height: 57px;
  }

  .boraland-portfolio .div-wrapper,
  .boraland-portfolio .frame-9 {
    position: relative !important;
    top: auto !important;
    left: auto !important;
  }

  .boraland-portfolio .he {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 6px 8px !important;
  }

  .boraland-portfolio .text-wrapper-3,
  .boraland-portfolio .text-wrapper-4 {
    font-size: clamp(42px, 12vw, 72px) !important;
    line-height: 1.05 !important;
    letter-spacing: clamp(-4px, -1vw, -2px) !important;
    white-space: normal !important;
    text-align: center !important;
  }

  .boraland-portfolio .client-represented,
  .boraland-portfolio .client-represented-2,
  .boraland-portfolio .p,
  .boraland-portfolio .text-wrapper-7,
  .boraland-portfolio .text-wrapper-8,
  .boraland-portfolio .boraland-is-an,
  .boraland-portfolio .make-construction {
    width: 100% !important;
    max-width: 100% !important;
  }

  .boraland-portfolio .text-wrapper-9,
  .boraland-portfolio .text-wrapper-11,
  .boraland-portfolio .serious-projects,
  .boraland-portfolio .text-wrapper-15,
  .boraland-portfolio .text-wrapper-18,
  .boraland-portfolio .text-wrapper-25 {
    white-space: normal !important;
    word-break: break-word;
  }

  .boraland-portfolio .text-wrapper-7,
  .boraland-portfolio .text-wrapper-8 {
    display: block !important;
    font-size: clamp(30px, 8vw, 40px) !important;
    line-height: 1.08 !important;
    letter-spacing: clamp(-2px, -0.5vw, -1px) !important;
    white-space: normal !important;
    text-align: center !important;
    justify-content: center !important;
  }

  .boraland-portfolio .we-act-as-your {
    text-align: center !important;
    line-height: 1.5 !important;
  }

  .boraland-portfolio .frame-41 {
    height: auto !important;
    padding: 48px 20px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 28px !important;
    overflow: hidden;
  }

  .boraland-portfolio .BORALAND-LOGO-one,
  .boraland-portfolio .services {
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    top: auto !important;
  }

  .boraland-portfolio .BORALAND-LOGO-one {
    width: min(75vw, 320px) !important;
    height: auto !important;
    opacity: 0.12;
    pointer-events: none;
  }

  .boraland-portfolio .services {
    display: flex !important;
    padding: 0 !important;
  }

  .boraland-portfolio .frame-42 {
    gap: 24px !important;
    margin: 0 !important;
  }

  .boraland-portfolio .frame-43,
  .boraland-portfolio .frame-45 {
    align-items: center !important;
    gap: 16px !important;
  }

  .boraland-portfolio .frame-44 {
    flex-direction: column !important;
    gap: 8px !important;
  }

  .boraland-portfolio .boraland-is-an,
  .boraland-portfolio .make-construction {
    text-align: center !important;
    line-height: 1.5 !important;
  }

  .boraland-portfolio .frame-47 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .boraland-portfolio .frame-48 {
    padding: 24px !important;
    gap: 32px !important;
  }

  .boraland-portfolio .frame-49 {
    height: auto !important;
  }

  .boraland-portfolio .frame-50 {
    justify-content: flex-start !important;
    gap: 24px !important;
  }

  .boraland-portfolio .frame-54 {
    height: auto !important;
    border-radius: 20px !important;
    padding: 12px !important;
  }

  .boraland-portfolio .frame-56 {
    align-self: stretch !important;
    width: 100% !important;
  }

  .boraland-portfolio .frame-57 {
    align-items: stretch !important;
    gap: 24px !important;
  }

  .boraland-portfolio .frame-61,
  .boraland-portfolio .search-box-3,
  .boraland-portfolio .search-box-4,
  .boraland-portfolio .search-box-5 {
    align-items: flex-start !important;
  }
}

@media (max-width: 480px) {
  .boraland-portfolio .frame-2,
  .boraland-portfolio .frame-5,
  .boraland-portfolio .frame-10,
  .boraland-portfolio .frame-13,
  .boraland-portfolio .frame-47,
  .boraland-portfolio .frame-48 {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .boraland-portfolio .frame-2 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .boraland-portfolio .he {
    padding: 6px !important;
  }

  .boraland-portfolio .frame-9 {
    width: 64px !important;
    height: 44px !important;
    padding: 8px 16px !important;
  }

  .boraland-portfolio .frame-41 {
    padding: 36px 12px !important;
  }

  .boraland-portfolio .frame-54 {
    padding: 12px !important;
  }
}

/* process.html mobile fixes */
@media (min-width: 769px) {
  .boraland-process .frame-2 {
    width: 100% !important;
    max-width: 1364px !important;
    position: relative;
    margin-inline: auto;
  }

  .boraland-process .frame-3 {
    position: absolute !important;
    left: 50%;
    transform: translateX(-50%);
    margin: 0 !important;
  }
}

@media (max-width: 768px) {
  .boraland-process {
    border-radius: 0 !important;
  }

  .boraland-process .frame-2 {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    padding: 12px 16px !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
  }

  .boraland-process .frame-5 {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    gap: 20px !important;
  }

  .boraland-process .frame-6 {
    display: flex !important;
    width: 100% !important;
    flex-direction: column !important;
    gap: 8px !important;
  }

  .boraland-process .frame-7 {
    width: 100% !important;
    padding: 0 !important;
    gap: 16px !important;
  }

  .boraland-process .frame-10,
  .boraland-process .frame-20 {
    padding-left: clamp(16px, 4vw, 24px) !important;
    padding-right: clamp(16px, 4vw, 24px) !important;
  }

  .boraland-process .frame-10 {
    gap: 32px !important;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .boraland-process .frame-11,
  .boraland-process .frame-15,
  .boraland-process .frame-16,
  .boraland-process .frame-17,
  .boraland-process .frame-18,
  .boraland-process .frame-21,
  .boraland-process .frame-22,
  .boraland-process .frame-23,
  .boraland-process .frame-24,
  .boraland-process .frame-27,
  .boraland-process .frame-30,
  .boraland-process .frame-31,
  .boraland-process .frame-34,
  .boraland-process .frame-36 {
    width: 100% !important;
    max-width: 100% !important;
  }

  .boraland-process .frame-11 {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .boraland-process .frame-10 .frame-8 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
  }

  .boraland-process .frame-20 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .boraland-process .frame-21 {
    padding: 24px !important;
    gap: 32px !important;
  }

  .boraland-process .frame-22,
  .boraland-process .frame-27,
  .boraland-process .frame-31,
  .boraland-process .frame-36 {
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 16px !important;
    height: auto !important;
  }

  .boraland-process .frame-23,
  .boraland-process .frame-30 {
    align-self: stretch !important;
  }

  .boraland-process .frame-24 {
    max-width: 100% !important;
  }

  .boraland-process .frame-27 {
    padding: 12px !important;
    border-radius: 20px !important;
  }

  .boraland-process .frame-29 {
    align-self: stretch !important;
    width: 100% !important;
  }

  .boraland-process .frame-30 {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 24px !important;
  }

  .boraland-process .frame-31 {
    display: flex !important;
  }

  .boraland-process .frame-34 {
    display: flex !important;
    flex-direction: column !important;
  }

  .boraland-process .frame-36 {
    align-items: flex-start !important;
    gap: 12px !important;
    padding-top: 16px !important;
    border-top: 1px solid #2c2c2c29;
  }

  .boraland-process .p,
  .boraland-process .line,
  .boraland-process .he,
  .boraland-process .text-wrapper-6,
  .boraland-process .text-wrapper-7,
  .boraland-process .text-wrapper-8,
  .boraland-process .boraland-is-an,
  .boraland-process .make-construction {
    width: 100% !important;
    max-width: 100% !important;
  }

  .boraland-process .he {
    height: auto !important;
    min-height: 57px;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 6px 8px !important;
  }

  .boraland-process .div-wrapper,
  .boraland-process .frame-9 {
    position: relative !important;
    top: auto !important;
    left: auto !important;
  }

  .boraland-process .text-wrapper-3,
  .boraland-process .text-wrapper-4 {
    font-size: clamp(42px, 12vw, 72px) !important;
    line-height: 1.05 !important;
    letter-spacing: clamp(-4px, -1vw, -2px) !important;
    white-space: normal !important;
    text-align: center !important;
  }

  .boraland-process .text-wrapper-6,
  .boraland-process .text-wrapper-7 {
    display: block !important;
    font-size: clamp(30px, 8vw, 40px) !important;
    line-height: 1.08 !important;
    letter-spacing: clamp(-2px, -0.5vw, -1px) !important;
    white-space: normal !important;
    text-align: center !important;
    justify-content: center !important;
  }

  .boraland-process .text-wrapper-8,
  .boraland-process .boraland-is-an,
  .boraland-process .make-construction {
    text-align: center !important;
    line-height: 1.5 !important;
  }

  .boraland-process .text-wrapper-15,
  .boraland-process .serious-projects,
  .boraland-process .text-wrapper-16,
  .boraland-process .text-wrapper-19,
  .boraland-process .text-wrapper-20,
  .boraland-process .text-wrapper-26 {
    white-space: normal !important;
    word-break: break-word;
  }

  .boraland-process .infographics {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
  }

  .boraland-process .group-2,
  .boraland-process .group-3,
  .boraland-process .group-4,
  .boraland-process .group-5,
  .boraland-process .group-6,
  .boraland-process .text-wrapper-10,
  .boraland-process .text-wrapper-11,
  .boraland-process .text-wrapper-12,
  .boraland-process .text-wrapper-13,
  .boraland-process .text-wrapper-14,
  .boraland-process .line-2,
  .boraland-process .line-3,
  .boraland-process .line-4,
  .boraland-process .line-5,
  .boraland-process .line-6,
  .boraland-process .line-7,
  .boraland-process .line-8,
  .boraland-process .line-9,
  .boraland-process .rectangle-6,
  .boraland-process .rectangle-7,
  .boraland-process .rectangle-8,
  .boraland-process .rectangle-9 {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
  }

  .boraland-process .group-2,
  .boraland-process .group-3,
  .boraland-process .group-4,
  .boraland-process .group-5,
  .boraland-process .group-6 {
    display: block !important;
  }

  .boraland-process .rectangle,
  .boraland-process .rectangle-2,
  .boraland-process .rectangle-3,
  .boraland-process .rectangle-4,
  .boraland-process .rectangle-5 {
    display: none !important;
  }

  .boraland-process .frame-13 {
    position: static !important;
    display: flex !important;
    width: 100% !important;
    height: auto !important;
    padding: 14px 16px !important;
    border-radius: 16px !important;
  }

  .boraland-process .text-wrapper-9 {
    margin: 0 !important;
    font-size: 22px !important;
    line-height: 1.15 !important;
    text-align: center !important;
  }

  .boraland-process .text-wrapper-10,
  .boraland-process .text-wrapper-11,
  .boraland-process .text-wrapper-12,
  .boraland-process .text-wrapper-13,
  .boraland-process .text-wrapper-14 {
    display: flex !important;
    align-items: flex-start !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    letter-spacing: -0.6px !important;
    text-align: left !important;
  }

  .boraland-process .line-2,
  .boraland-process .line-3,
  .boraland-process .line-4,
  .boraland-process .line-5,
  .boraland-process .line-6,
  .boraland-process .line-7,
  .boraland-process .line-8,
  .boraland-process .line-9,
  .boraland-process .rectangle-6,
  .boraland-process .rectangle-7,
  .boraland-process .rectangle-8,
  .boraland-process .rectangle-9 {
    display: none !important;
  }

  .boraland-process .frame-14 {
    height: auto !important;
    padding: 48px 20px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 28px !important;
    overflow: hidden;
  }

  .boraland-process .BORALAND-LOGO-one,
  .boraland-process .services {
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    top: auto !important;
  }

  .boraland-process .BORALAND-LOGO-one {
    width: min(75vw, 320px) !important;
    height: auto !important;
    opacity: 0.12;
    pointer-events: none;
  }

  .boraland-process .services {
    display: flex !important;
    padding: 0 !important;
  }

  .boraland-process .frame-15 {
    gap: 24px !important;
    margin: 0 !important;
  }

  .boraland-process .frame-17 {
    flex-direction: column !important;
    gap: 8px !important;
  }
}

@media (max-width: 480px) {
  .boraland-process .frame-2,
  .boraland-process .frame-5,
  .boraland-process .frame-10,
  .boraland-process .frame-20,
  .boraland-process .frame-21 {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .boraland-process .frame-2 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .boraland-process .he {
    padding: 6px !important;
  }

  .boraland-process .frame-9 {
    width: 64px !important;
    height: 44px !important;
    padding: 8px 16px !important;
  }

  .boraland-process .frame-14 {
    padding: 36px 12px !important;
  }

  .boraland-process .frame-21 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

/* aboutUs.html last footer block on short screens */
@media (max-width: 768px) {
  .boraland-about-us .frame-11 {
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .boraland-about-us .frame-33 {
    padding: 32px 16px !important;
  }

  .boraland-about-us .frame-34 {
    padding: 24px !important;
    gap: 32px !important;
  }

  .boraland-about-us .frame-35 {
    height: auto !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 32px !important;
  }

  .boraland-about-us .frame-36 {
    width: 100% !important;
    max-width: 421px !important;
    align-self: flex-start !important;
    justify-content: flex-start !important;
    gap: 24px !important;
  }

  .boraland-about-us .frame-39 {
    flex-direction: column !important;
    height: auto !important;
    align-items: stretch !important;
    gap: 12px !important;
    padding: 12px !important;
    border-radius: 20px !important;
  }

  .boraland-about-us .frame-41 {
    width: 100% !important;
    align-self: stretch !important;
  }

  .boraland-about-us .frame-42 {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 24px !important;
    width: 100% !important;
  }

  .boraland-about-us .frame-43 {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
    width: 100% !important;
  }

  .boraland-about-us .frame-46 {
    display: flex !important;
    width: 100% !important;
  }

  .boraland-about-us .frame-48 {
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    padding-top: 16px !important;
    border-top: 1px solid #2c2c2c29;
  }
}

@media (max-width: 480px) {
  .boraland-about-us .frame-33,
  .boraland-about-us .frame-34 {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .boraland-about-us .frame-34 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

/* aboutUs.html values alignment */
.boraland-about-us .frame-22 {
  align-items: center !important;
}

.boraland-about-us .frame-15 {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch !important;
  justify-content: center !important;
  width: 100% !important;
}

.boraland-about-us .frame-23,
.boraland-about-us .frame-25,
.boraland-about-us .frame-26 {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 100% !important;
  justify-content: space-between !important;
}

.boraland-about-us .frame-24 {
  align-items: center !important;
  text-align: center !important;
}

.boraland-about-us .div-2 {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
}

.boraland-about-us .mask-group-2,
.boraland-about-us .mask-group-3 {
  margin-inline: auto;
}

@media (max-width: 1024px) {
  .boraland-about-us .frame-15 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 480px) {
  .boraland-about-us .frame-15 {
    grid-template-columns: 1fr;
  }
}