@font-face {
  font-family: "Nohemi";
  src: url("../font/Nohemi-Thin.woff2") format("woff2"), url("../font/Nohemi-Thin.woff") format("woff"), url("../font/Nohemi-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nohemi";
  src: url("../font/Nohemi-ExtraLight.woff2") format("woff2"), url("../font/Nohemi-ExtraLight.woff") format("woff"), url("../font/Nohemi-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nohemi";
  src: url("../font/Nohemi-Light.woff2") format("woff2"), url("../font/Nohemi-Light.woff") format("woff"), url("../font/Nohemi-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nohemi";
  src: url("../font/Nohemi-Regular.woff2") format("woff2"), url("../font/Nohemi-Regular.woff") format("woff"), url("../font/Nohemi-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nohemi";
  src: url("../font/Nohemi-Medium.woff2") format("woff2"), url("../font/Nohemi-Medium.woff") format("woff"), url("../font/Nohemi-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nohemi";
  src: url("../font/Nohemi-SemiBold.woff2") format("woff2"), url("../font/Nohemi-SemiBold.woff") format("woff"), url("../font/Nohemi-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nohemi";
  src: url("../font/Nohemi-Bold.woff2") format("woff2"), url("../font/Nohemi-Bold.woff") format("woff"), url("../font/Nohemi-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nohemi";
  src: url("../font/Nohemi-ExtraBold.woff2") format("woff2"), url("../font/Nohemi-ExtraBold.woff") format("woff"), url("../font/Nohemi-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nohemi";
  src: url("../font/Nohemi-Black.woff2") format("woff2"), url("../font/Nohemi-Black.woff") format("woff"), url("../font/Nohemi-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
body {
  font-family: "Nohemi", sans-serif;
}

.aws-section {
  margin: 0 auto;
  max-width: 77.5rem;
}
@media (max-width: 1300px) {
  .aws-section {
    margin: 0 4rem;
  }
}
@media (max-width: 750px) {
  .aws-section {
    margin: 0 32px;
  }
}

.top-wrapper {
  position: relative;
  justify-content: center;
  display: flex;
  padding-top: 4rem;
}
@media (max-width: 1300px) {
  .top-wrapper {
    margin-top: -40px;
  }
}
@media (max-width: 1200px) {
  .top-wrapper {
    margin-top: -70px;
  }
}
@media (max-width: 998px) {
  .top-wrapper {
    margin-top: 0px;
    position: static;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    padding-top: 2rem;
  }
}
@media (max-width: 850px) {
  .top-wrapper {
    gap: 10px;
  }
}
@media (max-width: 788px) {
  .top-wrapper {
    grid-template-columns: repeat(1, 1fr);
    padding-top: 1rem;
  }
}

.img-Subtract {
  display: none;
}
@media (max-width: 998px) {
  .img-Subtract {
    display: block;
  }
}

.Subtract-svg {
  display: block;
}
@media (max-width: 998px) {
  .Subtract-svg {
    display: none;
  }
}

.left-content {
  position: absolute;
  left: 64px;
}
@media (max-width: 1300px) {
  .left-content {
    left: 8px;
  }
}
@media (max-width: 1200px) {
  .left-content {
    left: 8px;
    top: 13%;
  }
}
@media (max-width: 1100px) {
  .left-content {
    left: 8px;
    top: 18%;
  }
}
@media (max-width: 998px) {
  .left-content {
    position: static;
  }
}

.main-text {
  font-family: "Nohemi";
  font-style: normal;
  font-weight: 400;
  font-size: 62.3626px;
  line-height: 77px;
  display: flex;
  align-items: center;
  margin: 0;
  color: #093869;
}
@media (max-width: 1300px) {
  .main-text {
    font-size: 59.3626px;
    line-height: 62px;
  }
}
@media (max-width: 1200px) {
  .main-text {
    font-size: 49.3626px;
    line-height: 62px;
  }
}
@media (max-width: 1110px) {
   .main-text {
          font-size: 38.3626px;
        line-height: 43px;
  }
}
@media (max-width: 998px) {
  .main-text {
    font-size: 59.3626px;
    line-height: 70px;
  }
  .main-text br {
    display: none;
  }
}
@media (max-width: 850px) {
  .main-text {
    font-size: 55.3626px;
    line-height: 58px;
  }
}
@media (max-width: 650px) {
  .main-text {
    font-size: 40.3626px;
    line-height: 50px;
  }
}

.subtext {
  font-family: "Nohemi";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 196%;
  display: flex;
  align-items: center;
  color: #6D6D6D;
}
@media (max-width: 1200px) {
  .subtext {
    font-size: 12px;
    line-height: 196%;
  }
}
@media (max-width: 998px) {
  .subtext {
    font-size: 16px;
    line-height: 196%;
    padding-top: 20px;
  }
  .subtext br {
    display: none;
  }
}
@media (max-width: 850px) {
  .subtext {
    font-size: 14px;
    line-height: 189%;
    padding-top: 10px;
  }
}

@media (max-width: 998px) {
  .Subtract-img-main {
    display: flex;
    justify-content: center;
  }
}

@media (max-width: 998px) {
  .aws-badge {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 25px;
    padding-bottom: 10px;
  }
}
@media (max-width: 998px) and (max-width: 600px) {
  .aws-badge {
    padding-bottom: 15px;
    flex-direction: column;
    gap: 15px;
  }
}

.bottom-card {
  position: relative;
  margin-top: -12rem;
  justify-content: center;
  display: flex;
}
@media (max-width: 1200px) {
  .bottom-card {
    margin-top: -11rem;
  }
}
@media (max-width: 1110px) {
  .bottom-card {
    margin-top: -6rem;
  }
}
@media (max-width: 1050px) {
  .bottom-card {
    margin-top: -4rem;
  }
}
@media (max-width: 998px) {
  .bottom-card {
    margin-top: 2rem;
    position: static;
    background-color: #EAEAEA;
    border-radius: 10px;
  }
}

.bottom-card-bgdiv {
  width: 100%;
  max-width: 77.5rem;
  margin: 0 auto;
  position: relative;
  display: flex;
  justify-content: center;
}
@media (max-width: 1300px) {
  .bottom-card-bgdiv {
    margin: 0 4rem;
  }
}
@media (max-width: 998px) {
  .bottom-card-bgdiv {
    position: static;
    display: none;
  }
}

.badge-box {
  position: absolute;
  bottom: -17px;
  z-index: 1;
  padding: 2rem 7rem 4rem;
}
@media (max-width: 1300px) {
  .badge-box {
    bottom: -27px;
    left: 2%;
    padding: 2rem 3rem 4rem;
  }
}
@media (max-width: 1200px) {
  .badge-box {
          bottom: -3rem;

  }
}
@media (max-width: 1100px) {
  .badge-box {
    padding: 2rem 1.2rem 4rem;
  }
}
@media (max-width: 998px) {
  .badge-box {
    position: static;
    padding: 2rem 2.5rem 2rem;
  }
}

.aws-badge-img {
  position: absolute;
  left: 335px;
  top: 40px;
}
@media (max-width: 1300px) {
  .aws-badge-img {
    left: 267px;
  }
}
@media (max-width: 1200px) {
  .aws-badge-img {
    top: 53px;
    left: 225px;
  }
}
@media (max-width: 1100px) {
  .aws-badge-img {
    top: 67px;
    left: 227px;
  }
}
@media (max-width: 1050px) {
  .aws-badge-img {
    top: 83px;
    left: 209px;
  }
}
@media (max-width: 998px) {
  .aws-badge-img {
    position: static;
    display: none;
  }
}
.aws-badge-img.aws-badge-img-inside {
  display: none;
}
@media (max-width: 998px) {
  .aws-badge-img.aws-badge-img-inside {
    position: static;
    display: block;
  }
}
@media (max-width: 1100px) {
  .aws-badge-img img {
    width: 90%;
  }
}
@media (max-width: 1050px) {
  .aws-badge-img img {
    width: 80%;
  }
}

.bottom-card-bg-svg {
  display: block;
}
@media (max-width: 998px) {
  .bottom-card-bg-svg {
    display: none;
  }
}

.aws-badge-h {
  padding-bottom: 20px;
  font-family: "Nohemi";
  font-style: normal;
  font-weight: 400;
  font-size: 31.2449px;
  line-height: 130%;
  color: #0A3869;
}
@media (max-width: 1200px) {
  .aws-badge-h {
    padding-bottom: 14px;
    font-size: 30.2449px;
    line-height: 110%;
  }
}
@media (max-width: 998px) {
  .aws-badge-h {
    padding: 0;
    margin: 0;
  }
}
@media (max-width: 600px) {
  .aws-badge-h br {
    display: none;
  }
}

.info-content-p {
  font-family: "Nohemi";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 200%;
  color: #939393;
}
@media (max-width: 1200px) {
  .info-content-p {
            font-size: 16px;
        line-height: 29px;
  }
}

.differ-h2 {
  font-family: "Nohemi";
  font-style: normal;
  font-weight: 400;
  font-size: 53.3245px;
  line-height: 54px;
  text-align: center;
  color: #BABABA;
  padding-top: 4.5rem;
}
@media (max-width: 600px) {
  .differ-h2 {
    padding-top: 3.5rem;
    font-size: 50.3245px;
  }
}

.differ-blue {
  color: #3C80FF;
}

.services-section {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  padding: 60px 80px;
  text-align: center;
}
@media (max-width: 767px) {
  .services-section {
    gap: 25px;
  }
}

.service-box {
  flex: 1;
}

.service-box h2 {
  font-family: "Nohemi";
  font-style: normal;
  font-weight: 400;
  font-size: 23.9424px;
  line-height: 23px;
  text-align: center;
  color: #093869;
  padding-bottom: 15px;
}

.service-box p {
  font-family: "Nohemi";
  font-style: normal;
  font-weight: 400;
  font-size: 12.4712px;
  line-height: 140%;
  text-align: center;
  color: #4D4D4D;
}

@media (max-width: 900px) {
  .services-section {
    flex-direction: column;
    padding: 40px 20px;
  }
}
.comp-main {
  padding: 2.3rem;
  padding-top: 4.9rem;
}
@media (max-width: 767px) {
  .comp-main {
    padding: 0 0 15px;
    padding-top: 0rem;
  }
}

.comp-h2 {
  padding-bottom: 1.8rem;
  font-family: "Nohemi";
  font-style: normal;
  font-weight: 400;
  font-size: 54.8276px;
  line-height: 60px;
  color: #093869;
}
@media (max-width: 767px) {
  .comp-h2 {
    padding-bottom: 10px;
    font-size: 40.8276px;
    line-height: 49px;
  }
  .comp-h2 br {
    display: none;
  }
}

.comp-p {
  font-family: "Nohemi";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #999999;
}

.app-wrapper {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  cursor: grab;
  scrollbar-width: none;
  -ms-overflow-style: none;
  position: relative;
  padding-bottom: 3.2rem;
}
@media (max-width: 767px) {
  .app-wrapper {
    padding-bottom: 2.2rem;
  }
}

.app-wrapper:active {
  cursor: grabbing;
}

.app-wrapper::-webkit-scrollbar {
  display: none;
}

.app-main {
  display: grid;
  grid-template-columns: repeat(6, 285px);
  gap: 35px;
  margin-left: 23rem;
  width: max-content;
}
@media (max-width: 1550px) {
  .app-main {
    margin-left: 186px;
  }
}
@media (max-width: 1400px) {
  .app-main {
    margin-left: 7rem;
  }
}
@media (max-width: 998px) {
  .app-main {
    margin-left: 10rem;
  }
}
@media (max-width: 767px) {
  .app-main {
    margin-left: 6rem;
    gap: 25px;
  }
}

.app-card {
  background-color: #EAEAEA;
  border-radius: 20px;
  padding: 25px;
  width: 285px;
  flex-shrink: 0;
  user-select: none;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}
.app-card.CARD-NONE {
  background-color: transparent;
}
.app-card.card-blue {
  background-color: #0A3869;
}

.app-card-h3 {
  font-family: "Nohemi";
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  color: #093869;
  padding: 2rem 0 1rem;
}

.app-card-p {
  font-family: "Nohemi";
  font-weight: 400;
  font-size: 11px;
  line-height: 16px;
  color: #8F8F8F;
  margin: 0;
  margin-top: auto;
}

.white {
  color: white !important;
}

.app-image {
  grid-column: span 2;
  width: 100%;
  display: flex;
  justify-content: center;
  /* optional */
}

.app-image img {
  width: 100%;
  max-width: 100%;
}

.finance-cards-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  padding: 24px 34px;
}
@media (max-width: 1250px) {
  .finance-cards-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .finance-cards-wrapper {
    grid-template-columns: repeat(1, 1fr);
    padding: 24px 0;
  }
}

.financecard {
  border: 1.2px solid #3C80FF;
  border-radius: 15.5px;
  padding: 28px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.financecard h3 {
  font-family: "Nohemi";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 26px;
  color: #0A3869;
}

.financecard p {
  font-family: "Nohemi";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 108.95%;
  color: #999999;
  margin: 0;
  padding: 20px 0;
}

.btnarrow {
  border: 1px solid #3C80FF;
  border-radius: 16px;
  font-family: "Nohemi";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 150%;
  color: #3C80FF;
  text-decoration: none;
  padding: 13.5px 33px;
  max-width: 170px;
  text-align: center;
}

.fin-img {
  position: absolute;
  bottom: 5px;
  right: 5px;
}

.industries {
  background-color: #0D3764;
}

.industries-container {
  margin-top: 5rem;
  padding: 4rem 2rem;
}
@media (max-width: 1600px) {
  .industries-container {
    padding: 4rem 2rem;
  }
}
@media (max-width: 767px) {
  .industries-container {
    margin-top: 1rem;
    padding: 3rem 2rem;
  }
}

.industries-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  padding-bottom: 2rem;
}
@media (max-width: 767px) {
  .industries-grid {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 32px;
  }
}

.industries-flex {
  display: flex;
  justify-content: space-evenly;
}
@media (max-width: 767px) {
  .industries-flex {
    flex-direction: column;
    justify-content: center;
    row-gap: 32px;
  }
}

.industries h2 {
  font-family: "Nohemi";
  font-style: normal;
  font-weight: 500;
  font-size: 32px;
  line-height: 124.97%;
  text-align: center;
  color: #FFFFFF;
}

.subtitle {
  font-family: "Nohemi";
  font-style: normal;
  font-weight: 200;
  padding-bottom: 3rem;
  font-size: 10.8921px;
  line-height: 124.97%;
  text-align: center;
  color: #e9e9e9;
}

.industry-card {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
}

.industry-card h3 {
  font-family: "Nohemi";
  font-style: normal;
  font-weight: 400;
  font-size: 18.0682px;
  line-height: 124.97%;
  text-align: center;
  color: #FFFFFF;
  padding-top: 22px;
}

.industry-card p {
  font-family: "Nohemi";
  font-style: normal;
  font-weight: 200;
  font-size: 9.83409px;
  line-height: 161%;
  text-align: center;
  color: #e9e9e9;
}

/*# sourceMappingURL=styles2.css.map */