:root {
  --default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
}

.main-container {
  overflow: hidden;
}

.main-container,
.main-container * {
  box-sizing: border-box;
}

input,
select,
textarea,
button {
  outline: 0;
}

.main-container {
  position: relative;
  min-width: 1200px;
  max-width: 700px;
  /*height: 3354px;*/
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.2);
  overflow: hidden;

}
.frame {
  position: relative;
  width: 1440px;
  height: 72px;
  margin: 0 0 0 0;
  background: #ffffff;
  z-index: 210;
  overflow: hidden;
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15);
}
.frame-1 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  position: absolute;
  width: 279px;
  height: 52px;
  top: 10px;
  left: 50%;
  transform: translate(-50.18%, 0);
  z-index: 211;
}
.menu-items {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 90px;
  padding: 16px 20px 16px 20px;
  z-index: 212;
}
.menu-item {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  color: rgba(0, 0, 0, 0.4);
  font-family: Montserrat, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 19.504px;
  text-align: left;
  white-space: nowrap;
  z-index: 213;
}
.menu-items-2 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 104px;
  padding: 16px 20px 16px 20px;
  z-index: 214;
}
.menu-item-3 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  color: rgba(0, 0, 0, 0.4);
  font-family: Montserrat, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 19.504px;
  text-align: left;
  white-space: nowrap;
  z-index: 215;
}
.menu-items-4 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 85px;
  padding: 16px 20px 16px 20px;
  z-index: 216;
}
.menu-item-5 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  color: rgba(0, 0, 0, 0.4);
  font-family: Montserrat, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 19.504px;
  text-align: left;
  white-space: nowrap;
  z-index: 217;
}
.frame-6 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 28px;
  position: absolute;
  width: 92px;
  height: 36px;
  top: 18px;
  right: 96px;
  z-index: 219;
}
.frame-7 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 28px;
  z-index: 220;
}
.button-icon {
  flex-shrink: 0;
  position: relative;
  width: 28px;
  height: 28px;
  z-index: 221;
  overflow: hidden;
}
.icon {
  position: relative;
  width: 16.885px;
  height: 23.917px;
  margin: 2.333px 0 0 5.557px;
  background: url(./assets/images/7ea4a869-fd6e-4ce4-9775-f965b92826e2.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 222;
}
.frame-8 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: absolute;
  width: 15px;
  height: 16px;
  top: -2px;
  left: 15px;
  padding: 2px 4px 2px 4px;
  cursor: pointer;
  background: #f4652f;
  border: none;
  z-index: 223;
  border-radius: 40px;
}
.frame-9 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 12px;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 224;
}
.button-icon-a {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 36px;
  padding: 6px 6px 6px 6px;
  background: #ffece5;
  z-index: 225;
  border-radius: 40px;
}
.icon-b {
  flex-shrink: 0;
  position: relative;
  width: 24px;
  height: 24px;
  z-index: 226;
  overflow: hidden;
}
.aidowep {
  position: relative;
  width: 14px;
  height: 19px;
  margin: 3px 0 0 5px;
  background: url(./assets/images/9967d6bb-a0bc-4603-86ec-72c5f08028b2.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 227;
}
.frame-c {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: absolute;
  width: 149px;
  height: 34px;
  top: 19px;
  left: 96px;
  color: #ff6012;
  font-family: Montserrat, var(--default-font-family);
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
  text-align: center;
  white-space: nowrap;
  z-index: 218;
}
.whatsapp-image {
  position: relative;
  width: 1440px;
  height: 553px;
  margin: 0 0 0 0;
  background: rgba(255, 96, 18, 0.1);
  z-index: 1;
}
.frame-d {
  position: absolute;
  /*width: 831px;
  height: 553px;*/
  top: 50%;
  right: 96px;
  background-size: cover;
  transform: translate(0, -50%);
  z-index: 3;
}
.frame-e {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 24px;
  position: absolute;
  width: 608px;
  /*height: 226px;*/
  top: 50%;
  left: 96px;
  transform: translate(0, -91.37%);
  z-index: 4;
}
.welcome-to-aidowep {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  min-width: 0;
  z-index: 5;
  padding-top:880px;
}
.welcome-message {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 54px;
  color: #000000;
  font-family: Montserrat, var(--default-font-family);
  font-size: 48px;
  font-weight: 600;
  line-height: 54px;
  text-align: left;
  white-space: nowrap;
  z-index: 6;
}
.lorem-ipsum {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 608px;
  height: 84px;
  color: #000000;
  font-family: Montserrat, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  z-index: 7;

}
.standard-text {

  color: #000000;
  font-family: Montserrat, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  z-index: 7;
  margin: 9px 0 0 96px;
}
.menu-items-f {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 135px;
  padding: 16px 20px 16px 20px;
  cursor: pointer;
  background: #ff6012;
  border: none;
  z-index: 8;
  border-radius: 8px;
}
.get-started {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  color: #ffffff;
  font-family: Montserrat, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 19.504px;
  text-align: left;
  white-space: nowrap;
  z-index: 9;
}
.our-services {
  display: block;
  position: relative;

  margin: 5px 0 0 96px;
  color: #1a243b;
  font-family: Montserrat, var(--default-font-family);
  font-size: 48px;
  font-weight: 600;
  line-height: 58.512px;
  text-align: left;
  white-space: nowrap;
  z-index: 11;
}
.frame-10 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 56px;
  position: relative;
  width: 1248px;
  height: 298px;
 
  z-index: 12;
}
.frame-11 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 24px;
  position: relative;
  min-width: 0;
  min-height: 0;
  z-index: 13;
}
.component {
  align-self: stretch;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  z-index: 14;
}
.tx-item-content {
  position: relative;
  width: 330.33px;
  height: 56px;
  margin: 135px 0 0 35px;
  z-index: 15;
}
.frame-12 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 10px;
  position: absolute;
  width: 394px;
  height: 271px;
  top: -135px;
  left: -50px;
  padding: 50px 24px 50px 24px;
  z-index: 16;
}
.frame-13 {
  flex-shrink: 0;
  position: absolute;
  width: 354px;
  height: 271px;
  top: 0;
  left: 0;
  z-index: 17;
}
.mask-group {
  position: relative;
  width: 354px;
  height: 200px;
  margin: 48px 0 0 0;
  z-index: 18;
  -webkit-mask-image: url(./assets/images/de3b936b-7827-45ba-ad54-24aacdfe17fd.png);
  -webkit-mask-size: cover;
}
.after {
  position: absolute;
  width: 100%;
  height: 200px;
  bottom: 0;
  left: 0;
  background: #ff6012;
  z-index: 19;
}
.mask-group-14 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 20;
  -webkit-mask-image: url(./assets/images/d5f296e3-bbfb-41a5-8f96-b56a78d32c70.png);
  -webkit-mask-size: cover;
}
.bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fbfbfb;
  z-index: 21;
}
.frame-15 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 19px;
  position: relative;
  width: 324.33px;
  z-index: 22;
}
.tx-item-holder {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  min-width: 0;
  z-index: 23;
}
.component-16 {
  flex-shrink: 0;
  position: relative;
  width: 65px;
  height: 65px;
  z-index: 24;
}
.icon-17 {
  position: absolute;
  width: 65px;
  height: 65px;
  top: 0;
  left: 0;
  z-index: 25;
  overflow: hidden;
}
.vector {
  position: relative;
  width: 65.062px;
  height: 65.217px;
  margin: 0px 0 0 0;
  background: url(./assets/images/f07e32d3-303c-4962-9deb-32d2b075589a.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 26;
}
.heading {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  height: 70px;
  z-index: 27;
}
.link-general {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  width: 198px;
  height: 69px;
  top: 0;
  left: 0;
  color: #1a243b;
  font-family: Exo, var(--default-font-family);
  font-size: 28px;
  font-weight: 800;
  line-height: 35px;
  text-align: left;
  z-index: 28;
}
.frame-18 {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  min-width: 0;
  z-index: 29;
}
.building-info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  width: 324.33px;
  height: 48px;
  color: #494949;
  font-family: Exo, var(--default-font-family);
  font-size: 17px;
  font-weight: 400;
  line-height: 48px;
  text-align: left;
  z-index: 30;
}
.component-19 {
  align-self: stretch;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  z-index: 31;
}
.content {
  position: relative;
  width: 330.33px;
  height: 56px;
  margin: 135px 0 0 35px;
  z-index: 32;
}
.frame-1a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 10px;
  position: absolute;
  width: 394px;
  height: 271px;
  top: -135px;
  left: -45px;
  padding: 50px 24px 50px 24px;
  z-index: 33;
}
.frame-1b {
  flex-shrink: 0;
  position: absolute;
  width: 394px;
  height: 271px;
  top: 0;
  left: 0;
  z-index: 34;
}
.mask-group-1c {
  position: relative;
  width: 394px;
  height: 200px;
  margin: 48px 0 0 0;
  z-index: 35;
  -webkit-mask-image: url(./assets/images/1f235729-3041-467f-9eab-c8fc51247dc0.png);
  -webkit-mask-size: cover;
}
.after-1d {
  position: absolute;
  width: 100%;
  height: 200px;
  bottom: 0;
  left: 0;
  background: #ff6012;
  z-index: 36;
}
.bg-mask-group {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 37;
  -webkit-mask-image: url(./assets/images/2696b1db-5be0-444f-998e-7608a0d572f6.png);
  -webkit-mask-size: cover;
}
.bg-1e {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fbfbfb;
  z-index: 38;
}
.frame-1f {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 19px;
  position: relative;
  width: 324.33px;
  z-index: 39;
}
.holder {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  min-width: 0;
  z-index: 40;
}
.component-20 {
  flex-shrink: 0;
  position: relative;
  width: 65px;
  height: 65px;
  z-index: 41;
  overflow: hidden;
}
.vector-21 {
  position: relative;
  width: 64.828px;
  height: 65px;
  margin: 0 0 0 -0.01px;
  background: url(./assets/images/05abba77-beea-4854-b33a-f7d394d1739f.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 42;
}
.heading-22 {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  height: 70px;
  z-index: 43;
}
.link-general-23 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  width: 198px;
  height: 69px;
  top: 0;
  left: 0;
  color: #1a243b;
  font-family: Exo, var(--default-font-family);
  font-size: 28px;
  font-weight: 800;
  line-height: 35px;
  text-align: left;
  z-index: 44;
}
.frame-24 {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  min-width: 0;
  z-index: 45;
}
.building-info-25 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  width: 324.33px;
  height: 48px;
  color: #494949;
  font-family: Exo, var(--default-font-family);
  font-size: 17px;
  font-weight: 400;
  line-height: 48px;
  text-align: left;
  z-index: 46;
}
.component-26 {
  align-self: stretch;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  z-index: 47;
}
.content-27 {
  position: relative;
  width: 330.33px;
  height: 56px;
  margin: 135px 0 0 35px;
  z-index: 48;
}
.frame-28 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 10px;
  position: absolute;
  width: 394px;
  height: 271px;
  top: -135px;
  left: -35px;
  padding: 50px 24px 50px 24px;
  z-index: 49;
}
.frame-29 {
  flex-shrink: 0;
  position: absolute;
  width: 394px;
  height: 271px;
  top: 0;
  left: 0;
  z-index: 50;
}
.mask-group-2a {
  position: relative;
  width: 394px;
  height: 200px;
  margin: 48px 0 0 0;
  z-index: 51;
  -webkit-mask-image: url(./assets/images/9e54aa08-e325-46da-a595-3610d1eba636.png);
  -webkit-mask-size: cover;
}
.after-2b {
  position: absolute;
  width: 100%;
  height: 200px;
  bottom: 0;
  left: 0;
  background: #ff6012;
  z-index: 52;
}
.bg-mask-group-2c {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 53;
  -webkit-mask-image: url(./assets/images/e8a1a26f-f330-41a6-9260-2f3208a0bcef.png);
  -webkit-mask-size: cover;
}
.bg-2d {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fbfbfb;
  z-index: 54;
}
.frame-2e {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 19px;
  position: relative;
  width: 324.33px;
  z-index: 55;
}
.holder-2f {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  min-width: 0;
  z-index: 56;
}
.component-30 {
  flex-shrink: 0;
  position: relative;
  width: 65px;
  height: 65px;
  z-index: 57;
}
.icon-31 {
  position: absolute;
  width: 65px;
  height: 65px;
  top: 0;
  left: 0;
  z-index: 58;
  overflow: hidden;
}
.vector-32 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(./assets/images/821a4f08-79f2-4926-acd1-d64733be9dae.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 59;
}
.heading-33 {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  height: 70px;
  z-index: 60;
}
.link-general-34 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  width: 198px;
  height: 69px;
  top: 0;
  left: 0;
  color: #1a243b;
  font-family: Exo, var(--default-font-family);
  font-size: 28px;
  font-weight: 800;
  line-height: 35px;
  text-align: left;
  z-index: 61;
}
.frame-35 {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  min-width: 0;
  z-index: 62;
}
.building-info-36 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  width: 324.33px;
  height: 48px;
  color: #494949;
  font-family: Exo, var(--default-font-family);
  font-size: 17px;
  font-weight: 400;
  line-height: 48px;
  text-align: left;
  z-index: 63;
}
.frame-37 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  min-width: 0;
  min-height: 0;
  z-index: 64;
}
.component-38 {
  align-self: stretch;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  z-index: 65;
}
.content-39 {
  position: relative;
  width: 316.33px;
  height: 56px;
  margin: 135px 0 0 35px;
  z-index: 66;
}
.frame-3a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 10px;
  position: absolute;
  width: 354px;
  height: 271px;
  top: -135px;
  left: -80px;
  padding: 50px 5px 50px 0px;
  z-index: 67;
}
.frame-3b {
  flex-shrink: 0;
  position: absolute;
  width: 354px;
  height: 271px;
  top: 0;
  left: 0;
  z-index: 68;
}
.mask-group-3c {
  position: relative;
  width: 394px;
  height: 200px;
  margin: 48px 0 0 0;
  z-index: 69;
  -webkit-mask-image: url(./assets/images/200ae38b-4fdb-47b9-81ef-f5d81b8d5b27.png);
  -webkit-mask-size: cover;
}
.after-3d {
  position: absolute;
  width: 100%;
  height: 200px;
  bottom: 0;
  left: 0;
  background: #ff6012;
  z-index: 70;
}
.bg-mask-group-3e {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 71;
  -webkit-mask-image: url(./assets/images/12420046-2dba-48ab-b645-dc2460f7bd47.png);
  -webkit-mask-size: cover;
}
.bg-3f {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fbfbfb;
  z-index: 72;
}
.frame-40 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 19px;
  position: relative;
  width: 324.33px;
  z-index: 73;
}
.holder-41 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  min-width: 0;
  z-index: 74;
}
.component-42 {
  flex-shrink: 0;
  position: relative;
  width: 65px;
  height: 65px;
  z-index: 75;
}
.icon-43 {
  position: absolute;
  width: 65px;
  height: 65px;
  top: 0;
  left: 0;
  z-index: 76;
  overflow: hidden;
}
.vector-44 {
  position: relative;
  width: 60.667px;
  height: 65px;
  margin: 0 0 0 0;
  background: url(./assets/images/42d56298-8364-4fa1-a864-9b39a695a161.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 77;
}
.heading-45 {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  height: 70px;
  z-index: 78;
}
.link-general-46 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  width: 198px;
  height: 69px;
  top: 0;
  left: 0;
  color: #1a243b;
  font-family: Exo, var(--default-font-family);
  font-size: 28px;
  font-weight: 800;
  line-height: 35px;
  text-align: left;
  z-index: 79;
}
.frame-47 {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  min-width: 0;
  z-index: 80;
}
.building-info-48 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  width: 324.33px;
  height: 48px;
  color: #494949;
  font-family: Exo, var(--default-font-family);
  font-size: 17px;
  font-weight: 400;
  line-height: 48px;
  text-align: left;
  z-index: 81;
}
.component-49 {
  align-self: stretch;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  z-index: 82;
}
.content-4a {
  position: relative;
  width: 346.33px;
  height: 56px;
  margin: 135px 0 0 35px;
  z-index: 83;
}
.frame-4b {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 10px;
  position: absolute;
  width: 394px;
  height: 271px;
  top: -135px;
  left: -35px;
  padding: 50px 24px 50px 24px;
  z-index: 84;
}
.frame-4c {
  flex-shrink: 0;
  position: absolute;
  width: 394px;
  height: 271px;
  top: 0;
  left: 0;
  z-index: 85;
}
.mask-group-4d {
  position: relative;
  width: 394px;
  height: 200px;
  margin: 48px 0 0 0;
  z-index: 86;
  -webkit-mask-image: url(./assets/images/707a5fcd-6297-41fd-87ed-a9e27e9755d8.png);
  -webkit-mask-size: cover;
}
.after-4e {
  position: absolute;
  width: 100%;
  height: 200px;
  bottom: 0;
  left: 0;
  background: #ff6012;
  z-index: 87;
}
.bg-mask-group-4f {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 88;
  -webkit-mask-image: url(./assets/images/aae8744c-2ed3-4469-b745-5e0cfc798c34.png);
  -webkit-mask-size: cover;
}
.bg-50 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fbfbfb;
  z-index: 89;
}
.frame-51 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 19px;
  position: relative;
  width: 324.33px;
  z-index: 90;
}
.holder-52 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  min-width: 0;
  z-index: 91;
}
.component-53 {
  flex-shrink: 0;
  position: relative;
  width: 65px;
  height: 65px;
  z-index: 92;
  overflow: hidden;
}
.vector-54 {
  position: relative;
  width: 65px;
  height: 53.3px;
  margin: 5.85px 0 0 0px;
  background: url(./assets/images/416fe155-2215-4625-b3c1-65888f78e45f.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 93;
}
.heading-55 {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  height: 70px;
  z-index: 94;
}
.link-general-56 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  width: 198px;
  height: 69px;
  top: 0;
  left: 0;
  color: #1a243b;
  font-family: Exo, var(--default-font-family);
  font-size: 28px;
  font-weight: 800;
  line-height: 35px;
  text-align: left;
  z-index: 95;
}
.frame-57 {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  min-width: 0;
  z-index: 96;
}
.building-info-58 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  width: 324.33px;
  height: 48px;
  color: #494949;
  font-family: Exo, var(--default-font-family);
  font-size: 17px;
  font-weight: 400;
  line-height: 48px;
  text-align: left;
  z-index: 97;
}
.frame-59 {
  align-self: stretch;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  z-index: 98;
}
.frame-5a {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: -44px;
  position: relative;
  width: 181px;
  margin: 109px 0 0 107.33px;
  cursor: pointer;
  background: transparent;
  border: none;
  z-index: 99;
}
.menu-items-5b {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 168px;
  padding: 16px 20px 16px 20px;
  background: #ff6012;
  z-index: 100;
}
.get-started-5c {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  color: #ffffff;
  font-family: Montserrat, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 19.504px;
  text-align: left;
  white-space: nowrap;
  z-index: 101;
}
.hd-mask-group {
  flex-shrink: 0;
  position: relative;
  width: 57px;
  height: 52px;
  z-index: 102;
  -webkit-mask-image: url(./assets/images/1f462f36-d020-4fda-aa71-279ef89644a6.png);
  -webkit-mask-size: cover;
}
.hd {
  position: absolute;
  width: 57px;
  height: 100%;
  top: 0;
  right: 0;
  background: #252424;
  z-index: 103;
}
.icon-5d {
  position: relative;
  width: 13.13px;
  height: 15px;
  margin: 21.75px 0 0 21.93px;
  z-index: 104;
  overflow: hidden;
}
.vector-5e {
  position: relative;
  width: 12.158px;
  height: 13.008px;
  margin: 1px 0 0 0px;
  background: url(./assets/images/95eb5f53-c91c-4a92-b040-e05b8712da70.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 105;
}
.frame-5f {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 48px;
  position: relative;
  width: 1248px;
  height: 595px;
  margin: 93px 0 0 96px;
  z-index: 119;
}
.blog-posts {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 59px;
  color: #1a243b;
  font-family: Montserrat, var(--default-font-family);
  font-size: 48px;
  font-weight: 600;
  line-height: 58.512px;
  text-align: left;
  white-space: nowrap;
  z-index: 120;
}
.frame-60 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  min-width: 0;
  z-index: 121;
}
.blog-post-dark {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 24px;
  position: relative;
  padding: 0 0 24px 0;
  background: #1a243b;
  z-index: 122;
  overflow: hidden;
  border-radius: 20px;
  box-shadow: 0 20px 50px 0 rgba(18, 17, 39, 0.08);
}
.unsplash-jacslag {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 215px;
  background: url(./assets/images/13219245-3c45-4d41-b62d-5bdc84391bb4.png)
    no-repeat center;
  background-size: cover;
  z-index: 123;
}
.frame-61 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  padding: 0 12px 0 12px;
  z-index: 124;
}
.frame-62 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  z-index: 125;
}
.viverra-text {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 28px;
  color: #ededed;
  font-family: Montserrat, var(--default-font-family);
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  text-align: left;
  white-space: nowrap;
  z-index: 126;
}
.accumsan-text {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 588px;
  height: 87px;
  color: #f6f6f6;
  font-family: Montserrat, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 28.8px;
  text-align: left;
  z-index: 127;
}
.frame-63 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 128;
}
.frame-64 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 8px;
  position: relative;
  z-index: 129;
}
.unsplash-cyoklsgkgce {
  flex-shrink: 0;
  position: relative;
  width: 60px;
  height: 60px;
  background: url(./assets/images/940ad4be-01b0-485d-aa11-0651676f264c.png)
    no-repeat center;
  background-size: cover;
  z-index: 130;
  border-radius: 50%;
}
.group {
  flex-shrink: 0;
  position: relative;
  width: 188px;
  height: 54px;
  font-size: 0px;
  z-index: 131;
}
.anwar-pandaan {
  display: block;
  position: relative;
  height: 29px;
  margin: 0 0 0 0;
  color: #ededed;
  font-family: Montserrat, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 28.8px;
  text-align: left;
  white-space: nowrap;
  z-index: 132;
}
.group-65 {
  position: relative;
  width: 188px;
  height: 25px;
  margin: 0 0 0 0;
  z-index: 133;
}
.march-date {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 25px;
  top: 0;
  left: 0;
  color: #959595;
  font-family: Montserrat, var(--default-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 25px;
  text-align: left;
  white-space: nowrap;
  z-index: 134;
}
.min-read {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 25px;
  top: 0;
  left: 111px;
  color: #959595;
  font-family: Montserrat, var(--default-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 25px;
  text-align: left;
  white-space: nowrap;
  z-index: 135;
}
.ellipse {
  position: absolute;
  width: 4px;
  height: 4px;
  top: 9px;
  left: 103px;
  background: url(./assets/images/4278ffc1-d7fb-4939-8a4f-e69f15a75bee.png)
    no-repeat center;
  background-size: cover;
  z-index: 136;
  border-radius: 50%;
}
.group-66 {
  flex-shrink: 0;
  position: relative;
  width: 115px;
  height: 29px;
  z-index: 137;
}
.read-more {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 29px;
  top: 0;
  left: 0;
  color: #b59efa;
  font-family: Montserrat, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 28.8px;
  text-align: left;
  white-space: nowrap;
  z-index: 138;
}
.chevrons-right {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 3px;
  left: 91px;
  z-index: 139;
  overflow: hidden;
}
.vector-67 {
  position: absolute;
  width: 29.17%;
  height: 50%;
  top: 25%;
  left: 50%;
  background: url(./assets/images/4fc59884-1cd5-408b-9568-2ab75bbde94b.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 140;
}
.vector-68 {
  position: absolute;
  width: 29.17%;
  height: 50%;
  top: 25%;
  left: 20.83%;
  background: url(./assets/images/766fb17d-e153-4edc-a410-f204d7745bc9.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 141;
}
.frame-69 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: absolute;
  width: 134px;
  height: 29px;
  top: 24px;
  left: 24px;
  cursor: pointer;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.5);
  z-index: 142;
  border-radius: 20px;
}
.interior-design {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 29px;
  color: rgba(0, 0, 0, 0.2);
  font-family: Montserrat, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 28.8px;
  text-align: center;
  text-transform: capitalize;
  white-space: nowrap;
  z-index: 143;
}
.blog-post-dark-6a {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 24px;
  position: relative;
  padding: 0 0 24px 0;
  background: #1a243b;
  z-index: 144;
  overflow: hidden;
  border-radius: 20px;
  box-shadow: 0 20px 50px 0 rgba(18, 17, 39, 0.08);
}
.unsplash-jacslag-6b {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 215px;
  background: url(./assets/images/2bf2d427-816c-499f-ae1f-27ef6b3a2cb0.png)
    no-repeat center;
  background-size: cover;
  z-index: 145;
}
.frame-6c {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  padding: 0 12px 0 12px;
  z-index: 146;
}
.frame-6d {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  z-index: 147;
}
.viverra-accumsan-sed {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 28px;
  color: #ededed;
  font-family: Montserrat, var(--default-font-family);
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  text-align: left;
  white-space: nowrap;
  z-index: 148;
}
.at-accumsan-condimentum {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 588px;
  height: 87px;
  color: #f6f6f6;
  font-family: Montserrat, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 28.8px;
  text-align: left;
  z-index: 149;
}
.frame-6e {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 150;
}
.frame-6f {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 8px;
  position: relative;
  z-index: 151;
}
.unsplash-cyoklsgkgce-70 {
  flex-shrink: 0;
  position: relative;
  width: 60px;
  height: 60px;
  background: url(./assets/images/3d1e00a2-95db-4c37-b5b9-06a6aa4658f1.png)
    no-repeat center;
  background-size: cover;
  z-index: 152;
  border-radius: 50%;
}
.group-71 {
  flex-shrink: 0;
  position: relative;
  width: 188px;
  height: 54px;
  font-size: 0px;
  z-index: 153;
}
.anwar-pandaan-72 {
  display: block;
  position: relative;
  height: 29px;
  margin: 0 0 0 0;
  color: #ededed;
  font-family: Montserrat, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 28.8px;
  text-align: left;
  white-space: nowrap;
  z-index: 154;
}
.group-73 {
  position: relative;
  width: 188px;
  height: 25px;
  margin: 0 0 0 0;
  z-index: 155;
}
.march {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 25px;
  top: 0;
  left: 0;
  color: #959595;
  font-family: Montserrat, var(--default-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 25px;
  text-align: left;
  white-space: nowrap;
  z-index: 156;
}
.min-read-74 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 25px;
  top: 0;
  left: 111px;
  color: #959595;
  font-family: Montserrat, var(--default-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 25px;
  text-align: left;
  white-space: nowrap;
  z-index: 157;
}
.ellipse-75 {
  position: absolute;
  width: 4px;
  height: 4px;
  top: 9px;
  left: 103px;
  background: url(./assets/images/1379d120-3e97-4ee1-9758-b220d7ffc503.png)
    no-repeat center;
  background-size: cover;
  z-index: 158;
  border-radius: 50%;
}
.group-76 {
  flex-shrink: 0;
  position: relative;
  width: 115px;
  height: 29px;
  z-index: 159;
}
.read-more-77 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 29px;
  top: 0;
  left: 0;
  color: #b59efa;
  font-family: Montserrat, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 28.8px;
  text-align: left;
  white-space: nowrap;
  z-index: 160;
}
.chevrons-right-78 {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 3px;
  left: 91px;
  z-index: 161;
  overflow: hidden;
}
.vector-79 {
  position: absolute;
  width: 29.17%;
  height: 50%;
  top: 25%;
  left: 50%;
  background: url(./assets/images/d03d4099-3ee9-4128-98ed-207ec7e5db06.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 162;
}
.vector-7a {
  position: absolute;
  width: 29.17%;
  height: 50%;
  top: 25%;
  left: 20.83%;
  background: url(./assets/images/0ec2f6fe-3395-43e0-8465-cddc31e19296.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 163;
}
.frame-7b {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: absolute;
  width: 134px;
  height: 29px;
  top: 24px;
  left: 24px;
  cursor: pointer;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.5);
  z-index: 164;
  border-radius: 20px;
}
.interior-design-7c {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 29px;
  color: rgba(0, 0, 0, 0.2);
  font-family: Montserrat, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 28.8px;
  text-align: center;
  text-transform: capitalize;
  white-space: nowrap;
  z-index: 165;
}
.frame-7d {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 48px;
  position: relative;
  width: 1248px;
  height: 619px;
  margin: 96px 0 0 96px;
  z-index: 106;
}
.frame-7e {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  z-index: 107;
}
.latest-news {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 59px;
  color: #1a243b;
  font-family: Montserrat, var(--default-font-family);
  font-size: 48px;
  font-weight: 600;
  line-height: 59px;
  text-align: left;
  white-space: nowrap;
  z-index: 108;
}
.see-all {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 29px;
  color: #000000;
  font-family: Montserrat, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29px;
  text-align: left;
  white-space: nowrap;
  z-index: 109;
}
.content-7f {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 30px;
  position: relative;
  min-width: 0;
  min-height: 0;
  z-index: 110;
}
.project-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  z-index: 111;
  border-radius: 2px;
}
.unsplash-uveoxxwq {
  align-self: stretch;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  background: url(./assets/images/028a0cef1bf65382382cde195cc45b34a13e4399.png)
    no-repeat center;
  background-size: cover;
  z-index: 112;
  border-radius: 24px 24px 0 0;
}
.desc {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 5px;
  position: relative;
  z-index: 113;
}
.collaboration-to-develop {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 42px;
  color: #121212;
  font-family: Montserrat, var(--default-font-family);
  font-size: 32px;
  font-weight: 500;
  line-height: 42px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: -0.32px;
  z-index: 114;
}
.frame-80 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 247px;
  z-index: 115;
}
.min {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 30px;
  color: #717171;
  font-family: Montserrat, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.6px;
  z-index: 116;
}
.ellipse-81 {
  flex-shrink: 0;
  position: relative;
  width: 5px;
  height: 5px;
  background: url(./assets/images/ace12ee6-1a46-4315-b65c-a647473102f2.png)
    no-repeat center;
  background-size: cover;
  z-index: 117;
  border-radius: 50%;
}
.august {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 30px;
  color: #717171;
  font-family: Montserrat, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.6px;
  z-index: 118;
}
.footers {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 10px;
  position: relative;
  width: 1440px;
  height: 432px;
  margin: 96px 0 0 0;
  padding: 0 96px 0 96px;
  background: #1a243b;
  z-index: 166;
  overflow: hidden;
}
.container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  min-width: 0;

  padding: 64px 0 64px 0;
  z-index: 167;
  overflow: hidden;
}
.content-82 {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 24px;
  position: relative;
  min-height: 0;
  min-width: 800px;
  padding: 0 0 24px 0;
  z-index: 168;
}
.block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 16px;
  position: relative;
  z-index: 169;
}
.span {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 42px;
  color: #ff6012;
  font-family: Montserrat, var(--default-font-family);
  font-size: 32px;
  font-weight: 600;
  line-height: 42px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.96px;
  z-index: 170;
}
.frame-83 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  height: 121px;
  z-index: 171;
}
.text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  z-index: 172;
}
.be-the-first {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 294px;
  height: 40px;
  color: #808080;
  font-family: Montserrat, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20.3px;
  text-align: left;
  z-index: 173;
}
.input {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 174;
}
.label-frame {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 4px;
  position: relative;
  z-index: 175;
}
.input-frame {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  height: 56px;
  padding: 16px 16px 16px 16px;
  background: #ffffff;
  border: 1px solid #d0d4dd;
  z-index: 176;
  overflow: hidden;
  border-radius: 6px 0 0 6px;
}
.left-content {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 99px;
  z-index: 177;
  overflow: hidden;
}
.text-cursor {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 2px;
  position: relative;
  width: 99px;
  z-index: 178;
}
.placeholder {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  color: #98a1b2;
  font-family: Poppins, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  z-index: 179;
}
.left-content-input {
  flex-shrink: 0;
  position: absolute;
  width: 99px;
  height: 20px;
  top: 0;
  left: 0;
  background: transparent;
  border: none;
  z-index: 180;
  outline: none;
}
.menu-items-84 {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 121px;
  padding: 16px 20px 16px 20px;
  cursor: pointer;
  background: #ff6012;
  border: none;
  z-index: 181;
  border-radius: 0 8px 8px 0;
}
.get-started-85 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  color: #ffffff;
  font-family: Montserrat, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 19.504px;
  text-align: left;
  white-space: nowrap;
  z-index: 182;
}
.column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 24px;
  position: relative;
  z-index: 183;
}
.heading-86 {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 23px;
  color: #98a1b2;
  font-family: Montserrat, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  text-align: left;
  white-space: nowrap;
  z-index: 184;
}
.links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  z-index: 185;
}
.link-about {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 23px;
  color: #667185;
  font-family: Montserrat, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  text-align: left;
  white-space: nowrap;
  z-index: 186;
}
.link-career {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 23px;
  color: #667185;
  font-family: Montserrat, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  text-align: left;
  white-space: nowrap;
  z-index: 187;
}
.link-contact {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 23px;
  color: #667185;
  font-family: Montserrat, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  text-align: left;
  white-space: nowrap;
  z-index: 188;
}
.link-faqs {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 23px;
  color: #667185;
  font-family: Montserrat, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  text-align: left;
  white-space: nowrap;
  z-index: 189;
}
.column-87 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 24px;
  position: relative;
  z-index: 190;
}
.heading-88 {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 23px;
  color: #98a1b2;
  font-family: Montserrat, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  text-align: left;
  white-space: nowrap;
  z-index: 191;
}
.links-89 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  z-index: 192;
}
.link-home {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 23px;
  color: #667185;
  font-family: Montserrat, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  text-align: left;
  white-space: nowrap;
  z-index: 193;
}
.link-contact-8a {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 23px;
  color: #667185;
  font-family: Montserrat, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  text-align: left;
  white-space: nowrap;
  z-index: 194;
}
.link-portfolio {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 23px;
  color: #667185;
  font-family: Montserrat, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  text-align: left;
  white-space: nowrap;
  z-index: 195;
}
.link-services {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 23px;
  color: #667185;
  font-family: Montserrat, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  text-align: left;
  white-space: nowrap;
  z-index: 196;
}
.column-8b {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 24px;
  position: relative;
  z-index: 197;
}
.heading-8c {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 23px;
  color: #98a1b2;
  font-family: Montserrat, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  text-align: left;
  white-space: nowrap;
  z-index: 198;
}
.links-8d {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  z-index: 199;
}
.link-about-8e {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 23px;
  color: #667185;
  font-family: Montserrat, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  text-align: left;
  white-space: nowrap;
  z-index: 200;
}
.link-contact-8f {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 23px;
  color: #667185;
  font-family: Montserrat, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  text-align: left;
  white-space: nowrap;
  z-index: 201;
}
.link-career-90 {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 23px;
  color: #667185;
  font-family: Montserrat, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  text-align: left;
  white-space: nowrap;
  z-index: 202;
}
.link-faqs-91 {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 23px;
  color: #667185;
  font-family: Montserrat, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  text-align: left;
  white-space: nowrap;
  z-index: 203;
}
.content-92 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 32px;
  position: relative;
  z-index: 204;
}
.dividers {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  height: 1px;
  z-index: 205;
}
.divider {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #e4e7ec;
  z-index: 206;
}
.content-93 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  height: 20px;
  z-index: 207;
}
.all-rights-reserved {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  color: #98a1b2;
  font-family: Poppins, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  z-index: 208;
}
.image {
  position: absolute;
  width: 1440px;
  height: 3354px;
  top: 0;
  left: 0;
  background: url(./assets/images/a859554b8179cd12d0a24802e78c8553b4002f87.png)
    no-repeat center;
  background-size: cover;
  opacity: 0.1;
}

.container {
  position: relative;
    width: 100%;
  color: #000000;
  font-family: Montserrat, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  margin: 5px 0 0 96px;

  
  
  
}

.mission-statement {
  text-align: center;
  background-color: #f1f1f1;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  margin-bottom: 40px;
  min-width: 1200px;
}
.mission-statement h2 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}
.mission-statement p {
  font-size: 16px;
  margin: 0;
}
.section {
  display: flex;
  gap: 20px;
}
.section div {
  flex: 1;
  background-color: #ffffff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.section h3 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
.section p {
  font-size: 16px;
  margin: 0;
}      

.section-details {
  position:relative;
  z-index: 1;
  height: 100%;
  min-height: 270px;
  min-width: 100px;
  max-width: 550px;
}