html {
  scroll-behavior: smooth;
}

.office-workspace-solutions {
  width: 100%;
  position: relative;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 0 0 20px;
  box-sizing: border-box;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  font-size: 25px;
  color: #008ae4;
  font-family: "Fira Sans";
}
.main-container {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 0 20px;
  box-sizing: border-box;
  max-width: 100%;
}
.wrapper {
  width: 1752px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.container,
.layout,
.wrapper {
  display: flex;
  max-width: 100%;
}
.layout {
  align-self: stretch;
  align-items: flex-start;
  justify-content: center;
  padding: 0 20px;
  box-sizing: border-box;
  text-align: left;
  font-size: 16px;
  color: #0554a2;
  font-family: "Fira Sans";
}
.container {
  width: 1320px;
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
  gap: 0;
}
.container2,
.container3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.container2 {
  width: 220px;
  padding: 0 12px;
  box-sizing: border-box;
  max-width: 1320px;
}
.container3 {
  align-self: stretch;
}
.link-logo {
  align-self: stretch;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.container4 {
  width: 880px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 12px;
  box-sizing: border-box;
  max-width: 1320px;
}
.container5 {
  width: 1241px;
  justify-content: center;
  flex-shrink: 0;
}
.container5,
.item-link,
.list {
  display: flex;
  align-items: center;
}
.list {
  padding: 0 17px;
  gap: 78px;
}
.item-link {
  padding: 29.5px 0 31.5px;
}
.home {
  position: relative;
  line-height: 26px;
}
.item-link2,
.item-link3 {
  display: flex;
  align-items: center;
}
.item-link2 {
  width: 44.1px;
  position: relative;
  line-height: 26px;
  flex-shrink: 0;
}
.item-link3 {
  padding: 29.5px 0 31.5px;
  gap: 5px;
}
.item-link4,
.symbol {
  position: relative;
  flex-shrink: 0;
}
.symbol {
  font-size: 13px;
  line-height: 13px;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  overflow: hidden;
  width: 9px;
  height: 13px;
}
.item-link4 {
  width: 56.2px;
  line-height: 26px;
  display: flex;
  align-items: center;
}
.container6 {
  width: 452px;
  flex-direction: column;
  padding: 0 12px;
  box-sizing: border-box;
  max-width: 1808px;
  text-align: right;
  font-size: 15px;
  color: #008ae4;
  font-family: "Font Awesome 5 Free";
}
.container6,
.container7,
.symbol-wrapper {
  display: flex;
  align-items: flex-start;
}
.container7 {
  align-self: stretch;
  height: 58px;
  padding: 0 0 0 140px;
  box-sizing: border-box;
  gap: 19.7px;
}
.symbol-wrapper {
  flex-direction: column;
  padding: 21px 19px 0 0;
}
.link,
.symbol2 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.symbol2 {
  width: 15.2px;
  height: 15px;
  position: relative;
  line-height: 15px;
  font-weight: 900;
  overflow: hidden;
  flex-shrink: 0;
}
.link {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  text-decoration: none;
  border-radius: 30px;
  background-color: #008ae4;
  border: 0 solid #fff;
  padding: 15px 35px;
  gap: 5px;
  font-size: 16px;
  color: #fff;
  font-family: "Fira Sans";
}
.get-a-quote {
  position: relative;
  line-height: 26px;
  font-weight: 500;
}
.container8 {
  width: 16px;
  display: flex;
  align-items: flex-start;
}
.icon {
  height: 16px;
  width: 16px;
  position: relative;
}
.container-wrapper {
  flex-direction: column;
  padding: 13.8px 0 0;
}
.container-wrapper,
.container10,
.container9 {
  display: flex;
  align-items: flex-start;
}
.container9 {
  justify-content: center;
  transform: rotate(-180deg);
}
.container10 {
  width: 30px;
}
.icon2 {
  height: 30px;
  width: 30px;
  position: relative;
  transform: rotate(180deg);
}
.container-container {
  align-self: stretch;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  padding: 101.5px 231px;
  box-sizing: border-box;
  background-image: url("beautifuloffice.59af525261c4.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  max-width: 100%;
}
.container11,
.heading-1,
.heading-4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.container11 {
  width: 636px;
  justify-content: center;
  gap: 11px;
  max-width: 100%;
}
.heading-1,
.heading-4 {
  align-self: stretch;
}
.heading-1 {
  padding: 9px 0 0;
}
.heading-4 {
  height: 33px;
  justify-content: center;
}
.office-workspace,
.professional-workspace-solutio {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: 19.2px;
  font-weight: 700;
  font-family: inherit;
}
.professional-workspace-solutio {
  align-self: stretch;
  font-size: 42px;
  line-height: 42px;
  font-weight: 600;
  color: #fff;
  text-align: left;
}
.container12 {
  width: 560px;
  height: 164px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 12px 0 0;
  box-sizing: border-box;
  text-align: left;
  font-size: 16px;
  color: #fff;
}
.the-right-office {
  width: 558px;
  height: 129px;
  position: relative;
  line-height: 26px;
  display: flex;
  align-items: center;
}
.section-wrapper {
  align-self: stretch;
  justify-content: flex-end;
  padding: 0 20px 45px;
  box-sizing: border-box;
  text-align: left;
  font-size: 42px;
  color: #0554a2;
  font-family: "Fira Sans";
}
.container13,
.section,
.section-wrapper {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.section {
  flex: 1;
  border-radius: 30px;
  background-color: #fff;
  flex-direction: column;
  padding: 100px 280px;
  box-sizing: border-box;
}
.container13 {
  align-self: stretch;
  height: 585px;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 0;
}
.container14 {
  flex: 1;
  padding: 0 12px;
  box-sizing: border-box;
  min-width: 370px;
  max-width: 1320px;
  flex-shrink: 0;
}
.container14,
.container15,
.container16 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.container15 {
  width: 648px;
  height: 689px;
  overflow: hidden;
  flex-shrink: 0;
}
.container16 {
  align-self: stretch;
  gap: 30px;
  min-height: 1px;
}
.office-solutions-may {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  line-height: 50px;
  font-weight: 600;
  font-family: inherit;
}
.solutions-content,
.solutions-list-container,
.solutions-list-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.solutions-content {
  height: 418px;
  text-align: left;
  font-size: 16px;
  color: #6b7a7a;
  font-family: "Fira Sans";
}
.solutions-list-container,
.solutions-list-wrapper {
  height: 334px;
}
.solutions-list-container {
  gap: 6px;
}
.list-item,
.list-item4 {
  align-self: stretch;
  display: flex;
  gap: 10px;
  flex-shrink: 0;
}
.list-item {
  height: 26px;
  align-items: center;
}
.list-item4 {
  align-items: flex-start;
}
.container21 {
  height: 26px;
  width: 16px;
  display: flex;
  align-items: center;
}
.container31,
.link2 {
  display: flex;
  align-items: flex-start;
}
.container31 {
  align-self: stretch;
  flex-direction: column;
  padding: 0 0 8px;
  text-align: center;
  font-size: 16px;
  color: #fff;
}
.link2 {
  border-radius: 30px;
  background-color: #008ae4;
  overflow: hidden;
  justify-content: center;
  padding: 15px 40px;
  position: relative;
  isolation: isolate;
}
.horizontal-divider {
  height: 2px;
  width: 11.99%;
  position: absolute;
  margin: 0 !important;
  right: 68.01%;
  bottom: 17px;
  left: 20%;
  background-color: rgba(255, 255, 255, 0.63);
  z-index: 0;
}
.schedule-a-free {
  position: relative;
  line-height: 26px;
  font-weight: 600;
  z-index: 1;
}
.container32 {
  height: 580px;
  width: 394px;
  display: flex;
  align-items: flex-start;
  padding: 0 0 27px;
  box-sizing: border-box;
  max-width: 1320px;
  flex-shrink: 0;
  text-align: center;
  font-size: 14px;
  color: #0554a2;
  font-family: "Font Awesome 5 Free";
}
.container33,
.testi-thumbpng {
  position: relative;
  flex-shrink: 0;
}
.container33 {
  margin-left: -242px;
  width: 816px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  isolation: isolate;
  max-width: 208%;
}
.testi-thumbpng {
  width: 682px;
  height: 553px;
  border-radius: 20px;
  overflow: hidden;
  background-image: url("walkinglady.22069a2b3700.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  z-index: 0;
}
.container34 {
  width: 26.96%;
  height: 6.94%;
  margin: 0 !important;
  position: absolute;
  top: 86.06%;
  right: 15.2%;
  bottom: 7%;
  left: 57.84%;
  display: flex;
  align-items: center;
  z-index: 1;
}
.background,
.container35 {
  display: flex;
  align-items: flex-start;
}
.container35 {
  flex-direction: column;
  padding: 0 15px 0 0;
}
.background {
  width: 40px;
  border-radius: 20px;
  background-color: #ff9c00;
  justify-content: center;
}
.symbol3 {
  position: relative;
  line-height: 40px;
  font-weight: 900;
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 40px;
  flex-shrink: 0;
}
.heading-42 {
  height: 26.4px;
  width: 150.1px;
  display: flex;
  align-items: flex-end;
  padding: 0;
  box-sizing: border-box;
  text-align: left;
  font-size: 22px;
  font-family: "Fira Sans";
}
.brand-strategy {
  margin: 0;
  height: 27px;
  width: 176px;
  position: relative;
  font-size: inherit;
  line-height: 26.4px;
  font-weight: 500;
  font-family: inherit;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.section2 {
  align-self: stretch;
  height: 1458px;
  background-color: #f4f8f9;
  flex-direction: column;
  padding: 100px 300px;
  box-sizing: border-box;
  max-width: 100%;
  z-index: 1;
}
.container36,
.container37,
.section2 {
  display: flex;
  align-items: flex-start;
}
.container36 {
  width: 100%;
  flex-direction: column;
  max-width: 1320px;
}
.container37 {
  align-self: stretch;
  justify-content: center;
  flex-wrap: wrap;
  align-content: flex-start;
}
.container38 {
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 12px;
  max-width: 100%;
}
.container38,
.container39,
.container40 {
  align-self: stretch;
  display: flex;
  box-sizing: border-box;
}
.container39 {
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: 60px 0 0;
  gap: 0;
  max-width: 100%;
}
.container40 {
  width: 805px;
  flex-direction: column;
  align-items: center;
  padding: 11px 12px 0;
  max-width: 1320px;
  text-align: left;
  font-size: 42px;
  color: #0554a2;
  font-family: "Fira Sans";
}
.container41,
.container42 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.container41 {
  width: 100%;
  padding: 0 11px 0 0;
  box-sizing: border-box;
  gap: 18px;
  max-width: 100%;
}
.container42 {
  width: 770px;
  font-size: 16px;
  color: #6b7a7a;
}
.a-virtual-office {
  align-self: stretch;
  position: relative;
  line-height: 26px;
}
.feature-card-wrapper-parent,
.list2 {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.list2 {
  align-self: stretch;
  flex-direction: column;
  padding: 12px 0 0;
  box-sizing: border-box;
  font-size: 15px;
  color: #008ae4;
  font-family: "Font Awesome 5 Free";
}
.feature-card-wrapper-parent {
  gap: 72px;
}
.feature-card-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.item {
  width: 272px;
  display: flex;
  align-items: center;
  gap: 15px;
}
.symbol4 {
  position: relative;
  line-height: 15px;
  font-weight: 900;
  display: inline-block;
  overflow: hidden;
  width: 15px;
  height: 15px;
  flex-shrink: 0;
}
.professional-business-address {
  position: relative;
  font-size: 16px;
  line-height: 38px;
  font-family: "Fira Sans";
  color: #0554a2;
}
.item-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
}
.item4 {
  width: 325px;
  display: flex;
  align-items: center;
  gap: 15px;
}
.physical-workspace-solutions {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  line-height: 50.4px;
  font-weight: 600;
  font-family: inherit;
}
.item12 {
  width: 304px;
  display: flex;
  align-items: center;
  gap: 15px;
}
.background2,
.container44 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
}
.container44 {
  width: 515px;
  padding: 0 12px;
  max-width: 1320px;
  text-align: left;
  font-size: 26px;
  color: #0554a2;
  font-family: "Fira Sans";
}
.background2 {
  height: 585px;
  border-radius: 20px;
  background-color: #fff;
  padding: 56px 50px 50px;
  gap: 10px;
}
.solutions-based-on {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  line-height: 31.2px;
  font-weight: 700;
  font-family: inherit;
}
.container45 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 12px 0 0;
  font-size: 16px;
  color: #6b7a7a;
}
.before-recommending-an {
  align-self: stretch;
  position: relative;
  line-height: MIXED;
  font-weight: 500;
}
.container46,
.section-container {
  align-self: stretch;
  display: flex;
  max-width: 100%;
}
.section-container {
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 20px;
  box-sizing: border-box;
}
.container46 {
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
  gap: 0;
}
.container47,
.container48 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.container47 {
  flex: 1;
  padding: 0 12px;
  box-sizing: border-box;
  min-width: 340px;
  max-width: 1320px;
  text-align: left;
  font-size: 42px;
  color: #0554a2;
  font-family: "Fira Sans";
}
.container48 {
  width: 576px;
  overflow: hidden;
}
.office-solutions-notice {
  margin: 0;
  width: 556px;
  position: relative;
  font-size: inherit;
  line-height: 42px;
  font-weight: 600;
  font-family: inherit;
  display: flex;
  align-items: center;
}
.container51,
.details-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.details-container {
  width: 576px;
  height: 181px;
  font-size: 20px;
  color: #6b7a7a;
}
.container51 {
  align-self: stretch;
  padding: 5.5px 0 0;
}
.workspace-availability-pricin {
  align-self: stretch;
  position: relative;
  line-height: 35px;
}
.container52,
.link3 {
  display: flex;
  align-items: flex-start;
}
.container52 {
  align-self: stretch;
  padding: 0 0 8px;
  gap: 10px;
  text-align: center;
  font-size: 16px;
  color: #fff;
}
.link3 {
  border-radius: 30px;
  background-color: #008ae4;
  overflow: hidden;
  justify-content: center;
  padding: 15px 25px;
  position: relative;
  isolation: isolate;
}
.horizontal-divider2,
.horizontal-divider3 {
  height: 2px;
  width: 12%;
  position: absolute;
  margin: 0 !important;
  right: auto;
  bottom: 17px;
  left: 25px;
  background-color: rgba(255, 255, 255, 0.63);
  z-index: 0;
}
.horizontal-divider3 {
  width: 12.01%;
  right: auto;
}
.container53 {
  height: 580px;
  width: 470px;
  display: flex;
  align-items: flex-start;
  max-width: 1320px;
  text-align: center;
  font-size: 14px;
  color: #0554a2;
  font-family: "Font Awesome 5 Free";
}
.container54,
.testi-thumbpng2 {
  position: relative;
  flex-shrink: 0;
}
.container54 {
  margin-left: -242px;
  width: 700px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  isolation: isolate;
  max-width: 149%;
}
.testi-thumbpng2 {
  width: 816px;
  height: 580px;
  overflow: hidden;
  background-image: url("chairsandtable.4002a5dc1932.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  z-index: 0;
}
.container55 {
  width: 23.04%;
  height: 6.9%;
  margin: 0 !important;
  position: absolute;
  top: 90.1%;
  right: -3.61%;
  bottom: 3%;
  left: 80.57%;
  align-items: center;
  z-index: 1;
}
.container55,
.container56,
.heading-43 {
  display: flex;
  flex-shrink: 0;
}
.container56 {
  flex-direction: column;
  align-items: flex-start;
  padding: 0 15px 0 0;
}
.heading-43 {
  height: 26.4px;
  width: 150.1px;
  align-items: flex-end;
  padding: 0;
  box-sizing: border-box;
  text-align: left;
  font-size: 22px;
  font-family: "Fira Sans";
}
.hero-wrapper-wrapper {
  height: 1038px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 311px 205px 312px;
  box-sizing: border-box;
}
.div,
.hero-wrapper,
.hero-wrapper-wrapper {
  align-self: stretch;
  max-width: 100%;
}
.hero-wrapper {
  flex: 1;
  box-shadow: -151px 294px 93px transparent,
    -96px 188px 85px rgba(0, 138, 228, 0.03),
    -54px 106px 71px rgba(0, 138, 228, 0.1),
    -24px 47px 53px rgba(0, 138, 228, 0.17),
    -6px 12px 29px rgba(0, 138, 228, 0.2);
  border-radius: 20px;
  background: linear-gradient(0deg, #008ae4, #0554a2);
  border: 0 solid #fff;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  padding: 24.5px 52px 2.5px;
  gap: 26px;
}
.div {
  width: 596px;
  position: relative;
  background-image: url("mic.452e8a1c33c9.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.form-wrapper-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 67px 0 0;
  box-sizing: border-box;
  max-width: 100%;
  text-align: center;
  font-size: 70px;
  color: #fff;
  font-family: Lato;
}
.form-wrapper {
  align-self: stretch;
  flex: 1;
}
.form-content,
.form-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 17px;
}
.lets-get-started,
.schedule-an-appointment {
  position: relative;
  display: flex;
  align-items: center;
}
.lets-get-started {
  margin: 0;
  width: 559px;
  font-size: inherit;
  font-weight: 900;
  font-family: inherit;
  justify-content: center;
}
.schedule-an-appointment {
  width: 527px;
  font-size: 20px;
  text-align: left;
}
.name-fields,
.name-fields-parent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
}
.name-fields-parent {
  align-items: flex-start;
  text-align: left;
  font-size: 14px;
  color: #7f7f83;
}
.name-fields {
  align-items: center;
}
.full-first-name-wrapper {
  width: 528px;
  border-radius: 10px;
  background-color: #fff;
  border: 0 solid #e6e6e6;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 20px;
}
.full-first-name {
  position: relative;
}
.your-email-wrapper {
  width: 528px;
  border-radius: 10px;
  background-color: #fff;
  border: 0 solid #e6e6e6;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 20px 19px;
}
.input-fields {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.input-fields2 {
  width: 528px;
  height: 149px;
  border-radius: 10px;
  background-color: #fff;
  border: 0 solid #e6e6e6;
  align-items: flex-start;
  padding: 20px;
}
.input-fields2,
.input-fields3,
.section-frame {
  display: flex;
  box-sizing: border-box;
}
.input-fields3 {
  width: 528px;
  border-radius: 10px;
  background-color: #008ae4;
  align-items: center;
  justify-content: center;
  padding: 20px 19px;
  color: #fcfcfc;
}
.section-frame {
  align-self: stretch;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 20px;
  max-width: 100%;
  text-align: left;
  font-size: 22px;
  color: #fff;
  font-family: "Fira Sans";
}
.container57,
.section4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.section4 {
  flex: 1;
  border-radius: 30px;
  background-color: #0554a2;
  padding: 60px 280px;
  box-sizing: border-box;
  max-width: 100%;
}
.container57 {
  width: 100%;
  gap: 71px;
  max-width: 1320px;
}
.container58,
.container59 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}
.container58 {
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 0;
}
.container59 {
  width: 440px;
  flex-direction: column;
  padding: 0 12px;
  box-sizing: border-box;
  gap: 34px;
  max-width: 1320px;
  text-align: left;
  font-size: 15px;
  color: #a3b7b7;
  font-family: "Fira Sans";
}
.link-logopng {
  width: 288px;
  height: 66px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  background-image: url("logo2.8c8e04874621.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.container61 {
  width: 337px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 3px 0 0;
  box-sizing: border-box;
}
.apex-global-xolutions,
.form {
  display: flex;
  position: relative;
}
.apex-global-xolutions {
  width: 337px;
  line-height: 24px;
  align-items: center;
}
.form {
  align-self: stretch;
  flex-direction: column;
  align-items: flex-start;
  isolation: isolate;
  font-size: 16px;
  color: #fff;
}
.input {
  height: 50px;
  border-radius: 6px;
  flex-shrink: 0;
  padding: 15.5px 12px;
  box-sizing: border-box;
  z-index: 0;
}
.container62,
.input {
  align-self: stretch;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.your-e-mail {
  align-self: stretch;
  position: relative;
}
.button {
  width: 119px;
  height: 36px;
  margin: 0 !important;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 18px;
  background-color: #008ae4;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  font-size: 14px;
}
.subscribe {
  position: relative;
  line-height: 21px;
  text-transform: uppercase;
  font-weight: 500;
}
.rectangle {
  align-self: stretch;
  width: 110px;
  position: relative;
  display: none;
  max-width: 1320px;
}
.container63 {
  width: 220px;
  align-items: flex-start;
  padding: 10px 12px 17px;
  box-sizing: border-box;
  max-width: 1320px;
}
.container63,
.container64,
.heading-44 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
}
.container64 {
  align-items: flex-end;
  gap: 34px;
}
.heading-44 {
  align-items: flex-start;
  flex-shrink: 0;
}
.quick-links {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  line-height: 26.4px;
  font-weight: 500;
  font-family: inherit;
}
.item13,
.list4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.list4 {
  width: 211px;
  flex-shrink: 0;
  font-size: 15px;
  color: #a3b7b7;
}
.item13 {
  align-self: stretch;
  padding: 0 0 9px;
}
.link5 {
  display: flex;
  align-items: center;
  padding: 0 0 1px;
}
.container65 {
  width: 12px;
  display: flex;
  align-items: flex-start;
  opacity: 0;
}
.icon16 {
  height: 12px;
  width: 12px;
  position: relative;
}
.business-setup,
.office-workspace2,
.real-estate-consulting,
.travel-documentation {
  width: 178px;
  position: relative;
  line-height: 26px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.business-setup,
.office-workspace2,
.real-estate-consulting {
  width: 173px;
}
.business-setup,
.office-workspace2 {
  width: 155px;
}
.office-workspace2 {
  width: 136px;
}
.container78 {
  width: 330px;
  flex-direction: column;
  padding: 10px 12px 20px;
  box-sizing: border-box;
  max-width: 1320px;
  text-align: left;
  font-size: 15px;
  color: #fff;
  font-family: "Fira Sans";
}
.container78,
.container79,
.footer-widget-address,
.heading-46 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}
.container79 {
  flex-direction: column;
  gap: 20px;
}
.footer-widget-address,
.heading-46 {
  padding: 0 0 14px;
}
.heading-46 {
  flex-direction: column;
  font-size: 22px;
}
.footer-widget-address {
  height: 89px;
  box-sizing: border-box;
  color: rgba(255, 255, 255, 0.6);
}
.address-container {
  align-items: flex-start;
  padding: 7px 0 0;
}
.address-container,
.background4,
.container80 {
  display: flex;
  flex-direction: column;
}
.container80 {
  width: 306px;
  align-items: flex-start;
  flex-shrink: 0;
}
.background4 {
  width: 25px;
  height: 25px;
  border-radius: 13px;
  background-color: #008ae4;
  align-items: center;
  padding: 7.1px 0 8.9px;
  box-sizing: border-box;
}
.container81 {
  width: 9px;
  display: flex;
  align-items: flex-start;
}
.icon27 {
  height: 9px;
  width: 9px;
  position: relative;
}
.container82,
.container83 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.container82 {
  width: 271px;
  overflow: hidden;
  flex-shrink: 0;
  padding: 0 0 1px;
  box-sizing: border-box;
  gap: 1px;
  z-index: 1;
  margin-left: -271px;
  position: relative;
}
.container83 {
  color: #fff;
}
.container83,
.our-address {
  align-self: stretch;
}
.our-address,
.street-near-xyz {
  position: relative;
  line-height: 24px;
}
.footer-widget-address2 {
  align-self: stretch;
  height: 24px;
  display: flex;
  align-items: flex-start;
  padding: 0;
  box-sizing: border-box;
  text-align: center;
  font-size: 9px;
  font-family: "Font Awesome 5 Free";
}
.background5,
.container84 {
  display: flex;
  flex-direction: column;
}
.container84 {
  width: 306px;
  align-items: flex-start;
  flex-shrink: 0;
  z-index: 1;
}
.background5 {
  width: 25px;
  height: 25px;
  border-radius: 13px;
  background-color: #008ae4;
  align-items: center;
}
.container85,
.symbol17 {
  overflow: hidden;
  flex-shrink: 0;
  position: relative;
}
.symbol17 {
  line-height: 25px;
  font-weight: 900;
  display: inline-block;
  width: 9px;
  height: 25px;
}
.container85 {
  width: 271px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  z-index: 2;
  margin-left: -271px;
  text-align: left;
  font-size: 15px;
  font-family: "Fira Sans";
}
.footer-widget-address3 {
  align-self: stretch;
  height: 24px;
  display: flex;
  align-items: flex-start;
  padding: 0;
  box-sizing: border-box;
}
.background-icon {
  width: 25px;
  height: 25px;
  position: relative;
  border-radius: 13px;
  object-fit: cover;
}
.container87,
.container91 {
  display: flex;
  position: relative;
}
.container87 {
  width: 271px;
  overflow: hidden;
  flex-shrink: 0;
  flex-direction: column;
  align-items: flex-start;
  z-index: 2;
  margin-left: -271px;
}
.container91 {
  align-self: stretch;
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
  padding: 30px 0 0;
  isolation: isolate;
  gap: 0;
  font-size: 15px;
}
.container92 {
  width: 687px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 12px;
  box-sizing: border-box;
  max-width: 1320px;
  z-index: 0;
  flex-shrink: 0;
}
.copyright-2026 {
  align-self: stretch;
  position: relative;
  line-height: 28px;
}
.container94 {
  width: 550px;
  flex-direction: column;
  padding: 0 12px;
  box-sizing: border-box;
  max-width: 1320px;
  z-index: 1;
  flex-shrink: 0;
  text-align: right;
  color: #bdd3d3;
}
.container94,
.item24,
.list6 {
  display: flex;
  align-items: flex-start;
}
.list6 {
  width: 603px;
  gap: 24.3px;
  flex-shrink: 0;
}
.item24 {
  justify-content: flex-end;
}
.horizontal-divider4 {
  height: 1px;
  width: 98%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 1.09%;
  left: 0.91%;
  background-color: rgba(255, 255, 255, 0.3);
  z-index: 2;
  flex-shrink: 0;
}
@media screen and (max-width: 1850px) {
  .container6 {
    max-width: 100%;
  }
  .hero-wrapper {
    flex-wrap: wrap;
  }
  .div,
  .form-wrapper-wrapper {
    flex: 1;
  }
}
@media screen and (max-width: 1400px) {
  .container2,
  .container4 {
    max-width: 100%;
  }
  .container6 {
    width: 24px;
  }
  .container7 {
    display: none;
  }
  .container-container,
  .section {
    padding-left: 115px;
    padding-right: 115px;
    box-sizing: border-box;
  }
  .section {
    padding-left: 140px;
    padding-right: 140px;
  }
  .container14,
  .container32 {
    max-width: 100%;
  }
  .section2 {
    padding: 65px 150px;
    box-sizing: border-box;
  }
  .container36,
  .container40 {
    max-width: 100%;
  }
  .feature-card-wrapper-parent {
    flex-wrap: wrap;
  }
  .feature-card-wrapper,
  .item-parent {
    flex: 1;
  }
  .container44,
  .container47,
  .container53 {
    max-width: 100%;
  }
  .hero-wrapper-wrapper {
    padding-left: 156px;
    padding-right: 155px;
    padding-bottom: 133px;
    box-sizing: border-box;
  }
  .hero-wrapper {
    padding-left: 26px;
    padding-right: 26px;
    box-sizing: border-box;
  }
  .div,
  .form-wrapper-wrapper {
    min-width: 100%;
  }
  .section4 {
    padding-left: 140px;
    padding-right: 140px;
    box-sizing: border-box;
  }
  .container57,
  .container59,
  .container63,
  .container78,
  .container92,
  .container94,
  .rectangle {
    max-width: 100%;
  }
}
@media screen and (max-width: 925px) {
  .list {
    gap: 39px;
  }
  .container-container {
    padding: 66px 57px;
    box-sizing: border-box;
  }
  .professional-workspace-solutio {
    font-size: 34px;
    line-height: 34px;
  }
  .section-wrapper {
    padding-bottom: 29px;
    box-sizing: border-box;
  }
  .section {
    padding: 65px 70px;
    box-sizing: border-box;
  }
  .office-solutions-may {
    font-size: 34px;
    line-height: 40px;
  }
  .section2 {
    padding: 42px 75px;
    box-sizing: border-box;
  }
  .container39 {
    padding-top: 39px;
    box-sizing: border-box;
  }
  .feature-card-wrapper-parent {
    gap: 36px;
  }
  .physical-workspace-solutions {
    font-size: 34px;
    line-height: 40px;
  }
  .background2 {
    padding: 36px 25px 32px;
    box-sizing: border-box;
  }
  .office-solutions-notice {
    font-size: 34px;
    line-height: 34px;
  }
  .container52 {
    flex-wrap: wrap;
  }
  .hero-wrapper-wrapper {
    padding-left: 78px;
    padding-right: 77px;
    padding-bottom: 86px;
    box-sizing: border-box;
  }
  .form-wrapper-wrapper {
    padding-top: 44px;
    box-sizing: border-box;
  }
  .lets-get-started {
    font-size: 56px;
  }
  .section4 {
    padding: 39px 70px;
    box-sizing: border-box;
  }
  .container57 {
    gap: 35px;
  }
}
@media screen and (max-width: 450px) {
  .container-container,
  .container7 {
    padding-left: 20px;
    box-sizing: border-box;
  }
  .container-container {
    padding-right: 20px;
  }
  .office-workspace {
    font-size: 20px;
    line-height: 15px;
  }
  .professional-workspace-solutio {
    font-size: 25px;
    line-height: 25px;
  }
  .section-wrapper {
    padding-bottom: 20px;
    box-sizing: border-box;
  }
  .section {
    padding: 42px 20px;
    box-sizing: border-box;
  }
  .office-solutions-may {
    font-size: 25px;
    line-height: 30px;
  }
  .brand-strategy {
    font-size: 18px;
    line-height: 21px;
  }
  .feature-card-wrapper-parent {
    gap: 18px;
  }
  .physical-workspace-solutions {
    font-size: 25px;
    line-height: 30px;
  }
  .solutions-based-on {
    font-size: 21px;
    line-height: 25px;
  }
  .office-solutions-notice {
    font-size: 25px;
    line-height: 25px;
  }
  .workspace-availability-pricin {
    font-size: 16px;
    line-height: 28px;
  }
  .lets-get-started {
    font-size: 42px;
  }
  .schedule-an-appointment {
    font-size: 16px;
  }
  .section4 {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }
  .container57 {
    gap: 18px;
  }
  .container59 {
    gap: 17px;
  }
  .quick-links {
    font-size: 18px;
    line-height: 21px;
  }
}
.container44 {
  transform: translate(400px, -570px);
}

.before-recommending-an {
  line-height: 2;
}
.container40 {
  transform: translateX(-250px);
}

/* Added without changing the existing layout. */
.background .symbol3 {
  width: 40px;
  height: 40px;
  background-image: url("Symbol2.c7f0ee63db17.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px;
}

.form-input {
  width: 100%;
  min-width: 0;
  height: 26px;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #7f7f83;
  font: inherit;
  font-family: "Fira Sans";
  box-sizing: border-box;
}

.form-input::placeholder {
  color: #7f7f83;
  opacity: 1;
}

.form-message {
  height: 109px;
  resize: none;
  line-height: 26px;
}

.input-fields3 {
  border: 0;
  cursor: pointer;
  font: inherit;
}

.input-fields3:hover,
.input-fields3:focus-visible {
  filter: brightness(0.97);
}

@media screen and (max-width: 450px) {
  .form-input {
    font-size: 14px;
  }
}


/* Navigation links/dropdown — preserves the existing layout. */
.agx-nav-link,
.footer-nav-link {
  color: inherit;
  text-decoration: none;
}

.agx-service-dropdown {
  position: relative;
}

.agx-service-button {
  appearance: none;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}

.agx-service-menu {
  position: absolute;
  top: calc(100% + 12px);
  left: 50%;
  transform: translateX(-50%) translateY(-6px);
  width: 230px;
  padding: 10px;
  background: #fff;
  border: 1px solid rgba(5, 84, 162, 0.12);
  border-radius: 14px;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.12);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
  z-index: 9999;
}

.agx-service-menu.agx-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}

.agx-service-item {
  display: block;
  padding: 11px 14px;
  border-radius: 9px;
  color: #0554a2;
  text-decoration: none;
  font-family: "Fira Sans", sans-serif;
  font-size: 14px;
  line-height: 20px;
  transition: background-color 0.2s ease, opacity 0.2s ease;
}

.agx-service-item:hover {
  background-color: rgba(5, 84, 162, 0.07);
  opacity: 0.78;
}

.agx-dropdown-icon {
  width: 20px;
  height: auto;
  display: block;
}

/* Keep the phone icon centered while making it smaller. */
.background5 .symbol17 {
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("phoneicon2.2d70b8b4461d.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px 10px;
  line-height: 0;
}



/* Interaction polish — preserves all existing dimensions. */

/* Subtle entrance animations only; layout dimensions remain untouched. */
@keyframes agxFadeUp {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes agxFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.office-workspace-solutions > .main-container,
.office-workspace-solutions > .section-wrapper,
.office-workspace-solutions > .section2,
.office-workspace-solutions > .hero-wrapper-wrapper,
.office-workspace-solutions > .section-frame {
  animation: agxFadeUp 0.7s ease both;
}

.office-workspace-solutions > .section-wrapper { animation-delay: 0.08s; }
.office-workspace-solutions > .section2 { animation-delay: 0.14s; }
.office-workspace-solutions > .hero-wrapper-wrapper { animation-delay: 0.2s; }
.office-workspace-solutions > .section-frame { animation-delay: 0.26s; }

.agx-nav-link,
.agx-service-button,
.agx-service-item,
.footer-nav-link,
.link,
.link2,
.link3 {
  transition: color 0.2s ease, opacity 0.2s ease, filter 0.2s ease, transform 0.2s ease;
}

.agx-nav-link:hover,
.agx-service-button:hover {
  opacity: 0.72;
}

.link:hover,
.link2:hover,
.link3:hover {
  transform: translateY(-2px);
}

@media (prefers-reduced-motion: reduce) {
  .office-workspace-solutions > .main-container,
  .office-workspace-solutions > .section-wrapper,
  .office-workspace-solutions > .section2,
  .office-workspace-solutions > .hero-wrapper-wrapper,
  .office-workspace-solutions > .section-frame {
    animation: none;
  }

  .agx-nav-link,
  .agx-service-button,
  .agx-service-item,
  .footer-nav-link,
  .link,
  .link2,
  .link3 {
    transition: none;
  }
}
.link3, .link2 {
  text-decoration: none;
  color: #fff;
  cursor: pointer;
  transition: filter 0.2s ease, transform 0.2s ease;
}
.link3:hover, .link2:hover, .link:hover {
  filter: brightness(1.08);
}
.link3:focus-visible, .link2:focus-visible, .link:focus-visible,
.agx-nav-link:focus-visible, .footer-nav-link:focus-visible,
.agx-service-item:focus-visible {
  outline: 2px solid rgba(0, 138, 228, 0.45);
  outline-offset: 3px;
}
.footer-nav-link {
  transition: opacity 0.2s ease, color 0.2s ease;
}
.footer-nav-link:hover {
  opacity: 0.78;
}
.input-fields3 {
  transition: filter 0.2s ease, box-shadow 0.2s ease;
}
.input-fields3:hover:not(:disabled) {
  filter: brightness(1.08);
  box-shadow: 0 5px 14px rgba(0, 138, 228, 0.18);
}
.input-fields3:disabled {
  cursor: wait;
  opacity: 1;
}
.item24 .home {
    color: inherit;
    text-decoration: none;
}

/* =========================================================
   AGX ANIMATION-ONLY POLISH
   No layout/responsive changes.
   No image animations.
   Text-only scroll reveal.
   ========================================================= */

.agx-motion-ready .agx-scroll-text {
  opacity: 0;
  transform: translate3d(0, 22px, 0);
  transition:
    opacity 0.62s cubic-bezier(0.22, 1, 0.36, 1) var(--agx-reveal-delay, 0ms),
    transform 0.62s cubic-bezier(0.22, 1, 0.36, 1) var(--agx-reveal-delay, 0ms);
  will-change: opacity, transform;
}

.agx-motion-ready .agx-scroll-text.agx-scroll-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* Navigation links: clear hover feedback only; no layout/responsive changes. */
.agx-nav-link,
.agx-service-button,
.agx-service-item,
.footer-nav-link {
  transition:
    color 0.22s ease,
    opacity 0.22s ease,
    filter 0.22s ease,
    transform 0.22s cubic-bezier(0.22, 1, 0.36, 1),
    background-color 0.22s ease;
}

.agx-nav-link:hover,
.agx-service-button:hover {
  opacity: 1;
  filter: brightness(1.16);
  transform: translate3d(0, -2px, 0);
}

.agx-service-item:hover {
  opacity: 1;
  filter: brightness(1.06);
  transform: translate3d(2px, 0, 0);
}

/* Buttons: hover only, using transform so nothing reflows. */
.link,
.link2,
.link3,
.input-fields3 {
  transition:
    transform 0.22s cubic-bezier(0.22, 1, 0.36, 1),
    filter 0.22s ease,
    box-shadow 0.22s ease;
  will-change: transform;
}

.link:hover,
.link2:hover,
.link3:hover,
.input-fields3:hover:not(:disabled) {
  transform: translate3d(0, -3px, 0);
  filter: brightness(1.06);
}

/* Cards only — deliberately excludes all pictures/image containers. */
.item,
.item4,
.item12 {
  transition:
    transform 0.24s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.24s ease,
    background-color 0.24s ease;
  will-change: transform;
}

.item:hover,
.item4:hover,
.item12:hover {
  transform: translate3d(0, -4px, 0);
  box-shadow: 0 8px 22px rgba(5, 84, 162, 0.10);
}

.footer-nav-link:hover {
  opacity: 0.78;
}

/* Explicitly keep images/image containers static. */
.office-workspace-solutions img,
.testi-thumbpng,
.testi-thumbpng2,
.link-logo,
.link-logopng {
  animation: none;
}

@media (prefers-reduced-motion: reduce) {
  .agx-motion-ready .agx-scroll-text {
    opacity: 1;
    transform: none;
    transition: none;
    will-change: auto;
  }

  .agx-nav-link,
  .agx-service-button,
  .agx-service-item,
  .footer-nav-link,
  .link,
  .link2,
  .link3,
  .input-fields3,
  .item,
  .item4,
  .item12 {
    transition: none;
  }
}



/* Final animation-only navigation hover override. */
.agx-nav-link:hover,
.agx-service-button:hover {
  opacity: 1 !important;
  filter: brightness(1.16) !important;
  transform: translate3d(0, -2px, 0) !important;
}

.agx-service-item:hover {
  opacity: 1 !important;
  filter: brightness(1.06) !important;
  transform: translate3d(2px, 0, 0) !important;
}