* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

html {
  height: 100%;
}

body {
    background-color:#fff9f5;
}

: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;
}

a:link { 
  text-decoration: none; 
} 
a:visited { 
  text-decoration: none; 
} 
a:hover { 
  text-decoration: none; 
} 
a:active { 
  text-decoration: none; 
}

/* Animation */
@keyframes animate-header-title {
    from {
        opacity: 0;
        transform: translate(-25px, 0);
    }
    to {
        opacity: 1;
        transform: translate(0, 0);
    }
}

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

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

.main-container {
  position: relative;
  width: 1440px;
  /* height: 4296px; */
  margin: 0 auto;
  background: #fff9f5;
  overflow: hidden;
}
.flex-row-b {
  position: relative;
  width: 1440px;
  height: 691px;
  margin: 0 0 0 0;
  z-index: 8;
}
.rectangle {
  position: absolute;
  width: 100%;
  height: 9.26%;
  top: 0;
  left: 0;
  background: #fff9f5;
  z-index: 1;
}
.frame {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 12px;
  position: relative;
  width: 292px;
  margin: 8px 0 0 80px;
  z-index: 2;
}
.logo {
  flex-shrink: 0;
  position: relative;
  width: 48px;
  height: 48px;
  background: url(./assets/images/e6669ec4-e08a-4ee0-bf71-e07c1d5ca58f.png)
    no-repeat center;
  background-size: cover;
  z-index: 3;
  overflow: hidden;
}
.frame-1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 2px;
  position: relative;
  width: 232px;
  z-index: 4;
}
.software-development {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 232px;
  height: 20px;
  color: #231f20;
  font-family: Righteous, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 19.867px;
  text-align: left;
  white-space: nowrap;
  z-index: 5;
}
.shape {
  position: absolute;
  width: 70.02%;
  height: 98.99%;
  top: 1.01%;
  left: 24.48%;
  background: url(./assets/images/39326904-3506-4d3c-b6fe-1f8bbffd3d05.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 7;
}
.group {
  position: relative;
  width: 492.437px;
  height: 440px;
  margin: 137px 0 0 515.52px;
  background: url(./assets/images/4af553ca-80e7-4587-b16e-d6b0e06b3c3e.png)
    no-repeat center;
  background-size: cover;
  z-index: 17;
}
.frame-2 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 12px;
  position: relative;
  width: 542px;
  margin: 56px 0 0 96.52px;
  z-index: 25;
}
.line {
  flex-shrink: 0;
  position: relative;
  width: 37.333px;
  height: 10.666px;
  background: url(./assets/images/031f62b4-f2ec-4dcc-af58-a1b6106975b3.png)
    no-repeat center;
  background-size: cover;
  z-index: 26;
}
.your-trusted-partner {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 25px;
  color: #231f20;
  font-family: Righteous, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 24.834px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.4px;
  z-index: 27;
}
.line-3 {
  flex-shrink: 0;
  position: relative;
  width: 37.333px;
  height: 10.666px;
  background: url(./assets/images/fe2667a3-944c-458b-8772-ef4a082dced8.png)
    no-repeat center;
  background-size: cover;
  z-index: 28;
}
.rectangle-4 {
  position: absolute;
  width: 1440px;
  height: 520px;
  top: 64px;
  left: 0;
  z-index: 8;
}
.arcadia {
  position: relative;
  width: 736px;
  height: 100px;
  margin: 118px 0 0 80px;
  font-family: Righteous, var(--default-font-family);
  font-size: 40px;
  font-weight: 400;
  line-height: 49.668px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  letter-spacing: 2.4px;
  z-index: 10;
  /* animation */
  opacity: 0;
  transform: translate(-25px, 0);
  animation: animate-header-title 1.00s ease-in-out 0.00s 1 normal forwards;
}
.transforming-ideas {
  position: relative;
  color: #231f20;
  font-family: Righteous, var(--default-font-family);
  font-size: 40px;
  font-weight: 400;
  line-height: 49.668px;
  text-align: left;
  letter-spacing: 2.4px;
}
.ideas {
  position: relative;
  color: #fe6804;
  font-family: Righteous, var(--default-font-family);
  font-size: 40px;
  font-weight: 400;
  line-height: 49.668px;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 2.4px;
}
.innovative-software-solutions {
  position: relative;
  color: #fe6804;
  font-family: Righteous, var(--default-font-family);
  font-size: 40px;
  font-weight: 400;
  line-height: 49.668px;
  text-align: left;
  letter-spacing: 2.4px;
}
.transforming-ideas-5 {
  position: relative;
  color: #231f20;
  font-family: Righteous, var(--default-font-family);
  font-size: 40px;
  font-weight: 400;
  line-height: 49.668px;
  text-align: left;
  letter-spacing: 2.4px;
}
.arcadia-deliver {
  position: relative;
  color: #fe6804;
  font-family: Righteous, var(--default-font-family);
  font-size: 40px;
  font-weight: 400;
  line-height: 49.668px;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 2.4px;
}
.arcadia-fuel-business-growth {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 756px;
  height: 44px;
  margin: 40px 0 0 80px;
  color: #666666;
  font-family: Montserrat, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 21.942px;
  text-align: left;
  text-overflow: initial;
  z-index: 11;
  overflow: hidden;
}
.frame-6 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  position: relative;
  width: 375px;
  height: 56px;
  margin: 56px 0 0 80px;
  z-index: 12;
}
.button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 367px;
  height: 48px;
  padding: 18px 32px 18px 32px;
  background: #fe8636;
  z-index: 13;
}
.rectangle-7 {
  flex-shrink: 0;
  position: absolute;
  width: 367px;
  height: 48px;
  top: 8px;
  left: 8px;
  border: 1px solid #231f20;
  z-index: 16;
}
.mdi-telephone-outline {
  flex-shrink: 0;
  position: relative;
  width: 24px;
  height: 24px;
  background: url(./assets/images/8149c910-1946-490c-8892-f9a0050a289b.png)
    no-repeat center;
  background-size: cover;
  z-index: 14;
  overflow: hidden;
}
.talk-to-us {
  flex-shrink: 0;
  position: relative;
  width: 301px;
  cursor: pointer;
  font-family: Montserrat, var(--default-font-family);
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  background: transparent;
  border: none;
  z-index: 15;
}
.talk-to-us-8 {
  position: relative;
  color: #413c3d;
  font-family: Montserrat, var(--default-font-family);
  font-size: 17px;
  font-weight: 500;
  line-height: 24.38px;
  text-align: left;
}
.talk-to-us-number {
  position: relative;
  color: #231f20;
  font-family: Montserrat, var(--default-font-family);
  font-size: 20px;
  font-weight: 500;
  line-height: 24.38px;
  text-align: left;
}
.highlight-quote-left {
  position: relative;
  width: 48px;
  height: 48px;
  margin: -10px 0 0 80px;
  background: url(./assets/images/9abdcbb0-0e57-4bcc-b35e-53b58dba9a0d.png)
    no-repeat center;
  background-size: cover;
  z-index: 23;
  overflow: hidden;
}
.arcadia-9 {
  position: relative;
  width: 1060px;
  height: 133px;
  margin: 8px 0 0 190px;
  font-family: Righteous, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29.801px;
  text-align: center;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 22;
}

.arcadia-specialize {
  position: relative;
  color: #fe6804;
  font-family: Righteous, var(--default-font-family);
  font-size: 40px;
  font-weight: 400;
  line-height: 48px;
  text-align: center;
}
.arcadia-transforms-challenges {
  position: relative;
  color: #231f20;
  font-family: Montserrat, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29.801px;
  text-align: center;
}
.flex-row-ee {
  position: relative;
  width: 1949px;
  height: 860px;
  margin: 8px 0 0 -589px;
  z-index: 63;
}
.highlight-quote-right {
  position: absolute;
  width: 48px;
  height: 48px;
  top: 0;
  left: 1901px;
  background: url(./assets/images/5f04a315-cfec-4a6f-a7a8-f90bdeec1b32.png)
    no-repeat center;
  background-size: cover;
  z-index: 24;
  overflow: hidden;
}
.shape-a {
  position: absolute;
  width: 51.73%;
  height: 79.53%;
  top: 2.56%;
  left: 0;
  background: url(./assets/images/8e9b91a8-2797-4d0e-827b-0e1062c33d1e.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 19;
}
.service-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 24px;
  position: relative;
  width: 277px;
  margin: 138px 0 0 669px;
  z-index: 30;
}
.how-we-bring-ideas-to-life {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 277px;
  min-width: 0;
  height: 80px;
  color: #231f20;
  font-family: Righteous, var(--default-font-family);
  font-size: 32px;
  font-weight: 400;
  line-height: 39.734px;
  text-align: left;
  letter-spacing: 0.64px;
  z-index: 31;
}
.frame-b {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  width: 264px;
  z-index: 32;
}
.from-concept-to-completion {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 264px;
  min-width: 0;
  height: 66px;
  color: #666666;
  font-family: Montserrat, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 21.942px;
  text-align: left;
  z-index: 33;
}
.contact-us-for-details {
  flex-shrink: 0;
  position: relative;
  width: 236px;
  height: 19px;
  font-size: 0px;
  z-index: 34;
}
.contact-us-for-details-c {
  display: block;
  position: relative;
  height: 13px;
  margin: 0 0 0 0;
  color: #fe6804;
  font-family: Montserrat, var(--default-font-family);
  font-size: 18px;
  font-weight: 500;
  line-height: 13px;
  text-align: left;
  white-space: nowrap;
  z-index: 36;
}
.line-d {
  position: relative;
  width: 199.34px;
  height: 1px;
  margin: 5px 0 0 2.291px;
  background: url(./assets/images/3362fec6-635a-49f5-9d32-78dae9f675ce.png)
    no-repeat center;
  background-size: cover;
  z-index: 35;
}
.rectangle-e {
  position: absolute;
  width: 400px;
  height: 350px;
  top: 160px;
  left: 1149px;
  background: #f7e2d4;
  z-index: 38;
}
.ser-endtoend-img {
  position: relative;
  width: 190px;
  height: 192px;
  margin: 32px 0 0 105px;
  background: url(./assets/images/fac9486a-f6f1-4372-a386-098e8cc7041d.png)
    no-repeat center;
  background-size: cover;
  z-index: 42;
  overflow: hidden;
  transition: all 1s ease-in-out;
}
.ser-endtoend-img:hover {
    transform: scale(1.1);
}
.frame-f {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  gap: 4px;
  position: relative;
  width: 336px;
  margin: 24px 0 0 32px;
  z-index: 39;
}
.end-to-end-turnkey {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 22px;
  color: #231f20;
  font-family: Righteous, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 0.36px;
  z-index: 40;
}
.comprehensive-solutions {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 336px;
  min-width: 0;
  height: 44px;
  color: #413c3d;
  font-family: Montserrat, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 21.942px;
  text-align: center;
  text-overflow: initial;
  z-index: 41;
  overflow: hidden;
}
.rectangle-10 {
  position: absolute;
  width: 400px;
  height: 350px;
  top: 160px;
  left: 1549px;
  z-index: 44;
}
.ser-uiux-img {
  position: relative;
  width: 190px;
  height: 192px;
  margin: 32px 0 0 105px;
  z-index: 48;
  overflow: hidden;
  transition: all 1s ease-in-out;
}
.ser-uiux-img:hover {
  transform: scale(1.1);
}
.frame-11 {
  position: relative;
  width: 190px;
  height: 132px;
  margin: 30px 0 0 0;
  background: url(./assets/images/f5fd1e0f-98f4-40a4-895e-8afcfc968032.png)
    no-repeat center;
  background-size: cover;
  z-index: 49;
}
.frame-12 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  gap: 4px;
  position: relative;
  width: 336px;
  margin: 24px 0 0 32px;
  z-index: 45;
}
.ui-ux-as-a-service {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 22px;
  color: #231f20;
  font-family: Righteous, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 0.36px;
  z-index: 46;
}
.user-centered-designs {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 336px;
  min-width: 0;
  height: 44px;
  color: #413c3d;
  font-family: Montserrat, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 21.942px;
  text-align: center;
  text-overflow: initial;
  z-index: 47;
  overflow: hidden;
}
.rectangle-13 {
  position: absolute;
  width: 400px;
  height: 350px;
  top: 510px;
  left: 749px;
  background: #f7e2d4;
  z-index: 51;
}
.ser-develop-img {
  position: relative;
  width: 190px;
  height: 192px;
  margin: 32px 0 0 105px;
  background: url(./assets/images/2b76e424-54e3-4610-9273-1ddd10edcd69.png)
    no-repeat center;
  background-size: cover;
  z-index: 52;
  overflow: hidden;
  transition: all 1s ease-in-out;
}
.ser-develop-img:hover {
    transform: scale(1.1);
}
.frame-14 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  gap: 4px;
  position: relative;
  width: 336px;
  margin: 24px 0 0 32px;
  z-index: 53;
}
.development-as-a-service {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 22px;
  color: #231f20;
  font-family: Righteous, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 0.36px;
  z-index: 54;
}
.custom-software-development {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 336px;
  min-width: 0;
  height: 44px;
  color: #413c3d;
  font-family: Montserrat, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 21.942px;
  text-align: center;
  text-overflow: initial;
  z-index: 55;
  overflow: hidden;
}
.rectangle-15 {
  position: absolute;
  width: 400px;
  height: 350px;
  top: 510px;
  left: 1149px;
  z-index: 57;
}
.ser-test-img {
  position: relative;
  width: 190px;
  height: 192px;
  margin: 32px 0 0 105px;
  background: url(./assets/images/60d069f1-1eeb-4cc4-ab35-70cdd3372ad7.png)
    no-repeat center;
  background-size: cover;
  z-index: 61;
  overflow: hidden;
  transition: all 1s ease-in-out;
}
.ser-test-img:hover {
    transform: scale(1.1);
}
.frame-16 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  gap: 4px;
  position: relative;
  width: 336px;
  margin: 24px 0 0 32px;
  z-index: 58;
}
.test-as-a-service {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 22px;
  color: #231f20;
  font-family: Righteous, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 0.36px;
  z-index: 59;
}
.automated-and-manual-testing {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 336px;
  min-width: 0;
  height: 44px;
  color: #413c3d;
  font-family: Montserrat, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 21.942px;
  text-align: center;
  z-index: 60;
}
.rectangle-17 {
  position: absolute;
  width: 400px;
  height: 350px;
  top: 510px;
  left: 1549px;
  background: #f7e2d4;
  z-index: 63;
}
.ser-devop-img {
  position: relative;
  width: 190px;
  height: 192px;
  margin: 32px 0 0 105px;
  background: url(./assets/images/89df09dc-53ef-4a57-a1f6-964fc0ba3f90.png)
    no-repeat center;
  background-size: cover;
  z-index: 67;
  overflow: hidden;
  transition: all 1s ease-in-out;
}
.ser-devop-img:hover {
    transform: scale(1.1);
}
.frame-18 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  gap: 4px;
  position: relative;
  width: 336px;
  margin: 24px 0 0 32px;
  z-index: 64;
}
.devops-as-a-service {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 22px;
  color: #231f20;
  font-family: Righteous, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 0.36px;
  z-index: 65;
}
.streamlined-operations {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 336px;
  min-width: 0;
  height: 44px;
  color: #413c3d;
  font-family: Montserrat, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 21.942px;
  text-align: center;
  text-overflow: initial;
  z-index: 66;
  overflow: hidden;
}
.rectangle-19 {
  position: relative;
  width: 1440px;
  height: auto;
  margin: 56px 0 0 0;
  background: #fff6f0;
  z-index: 69;
  overflow: visible auto;
}
.frame-1a {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 12px;
  position: relative;
  width: 688px;
  margin: 56px 0 0 562px;
  z-index: 73;
}
.line-1b {
  flex-shrink: 0;
  position: relative;
  width: 37.333px;
  height: 10.666px;
  background: url(./assets/images/356e3cc3-84b9-49ea-b6f4-5f02622c57c9.png)
    no-repeat center;
  background-size: cover;
  z-index: 74;
}
.effortless-processes {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 644px;
  height: 40px;
  color: #231f20;
  font-family: Righteous, var(--default-font-family);
  font-size: 32px;
  font-weight: 400;
  line-height: 39.734px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.64px;
  z-index: 75;
}
.every-step-crafted {
  display: block;
  position: relative;
  height: 22px;
  margin: 8px 0 0 609px;
  color: #666666;
  font-family: Montserrat, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 21.942px;
  text-align: left;
  white-space: nowrap;
  z-index: 72;
}
.frame-1c {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 88px;
  position: relative;
  width: 864px;
  margin: 48px 0 0 288px;
  z-index: 90;
}
.shape-1d {
  flex-shrink: 0;
  position: relative;
  width: 48px;
  height: 48px;
  background: url(./assets/images/d290020a-ff99-4f87-987a-1a2a0072326d.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 91;
}
.shape-1e {
  flex-shrink: 0;
  position: relative;
  width: 48px;
  height: 15.847px;
  background: url(./assets/images/8f5c9518-c339-4c31-ae9f-2eae513051dd.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 92;
}
.shape-1f {
  flex-shrink: 0;
  position: relative;
  width: 48px;
  height: 48px;
  background: url(./assets/images/d290020a-ff99-4f87-987a-1a2a0072326d.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 93;
}
.shape-20 {
  flex-shrink: 0;
  position: relative;
  width: 48px;
  height: 15.847px;
  background: url(./assets/images/8f5c9518-c339-4c31-ae9f-2eae513051dd.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 94;
}
.shape-21 {
  flex-shrink: 0;
  position: relative;
  width: 48px;
  height: 48px;
  background: url(./assets/images/d290020a-ff99-4f87-987a-1a2a0072326d.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 95;
}
.shape-22 {
  flex-shrink: 0;
  position: relative;
  width: 48px;
  height: 15.847px;
  background: url(./assets/images/8f5c9518-c339-4c31-ae9f-2eae513051dd.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 96;
}
.shape-23 {
  flex-shrink: 0;
  position: relative;
  width: 48px;
  height: 48px;
  background: url(./assets/images/d290020a-ff99-4f87-987a-1a2a0072326d.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 97;
}
.flex-row-d {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 1060px;
  height: 52px;
  margin: 24px 0 0 190px;
  z-index: 87;
}
.frame-24 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 247px;
  z-index: 78;
}
.consultation {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 22px;
  color: #231f20;
  font-family: Righteous, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 0.36px;
  z-index: 79;
}
.understanding-your-needs {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 22px;
  color: #413c3d;
  font-family: Montserrat, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 21.942px;
  text-align: center;
  white-space: nowrap;
  z-index: 80;
}
.frame-25 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 247px;
  z-index: 81;
}
.development {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 22px;
  color: #231f20;
  font-family: Righteous, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 0.36px;
  z-index: 82;
}
.creating-tailored-solutions {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 22px;
  color: #413c3d;
  font-family: Montserrat, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 21.942px;
  text-align: center;
  white-space: nowrap;
  z-index: 83;
}
.implementation {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 247px;
  z-index: 84;
}
.text-20 {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 22px;
  color: #231f20;
  font-family: Righteous, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 0.36px;
  z-index: 85;
}
.seamless-integration {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 22px;
  color: #413c3d;
  font-family: Montserrat, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 21.942px;
  text-align: center;
  white-space: nowrap;
  z-index: 86;
}
.frame-26 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 247px;
  z-index: 87;
}
.support {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 22px;
  color: #231f20;
  font-family: Righteous, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 0.36px;
  z-index: 88;
}
.ongoing-assistance {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 22px;
  color: #413c3d;
  font-family: Montserrat, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 21.942px;
  text-align: center;
  white-space: nowrap;
  z-index: 89;
}
.frame-27 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  gap: 16px;
  position: relative;
  width: 1280px;
  margin: 56px 0 0 80px;
  z-index: 99;
}
.frame-28 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 950px;
  z-index: 100;
}
.frame-29 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  z-index: 101;
}
.highlight-quote-left-2a {
  flex-shrink: 0;
  position: relative;
  width: 16px;
  height: 16px;
  background: url(./assets/images/f39c1e91-2cc8-4baa-a7de-89380547036f.png)
    no-repeat center;
  background-size: cover;
  z-index: 102;
  overflow: hidden;
}
.highlight-quote-right-2b {
  flex-shrink: 0;
  position: relative;
  width: 16px;
  height: 16px;
  background: url(./assets/images/8f980785-d629-42f6-90d3-aa8b327fafda.png)
    no-repeat center;
  background-size: cover;
  z-index: 103;
  overflow: hidden;
}

.arcadia-2c {
  flex-shrink: 0;
  position: relative;
  width: 886px;
  font-family: Righteous, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29.801px;
  text-align: center;
  text-overflow: initial;
  white-space: nowrap;
  letter-spacing: 0.48px;
  z-index: 104;
}

.we-leverage {
  position: relative;
  color: #231f20;
  font-family: Righteous, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29.801px;
  text-align: center;
  letter-spacing: 0.48px;
}
.agile {
  position: relative;
  color: #fe6804;
  font-family: Righteous, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29.801px;
  text-align: center;
  letter-spacing: 0.48px;
}
.we-leverage-2d {
  position: relative;
  color: #231f20;
  font-family: Righteous, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29.801px;
  text-align: center;
  letter-spacing: 0.48px;
}
.agile-2e {
  position: relative;
  color: #fe6804;
  font-family: Righteous, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29.801px;
  text-align: center;
  letter-spacing: 0.48px;
}
.we-leverage-2f {
  position: relative;
  color: #231f20;
  font-family: Righteous, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29.801px;
  text-align: center;
  letter-spacing: 0.48px;
}
.agile-30 {
  position: relative;
  color: #fe6804;
  font-family: Righteous, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29.801px;
  text-align: center;
  letter-spacing: 0.48px;
}
.we-leverage-31 {
  position: relative;
  color: #231f20;
  font-family: Righteous, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29.801px;
  text-align: center;
  letter-spacing: 0.48px;
}
.agile-32 {
  position: relative;
  color: #fe6804;
  font-family: Righteous, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29.801px;
  text-align: center;
  letter-spacing: 0.48px;
}
.we-leverage-33 {
  position: relative;
  color: #231f20;
  font-family: Righteous, var(--default-font-family);
  font-size: 24px;
  font-weight: 400;
  line-height: 29.801px;
  text-align: center;
  letter-spacing: 0.48px;
}
.frame-34 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 1280px;
  min-width: 0;
  height: 44px;
  color: #666666;
  font-family: Montserrat, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 21.942px;
  text-align: center;
  text-overflow: initial;
  z-index: 105;
  overflow: hidden;
}
.line-35 {
  position: relative;
  width: 602px;
  height: 400px;
  margin: 24px 0 0 433px;
  background: url(./assets/images/a29117f6a55d1dc02cc30ce49525f269283c81c8.png)
    no-repeat center;
  background-size: cover;
  z-index: 106;
}
.our-frameworks {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  gap: 8px;
  position: relative;
  width: 349px;
  margin: 56px 0 0 545px;
  z-index: 107;
}
.digital-asset-development-framework {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  width: 247px;
  z-index: 108;
}
.frame-36 {
  flex-shrink: 0;
  position: relative;
  width: 37.333px;
  height: 10.666px;
  background: url(./assets/images/3073e52f-fc90-4a6c-8466-46d42e46ae06.png)
    no-repeat center;
  background-size: cover;
  z-index: 109;
}
.arcadia-37 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 25px;
  color: #231f20;
  font-family: Righteous, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 24.834px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.4px;
  z-index: 110;
}
.arcadia-38 {
  flex-shrink: 0;
  position: relative;
  width: 37.333px;
  height: 10.666px;
  background: url(./assets/images/9dd32ee4-35eb-4617-9cb5-b031d31c589b.png)
    no-repeat center;
  background-size: cover;
  z-index: 111;
}
.frame-39 {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 22px;
  color: #666666;
  font-family: Montserrat, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 21.942px;
  text-align: center;
  white-space: nowrap;
  z-index: 112;
}

.flex-row-d-50 {
  position: relative;
  width: 1416.849px;
  height: 598.204px;
  margin: 8px 0 0 7px;
  z-index: 176;
}
.vector {
  position: absolute;
  width: 42.22%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(./assets/images/db96e623-8b3a-41eb-9d67-c04a156652f6.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 138;
}
.frame-51 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 12px;
  position: relative;
  width: 327px;
  margin: 48px 0 0 73px;
  z-index: 173;
}
.line-52 {
  flex-shrink: 0;
  position: relative;
  width: 37.333px;
  height: 10.666px;
  background: url(./assets/images/9da0747d-ee83-4a3b-a372-d5f3d274631f.png)
    no-repeat center;
  background-size: cover;
  z-index: 174;
}
.arcadia-53 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 40px;
  color: #231f20;
  font-family: Righteous, var(--default-font-family);
  font-size: 32px;
  font-weight: 400;
  line-height: 39.734px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.64px;
  z-index: 175;
}
.flex-row-c {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 495px;
  height: 48px;
  margin: 66px 0 0 73px;
  z-index: 144;
}
.logo-bangkok-bank-public-company-limited {
  flex-shrink: 0;
  position: relative;
  width: 190px;
  height: 48px;
  background: url(./assets/images/3a6febb7-f629-4a52-9443-dead482fd65c.png)
    no-repeat center;
  background-size: cover;
  z-index: 143;
  overflow: hidden;
}
.kiatnakin-phatra-bank-logo {
  flex-shrink: 0;
  position: relative;
  width: 138px;
  height: 38px;
  background: url(./assets/images/cb079ce1-73ee-461c-9ab3-afb4f491725b.png)
    no-repeat center;
  background-size: cover;
  z-index: 144;
  overflow: hidden;
}
.flex-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 408px;
  height: 56px;
  margin: 28px 0 0 77px;
  z-index: 150;
}
.logo-54 {
  flex-shrink: 0;
  position: relative;
  width: 102px;
  height: 56px;
  background: url(./assets/images/09bb9a7a-21cd-40f7-8033-253448cf9718.png)
    no-repeat center;
  background-size: cover;
  z-index: 149;
  overflow: hidden;
}
.sng {
  flex-shrink: 0;
  position: relative;
  width: 137px;
  height: 56px;
  background: url(./assets/images/46293bba496992a4ef8107d4144b69e141f73dd3.png)
    no-repeat center;
  background-size: cover;
  z-index: 150;
}
.flex-row-55 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 442.174px;
  height: 56px;
  margin: 27px 0 0 73px;
  z-index: 157;
}
.ts-logo-main {
  flex-shrink: 0;
  position: relative;
  width: 156px;
  height: 56px;
  background: url(./assets/images/d3f99dabfb101594e1018dbd1aa9a23dc692f5c5.png)
    no-repeat center;
  background-size: cover;
  z-index: 156;
}
.image {
  flex-shrink: 0;
  position: relative;
  width: 180.174px;
  height: 56px;
  background: url(./assets/images/a52092606702ef9e5e0bce1fdf1b6be8a74d2d61.png)
    no-repeat center;
  background-size: cover;
  z-index: 157;
}
.flex-row-d-56 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 416px;
  height: 56px;
  margin: 21px 0 0 73px;
  z-index: 168;
}
.logo-pad-icon-en-years {
  flex-shrink: 0;
  position: relative;
  width: 228px;
  height: 56px;
  background: url(./assets/images/b37c0b2a7dc9252499f895250a8108631261fb9b.png)
    no-repeat center;
  background-size: cover;
  z-index: 167;
}
.logo-mimo {
  flex-shrink: 0;
  position: relative;
  width: 90px;
  height: 51px;
  background: url(./assets/images/fa5b416ffdebf3b2145edbd64f2d31ea2a7f6129.png)
    no-repeat center;
  background-size: cover;
  z-index: 168;
}
.flex-row-e {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 374px;
  height: 56px;
  margin: 24px 0 0 73px;
  z-index: 165;
}
.advanced-info-service-logo {
  flex-shrink: 0;
  position: relative;
  width: 118px;
  height: 43px;
  background: url(./assets/images/e0ac941f-93ac-4f98-806c-ad1769327730.png)
    no-repeat center;
  background-size: cover;
  z-index: 161;
  overflow: hidden;
}
.image-57 {
  flex-shrink: 0;
  position: relative;
  width: 83px;
  height: 56px;
  background: url(./assets/images/f47fededb19124b9905b18acacd807dcddeaf0fc.png)
    no-repeat center;
  background-size: cover;
  z-index: 165;
}
.vector-58 {
  position: absolute;
  width: 33.8%;
  height: 80.05%;
  top: 6.19%;
  left: 66.2%;
  background: url(./assets/images/f8d44973-5ee4-4472-8a4d-3b0c0c2404bc.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 139;
}
.flex-column-bb {
  position: absolute;
  height: 122px;
  top: 112.993px;
  right: 288.849px;
  left: 59px;
  z-index: 152;
}
.thai-life-insurance-logo {
  position: relative;
  width: 56px;
  height: 56px;
  margin: 0 0 0 14px;
  background: url(./assets/images/21a7bd51-5bf5-453c-8969-51974fd7b655.png)
    no-repeat center;
  background-size: cover;
  z-index: 146;
  overflow: hidden;
}
.logo-hr {
  position: relative;
  width: 131px;
  height: 27px;
  margin: 39px 0 0 0;
  background: url(./assets/images/8b0d37f08049916e7ac488f3fec8c27239b4f6ee.png)
    no-repeat center;
  background-size: cover;
  z-index: 152;
}
.flex-column-b {
  position: absolute;
  width: 33.83%;
  height: 59.94%;
  top: 24.64%;
  left: 52.84%;
  z-index: 171;
}
.logo-color {
  position: relative;
  width: 119px;
  height: 41px;
  margin: 0 0 0 43px;
  background: url(./assets/images/82cae221-9576-4756-b97d-a8f6dbf26a5a.png)
    no-repeat center;
  background-size: cover;
  z-index: 147;
  overflow: hidden;
}
.logo-e {
  position: relative;
  width: 56px;
  height: 56px;
  margin: 34px 0 0 106px;
  background: url(./assets/images/4cafc5a6-7a7f-470c-9fd3-988f04502201.png)
    no-repeat center;
  background-size: cover;
  z-index: 153;
  overflow: hidden;
}
.logo-59 {
  position: relative;
  width: 120px;
  height: 56px;
  margin: 27px 0 0 42px;
  background: url(./assets/images/4f0deff9aefc33f3c426eda4814c9610f85b66d6.png)
    no-repeat center;
  background-size: cover;
  z-index: 155;
}
.scgp-primary-logo {
  position: relative;
  width: 162px;
  height: 48px;
  margin: 25px 0 0 0;
  background: url(./assets/images/f461c3f4-eeca-4467-8b89-20969279450b.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 171;
}
.vector-5a {
  position: absolute;
  width: 21.02%;
  height: 49.78%;
  top: 8.02%;
  left: 45.17%;
  background: url(./assets/images/bde7ebd8-e885-4d91-8a94-703e3ebb609e.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 140;
}
.image-5b {
  position: relative;
  width: 108px;
  height: 52px;
  margin: 104px 0 0 96px;
  background: url(./assets/images/014f883cbd5670f2ef8eef55facf50027ecaafe7.png)
    no-repeat center;
  background-size: cover;
  z-index: 145;
}
.myhaus {
  position: relative;
  width: 174px;
  height: 55px;
  margin: 27px 0 0 14px;
  background: url(./assets/images/f67714d7-1692-437a-8b41-c8effed901cb.png)
    no-repeat center;
  background-size: cover;
  z-index: 151;
  overflow: hidden;
}
.arcadia-5c {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 22px;
  /* top: 96px; */
  top: 30px;
  /* left: 117px; */
  left: 45px;
  color: #666666;
  font-family: Montserrat, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 21.942px;
  text-align: left;
  white-space: nowrap;
  z-index: 176;
  margin-top: 16px;
}
.img-logo-x {
  position: absolute;
  width: 178.087px;
  height: 48px;
  top: 317px;
  left: 621px;
  background: url(./assets/images/da43b5e0629282441d320d9da0540d6dfe16896d.png)
    no-repeat center;
  background-size: cover;
  z-index: 158;
}
.logo-argen {
  position: absolute;
  width: 221px;
  height: 43px;
  top: 319px;
  left: 905px;
  background: url(./assets/images/4262067a-52a5-4255-aef4-acff5e22322e.png)
    no-repeat center;
  background-size: cover;
  z-index: 159;
  overflow: hidden;
}
.scg-logistics {
  position: absolute;
  width: 185px;
  height: 48px;
  top: 394px;
  left: 907px;
  background: url(./assets/images/2b423c56c88864921fbc22e6be6d59888e2049dc.png)
    no-repeat center;
  background-size: cover;
  z-index: 170;
}
.logo-x-e {
  position: absolute;
  width: 220px;
  height: 28px;
  top: 404px;
  left: 588px;
  background: url(./assets/images/1068e24d15357a37b2b2a130ff46144231db0aab.png)
    no-repeat center;
  background-size: cover;
  z-index: 169;
}
.hcms-logo {
  position: absolute;
  width: 58px;
  height: 56px;
  top: 470px;
  left: 620px;
  background: url(./assets/images/67013ad899552bb0a1df3d1b60ca4575a8294172.png)
    no-repeat center;
  background-size: cover;
  z-index: 162;
}
.vimut-logo {
  position: absolute;
  width: 127px;
  height: 56px;
  top: 470px;
  left: 851px;
  background: url(./assets/images/c275827f87af02a0ab937d9c56daeb13e4a05546.png)
    no-repeat center;
  background-size: cover;
  z-index: 163;
}
.logo-5d {
  position: absolute;
  width: 202px;
  height: 56px;
  top: 470px;
  left: 1151px;
  background: url(./assets/images/967fbb640833ad54d08567033a4499b81d814ede.png)
    no-repeat center;
  background-size: cover;
  z-index: 164;
}
.rectangle-5e {
  position: relative;
  width: 1440px;
  height: 189px;
  margin: 65.796px 0 0 0;
  z-index: 178;
}
.frame-5f {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 24px;
  position: absolute;
  width: 1280px;
  height: 189px;
  top: 0;
  left: 80px;
  padding: 48px 48px 48px 48px;
  background: #231f20;
  z-index: 179;
  border-radius: 24px;
}
.frame-60 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  width: 609px;
  z-index: 180;
}
.arcadia-text {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 40px;
  color: #fe6804;
  font-family: Righteous, var(--default-font-family);
  font-size: 32px;
  font-weight: 400;
  line-height: 39.734px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.64px;
  z-index: 181;
}
.arcadia-text-61 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 29px;
  color: #f7e2d4;
  font-family: Montserrat, var(--default-font-family);
  font-size: 24px;
  font-weight: 500;
  line-height: 29px;
  text-align: left;
  white-space: nowrap;
  z-index: 182;
}
.frame-62 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 8px;
  position: absolute;
  width: 250px;
  height: 50px;
  top: 70px;
  left: 1062px;
  padding: 9px 35px 9px 35px;
  z-index: 183;
  border-radius: 10px;
  background: rgb(254,104,4);
  background: linear-gradient(135deg, rgba(254,104,4,1) 50%, rgba(245,212,171,1) 100%);
}
.partner-up {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 150px;
  height: 22px;
  color: #ffffff;
  font-family: Montserrat, var(--default-font-family);
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  text-align: center;
  white-space: nowrap;
  z-index: 184;
}
.footer {
  position: relative;
  width: 1440px;
  height: 344px;
  margin: 56px 0 0 0;
  background: #f7e2d4;
  z-index: 185;
  overflow: visible auto;
}
.flex-row-b-63 {
  position: relative;
  width: 1280px;
  height: 176px;
  margin: 56px 0 0 80px;
  z-index: 210;
}
.frame-64 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 16px;
  position: absolute;
  width: 395px;
  height: 156px;
  top: 0;
  left: 885px;
  z-index: 198;
}
.get-in-touch {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 20px;
  color: #413c3d;
  font-family: Righteous, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 19.867px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.32px;
  z-index: 199;
}
.frame-65 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  min-width: 0;
  z-index: 200;
}
.frame-66 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  z-index: 201;
}
.mdi-address-marker-outline {
  flex-shrink: 0;
  position: relative;
  width: 24px;
  height: 24px;
  background: url(./assets/images/75b542bf-bdc6-4796-a757-6a90f920e24d.png)
    no-repeat center;
  background-size: cover;
  z-index: 202;
  overflow: hidden;
}
.arcadia-text-67 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 355px;
  height: 40px;
  color: #231f20;
  font-family: Montserrat, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 19.504px;
  text-align: left;
  z-index: 203;
}
.frame-68 {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  z-index: 204;
}
.mdi-email-outline {
  flex-shrink: 0;
  position: relative;
  width: 24px;
  height: 24px;
  background: url(./assets/images/e286bbdd-87f2-4b16-86bf-f2f2447966d0.png)
    no-repeat center;
  background-size: cover;
  z-index: 205;
  overflow: hidden;
}
.arcadia-text-69 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 355px;
  height: 20px;
  color: #231f20;
  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: 206;
}
.frame-6a {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  z-index: 207;
}
.mdi-telephone-outline-6b {
  flex-shrink: 0;
  position: relative;
  width: 24px;
  height: 24px;
  background: url(./assets/images/430ebd97-0ed2-4ea4-8e73-194779a120c7.png)
    no-repeat center;
  background-size: cover;
  z-index: 208;
  overflow: hidden;
}
.arcadia-text-6c {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 355px;
  height: 20px;
  color: #231f20;
  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: 209;
}
.regroup {
  position: absolute;
  width: 717px;
  height: 176px;
  top: 0;
  left: 0;
  z-index: 210;
}
.frame-6d {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 32px;
  position: absolute;
  width: 313px;
  height: 152px;
  top: 0;
  left: 0;
  z-index: 210;
}
.frame-6e {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  height: 96px;
  z-index: 211;
}
.frame-6f {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 12px;
  position: relative;
  width: 292px;
  margin: 0 0 0 0;
  z-index: 213;
}
.logo-70 {
  flex-shrink: 0;
  position: relative;
  width: 48px;
  height: 48px;
  background: url(./assets/images/b09a3d48-d54f-4ad6-979b-1cf5a448b478.png)
    no-repeat center;
  background-size: cover;
  z-index: 214;
  overflow: hidden;
}
.frame-71 {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 2px;
  position: relative;
  width: 232px;
  z-index: 215;
}
.software-development-72 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 232px;
  height: 20px;
  color: #231f20;
  font-family: Righteous, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 19.867px;
  text-align: left;
  white-space: nowrap;
  z-index: 216;
}
.arcadia-text-73 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 313px;
  height: 36px;
  margin: 12px 0 0 0;
  color: #413c3d;
  font-family: Montserrat, var(--default-font-family);
  font-size: 10px;
  font-weight: 400;
  line-height: 12.19px;
  text-align: left;
  text-overflow: initial;
  z-index: 212;
  overflow: hidden;
}
.frame-74 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  width: 64px;
  z-index: 217;
}
.social-icons {
  flex-shrink: 0;
  position: relative;
  width: 24px;
  height: 24px;
  background: url(./assets/images/5172c395-f0ed-455d-b67a-feb6514d0439.png)
    no-repeat center;
  background-size: cover;
  z-index: 218;
  overflow: hidden;
}
.medium-icon-black {
  flex-shrink: 0;
  position: relative;
  width: 24px;
  height: 24px;
  background: url(./assets/images/40c905f8-49fa-471d-a5ba-0e39785b0dd7.png)
    no-repeat center;
  background-size: cover;
  z-index: 219;
  overflow: hidden;
}
.frame-75 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 16px;
  position: absolute;
  width: 237px;
  height: 176px;
  top: 0;
  left: 480px;
  z-index: 190;
}
.arcadia-text-76 {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 20px;
  color: #413c3d;
  font-family: Righteous, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 19.867px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.32px;
  z-index: 191;
}
.frame-77 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  min-width: 0;
  z-index: 192;
}
.arcadia-text-78 {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  color: #231f20;
  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: 193;
}
.arcadia-text-79 {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  color: #231f20;
  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: 194;
}
.arcadia-text-7a {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  color: #231f20;
  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: 195;
}
.arcadia-text-7b {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  color: #231f20;
  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: 196;
}
.arcadia-text-7c {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  color: #231f20;
  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: 197;
}
.frame-7d {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  position: relative;
  width: 1280px;
  margin: 32px 0 0 80px;
  z-index: 187;
}
.copyright {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 24px;
  color: #666666;
  font-family: Montserrat, var(--default-font-family);
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  z-index: 188;
}

.client {
  position: relative;
  width: 1440px;
  height: 616px;
  background-image: url(./assets/images/client-decor-bg.png);
  background-size: 100% 100%;
}

.client .our-clients {
  position: absolute;
  width: 1280px;
  height: 376px;
  top: 158px;
  left: 80px;
  background-image: url(./assets/images/Client-logo.png);
  background-size: 100% 100%;
}

.client .client-header {
  position: absolute;
  width: 100%;
  height: 70px;
  top: 56px;
  /* left: 80px; */
}

.client .frame {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  position: absolute;
  top: 0;
  left: 0;
}

.client .line {
  position: relative;
  width: 37.33px;
  height: 10.67px;
  margin-left: -5.33px;
}

.client .arcadia {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Righteous-Regular", Helvetica;
  color: #231f20;
  font-size: 32px;
  letter-spacing: 0.64px;
  font-weight: 400;
  line-height: normal;
}

.client .text-wrapper {
  position: absolute;
  top: 47px;
  left: 44px;
  font-family: "Montserrat-Regular", Helvetica;
  color: #666666;
  font-size: 18px;
  letter-spacing: 0;
  font-weight: 400;
  line-height: normal;
}

.our-clients {
  background-image: url(./assets/images/Client-logo);
}

.box-wrapper {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
    height: calc(100%);
}

.slide-info-left {
    width: 50%;
    padding: 24px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.slide-info-left-pic {
  max-height: 500px;
  width: auto;
  max-width: 700px;
}

.slide-info-right {
    width: 40%;
    padding: 24px;
    height: auto;
    margin: 1rem 0;
    font-family: Righteous, var(--default-font-family);
    background: #fff;
    box-shadow: 8px 8px 16px #FE6804;
    /* box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px; */
}

.splide {
  height: 500px;
}

.splide__track {
  height: 500px;
}

.customer-success-section { 
  margin: 56px 0;
  width: 1440px;
  position: relative;
}
.customer-success-header {
  width: 1440px;
  justify-items: center;
  margin-bottom: 16px;
}
.customer-success-title {
  display: flex;
  align-items: center;
}

.cs-title {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 100%;
  color: #231f20;
  font-family: Righteous, var(--default-font-family);
  font-size: 32px;
  font-weight: 400;
  line-height: 39.734px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.64px;
  z-index: 75;
  margin: 0 12px;
}

.cs-subtitle {
  margin: 16px 48px;
  display: inline-block;
  color: #666666;
  font-family: Montserrat, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 21.942px;
  text-align: left;
  white-space: nowrap;
  z-index: 72;
}

.pj-title {
  font-family: Righteous, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  color: #FE6804;
}

.pj-details {
  margin-top: 16px;
  font-family: Montserrat, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  color: #231f20;
}

.pj-topic-title {
  font-size: 12px;
  margin-bottom: 4px;
  color: #666666;
}

.pj-title-desc {
  font-family: Montserrat, var(--default-font-family);
  font-size: 16px;
  color: #666666;
  margin-top: 4px;
}

.pj-topic-desc {
  font-weight: 500;
}

.pj-topic-desc:not(:last-child) {
  margin-bottom: 8px;
}

.pj-li {
  margin-top: 16px;
}

.pj-li-left {
  width: 50%;
}
.pj-li-right {
  width: 50%;
}

.pj-details-sh {
  display: flex;
  justify-content: space-between;
}

.our-fw-area {
  height: 400px;
  margin: 56px auto;
  width: 1440px;
  display: inline-flex;
  align-items: center;
  gap: 88px;
  justify-content: center;
}

.img-our-fw {
  background-image: url(./assets/images/arc-fw-img.png);
  /* width: 100%;
  height: 100%;
  object-fit: cover; */
  background-size: cover;
  background-repeat: no-repeat;
  /* background-attachment: fixed; */
  background-position: center center;
  width: 436px;
  height: 100%;
}

.info-our-fw {
  width: 400px;
  font-family: Montserrat, var(--default-font-family);
  font-size: 18px;
  color: #231f20;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

.award-area {
  width: 1440px;
  margin: 56px 80px;
}

.award-header {
  width: 1440px;
  justify-items: center;
  margin-bottom: 16px;
}

.award-header-title {
  display: flex;
  align-items: center;
}

.award-title {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 100%;
  color: #231f20;
  font-family: Righteous, var(--default-font-family);
  font-size: 32px;
  font-weight: 400;
  line-height: 39.734px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: 0.64px;
  z-index: 75;
  margin: 0 12px;
}

.award-subtitle {
  margin: 16px 48px;
  display: inline-block;
  color: #666666;
  font-family: Montserrat, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 21.942px;
  text-align: left;
  white-space: nowrap;
  z-index: 72;
}

.aw-row-1, .aw-row-2 {
  display: flex;
  flex-wrap: nowrap;
  width: 1280px;
  justify-content: space-between;
  align-items: center;
}

.aw-row-2 {
  flex-direction: row-reverse;
}

.img-aw-1 {
  background-image: url(./assets/images/aw-000001.png);
  width: 400px;
  height: 400px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.img-aw-2 {
  background-image: url(./assets/images/aw-000002.png);
  width: 400px;
  height: 400px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.txt-aw {
  width: 808px;
  line-height: 2rem;
}

.aw-info-desc {
  font-family: Montserrat, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
}

.aw-info-head {
  color: #FE6804;
  font-family: Righteous, var(--default-font-family);
  font-size: 32px;
  font-weight: 400;
}

.partner-area {
  width: 1440px;
  margin: 56px 80px;
}

.partner-header {
  display: flex;
  align-items: center;
  gap: 12px;
}

.partner-info {
  position: relative;
  width: 1280px;
  height: 163px;
  background-color: #f3dfa2;
  border-radius: 24px;
  margin-top: 24px;
}

.partner-img {
  background-image: url(./assets/images/partner-img.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  width: 1216px;
  height: 163px;
  top: 0;
  left: 32px;
}