@font-face {
  font-family: Aspekta;
  src: url("../../assets/fonts/Aspekta-400.eot");
  src: url("../../assets/fonts/Aspekta-400.woff2") format("woff2"), url("../../assets/fonts/Aspekta-400.woff") format("woff"), url("../../assets/fonts/Aspekta-400.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: Aspekta;
  src: url("../../assets/fonts/Aspekta-500.eot");
  src: url("../../assets/fonts/Aspekta-500.woff2") format("woff2"), url("../../assets/fonts/Aspekta-500.woff") format("woff"), url("../../assets/fonts/Aspekta-500.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: Aspekta;
  src: url("../../assets/fonts/Aspekta-600.eot");
  src: url("../../assets/fonts/Aspekta-600.woff2") format("woff2"), url("../../assets/fonts/Aspekta-600.woff") format("woff"), url("../../assets/fonts/Aspekta-600.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: Inter;
  src: url("../../assets/fonts/Inter-Regular.eot");
  src: url("../../assets/fonts/Inter-Regular.woff2") format("woff2"), url("../../assets/fonts/Inter-Regular.woff") format("woff"), url("../../assets/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: Inter;
  src: url("../../assets/fonts/Inter-Medium.eot");
  src: url("../../assets/fonts/Inter-Medium.woff2") format("woff2"), url("../../assets/fonts/Inter-Medium.woff") format("woff"), url("../../assets/fonts/Inter-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: Inter;
  src: url("../../assets/fonts/Inter-SemiBold.eot");
  src: url("../../assets/fonts/Inter-SemiBold.woff2") format("woff2"), url("../../assets/fonts/Inter-SemiBold.woff") format("woff"), url("../../assets/fonts/Inter-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
}
.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-right: -15px;
  padding-left: -15px;
}

.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

@media (min-width: 1800px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 1200px) and (max-width: 1800px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 1024px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 577px) and (max-width: 1023px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sm-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .col-xs {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xs-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xs-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xs-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xs-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xs-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xs-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xs-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xs-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xs-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xs-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xs-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xs-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xs-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xs-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xs-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xs-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xs-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xs-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xs-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xs-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xs-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xs-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xs-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xs-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xs-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xs-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xs-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xs-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
}
@media (min-width: 320px) and (max-width: 576px) and (max-width: 768px) {
  .order-xs-12 {
    order: 12;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .offset-xs-0 {
    margin-left: 0;
  }
  .offset-xs-1 {
    margin-left: 8.333333%;
  }
  .offset-xs-2 {
    margin-left: 16.666667%;
  }
  .offset-xs-3 {
    margin-left: 25%;
  }
  .offset-xs-4 {
    margin-left: 33.333333%;
  }
  .offset-xs-5 {
    margin-left: 41.666667%;
  }
  .offset-xs-6 {
    margin-left: 50%;
  }
  .offset-xs-7 {
    margin-left: 58.333333%;
  }
  .offset-xs-8 {
    margin-left: 66.666667%;
  }
  .offset-xs-9 {
    margin-left: 75%;
  }
  .offset-xs-10 {
    margin-left: 83.333333%;
  }
  .offset-xs-11 {
    margin-left: 91.666667%;
  }
}
* {
  box-sizing: border-box;
  outline: none;
  margin: 0;
  padding: 0;
}

html {
  font-family: Aspekta;
  cursor: default;
  font-size: 10px;
  line-height: 1.21;
}
@media (min-width: 320px) and (max-width: 767px) {
  html {
    font-size: 8px;
  }
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

a {
  text-decoration: none;
  color: black;
  cursor: pointer;
}

button {
  font-family: Inter;
  cursor: pointer;
  border-width: 0px;
}

p {
  font-family: Aspekta;
}

ul,
ol {
  list-style-type: none;
}

.maxWidth {
  width: 1270px;
}
@media (min-width: 320px) and (max-width: 1286px) {
  .maxWidth {
    width: 100%;
  }
}

.nav {
  background: #ffffff;
  position: sticky;
  top: 0;
  z-index: 10;
}
.nav .navContainer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 95px;
  margin: 0 auto;
  padding: 24px 0;
}
@media (min-width: 768px) and (max-width: 1286px) {
  .nav .navContainer {
    padding: 24px 1.5rem;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .nav .navContainer {
    padding: 16px;
    min-height: 67px;
  }
}
.nav .navContainer__left-icon img {
  height: 47px;
}
@media (min-width: 577px) and (max-width: 768px) {
  .nav .navContainer__left-icon {
    height: 38px;
  }
  .nav .navContainer__left-icon img {
    height: 38px;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .nav .navContainer__left-icon {
    height: 24px;
  }
  .nav .navContainer__left-icon img {
    object-fit: cover;
    width: 86px;
    height: 25px;
  }
}
.nav .navContainer__mobileOnly {
  display: block;
}
@media (min-width: 576px) {
  .nav .navContainer__mobileOnly {
    display: none;
  }
}
.nav .navContainer__rightContainer {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (min-width: 320px) and (max-width: 576px) {
  .nav .navContainer__rightContainer {
    gap: 16px;
  }
}
.nav .navContainer__rightContainer .itemContainer {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media (min-width: 320px) and (max-width: 968px) {
  .nav .navContainer__rightContainer .itemContainer {
    display: none;
  }
}
.nav .navContainer__rightContainer .itemContainer__item a {
  font-family: Aspekta;
  color: #191c1f;
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.21;
  padding: 8px 4px;
}
.nav .navContainer__rightContainer .itemContainer__item a:hover {
  color: #ff912c;
}
.nav .navContainer__rightContainer .itemContainer__item--disabled a {
  color: #767676;
  font-size: 1.6rem;
  cursor: none;
  pointer-events: none;
  display: flex;
  align-items: center;
  gap: 8px;
}
.nav .navContainer__rightContainer .itemContainer__item--disabled a .coming {
  background-color: #ff912c;
  color: #ffffff;
  font-weight: 500;
  font-size: 0.8rem;
  line-height: 1.21;
  padding: 4px 8px;
  border-radius: 16px;
}
.nav .navContainer__rightContainer .itemContainer__item .disabled-item {
  color: #3d4a5c;
  cursor: none;
  pointer-events: none;
}
.nav .navContainer__rightContainer .itemContainer__item .disabled-item .coming {
  background-color: #ff912c;
  color: #ffffff;
  font-weight: 500;
  font-size: 0.8rem;
  line-height: 1.21;
  padding: 4px 8px;
  border-radius: 16px;
}
.nav .navContainer__rightContainer .itemContainer .dropdown:hover path {
  stroke: #ff912c;
}
.nav .navContainer__rightContainer .itemContainer .dropdown:hover .dropdown-content {
  display: block;
  margin-left: 2px;
}
.nav .navContainer__rightContainer .itemContainer .dropdown {
  position: relative;
}
.nav .navContainer__rightContainer .itemContainer .dropdown .dropbtn {
  position: relative;
}
.nav .navContainer__rightContainer .itemContainer .dropdown .dropbtn:hover {
  color: #191c1f;
}
.nav .navContainer__rightContainer .itemContainer .dropdown .dropbtn::after {
  content: "";
  background: url(../../assets/icons/Icon.svg) no-repeat center;
  display: block;
  height: 10px;
  width: 1.2rem;
}
.nav .navContainer__rightContainer .itemContainer .dropdown .dropdown-content {
  background: #ffffff;
  display: none;
  position: absolute;
  right: 0;
  z-index: 11;
  padding: 8px 16px;
  box-shadow: 0px 4px 20px -4px rgba(109, 119, 131, 0.15);
  border-radius: 6px;
}
.nav .navContainer__rightContainer .itemContainer .dropdown .dropdown-content li {
  border-bottom: 1px solid #f0f3f9;
}
.nav .navContainer__rightContainer .itemContainer .dropdown .dropdown-content li:last-child {
  border: 0;
}
.nav .navContainer__rightContainer .itemContainer .dropdown .dropdown-content__item {
  width: fit-content;
  white-space: nowrap;
  padding: 14px 4px;
}
.nav .navContainer__rightContainer .navButton {
  background: #061f62;
  color: #ffffff;
  font-size: 1.6rem;
  line-height: 1.2;
}
.nav .navContainer__rightContainer .navButton:hover {
  background: #ff912c;
}
@media (min-width: 320px) and (max-width: 968px) {
  .nav .navContainer__rightContainer .navButton {
    display: none;
  }
}
.nav .navContainer__rightContainer #closeNav {
  background: #ffffff;
  display: none;
}
.nav .navContainer__sidemenuButton {
  display: none;
}
.nav .navContainer__sidemenuButton--open, .nav .navContainer__sidemenuButton--close {
  display: none;
}
@media (min-width: 320px) and (max-width: 967px) {
  .nav .navContainer__sidemenuButton--open {
    color: #061f62;
    display: block;
    min-width: 18px;
  }
  .nav .navContainer__sidemenuButton i::before {
    background: #ffffff;
  }
}

.sidenav {
  background-color: #ffffff;
  position: fixed;
  overflow-x: hidden;
  height: 0;
  width: 100vw;
  top: 66px;
  right: 0;
  z-index: 9;
}
.sidenav a {
  font-family: Aspekta;
  color: #191c1f;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  font-size: 2rem;
  transition: 0.3s;
  gap: 4px;
  padding: 8px 16px 8px 16px;
}
@media (min-width: 768px) and (max-width: 950px) {
  .sidenav a {
    font-size: 1.8rem;
  }
}
.sidenav #ResourcesMenu,
.sidenav #CompanyMenu,
.sidenav #PlatformAndServicesMenu,
.sidenav #Product {
  display: none;
}
.sidenav__button {
  font-family: Aspekta;
  color: #191c1f;
  background-color: #ffffff;
  display: block;
  display: flex;
  align-items: center;
  transition: 0.1s;
  font-size: 2rem;
  width: 100%;
  padding: 8px 16px 8px 16px;
  gap: 4px;
}
@media (min-width: 768px) and (max-width: 950px) {
  .sidenav__button {
    font-size: 1.8rem;
  }
}
.sidenav__button--icon {
  height: 8px;
  padding: 1px;
  margin-top: 4px;
}
.sidenav .navinner {
  padding-left: 36px;
}
.sidenav .navitem-disabled {
  color: #767676;
  cursor: none;
  pointer-events: none;
}
.sidenav .navitem-disabled .coming {
  background-color: #ff912c;
  color: #ffffff;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.21;
  padding: 3px 8px;
  border-radius: 16px;
}
.sidenav__contact {
  padding: 16px;
}
.sidenav__contact--button {
  background: #061f62;
  color: #ffffff;
  width: 100%;
  font-weight: 500;
  font-size: 18px;
  padding: 12px 24px;
  border-radius: 55px;
}
.sidenav__contact--button:hover {
  background: #ff912c;
}

.mediumButton {
  padding: 12px 24px;
  border-radius: 56px;
}
@media (min-width: 320px) and (max-width: 576px) {
  .mediumButton {
    padding: 8px 16px;
  }
}

.largeButton {
  padding: 16px 24px;
  border-radius: 56px;
}
@media (min-width: 320px) and (max-width: 576px) {
  .largeButton {
    padding: 8px 16px;
  }
}

.verticalLine {
  background: linear-gradient(#fff4db, #ffb000, #ffb000);
  position: absolute;
  width: 2px;
  left: 40%;
  height: 100%;
}
@media (min-width: 320px) and (max-width: 576px) {
  .verticalLine {
    left: auto;
  }
}

.demo {
  background-color: #061f62;
  color: #ffffff;
  position: relative;
  text-align: center;
  height: 214px;
  padding: 45px 0 22px 0;
}
@media (min-width: 320px) and (max-width: 576px) {
  .demo {
    padding-left: 16px;
    padding-right: 16px;
    height: fit-content;
  }
}
.demo::before {
  content: "";
  background: url(../../assets/img/Common/demo.png) center center;
  position: absolute;
  width: 100%;
  height: 12.2rem;
  opacity: 0.06;
  left: 0;
  right: 0;
}
.demo__mainHeading {
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 4.3rem;
}
@media (min-width: 320px) and (max-width: 576px) {
  .demo__mainHeading {
    margin: 0 auto 12px;
    width: 90%;
    font-size: 2.25rem;
    line-height: 1.31;
  }
}
.demo__subHeading {
  position: relative;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.4rem;
  z-index: 5;
}
@media (min-width: 320px) and (max-width: 576px) {
  .demo__subHeading {
    font-size: 1.75rem;
  }
}
.demo__button {
  background-color: transparent;
  color: #ffffff;
  position: relative;
  z-index: 5;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 38px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.6rem;
  margin-top: 24px;
  padding: 16px 24px;
}
@media (min-width: 320px) and (max-width: 576px) {
  .demo__button {
    font-size: 2rem;
    padding: 8px 16px;
  }
}
.demo__button:hover {
  background-color: #ff912c;
  color: #ffffff;
  border: 1px solid #ff912c;
  cursor: pointer;
}

.footer {
  background-color: #01091f;
  color: #ffffff;
}
@media (min-width: 577px) and (max-width: 1286px) {
  .footer {
    padding: 0 1.5rem;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .footer {
    padding: 36px 0 19px;
  }
}
.footer__content {
  height: 319px;
  margin: 0 auto;
  padding: 2.5% 0;
}
@media (min-width: 320px) and (max-width: 576px) {
  .footer__content {
    height: fit-content;
    padding: 0;
  }
}
.footer__content--heading {
  display: block;
  margin-bottom: 12px;
}
.footer__content--heading img {
  height: 34px;
}
@media (min-width: 320px) and (max-width: 576px) {
  .footer__content--heading {
    margin-bottom: 8px;
  }
}
.footer__content--subHeading {
  display: inline-block;
  width: 244px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.9rem;
  margin-bottom: 32px;
}
@media (min-width: 320px) and (max-width: 576px) {
  .footer__content--subHeading {
    font-size: 1.75rem;
    margin-bottom: 24px;
  }
}
@media (min-width: 577px) and (max-width: 715px) {
  .footer__content--subHeading {
    width: 90%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .footer__content--imagecontainer {
    display: flex;
    align-items: center;
    margin-bottom: 52px;
  }
}
.footer__content--images {
  object-fit: contain;
  margin-right: 20px;
}
@media (min-width: 320px) and (max-width: 576px) {
  .footer__content--img1 {
    width: 76px;
    object-fit: none;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .footer__content--img2 {
    width: 40px;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .footer__content--img3 {
    width: 91px;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .footer__content--img4 {
    width: 48px;
  }
}
.footer__listing-container {
  flex-wrap: nowrap;
  justify-content: flex-end;
  gap: 2.5%;
}
@media (min-width: 577px) and (max-width: 767px) {
  .footer__listing-container {
    gap: 0;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .footer__listing-container {
    flex-wrap: wrap;
    gap: 0;
  }
}
.footer__listing {
  min-width: 100px;
}
@media (min-width: 577px) and (max-width: 1100px) {
  .footer__listing {
    min-width: 86px;
  }
}
.footer__listing:last-child {
  width: 181px;
}
@media (min-width: 320px) and (max-width: 576px) {
  .footer__listing {
    margin-bottom: 24px;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.footer__listing--heading {
  color: #424b5a;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.7rem;
  margin-bottom: 14px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (min-width: 577px) and (max-width: 950px) {
  .footer__listing--heading {
    white-space: wrap;
  }
}
@media (min-width: 1189px) and (max-width: 1190px) {
  .footer__listing--heading {
    flex-wrap: wrap;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .footer__listing--heading {
    flex-wrap: wrap;
  }
}
.footer__listing li {
  margin-bottom: 10px;
}
@media (min-width: 320px) and (max-width: 576px) {
  .footer__listing li {
    margin-bottom: 8px;
  }
}
.footer__listing--item, .footer__listing--item-disabled {
  color: #828282;
  text-decoration: none;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.1rem;
}
@media (min-width: 577px) and (max-width: 767px) {
  .footer__listing--item, .footer__listing--item-disabled {
    word-wrap: break-word;
  }
}
.footer__listing--item:hover, .footer__listing--item-disabled:hover {
  color: #ffffff;
  text-decoration: underline;
}
.footer__listing--item-disabled {
  color: #424b5a;
  pointer-events: none;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px;
}
.footer__listing--address {
  color: #828282;
  text-decoration: none;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.1rem;
}
@media (min-width: 577px) and (max-width: 767px) {
  .footer__listing--address {
    word-wrap: break-word;
  }
}
.footer__copyWrite {
  margin: 0 auto;
  justify-content: space-between;
  padding: 0 0 2%;
}
@media (min-width: 320px) and (max-width: 576px) {
  .footer__copyWrite {
    padding: 0 16px;
  }
}
.footer__copyWrite--details {
  margin-left: 0px;
}
.footer__copyWrite--details a,
.footer__copyWrite--details p {
  color: #7d8590;
  text-decoration: none;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.8rem;
  margin-right: 12px;
}
.footer__copyWrite--details a:hover {
  color: #ffffff;
  text-decoration: underline;
}
@media (min-width: 320px) and (max-width: 576px) {
  .footer__copyWrite--details {
    row-gap: 8px;
  }
}
.footer__copyWrite--logos {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media (min-width: 320px) and (max-width: 576px) {
  .footer__copyWrite--logos {
    margin-bottom: 16px;
  }
}
.footer__copyWrite--logos i {
  color: #828282;
  margin-right: 16px;
}
.footer__copyWrite--logos i:hover {
  cursor: pointer;
  color: #ffffff;
}

.ML10 {
  margin-left: 1rem;
}

.ML15 {
  margin-left: 1.5rem;
}

.ML20 {
  margin-left: 2rem;
}

.ML25 {
  margin-left: 2.5rem;
}

.P0 {
  padding: 0;
}

.heroInfo {
  color: #061f62;
  font-size: 4rem;
  line-height: 1.3;
  margin: 0 0 2.4rem;
  padding-top: 2.6rem;
}
@media (min-width: 320px) and (max-width: 576px) {
  .heroInfo {
    text-align: center;
    font-size: 3.5rem;
  }
}
.heroInfo .orange-heroInfo {
  color: #ff912c;
}

.heroSubInfo {
  color: #4f4f4f;
  font-weight: 400;
  font-size: 2rem;
  line-height: 1.3;
  margin: 0 0 3.6rem;
}
@media (min-width: 320px) and (max-width: 576px) {
  .heroSubInfo {
    text-align: center;
  }
}

.heroButton {
  background: #ffffff;
  border: solid 2px #061f62;
  color: #061f62;
  font-weight: 500;
  font-size: 1.8rem;
  padding: 12px 24px;
  border-radius: 5.5rem;
}
@media (min-width: 320px) and (max-width: 576px) {
  .heroButton {
    display: none;
  }
}

.heroImage {
  width: 100%;
}

.common-heading {
  text-align: center;
}
@media (min-width: 320px) and (max-width: 1286px) {
  .common-heading {
    padding: 0 1.6rem;
  }
}
.common-heading__main-heading {
  color: #353535;
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 1.2;
  margin-bottom: 1.6rem;
}
.common-heading__sub-heading {
  color: #646464;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 1.2;
}

.common-info__heading {
  color: #090a0b;
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 1.2;
  margin-bottom: 2.4rem;
}
.common-info__heading--orange {
  color: #ff912c;
}
.common-info__info {
  color: #616a75;
  line-height: 1.2;
  font-size: 1.6rem;
  font-weight: 400;
}

.cardSwipper {
  padding: 0 5rem !important;
  margin-bottom: 12rem;
}
@media (max-width: 577px) {
  .cardSwipper {
    padding: 0 2rem !important;
  }
}

.empowering {
  margin: 0 auto;
}
.empowering__header {
  text-align: center;
  margin-bottom: 24px;
  padding-top: 85px;
}
.empowering__header h1 {
  color: #061f62;
  font-weight: 600;
  font-size: 4rem;
  line-height: 1.3;
  margin: 0;
}
@media (min-width: 320px) and (max-width: 576px) {
  .empowering__header h1 {
    margin: 0 auto;
    font-weight: 600;
    font-size: 3.8rem;
    line-height: 36px;
  }
}
.empowering__header--orange {
  color: #ff912c;
}
.empowering__info {
  color: #4f4f4f;
  text-align: center;
  font-weight: 400;
  font-size: 2.4rem;
  line-height: 1.3;
  margin-bottom: 48px;
}
@media (min-width: 320px) and (max-width: 576px) {
  .empowering__info {
    margin: 0 auto 40px auto;
    width: 80%;
    font-weight: 500;
    font-size: 2rem;
    line-height: 19px;
  }
  .empowering__info br {
    display: none;
  }
}
.empowering__image-gird {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  margin-bottom: 40px;
  padding-bottom: 80px;
}
@media (min-width: 320px) and (max-width: 576px) {
  .empowering__image-gird {
    margin-bottom: 0;
  }
  .empowering__image-gird img {
    width: 85%;
    margin-left: 39px;
  }
}
.empowering__image-gird--background {
  position: absolute;
  transform: rotate(90deg);
  right: 0;
  bottom: 0.5%;
  z-index: -1;
}
@media (min-width: 320px) and (max-width: 576px) {
  .empowering__image-gird--background {
    bottom: 6.9%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .empowering__image-gird--no-image {
    display: none;
  }
  .empowering__image-gird--no-image img {
    display: none;
  }
}

.mission {
  margin: 0 auto;
  padding-top: 7.5rem;
}
@media (min-width: 577px) and (max-width: 1286px) {
  .mission {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
}
.mission__heading {
  color: #353535;
  text-align: center;
  font-weight: 600;
  font-size: 4rem;
  line-height: 1.2;
  margin-bottom: 16px;
}
.mission__heading--orange {
  color: #ff912c;
}
@media (min-width: 320px) and (max-width: 576px) {
  .mission__heading {
    color: #353535;
    font-size: 3rem;
  }
}
.mission__sub-heading {
  color: #353535;
  text-align: center;
  font-weight: 400;
  font-size: 2.4rem;
  line-height: 1.2;
  margin-bottom: 36px;
}
@media (min-width: 320px) and (max-width: 576px) {
  .mission__sub-heading {
    color: #4f4f4f;
    margin: 0 auto;
    width: 89%;
    font-weight: 500;
    font-size: 2rem;
    line-height: 19px;
  }
}
.mission__points {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
}
@media (min-width: 320px) and (max-width: 576px) {
  .mission__points {
    flex-direction: column;
  }
}
.mission__points--imagecontainer {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 240px;
}
.mission__points--details {
  text-align: center;
  width: 30%;
  margin-bottom: 10px;
  padding: 0 42px;
  border-radius: 24px;
}
@media (min-width: 576px) and (max-width: 767px) {
  .mission__points--details {
    padding: 0 12px;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .mission__points--details {
    width: auto;
    padding: 40px 42px 0 42px;
  }
}
.mission__points--details p {
  color: #353535;
  font-weight: 550;
  font-size: 1.8rem;
  line-height: 1.2;
  margin-bottom: 10px;
}
@media (min-width: 320px) and (max-width: 576px) {
  .mission__points--details p {
    font-weight: 600;
    font-size: 2rem;
    line-height: 19px;
  }
}
.mission__points--details span {
  color: #595959;
  font-weight: 450;
  font-size: 1.4rem;
  line-height: 1.3;
}
@media (min-width: 320px) and (max-width: 576px) {
  .mission__points--details span {
    color: #5e5e5e;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 14px;
    margin: 0 20px;
  }
}

.founders {
  margin: 0 auto 100px;
  padding-top: 7rem;
}
@media (min-width: 577px) and (max-width: 1286px) {
  .founders {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .founders {
    margin: 0 auto 56px;
  }
}
.founders__header {
  color: #191c1f;
  text-align: center;
  font-weight: 600;
  font-size: 4rem;
  line-height: 1.2;
  margin-bottom: 36px;
}
@media (min-width: 320px) and (max-width: 576px) {
  .founders__header {
    color: #353535;
    font-size: 3rem;
  }
}
.founders__cardcontainer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
@media (min-width: 320px) and (max-width: 576px) {
  .founders__cardcontainer {
    flex-direction: column;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  .founders__cardcontainer {
    flex-wrap: wrap;
  }
}
@media (min-width: 768px) and (max-width: 969px) {
  .founders__cardcontainer {
    gap: 10px;
  }
}
.founders__card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 285px;
}
.founders__card--image {
  background: #f2f5f7;
  height: 418px;
  width: 100%;
  border-radius: 24px;
}
@media (min-width: 768px) and (max-width: 969px) {
  .founders__card--image {
    height: 308px;
  }
}
@media (min-width: 970px) and (max-width: 1286px) {
  .founders__card--image {
    height: 358px;
  }
}
.founders__card--image img {
  width: 100%;
  height: 100%;
  border-radius: 24px;
}
.founders__card--header {
  color: #ffffff;
  cursor: pointer;
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 1.21;
  margin-bottom: 4px;
}
@media (min-width: 768px) and (max-width: 969px) {
  .founders__card--header {
    font-size: 2rem;
  }
}
.founders__card--sub-header {
  color: #eaeaea;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.21;
  margin-bottom: 32px;
}
@media (min-width: 577px) and (max-width: 767px) {
  .founders__card--sub-header {
    margin-bottom: 24px;
  }
}
@media (min-width: 768px) and (max-width: 969px) {
  .founders__card--sub-header {
    font-size: 1.2rem;
  }
}
.founders__card--info {
  color: #ffffff;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.3;
}
@media (min-width: 768px) and (max-width: 969px) {
  .founders__card--info {
    font-size: 1.4rem;
  }
}
.founders__card--info li:last-child {
  margin-top: 16px;
}
.founders__card--linkedin-container {
  align-self: flex-end;
}
.founders__card--linkedin-container a {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000038;
  height: 48px;
  width: 48px;
  border-radius: 100%;
}
.founders__card .overlay {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  opacity: 0;
  height: 0;
  transition: 0.5s ease;
}
.founders__card .overlay__hidden {
  display: none;
}
.founders__card .overlay__hidden-linkedin {
  opacity: 0;
  transition: 0.1s ease 0.3s;
}
.founders__card:hover .overlay {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: rgba(6, 31, 98, 0.85);
  backdrop-filter: blur(12px);
  height: 100%;
  opacity: 1;
  border-radius: 24px;
  padding: 24px;
}
.founders__card:hover .overlay__hidden {
  display: block;
}
.founders__card:hover .overlay__hidden-linkedin {
  display: block;
  opacity: 1;
}
@media (min-width: 577px) and (max-width: 767px) {
  .founders__card:hover .overlay {
    padding: 18px;
  }
}

.clients {
  background: #fff8f4;
  padding: 25px 0 35px;
}
@media (min-width: 320px) and (max-width: 576px) {
  .clients {
    padding: 0;
  }
}
.clients__wrapper {
  margin: 0 auto;
}
.clients__left-header {
  text-align: center;
  font-size: 4rem;
  line-height: 1.2;
}
@media (min-width: 320px) and (max-width: 576px) {
  .clients__left-header {
    color: #353535;
    font-size: 3rem;
  }
}
.clients__grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  max-width: 66%;
  gap: 36px;
  margin: 0 auto;
}
.clients__grid--centered {
  justify-content: center;
}
@media (min-width: 768px) and (max-width: 1286px) {
  .clients__grid {
    max-width: 90%;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .clients__grid {
    justify-content: center;
    max-width: 100%;
    gap: 18px;
    padding-bottom: 30px;
  }
}
.clients__grid img {
  object-fit: contain;
  height: 94px;
}
@media (min-width: 320px) and (max-width: 576px) {
  .clients__grid img {
    height: 54px;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  .clients__grid img {
    height: 60px;
  }
}
@media (min-width: 768px) and (max-width: 809px) {
  .clients__grid img {
    height: 70px;
  }
}
@media (min-width: 810px) and (max-width: 980px) {
  .clients__grid img {
    height: 75px;
  }
}

.testimonial {
  margin: 0 auto;
  padding: 0;
}
@media (min-width: 577px) and (max-width: 1286px) {
  .testimonial {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .testimonial {
    padding: 0 16px;
  }
}
.testimonial__heading {
  color: #090a0b;
  text-align: center;
  font-weight: 600;
  font-size: 4rem;
  line-height: 1.3;
  padding-bottom: 36px;
}
@media (min-width: 320px) and (max-width: 576px) {
  .testimonial__heading {
    color: #353535;
    font-size: 3rem;
    padding-bottom: 26px;
  }
}
.testimonial__cards {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin: 0 0 40px !important;
  padding-bottom: 60px !important;
}
@media (min-width: 768px) and (max-width: 1286px) {
  .testimonial__cards {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
}
@media (min-width: 320px) and (max-width: 669px) {
  .testimonial__cards {
    flex-direction: column;
    margin: 0 !important;
    padding-bottom: 30px !important;
  }
}
.testimonial__cards--details {
  border: 2px solid #f1f1f1;
  min-height: 320px;
  width: 100%;
  margin-bottom: 40px;
  padding: 24px 30px 30px 24px;
  border-radius: 27px;
}
@media (min-width: 577px) and (max-width: 669px) {
  .testimonial__cards--details {
    width: 80%;
  }
}
@media (min-width: 670px) and (max-width: 767px) {
  .testimonial__cards--details {
    padding: 12px 18px;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .testimonial__cards--details {
    margin-bottom: 20px;
  }
}
.testimonial__cards--details img {
  background-color: #ffebd9;
  width: 64px;
  height: 64px;
  border-radius: 100%;
}
@media (min-width: 670px) and (max-width: 767px) {
  .testimonial__cards--details img {
    width: 48px;
    height: 48px;
  }
}
.testimonial__cards--detailsp {
  color: #353535;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 1.2;
  margin-top: 16px;
  padding-bottom: 44px;
  min-height: 155px;
}
@media (min-width: 320px) and (max-width: 576px) {
  .testimonial__cards--detailsp {
    font-size: 2rem;
    padding-bottom: 30px;
  }
}
@media (min-width: 768px) and (max-width: 1286px) {
  .testimonial__cards--detailsp {
    min-height: 215px;
  }
}
.testimonial__cards--name {
  display: flex;
  justify-content: space-between;
}
.testimonial__cards--name p {
  color: #061f62;
  font-weight: 550;
  font-size: 1.6rem;
  line-height: 1.2;
  padding-bottom: 4px;
}
.testimonial__cards--name span {
  color: #5e5e5e;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.2;
}
.testimonial__cards .custompagination {
  bottom: 38px !important;
}
.testimonial__cards .custompagination .swiper-pagination-bullet {
  background: #ffffff;
  border: 2px solid #5970b3;
  width: 10px;
  height: 10px;
  opacity: 1;
  margin: 0 8px !important;
}
.testimonial__cards .custompagination .swiper-pagination-bullet-active {
  background-color: #061f62 !important;
  border-color: #061f62;
}

.oppurtunities {
  margin: 0 auto;
  padding: 78px 0 130px;
}
@media (min-width: 577px) and (max-width: 1286px) {
  .oppurtunities {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .oppurtunities {
    padding: 56px 16px;
  }
}
.oppurtunities__container {
  display: flex;
  justify-content: space-between;
  gap: 64px;
}
@media (min-width: 320px) and (max-width: 576px) {
  .oppurtunities__container {
    flex-direction: column;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  .oppurtunities__container {
    gap: 12px;
  }
}
@media (min-width: 768px) and (max-width: 980px) {
  .oppurtunities__container {
    gap: 36px;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .oppurtunities__container--content {
    width: auto;
    text-align: center;
  }
}
.oppurtunities__container--content h1 {
  font-family: Inter;
  font-weight: 400;
  font-size: 4rem;
  line-height: 1.3;
  margin-top: 0;
  margin-bottom: 24px;
}
@media (min-width: 320px) and (max-width: 576px) {
  .oppurtunities__container--content h1 {
    font-size: 3.5rem;
    line-height: 33px;
  }
}
.oppurtunities__container--content button {
  background-color: #061f62;
  color: #ffffff;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.2;
  border-radius: 56px;
  padding: 13px 20px;
}
.oppurtunities__container--content button:hover {
  background-color: #ff912c;
}
@media (min-width: 320px) and (max-width: 576px) {
  .oppurtunities__container--content button {
    margin-left: 0;
  }
}
.oppurtunities__container--subpart {
  font-family: Aspekta;
  color: #061f62;
  font-weight: 800;
}
.oppurtunities__container--lastword {
  color: #ff7b01;
  font-weight: 800;
}
.oppurtunities__container--card {
  border: 2px solid #f2f3f4;
  border-radius: 27px;
  padding: 24px 34px 24px 24px;
}
.oppurtunities__container--quote-image {
  padding-bottom: 16px;
}
.oppurtunities__container--desc {
  color: #353535;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 1.21;
  margin-bottom: 28px;
}
.oppurtunities__container--about-ceo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 10px;
}
.oppurtunities__container--ceo-info h6 {
  color: #061f62;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.2;
  padding-bottom: 3px;
}
.oppurtunities__container--ceo-info span {
  color: #5e5e5e;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 16px;
}

.opening {
  position: relative;
  margin: 0 auto 0;
  padding: 10rem 0 0;
}
@media (min-width: 577px) and (max-width: 1286px) {
  .opening {
    padding: 10rem 1.6rem 0;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .opening {
    padding: 0 16px;
  }
}
.opening__left {
  position: absolute;
  z-index: 3;
  width: 55%;
}
@media (min-width: 577px) and (max-width: 850px) {
  .opening__left {
    width: 68%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .opening__left {
    width: 90%;
  }
}
.opening__header {
  color: #061f62;
  font-size: 4rem;
  line-height: 1.3;
}
@media (min-width: 320px) and (max-width: 576px) {
  .opening__header {
    font-size: 3.4rem;
  }
}
.opening__header:last-of-type {
  margin-bottom: 23px;
}
.opening__header--orange {
  color: #ff7b01;
}
.opening__button {
  font-family: Inter;
  color: #061f62;
  border: 2px solid #061f62;
  background: transparent;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.21;
}
.opening__button:hover {
  color: #ff7b01;
  border-color: #ff7b01;
}
.opening__right {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 12px;
  padding: 40px 0 54px;
}
@media (min-width: 577px) and (max-width: 767px) {
  .opening__right {
    padding: 84px 0 54px;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .opening__right {
    padding: 160px 0 54px;
  }
}
.opening__right--background {
  position: absolute;
  min-height: 500px;
  z-index: -1;
  top: 2%;
  left: 20%;
}
@media (min-width: 320px) and (max-width: 576px) {
  .opening__right--background {
    top: 34.5%;
    left: -3.5%;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  .opening__right--background {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1065px) {
  .opening__right--background {
    left: 17%;
  }
}
.opening__right--background img {
  transform: rotate(90deg);
}
@media (min-width: 768px) and (max-width: 1065px) {
  .opening__right--background img {
    width: 317px;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .opening__right--background img {
    width: 164px;
  }
}
.opening__right--background::after {
  background: url("../assets/img/Common/Section2_2.png");
  content: "";
  position: absolute;
  left: 99%;
  width: 416px;
  height: 416px;
}
@media (min-width: 320px) and (max-width: 576px) {
  .opening__right--background::after {
    width: 164px;
    height: 164px;
    background-size: 164px 164px;
  }
}
@media (min-width: 768px) and (max-width: 1065px) {
  .opening__right--background::after {
    left: 100%;
    width: 317px;
    height: 317px;
    background-size: 317px 317px;
  }
}
.opening__right--imagecolumn {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
@media (min-width: 320px) and (max-width: 576px) {
  .opening__right--imagecolumn {
    gap: 5px;
  }
}
.opening__right--careerimg {
  border-radius: 12px;
  object-fit: cover;
}
@media (min-width: 320px) and (max-width: 576px) {
  .opening__right {
    gap: 5px;
  }
  .opening__right--careerimg21 {
    width: 107px;
    height: 136px;
  }
  .opening__right--careerimg31 {
    width: 107px;
    height: 100px;
  }
  .opening__right--careerimg32, .opening__right--careerimg1 {
    width: 107px;
    height: 75px;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  .opening__right {
    gap: 10px;
  }
  .opening__right--careerimg21 {
    width: 167px;
    height: 216px;
  }
  .opening__right--careerimg31 {
    width: 167px;
    height: 160px;
  }
  .opening__right--careerimg32, .opening__right--careerimg1 {
    width: 167px;
    height: 135px;
  }
}
@media (min-width: 768px) and (max-width: 850px) {
  .opening__right {
    gap: 10px;
  }
  .opening__right--careerimg21 {
    width: 207px;
    height: 256px;
  }
  .opening__right--careerimg31 {
    width: 207px;
    height: 200px;
  }
  .opening__right--careerimg32, .opening__right--careerimg1 {
    width: 207px;
    height: 175px;
  }
}
@media (min-width: 851px) and (max-width: 1065px) {
  .opening__right {
    gap: 10px;
  }
  .opening__right--careerimg21 {
    width: 310px;
    height: 306px;
  }
  .opening__right--careerimg31 {
    width: 300px;
    height: 250px;
  }
  .opening__right--careerimg32, .opening__right--careerimg1 {
    width: 300px;
    height: 225px;
  }
}
@media (min-width: 1065px) {
  .opening__right {
    gap: 10px;
  }
  .opening__right--careerimg21 {
    width: 310px;
    height: 306px;
  }
  .opening__right--careerimg31 {
    width: 300px;
    height: 250px;
  }
  .opening__right--careerimg32, .opening__right--careerimg1 {
    width: 300px;
    height: 225px;
  }
}

.standout {
  margin: 30px auto 0;
}
@media (min-width: 577px) and (max-width: 1286px) {
  .standout {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .standout {
    margin-bottom: 56px;
    padding: 0 16px;
  }
}
.standout__heading {
  color: #353535;
  text-align: center;
  font-weight: 600;
  font-size: 4rem;
  line-height: 1.3;
  margin-bottom: 16px;
}
@media (min-width: 320px) and (max-width: 576px) {
  .standout__heading {
    font-size: 3rem;
    width: 95%;
  }
}
.standout__sub-heading {
  color: #646464;
  text-align: center;
  margin: 0 auto 30px auto;
  width: 92%;
  font-weight: 400;
  font-size: 2.4rem;
  line-height: 1.2;
}
@media (min-width: 320px) and (max-width: 576px) {
  .standout__sub-heading {
    font-weight: 500;
    font-size: 2rem;
  }
}
.standout__points {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
@media (min-width: 577px) and (max-width: 669px) {
  .standout__points {
    flex-wrap: wrap;
  }
}
@media (min-width: 670px) and (max-width: 767px) {
  .standout__points {
    gap: 10px;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .standout__points {
    flex-direction: column;
  }
}
.standout__card {
  border: 1px solid #f2f2f4;
  text-align: center;
  min-height: 221px;
  margin-bottom: 69px;
  padding: 24px;
  border-radius: 24px;
}
@media (min-width: 670px) and (max-width: 767px) {
  .standout__card {
    width: 100%;
    padding: 12px;
  }
}
@media (min-width: 577px) and (max-width: 669px) {
  .standout__card {
    width: 45%;
    padding: 12px;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .standout__card {
    width: 100%;
    min-height: 191px;
    margin-bottom: 0;
  }
}
.standout__card--heading {
  color: #292929;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 1.2;
  padding-bottom: 8px;
}
@media (min-width: 320px) and (max-width: 576px) {
  .standout__card--heading {
    font-size: 2rem;
    margin-bottom: 10px;
    padding: 0;
  }
}
.standout__card--desc {
  color: #5e5e5e;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.2;
  padding-bottom: 19px;
  width: 97%;
}
@media (min-width: 320px) and (max-width: 576px) {
  .standout__card--desc {
    font-size: 1.5rem;
    margin-bottom: 24px;
    padding: 0;
  }
}

.contactus {
  justify-content: center;
  margin: 0 auto 30px auto;
  padding: 6rem 0 0;
}
@media (min-width: 577px) and (max-width: 1286px) {
  .contactus {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .contactus {
    padding: 0 16px;
  }
}
.contactus__left-section {
  position: relative;
}
.contactus__left-section--heading {
  color: #061f62;
  font-family: Aspekta;
  width: 80%;
  font-weight: 600;
  font-size: 4rem;
  line-height: 1.31;
  padding-bottom: 38px;
}
.contactus__left-section--heading span {
  color: #ff7b01;
}
@media (min-width: 320px) and (max-width: 576px) {
  .contactus__left-section--heading {
    text-align: center;
    width: 100%;
    font-size: 3.4rem;
  }
}
.contactus__left-section--listing {
  position: relative;
}
.contactus__left-section--listing li {
  color: #474747;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 19px;
  padding-bottom: 24px;
}
@media (min-width: 320px) and (max-width: 576px) {
  .contactus__left-section--listing li {
    font-size: 2rem;
  }
}
.contactus__left-section--listing li svg {
  margin-right: 10px;
}
.contactus__left-section--listing li span {
  position: absolute;
}
.contactus__left-section--listing li pre {
  color: #474747;
  font-family: Aspekta;
  position: absolute;
  left: 2.5%;
  top: 49%;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 24px;
  padding-bottom: 24px;
}
@media (min-width: 320px) and (max-width: 576px) {
  .contactus__left-section--listing li pre {
    position: relative;
    font-size: 2rem;
    margin: -0.5% 0 0 -4%;
  }
}
.contactus__left-section--laptopview, .contactus__left-section--laptopbg {
  display: block;
}
@media (min-width: 577px) and (max-width: 1286px) {
  .contactus__left-section--laptopview, .contactus__left-section--laptopbg {
    width: 100%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .contactus__left-section--laptopview, .contactus__left-section--laptopbg {
    display: none;
  }
}
.contactus__left-section--mobileview {
  position: relative;
}
.contactus__left-section--mobileview, .contactus__left-section--mobilebg {
  display: none;
}
@media (min-width: 320px) and (max-width: 576px) {
  .contactus__left-section--mobileview, .contactus__left-section--mobilebg {
    display: block;
  }
}
.contactus__left-section--laptopbg, .contactus__left-section--mobilebg {
  position: absolute;
  bottom: 0;
  z-index: -1;
}
@media (min-width: 320px) and (max-width: 576px) {
  .contactus__left-section--mobilebg {
    width: 275px;
  }
}
.contactus__right-section {
  background-color: rgba(255, 255, 255, 0.1019607843);
  height: fit-content;
  border-radius: 18px;
  padding-bottom: 36px;
  box-shadow: 0px 0px 24px 4px rgba(164, 164, 164, 0.1);
}
@media (min-width: 320px) and (max-width: 576px) {
  .contactus__right-section {
    background-color: #ffffff;
    margin-bottom: 8rem;
    padding: 0;
  }
}
.contactus__right-section h2 {
  color: #061f62;
  font-weight: 600;
  font-size: 4rem;
  line-height: 1.2;
  padding: 26px 0 23px 35px;
}
@media (min-width: 320px) and (max-width: 576px) {
  .contactus__right-section h2 {
    font-size: 3rem;
    padding: 6px 0 24px 0;
  }
}
@media (min-width: 768px) and (max-width: 1286px) {
  .contactus__right-section h2 {
    padding-left: 18px;
  }
}
.contactus__right-section--form {
  width: 100%;
  padding: 0 36px;
}
@media (min-width: 768px) and (max-width: 1286px) {
  .contactus__right-section--form {
    padding: 0 18px;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  .contactus__right-section--form {
    padding: 0 6px;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .contactus__right-section--form {
    padding: 0;
  }
}
.contactus__right-section--form input,
.contactus__right-section--form textarea,
.contactus__right-section--form select {
  font-family: Aspekta;
  color: #798492;
  border: 1px solid #d5d9dd;
  width: 100%;
  border-radius: 8px;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 24px;
  padding: 15px 30px 15px 16px;
  margin-bottom: 20px;
}
@media (min-width: 320px) and (max-width: 576px) {
  .contactus__right-section--form input,
  .contactus__right-section--form textarea,
  .contactus__right-section--form select {
    padding: 8px;
  }
}
.contactus__right-section--form input::placeholder,
.contactus__right-section--form textarea::placeholder,
.contactus__right-section--form select::placeholder {
  color: #798492;
  font-family: Aspekta;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 24px;
}
@media (min-width: 768px) and (max-width: 1286px) {
  .contactus__right-section--form input::placeholder,
  .contactus__right-section--form textarea::placeholder,
  .contactus__right-section--form select::placeholder {
    font-size: 1.4rem;
  }
}
.contactus__right-section--form input:focus,
.contactus__right-section--form textarea:focus,
.contactus__right-section--form select:focus {
  border: 1px solid #061f62;
}
.contactus__right-section--form textarea {
  resize: none;
  overflow: auto;
  margin-bottom: 36px;
}
@media (min-width: 320px) and (max-width: 576px) {
  .contactus__right-section--form textarea {
    margin-bottom: 24px;
  }
}
.contactus__right-section--form select {
  background-color: #ffffff;
  color: #798492;
  background-position: calc(100% - 5px) center; /* Adjust the value as per your requirement */
  background-image: url(../assets/img/Common/chevron-down.png);
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-repeat: no-repeat;
  width: 100%;
}
.contactus__right-section--form .btn {
  background: #061f62;
  color: #ffffff;
  position: relative;
  outline: none;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  width: 100%;
  border: 0;
  font-size: 1.8rem;
  padding: 1.6rem 2.4rem;
  border-radius: 55px;
}
.contactus__right-section--form .checked {
  background: #ff912c;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.2);
  position: absolute;
  width: 5.4rem;
  height: 5.4rem;
  top: 1px;
  right: -40px;
  opacity: 0;
  border-radius: 100%;
}
.contactus__right-section--form .checked svg {
  width: 30px;
}
.contactus__right-section--form .checked path {
  stroke-width: 3;
  stroke: #fff;
  stroke-dasharray: 34;
  stroke-dashoffset: 34;
  stroke-linecap: round;
}
.contactus__right-section--form .active {
  background: #ff912c;
  transition: 1s;
}
.contactus__right-section--form .active p {
  transition: 1s;
  margin-right: 100px;
}
.contactus__right-section--form .active .checked {
  opacity: 1;
  transition: 1s;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contactus__right-section--form .active .checked path {
  transition: 1s;
  transition-delay: 1s;
  stroke-dashoffset: 0;
}
.contactus__right-section--input-and-select {
  display: flex;
  gap: 10px;
}
@media (min-width: 320px) and (max-width: 576px) {
  .contactus__right-section--input-and-select {
    gap: 16px;
  }
}
.contactus__right-section--input-and-select input {
  width: 100%;
}
.contactus__right-section--input-and-select select {
  background-color: #ffffff;
  width: 100%;
}
@media (min-width: 768px) and (max-width: 1286px) {
  .contactus__right-section--input-and-select select {
    font-size: 1.4rem;
  }
}
.contactus__right-section--input-and-select select::placeholder {
  color: #798492;
}
@media (min-width: 768px) and (max-width: 1286px) {
  .contactus__right-section--input-and-select select::placeholder {
    font-size: 1.4rem;
  }
}
.contactus__right-section--input-and-select option {
  color: #798492;
  padding: 15px 0 15px 16px;
}

.button-submit {
  background-position: left bottom !important;
  pointer-events: none;
  gap: 8px;
}
.button-submit .btn-icon {
  display: block !important;
}

.termsAndCondition {
  margin: 0 auto;
}
.termsAndCondition__header {
  color: #061f62;
  text-align: center;
  font-size: 4rem;
  line-height: 1.3;
  margin-top: 3rem;
}
.termsAndCondition__sub-header {
  color: #767676;
  text-align: center;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.21;
  margin: 0 0 3.2rem 0;
}
.termsAndCondition__document-container {
  color: #595959;
  width: 80%;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.3;
  margin: 0 auto;
}
@media (min-width: 326px) and (max-width: 576px) {
  .termsAndCondition__document-container {
    width: 100%;
    padding: 0 16px;
  }
}
.termsAndCondition__general-info {
  text-align: justify;
  margin-bottom: 2.4rem;
}
.termsAndCondition__container {
  margin-bottom: 2.4rem;
}
.termsAndCondition__container--header {
  color: #353535;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.2;
  margin-bottom: 1.2rem;
}
.termsAndCondition__container--para, .termsAndCondition__container--normalpara {
  color: #595959;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.3;
}
.termsAndCondition__container--normalpara {
  font-size: 1.4rem;
}
.termsAndCondition__container--number-list {
  list-style-type: decimal;
}
.termsAndCondition__container--alpha-list {
  list-style-type: lower-alpha;
}

.backOfficeHero {
  position: relative;
  margin: 2rem auto 10rem;
}
@media (min-width: 320px) and (max-width: 576px) {
  .backOfficeHero {
    margin-bottom: 5rem;
  }
}
@media (min-width: 320px) and (max-width: 1286px) {
  .backOfficeHero__row {
    padding: 0 1.6rem;
  }
}
.backOfficeHero__left .heroSubInfo {
  width: 80%;
}
@media (min-width: 320px) and (max-width: 1286px) {
  .backOfficeHero__left .heroSubInfo {
    width: 100%;
  }
}
.backOfficeHero__right {
  margin-top: 3rem;
}
.backOfficeHero__desktop--hero {
  display: block;
}
@media (min-width: 320px) and (max-width: 576px) {
  .backOfficeHero__desktop--hero {
    display: none;
  }
}
.backOfficeHero__mob--hero {
  display: none;
}
@media (min-width: 320px) and (max-width: 576px) {
  .backOfficeHero__mob--hero {
    display: block;
    margin: 0 auto;
  }
}
@media (min-width: 320px) and (max-width: 375px) {
  .backOfficeHero__mob--hero {
    width: 100%;
  }
}

.suite {
  position: relative;
  margin: 0 auto 6.5rem;
}
.suite__navigation {
  padding: 3.6rem 0;
}
@media (min-width: 320px) and (max-width: 1140px) {
  .suite__navigation {
    padding: 3.6rem 1.6rem;
  }
}
.suite__navigation > div {
  overflow-x: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.suite__navigation > div::-webkit-scrollbar {
  background: transparent;
}
@media (min-width: 320px) and (max-width: 1140px) {
  .suite__navigation > div {
    justify-content: flex-start;
  }
}
.suite__btn {
  background: #ffffff;
  color: #ff912c;
  border: solid 1px #ff912c;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 500;
  min-width: 165px;
  height: 40px;
  padding: 13px 0;
  border-radius: 6px;
  margin-right: 24px;
}
.suite__btn:last-child {
  margin-right: 0;
}
.suite__btn-active {
  background: #ff912c;
  color: #ffffff;
  border-radius: 10px;
}
.suite__tabs {
  display: none;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
}
.suite__tabs-active {
  display: flex;
}
.suite__tabs-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: solid 1px #d5d9dd;
  width: 285px;
  height: 312px;
  padding: 2rem;
  border-radius: 2.4rem;
}
.suite__tabs-item--image {
  text-align: center;
}
.suite__tabs-item--image .inactiveImage {
  object-fit: contain;
  width: 236px;
  height: 160px;
  border-radius: 1.6rem;
}
.suite__tabs-item--image .activeImage {
  display: none;
}
.suite__tabs-item--active {
  background: #f2f2f2;
}
.suite__tabs-item--active .inactiveImage {
  display: none;
}
.suite__tabs-item--active .activeImage {
  display: inline-block;
  object-fit: contain;
  width: 236px;
  height: 160px;
  border-radius: 1.6rem;
}
.suite__tabs-info h3 {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 8px;
}
.suite__tabs-info p {
  color: #5e5e5e;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.2;
}

.rewardsHero {
  position: relative;
  margin: 2rem auto 10rem;
}
@media (min-width: 320px) and (max-width: 576px) {
  .rewardsHero {
    margin-bottom: 5rem;
  }
}
@media (min-width: 320px) and (max-width: 1286px) {
  .rewardsHero__row {
    padding: 0 1.6rem;
  }
}
.rewardsHero__left .heroSubInfo {
  width: 105%;
}
@media (min-width: 320px) and (max-width: 1286px) {
  .rewardsHero__left .heroSubInfo {
    width: 100%;
  }
}
.rewardsHero__right {
  margin-top: 1rem;
}
@media (min-width: 320px) and (max-width: 576px) {
  .rewardsHero__right {
    margin-top: 4rem;
  }
}

.rewardPrograms {
  position: relative;
  margin: 0 auto;
}
.rewardPrograms .pointProgram {
  margin-top: 5.6rem;
}
.rewardPrograms .pointProgram__row,
.rewardPrograms .loyaltyCampaign__row,
.rewardPrograms .inventory__row {
  align-items: center;
}
.rewardPrograms .pointProgram__left,
.rewardPrograms .inventory__left {
  margin-bottom: 4rem;
  padding-top: 8rem;
}
@media (max-width: 576px) and (min-width: 320px) {
  .rewardPrograms .pointProgram__left,
  .rewardPrograms .inventory__left {
    padding-top: 2rem;
  }
}
.rewardPrograms .loyaltyCampaign__right {
  margin-bottom: 4rem;
  padding-top: 12rem;
}
@media (max-width: 576px) and (min-width: 320px) {
  .rewardPrograms .loyaltyCampaign__right {
    padding-top: 4rem;
  }
}
.rewardPrograms .pointProgram,
.rewardPrograms .loyaltyCampaign,
.rewardPrograms .inventory {
  margin-top: 6rem;
  margin-bottom: 9rem;
}
.rewardPrograms .inventory {
  margin-bottom: 6rem;
}
.rewardPrograms .rewardsCampaigns__container,
.rewardPrograms .inventory__container {
  position: relative;
  height: 41.6rem;
}
.rewardPrograms .rewardsCampaigns__backgroundImage,
.rewardPrograms .inventory__backgroundImage {
  position: absolute;
  right: 0;
}
@media (min-width: 320px) and (max-width: 374px) {
  .rewardPrograms .rewardsCampaigns__backgroundImage,
  .rewardPrograms .inventory__backgroundImage {
    height: 100%;
  }
}
@media (min-width: 375px) and (max-width: 576px) {
  .rewardPrograms .rewardsCampaigns__backgroundImage,
  .rewardPrograms .inventory__backgroundImage {
    width: auto;
    height: 100%;
  }
}
@media (min-width: 320px) and (max-width: 1286px) {
  .rewardPrograms .rewardsCampaigns__backgroundImage,
  .rewardPrograms .inventory__backgroundImage {
    right: 16px;
    width: 90%;
  }
}
.rewardPrograms .rewardsCampaigns__image--desktop,
.rewardPrograms .inventory__image--desktop {
  position: absolute;
  width: 80%;
  top: 13.5%;
  right: 7.5%;
}
@media (min-width: 577px) and (max-width: 1286px) {
  .rewardPrograms .rewardsCampaigns__image--desktop,
  .rewardPrograms .inventory__image--desktop {
    right: 9.5%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .rewardPrograms .rewardsCampaigns__image--desktop,
  .rewardPrograms .inventory__image--desktop {
    display: none;
  }
}
.rewardPrograms .rewardsCampaigns__image--mob,
.rewardPrograms .inventory__image--mob {
  display: none;
}
@media (min-width: 320px) and (max-width: 576px) {
  .rewardPrograms .rewardsCampaigns__image--mob,
  .rewardPrograms .inventory__image--mob {
    display: block;
    position: absolute;
    width: 81%;
    right: 9%;
    top: 13%;
    height: 87%;
  }
}
.rewardPrograms .loyaltyCampaign__container {
  position: relative;
  height: 41.6rem;
}
.rewardPrograms .loyaltyCampaign__backgroundImage {
  position: absolute;
  left: 0;
}
@media (min-width: 320px) and (max-width: 374px) {
  .rewardPrograms .loyaltyCampaign__backgroundImage {
    height: 100%;
  }
}
@media (min-width: 375px) and (max-width: 576px) {
  .rewardPrograms .loyaltyCampaign__backgroundImage {
    width: auto;
    height: 100%;
  }
}
@media (min-width: 320px) and (max-width: 1286px) {
  .rewardPrograms .loyaltyCampaign__backgroundImage {
    left: 16px;
    width: 90%;
  }
}
.rewardPrograms .loyaltyCampaign__image--desktop {
  position: absolute;
  width: 80%;
  top: 6%;
  left: 3%;
}
@media (min-width: 577px) and (max-width: 1286px) {
  .rewardPrograms .loyaltyCampaign__image--desktop {
    left: 5%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .rewardPrograms .loyaltyCampaign__image--desktop {
    display: none;
  }
}
.rewardPrograms .loyaltyCampaign__image--mob {
  display: none;
}
@media (min-width: 320px) and (max-width: 576px) {
  .rewardPrograms .loyaltyCampaign__image--mob {
    display: block;
    position: absolute;
    width: 81%;
    left: 9%;
    top: 9%;
    height: 81%;
  }
}

.engineRule {
  position: relative;
  margin: 0 auto;
}
.engineRule .ruleContainer {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 4rem;
  width: 70%;
  margin: 0 auto;
  padding: 4rem 0 8rem;
}
@media (min-width: 1024px) and (max-width: 1286px) {
  .engineRule .ruleContainer {
    width: 85%;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .engineRule .ruleContainer {
    padding-top: 6rem;
    width: 90%;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .engineRule .ruleContainer {
    padding-top: 3rem;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    width: 100%;
  }
}
@media (min-width: 320px) and (max-width: 425px) {
  .engineRule .ruleContainer {
    flex-wrap: wrap;
  }
}
.engineRule .ruleContainer .earnRule,
.engineRule .ruleContainer .redemptionRule {
  background: #f5f8ff;
  padding: 32px;
  border-radius: 8px;
  width: 42rem;
}
@media (min-width: 320px) and (max-width: 425px) {
  .engineRule .ruleContainer .earnRule,
  .engineRule .ruleContainer .redemptionRule {
    width: 100%;
  }
}
.engineRule .ruleContainer .earnRule__header,
.engineRule .ruleContainer .redemptionRule__header {
  color: #292929;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 1.2;
  margin-bottom: 1.2rem;
}
.engineRule .ruleContainer .earnRule__header--orange,
.engineRule .ruleContainer .redemptionRule__header--orange {
  color: #ff7b01;
}
.engineRule .ruleContainer .earnRule__info,
.engineRule .ruleContainer .redemptionRule__info {
  color: #3a4a5f;
  text-align: justify;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.2;
}
.engineRule .ruleGIFContainer {
  text-align: center;
  margin-bottom: 8rem;
}
.engineRule .ruleGIFContainer__desktop--image {
  width: 90%;
}
@media (min-width: 320px) and (max-width: 576px) {
  .engineRule .ruleGIFContainer__desktop--image {
    display: none;
  }
}
.engineRule .ruleGIFContainer__mob--image {
  display: none;
  width: 100%;
}
@media (min-width: 320px) and (max-width: 576px) {
  .engineRule .ruleGIFContainer__mob--image {
    display: block;
  }
}

.mobileAppHero {
  position: relative;
  margin: 2rem auto 10rem;
}
@media (min-width: 320px) and (max-width: 1286px) {
  .mobileAppHero {
    padding: 0 16px;
  }
}
.mobileAppHero .heroImage {
  padding-top: 4.5%;
  padding-left: 5%;
}

.customerInteraction {
  position: relative;
  margin: 0 auto;
}
.customerInteraction .customUi,
.customerInteraction .SDKs {
  margin-top: 4rem;
}
.customerInteraction .customUi .row,
.customerInteraction .SDKs .row {
  align-items: center;
}
.customerInteraction .customUi__container {
  position: relative;
  height: 43.6rem;
}
@media (min-width: 320px) and (max-width: 576px) {
  .customerInteraction .customUi__container {
    margin-top: 4rem;
  }
}
.customerInteraction .customUi__backgroundImage {
  position: absolute;
  right: 0;
}
@media (min-width: 320px) and (max-width: 374px) {
  .customerInteraction .customUi__backgroundImage {
    width: 90%;
    height: 100%;
  }
}
@media (min-width: 375px) and (max-width: 576px) {
  .customerInteraction .customUi__backgroundImage {
    width: auto;
    height: 100%;
  }
}
@media (min-width: 320px) and (max-width: 1286px) {
  .customerInteraction .customUi__backgroundImage {
    right: 16px;
    width: 90%;
  }
}
.customerInteraction .customUi__image--desktop {
  position: absolute;
  top: 7.5%;
  right: 10.5%;
  width: 80%;
  height: 92.5%;
  object-fit: contain;
}
@media (min-width: 320px) and (max-width: 1286px) {
  .customerInteraction .customUi__image--desktop {
    right: 16%;
    width: 84%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .customerInteraction .customUi__image--desktop {
    display: none;
  }
}
.customerInteraction .customUi__image--mob {
  display: none;
}
@media (min-width: 320px) and (max-width: 576px) {
  .customerInteraction .customUi__image--mob {
    display: block;
    position: absolute;
    width: 81%;
    right: 9%;
    top: 13%;
    height: 87%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .customerInteraction .SDKs__right {
    margin-bottom: 4rem;
  }
}
.customerInteraction .SDKs__row {
  margin-top: 6rem;
}
.customerInteraction .SDKs__container {
  position: relative;
  height: 41.6rem;
}
.customerInteraction .SDKs__backgroundImage {
  position: absolute;
  left: 0;
}
@media (min-width: 320px) and (max-width: 374px) {
  .customerInteraction .SDKs__backgroundImage {
    height: 100%;
  }
}
@media (min-width: 375px) and (max-width: 576px) {
  .customerInteraction .SDKs__backgroundImage {
    width: auto;
    height: 100%;
  }
}
@media (min-width: 320px) and (max-width: 1286px) {
  .customerInteraction .SDKs__backgroundImage {
    left: 16px;
    width: 90%;
  }
}
.customerInteraction .SDKs__image--desktop {
  position: absolute;
  width: 85%;
  top: 5.5%;
  left: 6%;
}
@media (min-width: 577px) and (max-width: 1286px) {
  .customerInteraction .SDKs__image--desktop {
    left: 10%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .customerInteraction .SDKs__image--desktop {
    display: none;
  }
}
.customerInteraction .SDKs__image--mob {
  display: none;
}
@media (min-width: 320px) and (max-width: 576px) {
  .customerInteraction .SDKs__image--mob {
    display: block;
    position: absolute;
    width: 81%;
    left: 9%;
    top: 9%;
    height: 81%;
  }
}

.mobileAppfeature {
  position: relative;
  margin: 10rem auto 7.6rem;
}
.mobileAppfeature .mobileAppfeature-rowOne {
  margin: 3.6rem 0 2rem;
}
.mobileAppfeature .mobileAppfeature-rowOne,
.mobileAppfeature .mobileAppfeature-rowTwo {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
.mobileAppfeature .mobileAppfeature-rowOne .feature-box,
.mobileAppfeature .mobileAppfeature-rowTwo .feature-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 22.6rem;
  width: calc(25% - 2rem);
  padding: 2.4rem;
}
.mobileAppfeature .mobileAppfeature-rowOne .feature-box__image,
.mobileAppfeature .mobileAppfeature-rowTwo .feature-box__image {
  object-fit: contain;
  height: 5.6rem;
  width: 5.6rem;
  margin-bottom: 2.4rem;
}
.mobileAppfeature .mobileAppfeature-rowOne .feature-box__heading,
.mobileAppfeature .mobileAppfeature-rowTwo .feature-box__heading {
  text-align: center;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 0.8rem;
}
.mobileAppfeature .mobileAppfeature-rowOne .feature-box__description,
.mobileAppfeature .mobileAppfeature-rowTwo .feature-box__description {
  color: #5e5e5e;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.2;
}
@media (min-width: 426px) and (max-width: 768px) {
  .mobileAppfeature .mobileAppfeature-rowOne,
  .mobileAppfeature .mobileAppfeature-rowTwo {
    flex-wrap: wrap;
  }
  .mobileAppfeature .mobileAppfeature-rowOne .feature-box,
  .mobileAppfeature .mobileAppfeature-rowTwo .feature-box {
    width: calc(50% - 2rem);
  }
}
@media (min-width: 320px) and (max-width: 425px) {
  .mobileAppfeature .mobileAppfeature-rowOne,
  .mobileAppfeature .mobileAppfeature-rowTwo {
    flex-wrap: wrap;
  }
  .mobileAppfeature .mobileAppfeature-rowOne .feature-box,
  .mobileAppfeature .mobileAppfeature-rowTwo .feature-box {
    width: 100%;
  }
}

.digitalOnboardingHero {
  position: relative;
  margin: 2rem auto 10rem;
}
.digitalOnboardingHero .heroImage {
  padding-top: 6.5%;
}
.digitalOnboardingHero .heroInfo {
  width: 95%;
}
@media (min-width: 320px) and (max-width: 1286px) {
  .digitalOnboardingHero__row {
    padding: 0 1.6rem;
  }
}
.digitalOnboardingHero__right {
  height: 51.2rem;
}
@media (min-width: 320px) and (max-width: 576px) {
  .digitalOnboardingHero__right {
    margin-top: 4rem;
    height: 44.2rem;
  }
}

.onBoardingInfo {
  position: relative;
  margin: 0 auto;
}
.onBoardingInfo .customUIWorkflow,
.onBoardingInfo .PreIntegrate {
  padding-top: 4rem;
}
.onBoardingInfo .customUIWorkflow .row,
.onBoardingInfo .PreIntegrate .row {
  align-items: center;
}
@media (min-width: 320px) and (max-width: 576px) {
  .onBoardingInfo .customUIWorkflow {
    padding-top: 5rem;
  }
}
.onBoardingInfo .customUIWorkflow__container {
  position: relative;
  height: 43.6rem;
}
@media (min-width: 320px) and (max-width: 576px) {
  .onBoardingInfo .customUIWorkflow__container {
    margin-top: 4rem;
  }
}
.onBoardingInfo .customUIWorkflow__backgroundImage {
  position: absolute;
  right: 0;
}
@media (min-width: 375px) and (max-width: 576px) {
  .onBoardingInfo .customUIWorkflow__backgroundImage {
    width: auto;
    height: 100%;
  }
}
@media (min-width: 320px) and (max-width: 1286px) {
  .onBoardingInfo .customUIWorkflow__backgroundImage {
    right: 16px;
    width: 90%;
  }
}
@media (min-width: 320px) and (max-width: 374px) {
  .onBoardingInfo .customUIWorkflow__backgroundImage {
    width: 90%;
    height: 100%;
  }
}
.onBoardingInfo .customUIWorkflow__image--desktop {
  position: absolute;
  top: 9%;
  right: 8%;
  width: 60.5%;
}
@media (min-width: 320px) and (max-width: 1286px) {
  .onBoardingInfo .customUIWorkflow__image--desktop {
    right: 12.5%;
    width: 75.5%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .onBoardingInfo .customUIWorkflow__image--desktop {
    display: none;
  }
}
.onBoardingInfo .customUIWorkflow__image--mob {
  display: none;
}
@media (min-width: 320px) and (max-width: 576px) {
  .onBoardingInfo .customUIWorkflow__image--mob {
    display: block;
    position: absolute;
    width: 81%;
    right: 9%;
    top: 13%;
    height: 87%;
  }
}
.onBoardingInfo .PreIntegrate__container {
  position: relative;
  height: 43.6rem;
}
@media (min-width: 320px) and (max-width: 576px) {
  .onBoardingInfo .PreIntegrate__container {
    margin-top: 4rem;
  }
}
.onBoardingInfo .PreIntegrate__backgroundImage {
  position: absolute;
  transform: rotate(-90deg);
  left: 0;
}
@media (min-width: 375px) and (max-width: 576px) {
  .onBoardingInfo .PreIntegrate__backgroundImage {
    width: auto;
    height: 100%;
  }
}
@media (min-width: 320px) and (max-width: 1286px) {
  .onBoardingInfo .PreIntegrate__backgroundImage {
    left: 16px;
    width: 90%;
  }
}
@media (min-width: 320px) and (max-width: 374px) {
  .onBoardingInfo .PreIntegrate__backgroundImage {
    width: 70%;
    height: 100%;
  }
}
.onBoardingInfo .PreIntegrate__image--desktop {
  position: absolute;
  top: 8%;
  width: 55%;
  left: 5%;
}
@media (min-width: 320px) and (max-width: 1286px) {
  .onBoardingInfo .PreIntegrate__image--desktop {
    width: 67.5%;
    left: 9.5%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .onBoardingInfo .PreIntegrate__image--desktop {
    display: none;
  }
}
.onBoardingInfo .PreIntegrate__image--mob {
  display: none;
}
@media (min-width: 320px) and (max-width: 576px) {
  .onBoardingInfo .PreIntegrate__image--mob {
    display: block;
    position: absolute;
    width: 80%;
    height: 65%;
    left: 9%;
    top: 25%;
  }
}

.OnBoardingSteps {
  position: relative;
  margin: 9rem auto 10rem;
}
.OnBoardingSteps__container {
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 2rem;
  padding: 5rem 1.6rem 0;
}
@media (min-width: 320px) and (max-width: 576px) {
  .OnBoardingSteps__container {
    flex-direction: column;
    align-items: center;
    gap: 26px;
  }
}
.OnBoardingSteps__step-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 26.5rem;
  min-width: 19%;
}
@media (min-width: 320px) and (max-width: 576px) {
  .OnBoardingSteps__step-container {
    gap: 12px;
  }
}
.OnBoardingSteps__step-container--info {
  color: #293543;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.2;
}
@media (min-width: 320px) and (max-width: 576px) {
  .OnBoardingSteps__step-container--info {
    font-size: 2rem;
  }
}
.OnBoardingSteps__Step1to2, .OnBoardingSteps__Step2to3 {
  width: 100%;
}
@media (min-width: 320px) and (max-width: 576px) {
  .OnBoardingSteps__Step1to2, .OnBoardingSteps__Step2to3 {
    display: none;
  }
}
.OnBoardingSteps__countNum {
  color: #293543;
  font-family: Aspekta;
  font-weight: 600;
  font-size: 4rem;
  line-height: 1.21;
  margin-bottom: 1.2rem;
}
@media (min-width: 320px) and (max-width: 576px) {
  .OnBoardingSteps__countNum {
    display: none;
  }
}
.OnBoardingSteps__count {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 10rem;
  width: 10rem;
  font-weight: 600;
  border-radius: 100%;
  margin-bottom: 3.5rem;
  background-color: #e6e9ef;
  color: #293543;
}
.OnBoardingSteps__count p {
  display: none;
}
@media (min-width: 320px) and (max-width: 576px) {
  .OnBoardingSteps__count {
    margin-bottom: 1.2rem;
  }
  .OnBoardingSteps__count img {
    display: none;
  }
  .OnBoardingSteps__count p {
    display: block;
    font-size: 3rem;
  }
}

.creditHero {
  position: relative;
  margin: 2rem auto 10rem;
}
@media (min-width: 320px) and (max-width: 576px) {
  .creditHero {
    margin-bottom: 5rem;
  }
}
@media (min-width: 320px) and (max-width: 1286px) {
  .creditHero__row {
    padding: 0 1.6rem;
  }
}
.creditHero__left .heroSubInfo {
  width: 105%;
}
@media (min-width: 320px) and (max-width: 1286px) {
  .creditHero__left .heroSubInfo {
    width: 100%;
  }
}
.creditHero__right {
  margin-bottom: 2rem;
}
.creditHero__right svg {
  width: 100%;
  height: 100%;
}
@media (min-width: 320px) and (max-width: 576px) {
  .creditHero__right {
    margin-top: 2rem;
  }
}

.creditPrograms {
  position: relative;
  margin: 0 auto;
}
.creditPrograms .personalizedProgram {
  margin-top: 5.6rem;
}
.creditPrograms .personalizedProgram .row,
.creditPrograms .customReward .row {
  align-items: center;
}
.creditPrograms .customReward {
  margin-top: 6rem;
}
@media (min-width: 320px) and (max-width: 375px) {
  .creditPrograms .customReward {
    margin-top: 0;
  }
}
.creditPrograms .personalizedProgram__container {
  position: relative;
  height: 41.6rem;
}
.creditPrograms .personalizedProgram__backgroundImage {
  position: absolute;
  right: 0;
}
@media (min-width: 320px) and (max-width: 374px) {
  .creditPrograms .personalizedProgram__backgroundImage {
    height: 100%;
  }
}
@media (min-width: 375px) and (max-width: 576px) {
  .creditPrograms .personalizedProgram__backgroundImage {
    width: auto;
    height: 100%;
  }
}
@media (min-width: 320px) and (max-width: 1286px) {
  .creditPrograms .personalizedProgram__backgroundImage {
    right: 16px;
    width: 90%;
  }
}
.creditPrograms .personalizedProgram__image--desktop {
  position: absolute;
  width: 95%;
  top: 4.5%;
  right: 2.5%;
}
@media (min-width: 577px) and (max-width: 1286px) {
  .creditPrograms .personalizedProgram__image--desktop {
    right: 9.5%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .creditPrograms .personalizedProgram__image--desktop {
    display: none;
  }
}
.creditPrograms .personalizedProgram__image--mob {
  display: none;
}
@media (min-width: 320px) and (max-width: 576px) {
  .creditPrograms .personalizedProgram__image--mob {
    display: block;
    position: absolute;
    width: 93%;
    right: 6%;
    top: 0%;
    height: 78.5%;
  }
}
.creditPrograms .customReward__container {
  position: relative;
  height: 41.6rem;
}
.creditPrograms .customReward__backgroundImage {
  position: absolute;
  transform: rotate(-90deg);
  left: 0;
}
@media (min-width: 320px) and (max-width: 1286px) {
  .creditPrograms .customReward__backgroundImage {
    left: 16px;
    width: 90%;
  }
}
@media (min-width: 375px) and (max-width: 576px) {
  .creditPrograms .customReward__backgroundImage {
    width: auto;
    height: 100%;
  }
}
@media (min-width: 320px) and (max-width: 374px) {
  .creditPrograms .customReward__backgroundImage {
    width: 70%;
    height: 100%;
  }
}
.creditPrograms .customReward__image--desktop {
  position: absolute;
  width: 80%;
  top: 6%;
  left: 3%;
}
@media (min-width: 577px) and (max-width: 1286px) {
  .creditPrograms .customReward__image--desktop {
    left: 5%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .creditPrograms .customReward__image--desktop {
    display: none;
  }
}
.creditPrograms .customReward__image--mob {
  display: none;
}
@media (min-width: 320px) and (max-width: 576px) {
  .creditPrograms .customReward__image--mob {
    display: block;
    position: absolute;
    width: 81%;
    left: 16px;
    top: 5%;
    height: 70%;
  }
}
@media (min-width: 320px) and (max-width: 375px) {
  .creditPrograms .customReward__image--mob {
    left: 32px;
  }
}

.typesOfCard {
  margin: 10rem 0 0;
}
@media (min-width: 320px) and (max-width: 576px) {
  .typesOfCard {
    margin-top: 0;
    margin-bottom: 8rem;
  }
}
.typesOfCard__image {
  margin-top: 5rem;
}
.typesOfCard__image--desktop {
  width: 100%;
}
@media (min-width: 320px) and (max-width: 576px) {
  .typesOfCard__image--desktop {
    display: none;
  }
}
.typesOfCard__image--mobile {
  display: none;
  width: 100%;
  margin-top: 3.6rem;
}
@media (min-width: 320px) and (max-width: 576px) {
  .typesOfCard__image--mobile {
    display: block;
  }
}

.prepaidHero {
  position: relative;
  margin: 2rem auto 10rem;
}
@media (min-width: 320px) and (max-width: 576px) {
  .prepaidHero {
    margin-bottom: 5rem;
  }
}
@media (min-width: 320px) and (max-width: 1286px) {
  .prepaidHero__row {
    padding: 0 1.6rem;
  }
}
.prepaidHero__left .heroSubInfo {
  width: 105%;
}
@media (min-width: 320px) and (max-width: 1286px) {
  .prepaidHero__left .heroSubInfo {
    width: 100%;
  }
}
.prepaidHero__right {
  text-align: center;
}
.prepaidHero__right .heroImage {
  width: 80%;
}
@media (min-width: 320px) and (max-width: 576px) {
  .prepaidHero__right {
    margin-top: 2rem;
  }
}

.prepaidPrograms {
  position: relative;
  margin: 0 auto;
}
.prepaidPrograms .craftBespokeProgram,
.prepaidPrograms .autoReconciliation {
  margin-top: 5.6rem;
}
.prepaidPrograms .craftBespokeProgram__row,
.prepaidPrograms .autoReconciliation__row,
.prepaidPrograms .automatedIssuance__row {
  align-items: center;
}
.prepaidPrograms .craftBespokeProgram__left,
.prepaidPrograms .autoReconciliation__left {
  margin-bottom: 4rem;
}
.prepaidPrograms .automatedIssuance__right {
  display: flex;
  align-items: center;
  margin-bottom: 4rem;
}
.prepaidPrograms .automatedIssuance {
  margin-top: 6rem;
}
@media (min-width: 320px) and (max-width: 375px) {
  .prepaidPrograms .automatedIssuance {
    margin-top: 0;
  }
}
.prepaidPrograms .craftBespokeProgram__container {
  position: relative;
  height: 41.6rem;
}
.prepaidPrograms .craftBespokeProgram__backgroundImage {
  position: absolute;
  right: 0;
}
@media (min-width: 320px) and (max-width: 374px) {
  .prepaidPrograms .craftBespokeProgram__backgroundImage {
    height: 100%;
  }
}
@media (min-width: 375px) and (max-width: 576px) {
  .prepaidPrograms .craftBespokeProgram__backgroundImage {
    width: auto;
    height: 100%;
  }
}
@media (min-width: 320px) and (max-width: 1286px) {
  .prepaidPrograms .craftBespokeProgram__backgroundImage {
    right: 16px;
    width: 90%;
  }
}
.prepaidPrograms .craftBespokeProgram__image--desktop {
  position: absolute;
  width: 95%;
  top: 6.5%;
  right: 0.5%;
}
@media (min-width: 577px) and (max-width: 1286px) {
  .prepaidPrograms .craftBespokeProgram__image--desktop {
    right: 9.5%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .prepaidPrograms .craftBespokeProgram__image--desktop {
    display: none;
  }
}
.prepaidPrograms .craftBespokeProgram__image--mob {
  display: none;
}
@media (min-width: 320px) and (max-width: 576px) {
  .prepaidPrograms .craftBespokeProgram__image--mob {
    display: block;
    position: absolute;
    width: 93%;
    right: 6%;
    top: 0%;
    height: 78.5%;
  }
}
.prepaidPrograms .automatedIssuance__container {
  position: relative;
  height: 41.6rem;
}
.prepaidPrograms .automatedIssuance__backgroundImage {
  position: absolute;
  transform: rotate(-90deg);
  left: 0;
}
@media (min-width: 320px) and (max-width: 1286px) {
  .prepaidPrograms .automatedIssuance__backgroundImage {
    left: 16px;
    width: 90%;
  }
}
@media (min-width: 375px) and (max-width: 576px) {
  .prepaidPrograms .automatedIssuance__backgroundImage {
    width: auto;
    height: 100%;
  }
}
@media (min-width: 320px) and (max-width: 374px) {
  .prepaidPrograms .automatedIssuance__backgroundImage {
    width: 70%;
  }
}
.prepaidPrograms .automatedIssuance__image--desktop {
  position: absolute;
  width: 80%;
  top: 6%;
  left: 3%;
}
@media (min-width: 577px) and (max-width: 1286px) {
  .prepaidPrograms .automatedIssuance__image--desktop {
    left: 5%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .prepaidPrograms .automatedIssuance__image--desktop {
    display: none;
  }
}
.prepaidPrograms .automatedIssuance__image--mob {
  display: none;
}
@media (min-width: 320px) and (max-width: 576px) {
  .prepaidPrograms .automatedIssuance__image--mob {
    display: block;
    position: absolute;
    width: 81%;
    left: 16px;
    top: 5%;
    height: 70%;
  }
}
@media (min-width: 320px) and (max-width: 375px) {
  .prepaidPrograms .automatedIssuance__image--mob {
    left: 32px;
  }
}
.prepaidPrograms .autoReconciliation__container {
  position: relative;
  height: 41.6rem;
}
.prepaidPrograms .autoReconciliation__backgroundImage {
  position: absolute;
  right: 0;
}
@media (min-width: 320px) and (max-width: 374px) {
  .prepaidPrograms .autoReconciliation__backgroundImage {
    right: 16px;
    height: 100%;
    width: 90%;
  }
}
@media (min-width: 375px) and (max-width: 576px) {
  .prepaidPrograms .autoReconciliation__backgroundImage {
    right: 16px;
    width: auto;
    height: 100%;
  }
}
@media (min-width: 576px) and (max-width: 1286px) {
  .prepaidPrograms .autoReconciliation__backgroundImage {
    right: 16px;
    width: 70%;
  }
}
.prepaidPrograms .autoReconciliation__image--desktop {
  position: absolute;
  width: 65%;
  top: 13.5%;
  right: 0%;
}
@media (min-width: 577px) and (max-width: 1286px) {
  .prepaidPrograms .autoReconciliation__image--desktop {
    width: 70%;
    right: 3%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .prepaidPrograms .autoReconciliation__image--desktop {
    display: none;
  }
}
.prepaidPrograms .autoReconciliation__image--mob {
  display: none;
}
@media (min-width: 320px) and (max-width: 576px) {
  .prepaidPrograms .autoReconciliation__image--mob {
    display: block;
    position: absolute;
    right: 3%;
    top: 14%;
  }
}

.typesOfPrePaidCard {
  margin: 10rem 0 0;
}
@media (min-width: 320px) and (max-width: 576px) {
  .typesOfPrePaidCard {
    margin-bottom: 8rem;
  }
}
.typesOfPrePaidCard__image {
  margin-top: 5rem;
}
.typesOfPrePaidCard__image--desktop {
  width: 100%;
}
@media (min-width: 320px) and (max-width: 576px) {
  .typesOfPrePaidCard__image--desktop {
    display: none;
  }
}
.typesOfPrePaidCard__image--mobile {
  display: none;
  width: 100%;
  margin-top: 3.6rem;
}
@media (min-width: 320px) and (max-width: 576px) {
  .typesOfPrePaidCard__image--mobile {
    display: block;
  }
}

.bnplHero {
  position: relative;
  margin: 2rem auto 10rem;
}
@media (min-width: 320px) and (max-width: 576px) {
  .bnplHero {
    margin-bottom: 5rem;
  }
}
@media (min-width: 320px) and (max-width: 1286px) {
  .bnplHero__row {
    padding: 0 1.6rem;
  }
}
.bnplHero__left .heroSubInfo {
  width: 105%;
}
@media (min-width: 320px) and (max-width: 1286px) {
  .bnplHero__left .heroSubInfo {
    width: 100%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .bnplHero__right {
    margin-top: 2rem;
  }
}

.bnplPrograms {
  position: relative;
  margin: 0 auto;
}
.bnplPrograms .virtualLimitProgram {
  margin-top: 5.6rem;
}
.bnplPrograms .virtualLimitProgram__row,
.bnplPrograms .bnplCardManagement__row {
  align-items: center;
}
.bnplPrograms .virtualLimitProgram__left {
  margin-bottom: 4rem;
}
.bnplPrograms .bnplCardManagement__right {
  display: flex;
  align-items: center;
  margin-bottom: 4rem;
}
.bnplPrograms .bnplCardManagement {
  margin-top: 6rem;
}
@media (min-width: 320px) and (max-width: 375px) {
  .bnplPrograms .bnplCardManagement {
    margin-top: 0;
  }
}
.bnplPrograms .virtualLimitProgram__container {
  position: relative;
  height: 41.6rem;
}
.bnplPrograms .virtualLimitProgram__backgroundImage {
  position: absolute;
  right: 0;
}
@media (min-width: 320px) and (max-width: 374px) {
  .bnplPrograms .virtualLimitProgram__backgroundImage {
    height: 100%;
  }
}
@media (min-width: 375px) and (max-width: 576px) {
  .bnplPrograms .virtualLimitProgram__backgroundImage {
    width: auto;
    height: 100%;
  }
}
@media (min-width: 320px) and (max-width: 1286px) {
  .bnplPrograms .virtualLimitProgram__backgroundImage {
    right: 16px;
    width: 90%;
    height: 100%;
  }
}
.bnplPrograms .virtualLimitProgram__image--desktop {
  position: absolute;
  width: 65%;
  top: 5%;
  right: 3%;
}
@media (min-width: 577px) and (max-width: 1286px) {
  .bnplPrograms .virtualLimitProgram__image--desktop {
    right: 9.5%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .bnplPrograms .virtualLimitProgram__image--desktop {
    display: none;
  }
}
.bnplPrograms .virtualLimitProgram__image--mob {
  display: none;
}
@media (min-width: 320px) and (max-width: 576px) {
  .bnplPrograms .virtualLimitProgram__image--mob {
    display: block;
    position: absolute;
    width: 93%;
    right: 6%;
    top: 0%;
    height: 78.5%;
  }
}
.bnplPrograms .bnplCardManagement__container {
  position: relative;
  height: 41.6rem;
}
.bnplPrograms .bnplCardManagement__backgroundImage {
  position: absolute;
  transform: rotate(-90deg);
  left: 0;
}
@media (min-width: 320px) and (max-width: 1286px) {
  .bnplPrograms .bnplCardManagement__backgroundImage {
    left: 16px;
    width: 90%;
  }
}
@media (min-width: 375px) and (max-width: 576px) {
  .bnplPrograms .bnplCardManagement__backgroundImage {
    width: auto;
    height: 100%;
  }
}
@media (min-width: 320px) and (max-width: 374px) {
  .bnplPrograms .bnplCardManagement__backgroundImage {
    width: 70%;
    height: 100%;
  }
}
.bnplPrograms .bnplCardManagement__image--desktop {
  position: absolute;
  width: 63%;
  top: 5%;
  left: 8.5%;
}
@media (min-width: 577px) and (max-width: 1286px) {
  .bnplPrograms .bnplCardManagement__image--desktop {
    left: 5%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .bnplPrograms .bnplCardManagement__image--desktop {
    display: none;
  }
}
.bnplPrograms .bnplCardManagement__image--mob {
  display: none;
}
@media (min-width: 320px) and (max-width: 576px) {
  .bnplPrograms .bnplCardManagement__image--mob {
    display: block;
    position: absolute;
    width: 81%;
    left: 16px;
    top: 5%;
    height: 70%;
  }
}
@media (min-width: 320px) and (max-width: 375px) {
  .bnplPrograms .bnplCardManagement__image--mob {
    left: 32px;
  }
}

.vegapayBnpl {
  position: relative;
  margin: 10rem auto;
}
@media (min-width: 320px) and (max-width: 576px) {
  .vegapayBnpl {
    margin: 0rem auto;
  }
}
.vegapayBnpl .common-heading__main-heading {
  margin-bottom: 5rem;
}
.vegapayBnpl .whyVegapayBnpl {
  margin-top: 5.6rem;
}
.vegapayBnpl .whyVegapayBnpl__row {
  align-items: center;
}
.vegapayBnpl .whyVegapayBnpl__item {
  border: 1px solid transparent;
  width: 80%;
  margin-bottom: 2.4rem;
  padding: 2rem 1.6rem;
}
.vegapayBnpl .whyVegapayBnpl__item p {
  cursor: pointer;
}
.vegapayBnpl .whyVegapayBnpl__item h3 {
  display: none;
}
.vegapayBnpl .whyVegapayBnpl__item button {
  display: none;
}
.vegapayBnpl .whyVegapayBnpl__item--open {
  border: 1px solid rgba(6, 31, 98, 0.63);
  border-radius: 1rem;
}
.vegapayBnpl .whyVegapayBnpl__item--open p {
  cursor: default;
}
.vegapayBnpl .whyVegapayBnpl__item--open p svg path {
  stroke: #ff912c;
}
.vegapayBnpl .whyVegapayBnpl__item--open h3 {
  display: block;
}
.vegapayBnpl .whyVegapayBnpl__item--open button {
  display: flex;
}
@media (min-width: 320px) and (max-width: 576px) {
  .vegapayBnpl .whyVegapayBnpl__item {
    width: 100%;
    margin: 0 auto;
  }
}
.vegapayBnpl .whyVegapayBnpl__item--header {
  color: #061f62;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  gap: 0.8rem;
  font-weight: 500;
  font-size: 1.4rem;
  padding-bottom: 0.6rem;
}
.vegapayBnpl .whyVegapayBnpl__item--subHeader {
  color: #646464;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.41;
}
.vegapayBnpl .whyVegapayBnpl__item--learnMore {
  display: flex;
  align-items: center;
  background: transparent;
  color: #061f62;
  gap: 0.8rem;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.21;
  margin-top: 2.2rem;
}
.vegapayBnpl .whyVegapayBnpl__item--icon svg path {
  stroke: #061f62;
}
.vegapayBnpl .whyVegapayBnpl__container {
  position: relative;
  height: 41.6rem;
}
@media (min-width: 320px) and (max-width: 576px) {
  .vegapayBnpl .whyVegapayBnpl__container {
    margin-top: 4rem;
  }
}
.vegapayBnpl .whyVegapayBnpl__backgroundImage {
  position: absolute;
  top: -1.5rem;
  right: 0;
}
@media (min-width: 320px) and (max-width: 374px) {
  .vegapayBnpl .whyVegapayBnpl__backgroundImage {
    height: 100%;
  }
}
@media (min-width: 375px) and (max-width: 576px) {
  .vegapayBnpl .whyVegapayBnpl__backgroundImage {
    width: auto;
    height: 100%;
  }
}
@media (min-width: 320px) and (max-width: 1286px) {
  .vegapayBnpl .whyVegapayBnpl__backgroundImage {
    right: 16px;
    width: 90%;
    height: 100%;
  }
}
.vegapayBnpl .whyVegapayBnpl__image--desktop {
  position: absolute;
  width: 80%;
  top: -12%;
  right: -1.5%;
}
@media (min-width: 577px) and (max-width: 1286px) {
  .vegapayBnpl .whyVegapayBnpl__image--desktop {
    right: 9.5%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .vegapayBnpl .whyVegapayBnpl__image--desktop {
    display: none;
  }
}
.vegapayBnpl .whyVegapayBnpl__image--mob {
  display: none;
}
@media (min-width: 320px) and (max-width: 576px) {
  .vegapayBnpl .whyVegapayBnpl__image--mob {
    display: block;
    position: absolute;
    width: 93%;
    right: 6%;
    top: 0%;
    height: 78.5%;
  }
}

.forexCardHero {
  position: relative;
  margin: 2rem auto 10rem;
}
@media (min-width: 320px) and (max-width: 576px) {
  .forexCardHero {
    margin-bottom: 5rem;
  }
}
@media (min-width: 320px) and (max-width: 1286px) {
  .forexCardHero__row {
    padding: 0 1.6rem;
  }
}
.forexCardHero__left .heroSubInfo {
  width: 105%;
}
@media (min-width: 320px) and (max-width: 1286px) {
  .forexCardHero__left .heroSubInfo {
    width: 100%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .forexCardHero__right {
    margin-top: 2rem;
  }
}

.forexCardPrograms {
  position: relative;
  margin: 0 auto 12rem;
}
.forexCardPrograms .goDigitalProgram,
.forexCardPrograms .vegapaySuperApp,
.forexCardPrograms .currencyBalancing {
  margin-top: 5.6rem;
}
.forexCardPrograms .goDigitalProgram__row,
.forexCardPrograms .vegapaySuperApp__row,
.forexCardPrograms .multiCurrency__row,
.forexCardPrograms .autoCardIssuance__row,
.forexCardPrograms .currencyBalancing__row {
  align-items: center;
}
.forexCardPrograms .goDigitalProgram__left,
.forexCardPrograms .vegapaySuperApp__left,
.forexCardPrograms .currencyBalancing__left {
  margin-bottom: 4rem;
}
.forexCardPrograms .goDigitalProgram__container {
  position: relative;
  height: 41.6rem;
}
.forexCardPrograms .goDigitalProgram__backgroundImage {
  position: absolute;
  right: 0;
}
@media (min-width: 320px) and (max-width: 374px) {
  .forexCardPrograms .goDigitalProgram__backgroundImage {
    height: 100%;
  }
}
@media (min-width: 375px) and (max-width: 576px) {
  .forexCardPrograms .goDigitalProgram__backgroundImage {
    width: auto;
    height: 100%;
  }
}
@media (min-width: 320px) and (max-width: 1286px) {
  .forexCardPrograms .goDigitalProgram__backgroundImage {
    right: 16px;
    width: 90%;
  }
}
.forexCardPrograms .goDigitalProgram__image--desktop {
  position: absolute;
  width: 49%;
  top: 8%;
  right: 8.5%;
}
@media (min-width: 577px) and (max-width: 1286px) {
  .forexCardPrograms .goDigitalProgram__image--desktop {
    right: 9.5%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .forexCardPrograms .goDigitalProgram__image--desktop {
    display: none;
  }
}
.forexCardPrograms .goDigitalProgram__image--mob {
  display: none;
}
@media (min-width: 320px) and (max-width: 576px) {
  .forexCardPrograms .goDigitalProgram__image--mob {
    display: block;
    position: absolute;
    width: 93%;
    right: 6%;
    top: 0%;
    height: 78.5%;
  }
}
.forexCardPrograms .multiCurrency {
  margin-top: 6rem;
}
.forexCardPrograms .multiCurrency__right {
  display: flex;
  align-items: center;
  margin-bottom: 4rem;
}
@media (min-width: 320px) and (max-width: 375px) {
  .forexCardPrograms .multiCurrency {
    margin-top: 0;
  }
}
.forexCardPrograms .multiCurrency__container {
  position: relative;
  height: 41.6rem;
}
.forexCardPrograms .multiCurrency__backgroundImage {
  position: absolute;
  transform: rotate(-90deg);
  left: 0;
}
@media (min-width: 320px) and (max-width: 1286px) {
  .forexCardPrograms .multiCurrency__backgroundImage {
    left: 16px;
    width: 90%;
  }
}
@media (min-width: 375px) and (max-width: 576px) {
  .forexCardPrograms .multiCurrency__backgroundImage {
    width: auto;
    height: 100%;
  }
}
@media (min-width: 320px) and (max-width: 374px) {
  .forexCardPrograms .multiCurrency__backgroundImage {
    width: 70%;
  }
}
.forexCardPrograms .multiCurrency__image--desktop {
  position: absolute;
  width: 60.5%;
  top: -1%;
  left: 6%;
}
@media (min-width: 577px) and (max-width: 1286px) {
  .forexCardPrograms .multiCurrency__image--desktop {
    left: 5%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .forexCardPrograms .multiCurrency__image--desktop {
    display: none;
  }
}
.forexCardPrograms .multiCurrency__image--mob {
  display: none;
}
@media (min-width: 320px) and (max-width: 576px) {
  .forexCardPrograms .multiCurrency__image--mob {
    display: block;
    position: absolute;
    width: 81%;
    left: 16px;
    top: 5%;
    height: 70%;
  }
}
@media (min-width: 320px) and (max-width: 375px) {
  .forexCardPrograms .multiCurrency__image--mob {
    left: 32px;
  }
}
.forexCardPrograms .vegapaySuperApp__container {
  position: relative;
  height: 41.6rem;
}
.forexCardPrograms .vegapaySuperApp__backgroundImage {
  position: absolute;
  right: 0;
}
@media (min-width: 320px) and (max-width: 374px) {
  .forexCardPrograms .vegapaySuperApp__backgroundImage {
    right: 16px;
    height: 100%;
    width: 90%;
  }
}
@media (min-width: 375px) and (max-width: 576px) {
  .forexCardPrograms .vegapaySuperApp__backgroundImage {
    right: 16px;
    width: auto;
    height: 100%;
  }
}
@media (min-width: 576px) and (max-width: 1286px) {
  .forexCardPrograms .vegapaySuperApp__backgroundImage {
    right: 16px;
    width: 70%;
  }
}
.forexCardPrograms .vegapaySuperApp__image--desktop {
  position: absolute;
  width: 75%;
  top: -1%;
  right: 2%;
}
@media (min-width: 577px) and (max-width: 1286px) {
  .forexCardPrograms .vegapaySuperApp__image--desktop {
    width: 70%;
    right: 3%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .forexCardPrograms .vegapaySuperApp__image--desktop {
    display: none;
  }
}
.forexCardPrograms .vegapaySuperApp__image--mob {
  display: none;
}
@media (min-width: 320px) and (max-width: 576px) {
  .forexCardPrograms .vegapaySuperApp__image--mob {
    display: block;
    position: absolute;
    right: 3%;
    top: 14%;
  }
}
.forexCardPrograms .autoCardIssuance {
  margin-top: 6rem;
}
.forexCardPrograms .autoCardIssuance__right {
  display: flex;
  align-items: center;
  margin-bottom: 4rem;
}
@media (min-width: 320px) and (max-width: 375px) {
  .forexCardPrograms .autoCardIssuance {
    margin-top: 0;
  }
}
.forexCardPrograms .autoCardIssuance__container {
  position: relative;
  height: 41.6rem;
}
.forexCardPrograms .autoCardIssuance__backgroundImage {
  position: absolute;
  transform: rotate(-90deg);
  left: 0;
}
@media (min-width: 320px) and (max-width: 1286px) {
  .forexCardPrograms .autoCardIssuance__backgroundImage {
    left: 16px;
    width: 90%;
  }
}
@media (min-width: 375px) and (max-width: 576px) {
  .forexCardPrograms .autoCardIssuance__backgroundImage {
    width: auto;
    height: 100%;
  }
}
@media (min-width: 320px) and (max-width: 374px) {
  .forexCardPrograms .autoCardIssuance__backgroundImage {
    width: 70%;
  }
}
.forexCardPrograms .autoCardIssuance__image--desktop {
  position: absolute;
  width: 70%;
  top: 12.5%;
  left: 5%;
}
@media (min-width: 577px) and (max-width: 1286px) {
  .forexCardPrograms .autoCardIssuance__image--desktop {
    left: 5%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .forexCardPrograms .autoCardIssuance__image--desktop {
    display: none;
  }
}
.forexCardPrograms .autoCardIssuance__image--mob {
  display: none;
}
@media (min-width: 320px) and (max-width: 576px) {
  .forexCardPrograms .autoCardIssuance__image--mob {
    display: block;
    position: absolute;
    width: 81%;
    left: 16px;
    top: 5%;
    height: 70%;
  }
}
@media (min-width: 320px) and (max-width: 375px) {
  .forexCardPrograms .autoCardIssuance__image--mob {
    left: 32px;
  }
}
.forexCardPrograms .currencyBalancing__container {
  position: relative;
  height: 41.6rem;
}
.forexCardPrograms .currencyBalancing__backgroundImage {
  position: absolute;
  right: 0;
}
@media (min-width: 320px) and (max-width: 374px) {
  .forexCardPrograms .currencyBalancing__backgroundImage {
    right: 16px;
    height: 100%;
    width: 90%;
  }
}
@media (min-width: 375px) and (max-width: 576px) {
  .forexCardPrograms .currencyBalancing__backgroundImage {
    right: 16px;
    width: auto;
    height: 100%;
  }
}
@media (min-width: 576px) and (max-width: 1286px) {
  .forexCardPrograms .currencyBalancing__backgroundImage {
    right: 16px;
    width: 70%;
  }
}
.forexCardPrograms .currencyBalancing__image--desktop {
  position: absolute;
  width: 77.5%;
  top: 11%;
  right: -3%;
}
@media (min-width: 577px) and (max-width: 1286px) {
  .forexCardPrograms .currencyBalancing__image--desktop {
    width: 70%;
    right: 3%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .forexCardPrograms .currencyBalancing__image--desktop {
    display: none;
  }
}
.forexCardPrograms .currencyBalancing__image--mob {
  display: none;
}
@media (min-width: 320px) and (max-width: 576px) {
  .forexCardPrograms .currencyBalancing__image--mob {
    display: block;
    position: absolute;
    right: 3%;
    top: 14%;
  }
}

.losHero {
  position: relative;
  margin: 2rem auto 10rem;
}
@media (min-width: 320px) and (max-width: 576px) {
  .losHero {
    margin-bottom: 5rem;
  }
}
@media (min-width: 320px) and (max-width: 1286px) {
  .losHero__row {
    padding: 0 1.6rem;
  }
}
.losHero__left .heroSubInfo {
  width: 90%;
}
@media (min-width: 320px) and (max-width: 1286px) {
  .losHero__left .heroSubInfo {
    width: 100%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .losHero__right {
    margin-top: 2rem;
  }
}

.losPrograms {
  position: relative;
  margin: 0 auto 12rem;
}
.losPrograms .common-heading__main-heading {
  width: 40%;
  margin: 0 auto 1.6rem;
}
@media (min-width: 320px) and (max-width: 576px) {
  .losPrograms .common-heading__main-heading {
    width: 100%;
  }
}
.losPrograms .integratedSolutions,
.losPrograms .disbursals,
.losPrograms .coLending {
  margin-top: 5.6rem;
}
.losPrograms .integratedSolutions__row,
.losPrograms .disbursals__row,
.losPrograms .docManagementSystem__row,
.losPrograms .collection__row,
.losPrograms .coLending__row {
  align-items: center;
}
.losPrograms .integratedSolutions__left,
.losPrograms .disbursals__left,
.losPrograms .coLending__left {
  margin-bottom: 4rem;
}
.losPrograms .integratedSolutions__container {
  position: relative;
  height: 41.6rem;
}
.losPrograms .integratedSolutions__backgroundImage {
  position: absolute;
  right: 0;
}
@media (min-width: 320px) and (max-width: 374px) {
  .losPrograms .integratedSolutions__backgroundImage {
    height: 100%;
  }
}
@media (min-width: 375px) and (max-width: 576px) {
  .losPrograms .integratedSolutions__backgroundImage {
    width: auto;
    height: 100%;
  }
}
@media (min-width: 320px) and (max-width: 1286px) {
  .losPrograms .integratedSolutions__backgroundImage {
    right: 16px;
    width: 90%;
  }
}
.losPrograms .integratedSolutions__image--desktop {
  position: absolute;
  width: 85%;
  top: 6%;
  right: 8.5%;
}
@media (min-width: 577px) and (max-width: 1286px) {
  .losPrograms .integratedSolutions__image--desktop {
    right: 9.5%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .losPrograms .integratedSolutions__image--desktop {
    display: none;
  }
}
.losPrograms .integratedSolutions__image--mob {
  display: none;
}
@media (min-width: 320px) and (max-width: 576px) {
  .losPrograms .integratedSolutions__image--mob {
    display: block;
    position: absolute;
    width: 93%;
    right: 6%;
    top: 0%;
    height: 78.5%;
  }
}
.losPrograms .docManagementSystem {
  margin-top: 6rem;
}
.losPrograms .docManagementSystem__right {
  display: flex;
  align-items: center;
  margin-bottom: 4rem;
}
@media (min-width: 320px) and (max-width: 375px) {
  .losPrograms .docManagementSystem {
    margin-top: 0;
  }
}
.losPrograms .docManagementSystem__container {
  position: relative;
  height: 41.6rem;
}
.losPrograms .docManagementSystem__backgroundImage {
  position: absolute;
  transform: rotate(-90deg);
  left: 0;
}
@media (min-width: 320px) and (max-width: 1286px) {
  .losPrograms .docManagementSystem__backgroundImage {
    left: 16px;
    width: 90%;
  }
}
@media (min-width: 375px) and (max-width: 576px) {
  .losPrograms .docManagementSystem__backgroundImage {
    width: auto;
    height: 100%;
  }
}
@media (min-width: 320px) and (max-width: 374px) {
  .losPrograms .docManagementSystem__backgroundImage {
    width: 70%;
  }
}
.losPrograms .docManagementSystem__image--desktop {
  position: absolute;
  width: 83.5%;
  top: 5%;
  left: 5%;
}
@media (min-width: 577px) and (max-width: 1286px) {
  .losPrograms .docManagementSystem__image--desktop {
    left: 5%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .losPrograms .docManagementSystem__image--desktop {
    display: none;
  }
}
.losPrograms .docManagementSystem__image--mob {
  display: none;
}
@media (min-width: 320px) and (max-width: 576px) {
  .losPrograms .docManagementSystem__image--mob {
    display: block;
    position: absolute;
    width: 81%;
    left: 16px;
    top: 5%;
    height: 70%;
  }
}
@media (min-width: 320px) and (max-width: 375px) {
  .losPrograms .docManagementSystem__image--mob {
    left: 32px;
  }
}
.losPrograms .disbursals__container {
  position: relative;
  height: 41.6rem;
}
.losPrograms .disbursals__backgroundImage {
  position: absolute;
  right: 0;
}
@media (min-width: 320px) and (max-width: 374px) {
  .losPrograms .disbursals__backgroundImage {
    right: 16px;
    height: 100%;
    width: 90%;
  }
}
@media (min-width: 375px) and (max-width: 576px) {
  .losPrograms .disbursals__backgroundImage {
    right: 16px;
    width: auto;
    height: 100%;
  }
}
@media (min-width: 576px) and (max-width: 1286px) {
  .losPrograms .disbursals__backgroundImage {
    right: 16px;
    width: 70%;
  }
}
.losPrograms .disbursals__image--desktop {
  position: absolute;
  width: 90.5%;
  top: -2.5%;
  right: 4.5%;
}
@media (min-width: 577px) and (max-width: 1286px) {
  .losPrograms .disbursals__image--desktop {
    width: 70%;
    right: 3%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .losPrograms .disbursals__image--desktop {
    display: none;
  }
}
.losPrograms .disbursals__image--mob {
  display: none;
}
@media (min-width: 320px) and (max-width: 576px) {
  .losPrograms .disbursals__image--mob {
    display: block;
    position: absolute;
    right: 3%;
    top: 14%;
  }
}
.losPrograms .collection {
  margin-top: 6rem;
}
.losPrograms .collection__right {
  display: flex;
  align-items: center;
  margin-bottom: 4rem;
}
@media (min-width: 320px) and (max-width: 375px) {
  .losPrograms .collection {
    margin-top: 0;
  }
}
.losPrograms .collection__container {
  position: relative;
  height: 41.6rem;
}
.losPrograms .collection__backgroundImage {
  position: absolute;
  transform: rotate(-90deg);
  left: 0;
}
@media (min-width: 320px) and (max-width: 1286px) {
  .losPrograms .collection__backgroundImage {
    left: 16px;
    width: 90%;
  }
}
@media (min-width: 375px) and (max-width: 576px) {
  .losPrograms .collection__backgroundImage {
    width: auto;
    height: 100%;
  }
}
@media (min-width: 320px) and (max-width: 374px) {
  .losPrograms .collection__backgroundImage {
    width: 70%;
  }
}
.losPrograms .collection__image--desktop {
  position: absolute;
  width: 89%;
  top: 7.5%;
  left: 0%;
}
@media (min-width: 577px) and (max-width: 1286px) {
  .losPrograms .collection__image--desktop {
    left: 5%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .losPrograms .collection__image--desktop {
    display: none;
  }
}
.losPrograms .collection__image--mob {
  display: none;
}
@media (min-width: 320px) and (max-width: 576px) {
  .losPrograms .collection__image--mob {
    display: block;
    position: absolute;
    width: 81%;
    left: 16px;
    top: 5%;
    height: 70%;
  }
}
@media (min-width: 320px) and (max-width: 375px) {
  .losPrograms .collection__image--mob {
    left: 32px;
  }
}
.losPrograms .coLending__container {
  position: relative;
  height: 41.6rem;
}
.losPrograms .coLending__backgroundImage {
  position: absolute;
  right: 0;
}
@media (min-width: 320px) and (max-width: 374px) {
  .losPrograms .coLending__backgroundImage {
    right: 16px;
    height: 100%;
    width: 90%;
  }
}
@media (min-width: 375px) and (max-width: 576px) {
  .losPrograms .coLending__backgroundImage {
    right: 16px;
    width: auto;
    height: 100%;
  }
}
@media (min-width: 576px) and (max-width: 1286px) {
  .losPrograms .coLending__backgroundImage {
    right: 16px;
    width: 70%;
  }
}
.losPrograms .coLending__image--desktop {
  position: absolute;
  width: 95.5%;
  top: 11%;
  right: 1%;
}
@media (min-width: 577px) and (max-width: 1286px) {
  .losPrograms .coLending__image--desktop {
    width: 70%;
    right: 3%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .losPrograms .coLending__image--desktop {
    display: none;
  }
}
.losPrograms .coLending__image--mob {
  display: none;
}
@media (min-width: 320px) and (max-width: 576px) {
  .losPrograms .coLending__image--mob {
    display: block;
    position: absolute;
    right: 3%;
    top: 14%;
    width: 85%;
  }
}

.creditOnUpiHero {
  position: relative;
  margin: 2rem auto 10rem;
}
@media (min-width: 320px) and (max-width: 576px) {
  .creditOnUpiHero {
    margin-bottom: 5rem;
  }
}
@media (min-width: 320px) and (max-width: 1286px) {
  .creditOnUpiHero__row {
    padding: 0 1.6rem;
  }
}
.creditOnUpiHero__left .heroSubInfo {
  width: 105%;
}
@media (min-width: 320px) and (max-width: 1286px) {
  .creditOnUpiHero__left .heroSubInfo {
    width: 100%;
  }
}
.creditOnUpiHero__right {
  margin-bottom: 2rem;
  display: flex;
  justify-content: flex-end;
}
.creditOnUpiHero__right svg {
  width: 100%;
  height: 100%;
}
@media (min-width: 320px) and (max-width: 576px) {
  .creditOnUpiHero__right {
    margin-top: 2rem;
    justify-content: center;
  }
}
.creditOnUpiHero__heroImage {
  width: 75%;
}

.creditOnUpiPrograms {
  position: relative;
  margin: 10rem auto;
}
.creditOnUpiPrograms .benefits {
  margin-top: 5.6rem;
}
.creditOnUpiPrograms .benefits .row,
.creditOnUpiPrograms .creditLines .row {
  align-items: center;
}
.creditOnUpiPrograms .creditLines {
  margin-top: 6rem;
}
.creditOnUpiPrograms .benefits__container {
  position: relative;
  height: 30.6rem;
}
.creditOnUpiPrograms .benefits__backgroundImage {
  position: absolute;
  right: 0;
}
@media (min-width: 320px) and (max-width: 374px) {
  .creditOnUpiPrograms .benefits__backgroundImage {
    height: 100%;
  }
}
@media (min-width: 375px) and (max-width: 576px) {
  .creditOnUpiPrograms .benefits__backgroundImage {
    width: auto;
    height: 100%;
  }
}
@media (min-width: 320px) and (max-width: 1286px) {
  .creditOnUpiPrograms .benefits__backgroundImage {
    right: 16px;
    width: 90%;
  }
}
.creditOnUpiPrograms .benefits__image--desktop {
  position: absolute;
  width: 95%;
  top: 4.5%;
  right: 2.5%;
}
@media (min-width: 577px) and (max-width: 1286px) {
  .creditOnUpiPrograms .benefits__image--desktop {
    right: 9.5%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .creditOnUpiPrograms .benefits__image--desktop {
    display: none;
  }
}
.creditOnUpiPrograms .benefits__image {
  position: absolute;
  height: 100%;
  top: 4.5%;
  right: 2.5%;
}
@media (min-width: 577px) and (max-width: 1286px) {
  .creditOnUpiPrograms .benefits__image {
    right: 9.5%;
  }
}
.creditOnUpiPrograms .benefits__image--mob {
  display: none;
}
@media (min-width: 320px) and (max-width: 576px) {
  .creditOnUpiPrograms .benefits__image--mob {
    display: block;
    position: absolute;
    width: 93%;
    right: 6%;
    top: 0%;
    height: 78.5%;
  }
}
.creditOnUpiPrograms .creditLines__container {
  position: relative;
  height: 41.6rem;
}
.creditOnUpiPrograms .creditLines__backgroundImage {
  position: absolute;
  transform: rotate(-90deg);
  left: 0;
}
@media (min-width: 320px) and (max-width: 1286px) {
  .creditOnUpiPrograms .creditLines__backgroundImage {
    left: 16px;
    width: 90%;
  }
}
@media (min-width: 375px) and (max-width: 576px) {
  .creditOnUpiPrograms .creditLines__backgroundImage {
    width: auto;
    height: 100%;
  }
}
@media (min-width: 320px) and (max-width: 374px) {
  .creditOnUpiPrograms .creditLines__backgroundImage {
    width: 70%;
    height: 100%;
  }
}
.creditOnUpiPrograms .creditLines__image {
  position: absolute;
  height: 100%;
  top: 6%;
  left: 3%;
  transform: scale(0.8) translate(-20%, 0%);
}
@media (min-width: 577px) and (max-width: 1286px) {
  .creditOnUpiPrograms .creditLines__image {
    right: 9.5%;
  }
}
.creditOnUpiPrograms .creditLines__image--desktop {
  position: absolute;
  width: 80%;
  top: 6%;
  left: 3%;
}
@media (min-width: 577px) and (max-width: 1286px) {
  .creditOnUpiPrograms .creditLines__image--desktop {
    left: 5%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .creditOnUpiPrograms .creditLines__image--desktop {
    display: none;
  }
}
.creditOnUpiPrograms .creditLines__image--mob {
  display: none;
}
@media (min-width: 320px) and (max-width: 576px) {
  .creditOnUpiPrograms .creditLines__image--mob {
    display: block;
    position: absolute;
    width: 81%;
    left: 16px;
    top: 5%;
    height: 70%;
  }
}
@media (min-width: 320px) and (max-width: 375px) {
  .creditOnUpiPrograms .creditLines__image--mob {
    left: 32px;
  }
}

.typesOfCard {
  margin: 10rem 0 0;
}
@media (min-width: 320px) and (max-width: 576px) {
  .typesOfCard {
    margin-top: 0;
    margin-bottom: 8rem;
  }
}
.typesOfCard__image {
  margin-top: 5rem;
}
.typesOfCard__image--desktop {
  width: 100%;
}
@media (min-width: 320px) and (max-width: 576px) {
  .typesOfCard__image--desktop {
    display: none;
  }
}
.typesOfCard__image--mobile {
  display: none;
  width: 100%;
  margin-top: 3.6rem;
}
@media (min-width: 320px) and (max-width: 576px) {
  .typesOfCard__image--mobile {
    display: block;
  }
}

.getStarted {
  margin: 0 auto;
  padding-top: 98px;
}
@media (min-width: 577px) and (max-width: 1286px) {
  .getStarted {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .getStarted {
    padding: 48px 16px 0;
  }
}
.getStarted__initialWord--headerDark {
  color: #061f62;
  width: 55%;
  font-size: 4rem;
  line-height: 1.3;
  margin: 0;
}
@media (min-width: 320px) and (max-width: 576px) {
  .getStarted__initialWord--headerDark {
    width: 100%;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  .getStarted__initialWord--headerDark {
    width: 85%;
  }
}
.getStarted__initialWord--headerOrange {
  color: #ff912c;
}
.getStarted__presonalisedProgram {
  color: #4f4f4f;
  font-weight: 400;
  font-size: 2rem;
  line-height: 1.3;
  margin-top: 19px;
}
.getStarted__presonalisedProgram ul li {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
  width: 54.5%;
}
@media (min-width: 320px) and (max-width: 576px) {
  .getStarted__presonalisedProgram ul li {
    width: 100%;
  }
}
.getStarted__button {
  background: #061f62;
  color: #ffffff;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2rem;
  margin-top: 15px;
}
.getStarted__button:hover {
  background: #ff912c;
}
.getStarted__infoSection {
  margin-top: 36px;
}
@media (min-width: 320px) and (max-width: 576px) {
  .getStarted__infoSection {
    margin-top: 26px;
  }
}
.getStarted__lineContainer {
  position: relative;
  height: 322px;
}
@media (min-width: 577px) and (max-width: 767px) {
  .getStarted__lineContainer {
    height: 192px;
  }
}
@media (min-width: 768px) and (max-width: 819px) {
  .getStarted__lineContainer {
    height: 192px;
  }
}
@media (min-width: 820px) and (max-width: 970px) {
  .getStarted__lineContainer {
    height: 232px;
  }
}
@media (min-width: 971px) and (max-width: 1160px) {
  .getStarted__lineContainer {
    height: 272px;
  }
}
.getStarted__initialDot {
  background-color: #ff7b01;
  border: 5px solid #ffebd9;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  top: -10px;
  left: 30%;
  z-index: 1;
  border-radius: 100%;
}
@media (min-width: 320px) and (max-width: 487px) {
  .getStarted__initialDot {
    left: 14.5%;
  }
}
@media (min-width: 488px) and (max-width: 576px) {
  .getStarted__initialDot {
    left: 12%;
  }
}
@media (min-width: 577px) and (max-width: 658px) {
  .getStarted__initialDot {
    left: 21%;
  }
}
@media (min-width: 658px) and (max-width: 829px) {
  .getStarted__initialDot {
    left: 25%;
  }
}
@media (min-width: 830px) and (max-width: 1010px) {
  .getStarted__initialDot {
    left: 27%;
  }
}
.getStarted__initialDot::after {
  background-color: #ffffff;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 100%;
}
.getStarted__sideContainer {
  display: block;
  position: relative;
}
@media (min-width: 320px) and (max-width: 576px) {
  .getStarted__sideContainer {
    display: none;
  }
}
.getStarted__sideContainerMobile {
  display: none;
}
@media (min-width: 320px) and (max-width: 576px) {
  .getStarted__sideContainerMobile {
    display: block;
    position: relative;
  }
}
.getStarted__herogif {
  position: absolute;
  object-fit: contain;
  top: -60%;
  right: 1.5%;
  width: 90%;
}
@media (min-width: 320px) and (max-width: 576px) {
  .getStarted__herogif {
    display: none;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  .getStarted__herogif {
    top: -55%;
  }
}
.getStarted__herogif-mob {
  display: none;
  position: absolute;
}
@media (min-width: 320px) and (max-width: 576px) {
  .getStarted__herogif-mob {
    display: block;
  }
}
@media (min-width: 320px) and (max-width: 370px) {
  .getStarted__herogif-mob {
    width: 100%;
    top: 0;
    left: 0;
  }
}
@media (min-width: 370px) and (max-width: 450px) {
  .getStarted__herogif-mob {
    width: 80%;
    top: 0;
    left: 0;
  }
}
@media (min-width: 450px) and (max-width: 490px) {
  .getStarted__herogif-mob {
    width: 75%;
    top: -2%;
    left: 0;
  }
}
@media (min-width: 490px) and (max-width: 550px) {
  .getStarted__herogif-mob {
    width: 65%;
    top: -2%;
    left: 0;
  }
}
@media (min-width: 550px) and (max-width: 576px) {
  .getStarted__herogif-mob {
    width: 60%;
    top: -2%;
    left: 0;
  }
}

.onePlatform {
  position: relative;
  margin: 0 auto;
  padding: 10px 0;
}
@media (min-width: 577px) and (max-width: 1286px) {
  .onePlatform {
    padding: 10px 1.5rem;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .onePlatform {
    padding: 0 0 0 16px;
  }
}
.onePlatform__lineContainer {
  position: relative;
  height: 1161px;
}
@media (min-width: 320px) and (max-width: 363px) {
  .onePlatform__lineContainer {
    height: 1420px;
  }
}
@media (min-width: 364px) and (max-width: 394px) {
  .onePlatform__lineContainer {
    height: 1340px;
  }
}
@media (min-width: 395px) and (max-width: 425px) {
  .onePlatform__lineContainer {
    height: 1220px;
  }
}
@media (min-width: 426px) and (max-width: 576px) {
  .onePlatform__lineContainer {
    height: 1200px;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  .onePlatform__lineContainer {
    height: 911px;
  }
}
@media (min-width: 768px) and (max-width: 1188px) {
  .onePlatform__lineContainer {
    height: 961px;
  }
}
.onePlatform__lineContainer .outerCircle {
  background: #ffebd9;
  position: absolute;
  width: 64px;
  height: 64px;
  left: 10%;
  top: -1%;
  border-radius: 100%;
}
@media (min-width: 320px) and (max-width: 445px) {
  .onePlatform__lineContainer .outerCircle {
    width: 24px;
    height: 24px;
    left: 14.5%;
  }
}
@media (min-width: 446px) and (max-width: 576px) {
  .onePlatform__lineContainer .outerCircle {
    width: 24px;
    height: 24px;
    left: 9.5%;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  .onePlatform__lineContainer .outerCircle {
    width: 44px;
    height: 44px;
    left: 7%;
  }
}
@media (min-width: 577px) and (max-width: 686px) {
  .onePlatform__lineContainer .outerCircle {
    left: 2%;
  }
}
@media (min-width: 768px) and (max-width: 980px) {
  .onePlatform__lineContainer .outerCircle {
    width: 60px;
    height: 60px;
  }
}
@media (min-width: 768px) and (max-width: 820px) {
  .onePlatform__lineContainer .outerCircle {
    left: -5%;
  }
}
@media (min-width: 820px) and (max-width: 980px) {
  .onePlatform__lineContainer .outerCircle {
    left: 0%;
  }
}
@media (min-width: 980px) and (max-width: 1100px) {
  .onePlatform__lineContainer .outerCircle {
    left: 5%;
  }
}
.onePlatform__lineContainer .outerCircle .innerCircle {
  background: #ff912c;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  z-index: 1;
  top: 18%;
  left: 19%;
  border-radius: 100%;
}
@media (min-width: 320px) and (max-width: 576px) {
  .onePlatform__lineContainer .outerCircle .innerCircle {
    width: 14px;
    height: 14px;
    top: 21%;
    left: 21%;
  }
  .onePlatform__lineContainer .outerCircle .innerCircle img {
    width: 8px;
    height: 8px;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  .onePlatform__lineContainer .outerCircle .innerCircle {
    width: 28px;
    height: 28px;
    left: 18%;
  }
  .onePlatform__lineContainer .outerCircle .innerCircle img {
    width: 14px;
    height: 14px;
  }
}
@media (min-width: 768px) and (max-width: 980px) {
  .onePlatform__lineContainer .outerCircle .innerCircle {
    width: 38px;
    height: 38px;
  }
  .onePlatform__lineContainer .outerCircle .innerCircle img {
    width: 18px;
    height: 18px;
  }
}
.onePlatform__sideContainer {
  margin-left: -4%;
  margin-top: 0.7%;
}
@media (min-width: 320px) and (max-width: 576px) {
  .onePlatform__sideContainer {
    margin-top: -4%;
    padding: 0;
  }
}
.onePlatform__header {
  color: #090a0b;
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 1.2;
  width: 101%;
  margin-bottom: 24px;
}
@media (min-width: 320px) and (max-width: 576px) {
  .onePlatform__header {
    width: 115%;
    font-size: 2.25rem;
    margin-top: -1px;
    margin-bottom: 12px;
  }
}
.onePlatform__header--orange {
  color: #ff7b01;
}
.onePlatform__infoPara {
  color: #616a75;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.2;
  width: 101%;
}
@media (min-width: 320px) and (max-width: 576px) {
  .onePlatform__infoPara {
    width: 100%;
    font-size: 1.75rem;
  }
}
.onePlatform__infoPara1 {
  text-align: justify;
  width: 110%;
}
.onePlatform__cardSection {
  font-family: Inter;
  color: #62729c;
  align-items: baseline;
  font-weight: 500;
  margin-top: 35px;
  gap: 10px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .onePlatform__cardSection .swiper_thumbnail .swiper-wrapper {
    flex-wrap: wrap !important;
    row-gap: 2rem;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .onePlatform__cardSection {
    width: 115%;
    margin-top: 16px;
  }
}
.onePlatform__cardSection--item1, .onePlatform__cardSection--item2, .onePlatform__cardSection--item3, .onePlatform__cardSection--item4, .onePlatform__cardSection--item5, .onePlatform__cardSection--item6, .onePlatform__cardSection--item7 {
  cursor: pointer;
  white-space: wrap;
  font-size: 1.4rem;
  line-height: 1.7rem;
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 12px;
  z-index: 5;
  min-height: 110px;
  min-width: 110px;
}
@media (min-width: 320px) and (max-width: 576px) {
  .onePlatform__cardSection--item1, .onePlatform__cardSection--item2, .onePlatform__cardSection--item3, .onePlatform__cardSection--item4, .onePlatform__cardSection--item5, .onePlatform__cardSection--item6, .onePlatform__cardSection--item7 {
    width: 80px !important;
    margin-right: 2px !important;
  }
}
@media (min-width: 577px) and (max-width: 934px) {
  .onePlatform__cardSection--item1, .onePlatform__cardSection--item2, .onePlatform__cardSection--item3, .onePlatform__cardSection--item4, .onePlatform__cardSection--item5, .onePlatform__cardSection--item6, .onePlatform__cardSection--item7 {
    min-width: 80px !important;
    min-height: 80px !important;
    margin-right: 6px !important;
    padding-top: 6px;
    padding-bottom: 6px;
  }
}
@media (min-width: 935px) and (max-width: 1188px) {
  .onePlatform__cardSection--item1, .onePlatform__cardSection--item2, .onePlatform__cardSection--item3, .onePlatform__cardSection--item4, .onePlatform__cardSection--item5, .onePlatform__cardSection--item6, .onePlatform__cardSection--item7 {
    min-width: 80px !important;
    min-height: 90px !important;
    margin-right: 8px !important;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.onePlatform__cardSection--item1 p, .onePlatform__cardSection--item2 p, .onePlatform__cardSection--item3 p, .onePlatform__cardSection--item4 p, .onePlatform__cardSection--item5 p, .onePlatform__cardSection--item6 p, .onePlatform__cardSection--item7 p {
  margin-top: 10px;
}
.onePlatform__cardSection--item5 {
  min-width: 110px;
}
@media (min-width: 577px) and (max-width: 1188px) {
  .onePlatform__cardSection--item5 {
    min-width: 80px !important;
  }
}
.onePlatform__cardSection--item1:hover {
  background: #6346d9;
  color: #ffffff;
}
.onePlatform__cardSection--item1:hover svg path {
  stroke: #ffffff;
}
.onePlatform__cardSection--item1.swiper-slide-thumb-active {
  background: #6346d9;
  color: #ffffff;
}
.onePlatform__cardSection--item1.swiper-slide-thumb-active svg path {
  stroke: #ffffff;
}
.onePlatform__cardSection--item2:hover {
  background: #d8a101;
  color: #ffffff;
}
.onePlatform__cardSection--item2:hover svg path {
  fill: #ffffff;
}
.onePlatform__cardSection--item2.swiper-slide-thumb-active {
  background: #d8a101;
  color: #ffffff;
}
.onePlatform__cardSection--item2.swiper-slide-thumb-active svg path {
  fill: #ffffff;
}
.onePlatform__cardSection--item3:hover {
  background: #d04270;
  color: #ffffff;
}
.onePlatform__cardSection--item3:hover svg path {
  fill: #ffffff;
}
.onePlatform__cardSection--item3.swiper-slide-thumb-active {
  background: #d04270;
  color: #ffffff;
}
.onePlatform__cardSection--item3.swiper-slide-thumb-active svg path {
  fill: #ffffff;
}
.onePlatform__cardSection--item4:hover {
  background: #86b843;
  color: #ffffff;
}
.onePlatform__cardSection--item4:hover svg path {
  stroke: #ffffff;
}
.onePlatform__cardSection--item4.swiper-slide-thumb-active {
  background: #86b843;
  color: #ffffff;
}
.onePlatform__cardSection--item4.swiper-slide-thumb-active svg path {
  stroke: #ffffff;
}
.onePlatform__cardSection--item5:hover {
  background: #0075ca;
  color: #ffffff;
}
.onePlatform__cardSection--item5:hover svg path {
  fill: #ffffff;
}
.onePlatform__cardSection--item5.swiper-slide-thumb-active {
  background: #0075ca;
  color: #ffffff;
}
.onePlatform__cardSection--item5.swiper-slide-thumb-active svg path {
  fill: #ffffff;
}
.onePlatform__cardSection--item6:hover {
  background: #86b843;
  color: #ffffff;
}
.onePlatform__cardSection--item6:hover svg path {
  fill: #ffffff;
}
.onePlatform__cardSection--item6.swiper-slide-thumb-active {
  background: #86b843;
  color: #ffffff;
}
.onePlatform__cardSection--item6.swiper-slide-thumb-active svg path {
  fill: #ffffff;
}
.onePlatform__cardSection--item7:hover {
  background: #109a47;
  color: #ffffff;
}
.onePlatform__cardSection--item7:hover svg path {
  fill: #ffffff;
  color: #62729C;
}
.onePlatform__cardSection--item7.swiper-slide-thumb-active {
  background: #109a47;
  color: #ffffff;
}
.onePlatform__cardSection--item7.swiper-slide-thumb-active svg path {
  fill: #ffffff;
  color: #109a47;
}
.onePlatform__sliderContainer {
  position: relative;
  height: 514px;
  margin-top: 2%;
}
@media (min-width: 320px) and (max-width: 420px) {
  .onePlatform__sliderContainer {
    margin-top: 24px;
  }
}
.onePlatform__sliderContainer--bg {
  position: absolute;
  right: -17%;
}
@media (min-width: 320px) and (max-width: 464px) {
  .onePlatform__sliderContainer--bg {
    width: 227px;
    right: -21%;
  }
}
@media (min-width: 465px) and (max-width: 576px) {
  .onePlatform__sliderContainer--bg {
    width: 227px;
    right: -5%;
  }
}
.onePlatform__sliderContainer--wrapper {
  position: absolute;
  width: 392px;
  height: 514px;
  top: 20px;
  right: -75px;
}
@media (min-width: 1100px) and (max-width: 1286px) {
  .onePlatform__sliderContainer--wrapper {
    width: 332px;
    right: -55px;
  }
}
@media (min-width: 768px) and (max-width: 1100px) {
  .onePlatform__sliderContainer--wrapper {
    width: 282px;
    right: -55px;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  .onePlatform__sliderContainer--wrapper {
    width: 100%;
    right: -10%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .onePlatform__sliderContainer--wrapper {
    width: 221px;
    height: 270px;
    top: 12px;
    right: 9px;
  }
}
.onePlatform__vector {
  background: url("../assets/img/Dashboard/Vector.png") no-repeat center center;
  position: absolute;
  width: 580px;
  height: 670px;
  top: 1.5%;
  left: -5.8%;
  z-index: 0;
}
@media (min-width: 768px) and (max-width: 1286px) {
  .onePlatform__vector {
    background-size: contain;
    left: -5.5%;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .onePlatform__vector {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 820px) {
  .onePlatform__vector {
    width: 51%;
    height: 65%;
  }
}
@media (min-width: 821px) and (max-width: 939px) {
  .onePlatform__vector {
    width: 50%;
    height: 61%;
  }
}
@media (min-width: 940px) and (max-width: 1050px) {
  .onePlatform__vector {
    width: 50%;
    height: 61%;
  }
}
@media (min-width: 1051px) and (max-width: 1188px) {
  .onePlatform__vector {
    width: 49.5%;
    height: 65.5%;
  }
}
@media (min-width: 1189px) and (max-width: 1286px) {
  .onePlatform__vector {
    width: 49.5%;
    height: 57.5%;
  }
}
.onePlatform__sectionTwo {
  position: relative;
  margin-top: 10%;
  margin-left: -5%;
}
@media (min-width: 320px) and (max-width: 576px) {
  .onePlatform__sectionTwo {
    margin-top: -60%;
    width: 100%;
  }
}
@media (min-width: 320px) and (max-width: 350px) {
  .onePlatform__sectionTwo {
    margin-left: -10%;
  }
}
@media (min-width: 351px) and (max-width: 400px) {
  .onePlatform__sectionTwo {
    margin-top: -50%;
    margin-left: -7.5%;
  }
}
@media (min-width: 401px) and (max-width: 464px) {
  .onePlatform__sectionTwo {
    margin-top: -55%;
    margin-left: -6%;
  }
}
@media (min-width: 465px) and (max-width: 495px) {
  .onePlatform__sectionTwo {
    margin-top: -55%;
    margin-left: -6%;
  }
}
@media (min-width: 496px) and (max-width: 576px) {
  .onePlatform__sectionTwo {
    margin-top: -30%;
    margin-left: -6%;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  .onePlatform__sectionTwo {
    flex-direction: row-reverse;
    margin-top: -5%;
  }
}
@media (min-width: 768px) and (max-width: 939px) {
  .onePlatform__sectionTwo {
    margin-top: -4.5%;
  }
}
@media (min-width: 768px) and (max-width: 939px) {
  .onePlatform__sectionTwo {
    margin-top: -2.5%;
  }
}
@media (min-width: 940px) and (max-width: 1050px) {
  .onePlatform__sectionTwo {
    margin-top: 0;
  }
}
@media (min-width: 1051px) and (max-width: 1188px) {
  .onePlatform__sectionTwo {
    margin-top: 6%;
  }
}
.onePlatform__sectionTwo--info-container {
  position: relative;
}
.onePlatform__sectionTwo--outerCircle {
  background: #ffebd9;
  position: absolute;
  height: 64px;
  width: 64px;
  top: -4.5%;
  left: -13.5%;
  border-radius: 100%;
}
@media (min-width: 320px) and (max-width: 576px) {
  .onePlatform__sectionTwo--outerCircle {
    width: 24px;
    height: 24px;
    top: -1px;
  }
}
@media (min-width: 320px) and (max-width: 400px) {
  .onePlatform__sectionTwo--outerCircle {
    left: -7.5%;
  }
}
@media (min-width: 401px) and (max-width: 460px) {
  .onePlatform__sectionTwo--outerCircle {
    left: -8%;
  }
}
@media (min-width: 461px) and (max-width: 535px) {
  .onePlatform__sectionTwo--outerCircle {
    left: -8%;
  }
}
@media (min-width: 536px) and (max-width: 576px) {
  .onePlatform__sectionTwo--outerCircle {
    left: -7.5%;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  .onePlatform__sectionTwo--outerCircle {
    width: 44px;
    height: 44px;
    left: -12%;
  }
}
@media (min-width: 658px) and (max-width: 716px) {
  .onePlatform__sectionTwo--outerCircle {
    left: -13%;
  }
}
@media (min-width: 577px) and (max-width: 657px) {
  .onePlatform__sectionTwo--outerCircle {
    left: -14.5%;
  }
}
@media (min-width: 768px) and (max-width: 980px) {
  .onePlatform__sectionTwo--outerCircle {
    width: 60px;
    height: 60px;
  }
}
.onePlatform__sectionTwo--innerCircle {
  background: #ff912c;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 19%;
  left: 20%;
  height: 40px;
  width: 40px;
  border-radius: 100%;
}
@media (min-width: 320px) and (max-width: 576px) {
  .onePlatform__sectionTwo--innerCircle {
    width: 14px;
    height: 14px;
    top: 21%;
    left: 21%;
  }
  .onePlatform__sectionTwo--innerCircle img {
    width: 8px;
    height: 8px;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  .onePlatform__sectionTwo--innerCircle {
    width: 28px;
    height: 28px;
    left: 18%;
  }
  .onePlatform__sectionTwo--innerCircle img {
    width: 14px;
    height: 14px;
  }
}
@media (min-width: 768px) and (max-width: 980px) {
  .onePlatform__sectionTwo--innerCircle {
    width: 38px;
    height: 38px;
  }
  .onePlatform__sectionTwo--innerCircle img {
    width: 18px;
    height: 18px;
  }
}
.onePlatform__sectionTwo--header {
  width: 100%;
  margin-top: -1%;
}
@media (min-width: 320px) and (max-width: 576px) {
  .onePlatform__sectionTwo--header {
    width: 120%;
  }
}
@media (min-width: 320px) and (max-width: 439px) {
  .onePlatform__sectionTwo--infoPara {
    text-align: justify;
    width: 125%;
  }
}
@media (min-width: 440px) and (max-width: 576px) {
  .onePlatform__sectionTwo--infoPara {
    text-align: justify;
    width: 115%;
  }
}
@media (min-width: 768px) and (max-width: 1188px) {
  .onePlatform__sectionTwo--bg {
    width: 267px;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  .onePlatform__sectionTwo--bg {
    width: 85%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .onePlatform__sectionTwo--bg {
    width: 217px;
  }
}
.onePlatform__sectionTwo--linecontainer {
  display: none;
}
@media (min-width: 320px) and (max-width: 576px) {
  .onePlatform__sectionTwo--linecontainer {
    display: block;
    position: absolute;
    height: 540px;
    left: -2.5%;
    top: 9%;
    z-index: -1;
  }
}
.onePlatform__sectionTwo--imageContainer {
  position: relative;
  margin: 1% 0 0 0;
}
@media (min-width: 320px) and (max-width: 576px) {
  .onePlatform__sectionTwo--imageContainer {
    margin: 24px 0 0 -4%;
  }
}
.onePlatform__sectionTwo--card {
  position: absolute;
  top: 10.5%;
  left: 3%;
  width: 75%;
}
@media (min-width: 768px) and (max-width: 1188px) {
  .onePlatform__sectionTwo--card {
    width: 65%;
    top: 6.5%;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  .onePlatform__sectionTwo--card {
    width: 85%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .onePlatform__sectionTwo--card {
    width: 100%;
  }
}
.onePlatform__sectionTwo--orange {
  color: #ff912c;
}
.onePlatform__button {
  background: #061f62;
  color: #ffffff;
  font-weight: 500;
  font-size: 1.6rem;
  margin-top: 34px;
}
@media (min-width: 320px) and (max-width: 576px) {
  .onePlatform__button {
    margin-top: 24px;
  }
}
.onePlatform__button:hover {
  background: #ff912c;
}
.onePlatform__button img {
  padding-left: 4px;
}

.sectionThree {
  position: relative;
  margin: 0 auto;
  padding: 10px 0;
}
@media (min-width: 577px) and (max-width: 1286px) {
  .sectionThree {
    padding: 10px 1.5rem 0;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .sectionThree {
    padding: 0 0 0 16px;
  }
}
.sectionThree__lineContainer {
  position: relative;
  height: 1220px;
}
@media (min-width: 768px) and (max-width: 1286px) {
  .sectionThree__lineContainer {
    height: 1320px;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  .sectionThree__lineContainer {
    height: 1120px;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .sectionThree__lineContainer {
    height: 1400px;
  }
}
.sectionThree__lineContainer .outerCircle {
  background: #ffebd9;
  position: absolute;
  width: 64px;
  height: 64px;
  left: 9%;
  top: -2%;
  border-radius: 100%;
}
@media (min-width: 320px) and (max-width: 576px) {
  .sectionThree__lineContainer .outerCircle {
    width: 24px;
    height: 24px;
    left: 5%;
    top: -1px;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  .sectionThree__lineContainer .outerCircle {
    width: 44px;
    height: 44px;
  }
}
@media (min-width: 577px) and (max-width: 686px) {
  .sectionThree__lineContainer .outerCircle {
    left: 2%;
  }
}
@media (min-width: 768px) and (max-width: 980px) {
  .sectionThree__lineContainer .outerCircle {
    width: 60px;
    height: 60px;
  }
}
@media (min-width: 768px) and (max-width: 880px) {
  .sectionThree__lineContainer .outerCircle {
    left: -8%;
  }
}
@media (min-width: 880px) and (max-width: 980px) {
  .sectionThree__lineContainer .outerCircle {
    left: -3.5%;
  }
}
@media (min-width: 980px) and (max-width: 1100px) {
  .sectionThree__lineContainer .outerCircle {
    left: 5%;
  }
}
.sectionThree__lineContainer .outerCircle .innerCircle {
  background: #ff912c;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  z-index: 1;
  top: 19%;
  left: 20%;
  border-radius: 100%;
}
@media (min-width: 320px) and (max-width: 576px) {
  .sectionThree__lineContainer .outerCircle .innerCircle {
    width: 14px;
    height: 14px;
    top: 21%;
    left: 21%;
  }
  .sectionThree__lineContainer .outerCircle .innerCircle img {
    width: 8px;
    height: 8px;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  .sectionThree__lineContainer .outerCircle .innerCircle {
    width: 28px;
    height: 28px;
    left: 18.5%;
  }
  .sectionThree__lineContainer .outerCircle .innerCircle img {
    width: 14px;
    height: 14px;
  }
}
@media (min-width: 768px) and (max-width: 980px) {
  .sectionThree__lineContainer .outerCircle .innerCircle {
    width: 38px;
    height: 38px;
  }
  .sectionThree__lineContainer .outerCircle .innerCircle img {
    width: 18px;
    height: 18px;
  }
}
.sectionThree .subSectionOne {
  margin-left: -4%;
  margin-top: -0.55%;
}
@media (min-width: 320px) and (max-width: 576px) {
  .sectionThree .subSectionOne {
    margin-left: -9%;
    margin-top: 0;
  }
}
.sectionThree .subSectionOne__header {
  color: #090a0b;
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 1.2;
  margin-bottom: 24px;
}
.sectionThree .subSectionOne__header--orange {
  color: #ff912c;
}
@media (min-width: 320px) and (max-width: 576px) {
  .sectionThree .subSectionOne__header {
    width: 120%;
    font-size: 2.25rem;
    margin-bottom: 12px;
  }
}
.sectionThree .subSectionOne__infoPara {
  color: #616a75;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.2;
  padding-right: 5px;
}
@media (min-width: 320px) and (max-width: 576px) {
  .sectionThree .subSectionOne__infoPara {
    text-align: justify;
    width: 120%;
    font-size: 1.75rem;
  }
}
.sectionThree .subSectionOne__button {
  background: #061f62;
  color: #ffffff;
  font-weight: 500;
  font-size: 1.6rem;
  margin-top: 34px;
}
@media (min-width: 320px) and (max-width: 576px) {
  .sectionThree .subSectionOne__button {
    margin-top: 24px;
  }
}
.sectionThree .subSectionOne__button:hover {
  background: #ff912c;
}
.sectionThree .subSectionOne__button img {
  padding-left: 2px;
}
.sectionThree .subSectionOne__imageContainer {
  position: relative;
  margin: -23% 0 0 16%;
  width: 434px;
  height: 484px;
}
@media (min-width: 768px) and (max-width: 1286px) {
  .sectionThree .subSectionOne__imageContainer {
    width: 364px;
    margin: 24px 0 0 0;
  }
}
@media (min-width: 768px) and (max-width: 1100px) {
  .sectionThree .subSectionOne__imageContainer {
    width: 294px;
    margin: 24px 0 0 0;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  .sectionThree .subSectionOne__imageContainer {
    width: 100%;
    margin: 24px 0 0 0;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .sectionThree .subSectionOne__imageContainer {
    margin: 24px 0 0 23%;
    width: 160px;
    height: 270px;
  }
}
@media (min-width: 577px) and (max-width: 1188px) {
  .sectionThree .subSectionOne__imageContainer--bg {
    width: 100%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .sectionThree .subSectionOne__imageContainer--bg {
    width: 100%;
  }
}
.sectionThree .subSectionOne__imageContainer--phone {
  position: absolute;
  top: 11.5%;
  right: 17%;
  width: 95%;
}
@media (min-width: 320px) and (max-width: 576px) {
  .sectionThree .subSectionOne__imageContainer--phone {
    width: 100%;
    right: 12%;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  .sectionThree .subSectionOne__imageContainer--phone {
    top: 5.5%;
  }
}
.sectionThree .subSectionTwo {
  position: relative;
  margin-top: 80px;
}
@media (min-width: 768px) and (max-width: 1100px) {
  .sectionThree .subSectionTwo {
    margin-top: -5%;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  .sectionThree .subSectionTwo {
    margin-top: -15%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .sectionThree .subSectionTwo {
    margin-top: -10px;
  }
}
.sectionThree .subSectionTwo__header {
  color: #090a0b;
  font-weight: 600;
  font-size: 4rem;
  line-height: 1.2;
  margin-left: -3.5%;
  margin-bottom: 60px;
}
@media (min-width: 320px) and (max-width: 576px) {
  .sectionThree .subSectionTwo__header {
    font-size: 3rem;
    margin-left: -10%;
    margin-bottom: 18px;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  .sectionThree .subSectionTwo__header {
    width: 200%;
  }
}
.sectionThree .subSectionTwo__sideCurve {
  position: absolute;
  top: -5%;
  left: -20%;
}
@media (min-width: 768px) and (max-width: 800px) {
  .sectionThree .subSectionTwo__sideCurve {
    left: -27.5%;
  }
}
@media (min-width: 801px) and (max-width: 929px) {
  .sectionThree .subSectionTwo__sideCurve {
    left: -25%;
  }
}
@media (min-width: 930px) and (max-width: 1000px) {
  .sectionThree .subSectionTwo__sideCurve {
    left: -23%;
  }
}
@media (min-width: 768px) and (max-width: 1152px) {
  .sectionThree .subSectionTwo__sideCurve {
    top: 7%;
  }
}
@media (min-width: 1153px) and (max-width: 1240px) {
  .sectionThree .subSectionTwo__sideCurve {
    top: 0%;
  }
}
@media (min-width: 681px) and (max-width: 767px) {
  .sectionThree .subSectionTwo__sideCurve {
    left: -26.5%;
    top: 0%;
  }
}
@media (min-width: 618px) and (max-width: 680px) {
  .sectionThree .subSectionTwo__sideCurve {
    left: -29%;
    top: 0.2%;
  }
}
@media (min-width: 577px) and (max-width: 617px) {
  .sectionThree .subSectionTwo__sideCurve {
    left: -30%;
    top: 0.2%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .sectionThree .subSectionTwo__sideCurve {
    top: 3%;
    left: -10%;
  }
}
.sectionThree .subSectionTwo__sideCurve--img {
  display: block;
}
@media (min-width: 577px) and (max-width: 617px) {
  .sectionThree .subSectionTwo__sideCurve--img {
    object-fit: contain;
    width: 88%;
  }
}
@media (min-width: 618px) and (max-width: 767px) {
  .sectionThree .subSectionTwo__sideCurve--img {
    object-fit: contain;
    width: 90%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .sectionThree .subSectionTwo__sideCurve--img {
    display: none;
  }
}
.sectionThree .subSectionTwo__sideCurve--imgMobile {
  display: none;
}
@media (min-width: 320px) and (max-width: 576px) {
  .sectionThree .subSectionTwo__sideCurve--imgMobile {
    display: block;
  }
}
.sectionThree .subSectionTwo .tab {
  position: relative;
  width: 388px;
}
@media (min-width: 577px) and (max-width: 617px) {
  .sectionThree .subSectionTwo .tab {
    width: 194.5%;
  }
}
@media (min-width: 618px) and (max-width: 680px) {
  .sectionThree .subSectionTwo .tab {
    width: 180%;
  }
}
@media (min-width: 681px) and (max-width: 800px) {
  .sectionThree .subSectionTwo .tab {
    width: 150%;
  }
}
@media (min-width: 801px) and (max-width: 929px) {
  .sectionThree .subSectionTwo .tab {
    width: 135%;
  }
}
@media (min-width: 930px) and (max-width: 1000px) {
  .sectionThree .subSectionTwo .tab {
    width: 130%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .sectionThree .subSectionTwo .tab {
    width: 100%;
  }
}
.sectionThree .subSectionTwo .tab button {
  font-family: Aspekta;
  color: #354356;
  background: transparent;
  font-size: 1.8rem;
  line-height: 1.2;
  margin-bottom: 34px;
  text-align: left;
}
@media (min-width: 320px) and (max-width: 576px) {
  .sectionThree .subSectionTwo .tab button {
    font-family: Inter;
    width: 120%;
    font-weight: 500;
    font-size: 1.75rem;
    margin-bottom: 17.5px;
  }
}
.sectionThree .subSectionTwo .tab button .numberDiv {
  font-family: Inter;
  background: #ff912c;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  top: -6px;
  left: -13%;
}
@media (min-width: 1200px) and (max-width: 1240px) {
  .sectionThree .subSectionTwo .tab button .numberDiv {
    left: -12%;
  }
}
@media (min-width: 1110px) and (max-width: 1200px) {
  .sectionThree .subSectionTwo .tab button .numberDiv {
    left: -11%;
  }
}
@media (min-width: 1050px) and (max-width: 1110px) {
  .sectionThree .subSectionTwo .tab button .numberDiv {
    left: -10%;
  }
}
@media (min-width: 1000px) and (max-width: 1050px) {
  .sectionThree .subSectionTwo .tab button .numberDiv {
    left: -9%;
  }
}
@media (min-width: 930px) and (max-width: 1000px) {
  .sectionThree .subSectionTwo .tab button .numberDiv {
    left: -12%;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  .sectionThree .subSectionTwo .tab button .numberDiv {
    width: 26px;
    height: 26px;
  }
}
@media (min-width: 577px) and (max-width: 680px) {
  .sectionThree .subSectionTwo .tab button .numberDiv {
    left: -11.5%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .sectionThree .subSectionTwo .tab button .numberDiv {
    width: 20px;
    height: 20px;
    top: -2px;
    left: -13%;
  }
}
.sectionThree .subSectionTwo .tab button .numberDiv p {
  color: #ffffff;
  font-weight: 400;
  font-size: 1.4rem;
}
@media (min-width: 320px) and (max-width: 767px) {
  .sectionThree .subSectionTwo .tab button .numberDiv p {
    font-size: 1.2rem;
  }
}
.sectionThree .subSectionTwo .tab button .numberDiv p.activePtag {
  background: #ff912c;
  color: #ffffff;
  width: 20px;
  height: 20px;
  border: 3px solid;
  border-radius: 100%;
}
@media (min-width: 320px) and (max-width: 576px) {
  .sectionThree .subSectionTwo .tab button .numberDiv p.activePtag {
    width: 10px;
    height: 10px;
    border-width: 2px;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  .sectionThree .subSectionTwo .tab button .numberDiv p.activePtag {
    width: 14px;
    height: 14px;
  }
}
.sectionThree .subSectionTwo .tab button .activeNumberDiv {
  background: #ff912c;
  border: 4px solid #ffebd9;
}
.sectionThree .subSectionTwo .tab button.active {
  color: #293543;
  font-weight: 600;
  margin-bottom: 12px;
}
@media (min-width: 320px) and (max-width: 576px) {
  .sectionThree .subSectionTwo .tab button.active {
    margin-bottom: 6px;
  }
}
.sectionThree .subSectionTwo .tab .tabcontent {
  color: #3a4a5f;
  width: 96%;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.21;
  margin-bottom: 25px;
}
@media (min-width: 577px) and (max-width: 767px) {
  .sectionThree .subSectionTwo .tab .tabcontent {
    width: 75%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .sectionThree .subSectionTwo .tab .tabcontent {
    font-weight: 400;
    font-size: 1.5rem;
    margin-bottom: 17.5px;
    width: 115%;
    text-align: justify;
  }
}
.sectionThree .subSectionTwo__rightContainer {
  position: relative;
}
.sectionThree .subSectionTwo__background-image {
  position: absolute;
  right: -2%;
  top: 13%;
}
@media (min-width: 768px) and (max-width: 1188px) {
  .sectionThree .subSectionTwo__background-image {
    width: 55%;
    right: 5%;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  .sectionThree .subSectionTwo__background-image {
    right: 9%;
    width: 55%;
    top: 25%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .sectionThree .subSectionTwo__background-image {
    width: 227px;
  }
}
.sectionThree .subSectionTwo__imageContainer {
  position: relative;
  width: 100%;
  height: 100%;
  margin-left: 3.55%;
}
@media (min-width: 768px) and (max-width: 1188px) {
  .sectionThree .subSectionTwo__imageContainer {
    margin-left: 0;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  .sectionThree .subSectionTwo__imageContainer {
    width: 80%;
    margin-left: 0;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .sectionThree .subSectionTwo__imageContainer {
    height: 227px;
    width: 227px;
    background-size: 227px;
  }
}
.sectionThree .subSectionTwo__imageContainer #tabGif1 img {
  position: absolute;
  width: 100%;
  top: 14%;
}
@media (min-width: 768px) and (max-width: 1188px) {
  .sectionThree .subSectionTwo__imageContainer #tabGif1 img {
    width: 75%;
    right: 10%;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  .sectionThree .subSectionTwo__imageContainer #tabGif1 img {
    right: -15%;
    top: 25%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .sectionThree .subSectionTwo__imageContainer #tabGif1 img {
    width: 125%;
    left: -15%;
  }
}
.sectionThree .subSectionTwo__imageContainer #tabGif2 {
  position: absolute;
  top: 23%;
  right: -6.5%;
}
@media (min-width: 768px) and (max-width: 1188px) {
  .sectionThree .subSectionTwo__imageContainer #tabGif2 {
    width: 75%;
    right: 0;
  }
  .sectionThree .subSectionTwo__imageContainer #tabGif2 img {
    width: 100%;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  .sectionThree .subSectionTwo__imageContainer #tabGif2 {
    width: 100%;
    top: 31%;
    right: -14.5%;
  }
  .sectionThree .subSectionTwo__imageContainer #tabGif2 img {
    width: 100%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .sectionThree .subSectionTwo__imageContainer #tabGif2 {
    top: 27%;
    right: 4.5%;
  }
  .sectionThree .subSectionTwo__imageContainer #tabGif2 img {
    width: 300px;
  }
}
.sectionThree .subSectionTwo__imageContainer #tabGif3,
.sectionThree .subSectionTwo__imageContainer #tabGif6,
.sectionThree .subSectionTwo__imageContainer #tabGif7 {
  position: absolute;
  top: 23%;
  right: -0.5%;
}
@media (min-width: 768px) and (max-width: 1188px) {
  .sectionThree .subSectionTwo__imageContainer #tabGif3,
  .sectionThree .subSectionTwo__imageContainer #tabGif6,
  .sectionThree .subSectionTwo__imageContainer #tabGif7 {
    top: 24%;
    right: 5.5%;
    width: 75%;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  .sectionThree .subSectionTwo__imageContainer #tabGif3,
  .sectionThree .subSectionTwo__imageContainer #tabGif6,
  .sectionThree .subSectionTwo__imageContainer #tabGif7 {
    width: 100%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .sectionThree .subSectionTwo__imageContainer #tabGif3,
  .sectionThree .subSectionTwo__imageContainer #tabGif6,
  .sectionThree .subSectionTwo__imageContainer #tabGif7 {
    top: 27%;
    right: 0;
    left: -19.5%;
  }
}
@media (min-width: 768px) and (max-width: 1188px) {
  .sectionThree .subSectionTwo__imageContainer #tabGif3 img {
    width: 100%;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  .sectionThree .subSectionTwo__imageContainer #tabGif3 {
    top: 31%;
    right: -8%;
  }
  .sectionThree .subSectionTwo__imageContainer #tabGif3 img {
    width: 100%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .sectionThree .subSectionTwo__imageContainer #tabGif3 {
    top: 27%;
    right: 0;
    left: -35.5%;
  }
  .sectionThree .subSectionTwo__imageContainer #tabGif3 img {
    width: 320px;
  }
}
@media (min-width: 320px) and (max-width: 375px) {
  .sectionThree .subSectionTwo__imageContainer #tabGif3 img {
    width: 270px;
  }
}
.sectionThree .subSectionTwo__imageContainer #tabGif4 {
  position: absolute;
  top: 23%;
  right: -0.5%;
}
@media (min-width: 768px) and (max-width: 1188px) {
  .sectionThree .subSectionTwo__imageContainer #tabGif4 {
    width: 85%;
    right: 4%;
  }
  .sectionThree .subSectionTwo__imageContainer #tabGif4 img {
    width: 100%;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  .sectionThree .subSectionTwo__imageContainer #tabGif4 {
    width: 100%;
    top: 31%;
    right: -6%;
  }
  .sectionThree .subSectionTwo__imageContainer #tabGif4 img {
    width: 100%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .sectionThree .subSectionTwo__imageContainer #tabGif4 {
    top: 27%;
    right: 0;
    left: -12.5%;
  }
  .sectionThree .subSectionTwo__imageContainer #tabGif4 img {
    width: 320px;
  }
}
@media (min-width: 320px) and (max-width: 375px) {
  .sectionThree .subSectionTwo__imageContainer #tabGif4 img {
    width: 270px;
  }
}
.sectionThree .subSectionTwo__imageContainer #tabGif5 {
  position: absolute;
  top: 23%;
  right: -1%;
  width: 434px;
  height: 484px;
}
.sectionThree .subSectionTwo__imageContainer #tabGif5 img {
  width: 100%;
}
@media (min-width: 768px) and (max-width: 1188px) {
  .sectionThree .subSectionTwo__imageContainer #tabGif5 {
    right: -2%;
    width: 65%;
  }
  .sectionThree .subSectionTwo__imageContainer #tabGif5 img {
    width: 90%;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  .sectionThree .subSectionTwo__imageContainer #tabGif5 {
    width: 100%;
    top: 31%;
    right: -41.5%;
  }
  .sectionThree .subSectionTwo__imageContainer #tabGif5 img {
    width: 65%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .sectionThree .subSectionTwo__imageContainer #tabGif5 {
    width: 239px;
    top: 27%;
    right: 0;
    left: -19.5%;
  }
}
.sectionThree .subSectionTwo__imageContainer #tabGif7 img {
  width: 434px;
}
@media (min-width: 768px) and (max-width: 1188px) {
  .sectionThree .subSectionTwo__imageContainer #tabGif6,
  .sectionThree .subSectionTwo__imageContainer #tabGif7 {
    width: 75%;
    top: 23%;
    right: -13.5%;
  }
  .sectionThree .subSectionTwo__imageContainer #tabGif6 img,
  .sectionThree .subSectionTwo__imageContainer #tabGif7 img {
    width: 75%;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  .sectionThree .subSectionTwo__imageContainer #tabGif6,
  .sectionThree .subSectionTwo__imageContainer #tabGif7 {
    width: 100%;
    top: 31%;
    right: -40%;
  }
  .sectionThree .subSectionTwo__imageContainer #tabGif6 img,
  .sectionThree .subSectionTwo__imageContainer #tabGif7 img {
    width: 70%;
  }
}
@media (min-width: 320px) and (max-width: 576px) {
  .sectionThree .subSectionTwo__imageContainer #tabGif6 img,
  .sectionThree .subSectionTwo__imageContainer #tabGif7 img {
    width: 239px;
  }
}

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