@charset "UTF-8";

/*!
 * Bootstrap  v5.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2023 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root,
[data-bs-theme=light] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, .75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, .5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13, 110, 253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, .175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, .075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, .175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, .25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(222, 226, 230, .75);
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: rgba(222, 226, 230, .5);
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: #2b3035;
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: #6ea8fe;
  --bs-secondary-text-emphasis: #a7acb1;
  --bs-success-text-emphasis: #75b798;
  --bs-info-text-emphasis: #6edff6;
  --bs-warning-text-emphasis: #ffda6a;
  --bs-danger-text-emphasis: #ea868f;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: #031633;
  --bs-secondary-bg-subtle: #161719;
  --bs-success-bg-subtle: #051b11;
  --bs-info-bg-subtle: #032830;
  --bs-warning-bg-subtle: #332701;
  --bs-danger-bg-subtle: #2c0b0e;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: #084298;
  --bs-secondary-border-subtle: #41464b;
  --bs-success-border-subtle: #0f5132;
  --bs-info-border-subtle: #087990;
  --bs-warning-border-subtle: #997404;
  --bs-danger-border-subtle: #842029;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: #6ea8fe;
  --bs-link-hover-color: #8bb9fe;
  --bs-link-color-rgb: 110, 168, 254;
  --bs-link-hover-color-rgb: 139, 185, 254;
  --bs-code-color: #e685b5;
  --bs-border-color: #495057;
  --bs-border-color-translucent: hsla(0, 0%, 100%, .15);
  --bs-form-valid-color: #75b798;
  --bs-form-valid-border-color: #75b798;
  --bs-form-invalid-color: #ea868f;
  --bs-form-invalid-border-color: #ea868f
}

*,
:after,
:before {
  box-sizing: border-box
}

@media (prefers-reduced-motion:no-preference) {
  :root {
    scroll-behavior: smooth
  }
}

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: .25
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color)
}

.h1,
h1 {
  font-size: calc(1.375rem + 1.5vw)
}

@media (min-width:1200px) {

  .h1,
  h1 {
    font-size: 2.5rem
  }
}

.h2,
h2 {
  font-size: calc(1.325rem + .9vw)
}

@media (min-width:1200px) {

  .h2,
  h2 {
    font-size: 2rem
  }
}

.h3,
h3 {
  font-size: calc(1.3rem + .6vw)
}

@media (min-width:1200px) {

  .h3,
  h3 {
    font-size: 1.75rem
  }
}

.h4,
h4 {
  font-size: calc(1.275rem + .3vw)
}

@media (min-width:1200px) {

  .h4,
  h4 {
    font-size: 1.5rem
  }
}

.h5,
h5 {
  font-size: 1.25rem
}

.h6,
h6 {
  font-size: 1rem
}

p {
  margin-top: 0;
  margin-bottom: 1rem
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit
}

ol,
ul {
  padding-left: 2rem
}

dl,
ol,
ul {
  margin-top: 0;
  margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0
}

dt {
  font-weight: 700
}

dd {
  margin-bottom: .5rem;
  margin-left: 0
}

blockquote {
  margin: 0 0 1rem
}

b,
strong {
  font-weight: bolder
}

.small,
small {
  font-size: .875em
}

.mark,
mark {
  padding: .1875em;
  background-color: var(--bs-highlight-bg)
}

sub,
sup {
  position: relative;
  font-size: .75em;
  line-height: 0;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline
}

a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb)
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none
}

code,
kbd,
pre,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: .875em
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal
}

code {
  font-size: .875em;
  color: var(--bs-code-color);
  word-wrap: break-word
}

a>code {
  color: inherit
}

kbd {
  padding: .1875rem .375rem;
  font-size: .875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: .25rem
}

kbd kbd {
  padding: 0;
  font-size: 1em
}

figure {
  margin: 0 0 1rem
}

img,
svg {
  vertical-align: middle
}

table {
  caption-side: bottom;
  border-collapse: collapse
}

caption {
  padding-top: .5rem;
  padding-bottom: .5rem;
  color: var(--bs-secondary-color);
  text-align: left
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent
}

tbody,
td,
tfoot,
th,
thead,
tr {
  border: 0 solid;
  border-color: inherit
}

label {
  display: inline-block
}

button {
  border-radius: 0
}

button:focus:not(:focus-visible) {
  outline: 0
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}

button,
select {
  text-transform: none
}

[role=button] {
  cursor: pointer
}

select {
  word-wrap: normal
}

select:disabled {
  opacity: 1
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important
}

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
  cursor: pointer
}

::-moz-focus-inner {
  padding: 0;
  border-style: none
}

textarea {
  resize: vertical
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: calc(1.275rem + .3vw);
  line-height: inherit
}

@media (min-width:1200px) {
  legend {
    font-size: 1.5rem
  }
}

legend+* {
  clear: left
}

::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
  padding: 0
}

::-webkit-inner-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
  padding: 0
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button
}

::file-selector-button {
  font: inherit;
  -webkit-appearance: button
}

output {
  display: inline-block
}

iframe {
  border: 0
}

summary {
  display: list-item;
  cursor: pointer
}

progress {
  vertical-align: baseline
}

[hidden] {
  display: none !important
}

.lead {
  font-size: 1.25rem;
  font-weight: 300
}

.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width:1200px) {
  .display-1 {
    font-size: 5rem
  }
}

.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width:1200px) {
  .display-2 {
    font-size: 4.5rem
  }
}

.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width:1200px) {
  .display-3 {
    font-size: 4rem
  }
}

.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width:1200px) {
  .display-4 {
    font-size: 3.5rem
  }
}

.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width:1200px) {
  .display-5 {
    font-size: 3rem
  }
}

.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width:1200px) {
  .display-6 {
    font-size: 2.5rem
  }
}

.list-inline,
.list-unstyled {
  padding-left: 0;
  list-style: none
}

.list-inline-item {
  display: inline-block
}

.list-inline-item:not(:last-child) {
  margin-right: .5rem
}

.initialism {
  font-size: .875em;
  text-transform: uppercase
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem
}

.blockquote>:last-child {
  margin-bottom: 0
}

.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: .875em;
  color: #6c757d
}

.blockquote-footer:before {
  content: "— "
}

.img-fluid,
.img-thumbnail {
  max-width: 100%;
  height: auto
}

.img-thumbnail {
  padding: .25rem;
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius)
}

.figure {
  display: inline-block
}

.figure-img {
  margin-bottom: .5rem;
  line-height: 1
}

.figure-caption {
  font-size: .875em;
  color: var(--bs-secondary-color)
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-right: auto;
  margin-left: auto
}

@media (min-width:576px) {

  .container,
  .container-sm {
    max-width: 540px
  }
}

@media (min-width:768px) {

  .container,
  .container-md,
  .container-sm {
    max-width: 720px
  }
}

@media (min-width:992px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px
  }
}

@media (min-width:1200px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px
  }
}

@media (min-width:1400px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1320px
  }
}

:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x))
}

.row>* {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y)
}

.col {
  flex: 1 0
}

.row-cols-auto>* {
  flex: 0 0 auto;
  width: auto
}

.row-cols-1>* {
  flex: 0 0 auto;
  width: 100%
}

.row-cols-2>* {
  flex: 0 0 auto;
  width: 50%
}

.row-cols-3>* {
  flex: 0 0 auto;
  width: 33.3333333333%
}

.row-cols-4>* {
  flex: 0 0 auto;
  width: 25%
}

.row-cols-5>* {
  flex: 0 0 auto;
  width: 20%
}

.row-cols-6>* {
  flex: 0 0 auto;
  width: 16.6666666667%
}

.col-auto {
  flex: 0 0 auto;
  width: auto
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%
}

.col-3 {
  flex: 0 0 auto;
  width: 25%
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%
}

.col-6 {
  flex: 0 0 auto;
  width: 50%
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%
}

.col-9 {
  flex: 0 0 auto;
  width: 75%
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%
}

.col-12 {
  flex: 0 0 auto;
  width: 100%
}

.offset-1 {
  margin-left: 8.33333333%
}

.offset-2 {
  margin-left: 16.66666667%
}

.offset-3 {
  margin-left: 25%
}

.offset-4 {
  margin-left: 33.33333333%
}

.offset-5 {
  margin-left: 41.66666667%
}

.offset-6 {
  margin-left: 50%
}

.offset-7 {
  margin-left: 58.33333333%
}

.offset-8 {
  margin-left: 66.66666667%
}

.offset-9 {
  margin-left: 75%
}

.offset-10 {
  margin-left: 83.33333333%
}

.offset-11 {
  margin-left: 91.66666667%
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem
}

@media (min-width:576px) {
  .col-sm {
    flex: 1 0
  }

  .row-cols-sm-auto>* {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-sm-1>* {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-sm-2>* {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-sm-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-sm-4>* {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-sm-5>* {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-sm-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto
  }

  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }

  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }

  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }

  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }

  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }

  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }

  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%
  }

  .offset-sm-0 {
    margin-left: 0
  }

  .offset-sm-1 {
    margin-left: 8.33333333%
  }

  .offset-sm-2 {
    margin-left: 16.66666667%
  }

  .offset-sm-3 {
    margin-left: 25%
  }

  .offset-sm-4 {
    margin-left: 33.33333333%
  }

  .offset-sm-5 {
    margin-left: 41.66666667%
  }

  .offset-sm-6 {
    margin-left: 50%
  }

  .offset-sm-7 {
    margin-left: 58.33333333%
  }

  .offset-sm-8 {
    margin-left: 66.66666667%
  }

  .offset-sm-9 {
    margin-left: 75%
  }

  .offset-sm-10 {
    margin-left: 83.33333333%
  }

  .offset-sm-11 {
    margin-left: 91.66666667%
  }

  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0
  }

  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0
  }

  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem
  }

  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem
  }

  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem
  }

  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem
  }
}

@media (min-width:768px) {
  .col-md {
    flex: 1 0
  }

  .row-cols-md-auto>* {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-md-1>* {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-md-2>* {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-md-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-md-4>* {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-md-5>* {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-md-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto
  }

  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }

  .col-md-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }

  .col-md-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }

  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }

  .col-md-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }

  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }

  .col-md-12 {
    flex: 0 0 auto;
    width: 100%
  }

  .offset-md-0 {
    margin-left: 0
  }

  .offset-md-1 {
    margin-left: 8.33333333%
  }

  .offset-md-2 {
    margin-left: 16.66666667%
  }

  .offset-md-3 {
    margin-left: 25%
  }

  .offset-md-4 {
    margin-left: 33.33333333%
  }

  .offset-md-5 {
    margin-left: 41.66666667%
  }

  .offset-md-6 {
    margin-left: 50%
  }

  .offset-md-7 {
    margin-left: 58.33333333%
  }

  .offset-md-8 {
    margin-left: 66.66666667%
  }

  .offset-md-9 {
    margin-left: 75%
  }

  .offset-md-10 {
    margin-left: 83.33333333%
  }

  .offset-md-11 {
    margin-left: 91.66666667%
  }

  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0
  }

  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0
  }

  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem
  }

  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem
  }

  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem
  }

  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem
  }
}

@media (min-width:992px) {
  .col-lg {
    flex: 1 0
  }

  .row-cols-lg-auto>* {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-lg-1>* {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-lg-2>* {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-lg-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-lg-4>* {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-lg-5>* {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-lg-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto
  }

  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }

  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }

  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }

  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }

  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }

  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }

  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%
  }

  .offset-lg-0 {
    margin-left: 0
  }

  .offset-lg-1 {
    margin-left: 8.33333333%
  }

  .offset-lg-2 {
    margin-left: 16.66666667%
  }

  .offset-lg-3 {
    margin-left: 25%
  }

  .offset-lg-4 {
    margin-left: 33.33333333%
  }

  .offset-lg-5 {
    margin-left: 41.66666667%
  }

  .offset-lg-6 {
    margin-left: 50%
  }

  .offset-lg-7 {
    margin-left: 58.33333333%
  }

  .offset-lg-8 {
    margin-left: 66.66666667%
  }

  .offset-lg-9 {
    margin-left: 75%
  }

  .offset-lg-10 {
    margin-left: 83.33333333%
  }

  .offset-lg-11 {
    margin-left: 91.66666667%
  }

  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0
  }

  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0
  }

  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem
  }

  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem
  }

  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem
  }

  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem
  }
}

@media (min-width:1200px) {
  .col-xl {
    flex: 1 0
  }

  .row-cols-xl-auto>* {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-xl-1>* {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-xl-2>* {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-xl-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-xl-4>* {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-xl-5>* {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-xl-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto
  }

  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }

  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }

  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }

  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }

  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }

  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }

  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%
  }

  .offset-xl-0 {
    margin-left: 0
  }

  .offset-xl-1 {
    margin-left: 8.33333333%
  }

  .offset-xl-2 {
    margin-left: 16.66666667%
  }

  .offset-xl-3 {
    margin-left: 25%
  }

  .offset-xl-4 {
    margin-left: 33.33333333%
  }

  .offset-xl-5 {
    margin-left: 41.66666667%
  }

  .offset-xl-6 {
    margin-left: 50%
  }

  .offset-xl-7 {
    margin-left: 58.33333333%
  }

  .offset-xl-8 {
    margin-left: 66.66666667%
  }

  .offset-xl-9 {
    margin-left: 75%
  }

  .offset-xl-10 {
    margin-left: 83.33333333%
  }

  .offset-xl-11 {
    margin-left: 91.66666667%
  }

  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0
  }

  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0
  }

  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem
  }

  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem
  }

  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem
  }

  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem
  }
}

@media (min-width:1400px) {
  .col-xxl {
    flex: 1 0
  }

  .row-cols-xxl-auto>* {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-xxl-1>* {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-xxl-2>* {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-xxl-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-xxl-4>* {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-xxl-5>* {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-xxl-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto
  }

  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }

  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }

  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }

  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }

  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }

  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }

  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%
  }

  .offset-xxl-0 {
    margin-left: 0
  }

  .offset-xxl-1 {
    margin-left: 8.33333333%
  }

  .offset-xxl-2 {
    margin-left: 16.66666667%
  }

  .offset-xxl-3 {
    margin-left: 25%
  }

  .offset-xxl-4 {
    margin-left: 33.33333333%
  }

  .offset-xxl-5 {
    margin-left: 41.66666667%
  }

  .offset-xxl-6 {
    margin-left: 50%
  }

  .offset-xxl-7 {
    margin-left: 58.33333333%
  }

  .offset-xxl-8 {
    margin-left: 66.66666667%
  }

  .offset-xxl-9 {
    margin-left: 75%
  }

  .offset-xxl-10 {
    margin-left: 83.33333333%
  }

  .offset-xxl-11 {
    margin-left: 91.66666667%
  }

  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0
  }

  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0
  }

  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem
  }

  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem
  }

  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem
  }

  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem
  }
}

.table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-body-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-body-color);
  --bs-table-striped-bg: rgba(0, 0, 0, .05);
  --bs-table-active-color: var(--bs-body-color);
  --bs-table-active-bg: rgba(0, 0, 0, .1);
  --bs-table-hover-color: var(--bs-body-color);
  --bs-table-hover-bg: rgba(0, 0, 0, .075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color)
}

.table>:not(caption)>*>* {
  padding: .5rem;
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)))
}

.table>tbody {
  vertical-align: inherit
}

.table>thead {
  vertical-align: bottom
}

.table-group-divider {
  border-top: calc(var(--bs-border-width) * 2) solid
}

.caption-top {
  caption-side: top
}

.table-sm>:not(caption)>*>* {
  padding: .25rem
}

.table-bordered>:not(caption)>* {
  border-width: var(--bs-border-width) 0
}

.table-bordered>:not(caption)>*>* {
  border-width: 0 var(--bs-border-width)
}

.table-borderless>:not(caption)>*>* {
  border-bottom-width: 0
}

.table-borderless>:not(:first-child) {
  border-top-width: 0
}

.table-striped-columns>:not(caption)>tr>:nth-child(2n),
.table-striped>tbody>tr:nth-of-type(odd)>* {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg)
}

.table-active {
  --bs-table-color-state: var(--bs-table-active-color);
  --bs-table-bg-state: var(--bs-table-active-bg)
}

.table-hover>tbody>tr:hover>* {
  --bs-table-color-state: var(--bs-table-hover-color);
  --bs-table-bg-state: var(--bs-table-hover-bg)
}

.table-primary {
  --bs-table-color: #000;
  --bs-table-bg: #cfe2ff;
  --bs-table-border-color: #bacbe6;
  --bs-table-striped-bg: #c5d7f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bacbe6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfd1ec;
  --bs-table-hover-color: #000
}

.table-primary,
.table-secondary {
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color)
}

.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: #e2e3e5;
  --bs-table-border-color: #cbccce;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbccce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000
}

.table-success {
  --bs-table-color: #000;
  --bs-table-bg: #d1e7dd;
  --bs-table-border-color: #bcd0c7;
  --bs-table-striped-bg: #c7dbd2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bcd0c7;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c1d6cc;
  --bs-table-hover-color: #000
}

.table-info,
.table-success {
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color)
}

.table-info {
  --bs-table-color: #000;
  --bs-table-bg: #cff4fc;
  --bs-table-border-color: #badce3;
  --bs-table-striped-bg: #c5e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfe2e9;
  --bs-table-hover-color: #000
}

.table-warning {
  --bs-table-color: #000;
  --bs-table-bg: #fff3cd;
  --bs-table-border-color: #e6dbb9;
  --bs-table-striped-bg: #f2e7c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dbb9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece1be;
  --bs-table-hover-color: #000
}

.table-danger,
.table-warning {
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color)
}

.table-danger {
  --bs-table-color: #000;
  --bs-table-bg: #f8d7da;
  --bs-table-border-color: #dfc2c4;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfc2c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7ca;
  --bs-table-hover-color: #000
}

.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: #dfe0e1;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000
}

.table-dark,
.table-light {
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color)
}

.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #212529;
  --bs-table-border-color: #373b3e;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch
}

@media (max-width:575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

@media (max-width:767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

@media (max-width:991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

@media (max-width:1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

@media (max-width:1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

.form-label {
  margin-bottom: .5rem
}

.col-form-label {
  padding-top: calc(.375rem + var(--bs-border-width));
  padding-bottom: calc(.375rem + var(--bs-border-width));
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5
}

.col-form-label-lg {
  padding-top: calc(.5rem + var(--bs-border-width));
  padding-bottom: calc(.5rem + var(--bs-border-width));
  font-size: 1.25rem
}

.col-form-label-sm {
  padding-top: calc(.25rem + var(--bs-border-width));
  padding-bottom: calc(.25rem + var(--bs-border-width));
  font-size: .875rem
}

.form-text {
  margin-top: .25rem;
  font-size: .875em;
  color: var(--bs-secondary-color)
}

.form-control {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .form-control {
    transition: none
  }
}

.form-control[type=file] {
  overflow: hidden
}

.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer
}

.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.5em;
  margin: 0
}

.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0
}

.form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1
}

.form-control:disabled {
  background-color: var(--bs-secondary-bg);
  opacity: 1
}

.form-control::-webkit-file-upload-button {
  padding: .375rem .75rem;
  margin: -.375rem -.75rem;
  -webkit-margin-end: .75rem;
  margin-inline-end: .75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border: 0 solid;
  border-color: inherit;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control::file-selector-button {
  padding: .375rem .75rem;
  margin: -.375rem -.75rem;
  -webkit-margin-end: .75rem;
  margin-inline-end: .75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border: 0 solid;
  border-color: inherit;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .form-control::-webkit-file-upload-button {
    -webkit-transition: none;
    transition: none
  }

  .form-control::file-selector-button {
    transition: none
  }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: var(--bs-secondary-bg)
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--bs-secondary-bg)
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: .375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: transparent;
  border: solid transparent;
  border-width: var(--bs-border-width) 0
}

.form-control-plaintext:focus {
  outline: 0
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
  padding-right: 0;
  padding-left: 0
}

.form-control-sm {
  min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));
  padding: .25rem .5rem;
  font-size: .875rem;
  border-radius: var(--bs-border-radius-sm)
}

.form-control-sm::-webkit-file-upload-button {
  padding: .25rem .5rem;
  margin: -.25rem -.5rem;
  -webkit-margin-end: .5rem;
  margin-inline-end: .5rem
}

.form-control-sm::file-selector-button {
  padding: .25rem .5rem;
  margin: -.25rem -.5rem;
  -webkit-margin-end: .5rem;
  margin-inline-end: .5rem
}

.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
  padding: .5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg)
}

.form-control-lg::-webkit-file-upload-button {
  padding: .5rem 1rem;
  margin: -.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem
}

.form-control-lg::file-selector-button {
  padding: .5rem 1rem;
  margin: -.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem
}

textarea.form-control {
  min-height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))
}

textarea.form-control-sm {
  min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))
}

textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))
}

.form-control-color {
  width: 3rem;
  height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));
  padding: .375rem
}

.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer
}

.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius)
}

.form-control-color::-webkit-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius)
}

.form-control-color.form-control-sm {
  height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))
}

.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))
}

.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: .375rem 2.25rem .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .form-select {
    transition: none
  }
}

.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-select[multiple],
.form-select[size]:not([size="1"]) {
  padding-right: .75rem;
  background-image: none
}

.form-select:disabled {
  background-color: var(--bs-secondary-bg)
}

.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--bs-body-color)
}

.form-select-sm {
  padding-top: .25rem;
  padding-bottom: .25rem;
  padding-left: .5rem;
  font-size: .875rem;
  border-radius: var(--bs-border-radius-sm)
}

.form-select-lg {
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg)
}

[data-bs-theme=dark] .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: .125rem
}

.form-check .form-check-input {
  float: left;
  margin-left: -1.5em
}

.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right
}

.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0
}

.form-check-input {
  --bs-form-check-bg: var(--bs-body-bg);
  width: 1em;
  height: 1em;
  margin-top: .25em;
  vertical-align: top;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  border: var(--bs-border-width) solid var(--bs-border-color);
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  print-color-adjust: exact
}

.form-check-input[type=checkbox] {
  border-radius: .25em
}

.form-check-input[type=radio] {
  border-radius: 50%
}

.form-check-input:active {
  filter: brightness(90%)
}

.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd
}

.form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
}

.form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-input[type=checkbox]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}

.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: .5
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
  cursor: default;
  opacity: .5
}

.form-switch {
  padding-left: 2.5em
}

.form-switch .form-check-input {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  width: 2em;
  margin-left: -2.5em;
  background-image: var(--bs-form-switch-bg);
  background-position: 0;
  border-radius: 2em;
  transition: background-position .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .form-switch .form-check-input {
    transition: none
  }
}

.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
  background-position: 100%;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0
}

.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0
}

.form-check-inline {
  display: inline-block;
  margin-right: 1rem
}

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none
}

.btn-check:disabled+.btn,
.btn-check[disabled]+.btn {
  pointer-events: none;
  filter: none;
  opacity: .65
}

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")
}

.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent
}

.form-range:focus {
  outline: 0
}

.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-range::-moz-focus-outer {
  border: 0
}

.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -.25rem;
  -webkit-appearance: none;
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .form-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none
  }
}

.form-range::-webkit-slider-thumb:active {
  background-color: #b6d4fe
}

.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: .5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-tertiary-bg);
  border-color: transparent;
  border-radius: 1rem
}

.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  -moz-appearance: none;
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .form-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none
  }
}

.form-range::-moz-range-thumb:active {
  background-color: #b6d4fe
}

.form-range::-moz-range-track {
  width: 100%;
  height: .5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-tertiary-bg);
  border-color: transparent;
  border-radius: 1rem
}

.form-range:disabled {
  pointer-events: none
}

.form-range:disabled::-webkit-slider-thumb {
  background-color: var(--bs-secondary-color)
}

.form-range:disabled::-moz-range-thumb {
  background-color: var(--bs-secondary-color)
}

.form-floating {
  position: relative
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
  height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  line-height: 1.25
}

.form-floating>label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  height: 100%;
  padding: 1rem .75rem;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: var(--bs-border-width) solid transparent;
  transform-origin: 0 0;
  transition: opacity .1s ease-in-out, transform .1s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .form-floating>label {
    transition: none
  }
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext {
  padding: 1rem .75rem
}

.form-floating>.form-control-plaintext::placeholder,
.form-floating>.form-control::placeholder {
  color: transparent
}

.form-floating>.form-control-plaintext:focus,
.form-floating>.form-control-plaintext:not(:placeholder-shown),
.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: .625rem
}

.form-floating>.form-control-plaintext:-webkit-autofill,
.form-floating>.form-control:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: .625rem
}

.form-floating>.form-select {
  padding-top: 1.625rem;
  padding-bottom: .625rem
}

.form-floating>.form-control-plaintext~label,
.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
  color: rgba(var(--bs-body-color-rgb), .65);
  transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control-plaintext~label:after,
.form-floating>.form-control:focus~label:after,
.form-floating>.form-control:not(:placeholder-shown)~label:after,
.form-floating>.form-select~label:after {
  position: absolute;
  inset: 1rem .375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius)
}

.form-floating>.form-control:-webkit-autofill~label {
  color: rgba(var(--bs-body-color-rgb), .65);
  transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control-plaintext~label {
  border-width: var(--bs-border-width) 0
}

.form-floating>.form-control:disabled~label,
.form-floating>:disabled~label {
  color: #6c757d
}

.form-floating>.form-control:disabled~label:after,
.form-floating>:disabled~label:after {
  background-color: var(--bs-secondary-bg)
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%
}

.input-group>.form-control,
.input-group>.form-floating,
.input-group>.form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0
}

.input-group>.form-control:focus,
.input-group>.form-floating:focus-within,
.input-group>.form-select:focus {
  z-index: 5
}

.input-group .btn {
  position: relative;
  z-index: 2
}

.input-group .btn:focus {
  z-index: 5
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-tertiary-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius)
}

.input-group-lg>.btn,
.input-group-lg>.form-control,
.input-group-lg>.form-select,
.input-group-lg>.input-group-text {
  padding: .5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg)
}

.input-group-sm>.btn,
.input-group-sm>.form-control,
.input-group-sm>.form-select,
.input-group-sm>.input-group-text {
  padding: .25rem .5rem;
  font-size: .875rem;
  border-radius: var(--bs-border-radius-sm)
}

.input-group-lg>.form-select,
.input-group-sm>.form-select {
  padding-right: 3rem
}

.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,
.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,
.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(var(--bs-border-width) * -1);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.input-group>.form-floating:not(:first-child)>.form-control,
.input-group>.form-floating:not(:first-child)>.form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: .875em;
  color: var(--bs-form-valid-color)
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .25rem .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  color: #fff;
  background-color: var(--bs-success);
  border-radius: var(--bs-border-radius)
}

.is-valid~.valid-feedback,
.is-valid~.valid-tooltip,
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip {
  display: block
}

.form-control.is-valid,
.was-validated .form-control:valid {
  border-color: var(--bs-form-valid-border-color);
  padding-right: calc(1.5em + .75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
  padding-right: calc(1.5em + .75rem);
  background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-select.is-valid,
.was-validated .form-select:valid {
  border-color: var(--bs-form-valid-border-color)
}

.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"],
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right .75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-select.is-valid:focus,
.was-validated .form-select:valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
}

.form-control-color.is-valid,
.was-validated .form-control-color:valid {
  width: calc(3rem + calc(1.5em + .75rem))
}

.form-check-input.is-valid,
.was-validated .form-check-input:valid {
  border-color: var(--bs-form-valid-border-color)
}

.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
  background-color: var(--bs-form-valid-color)
}

.form-check-input.is-valid:focus,
.was-validated .form-check-input:valid:focus {
  box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
  color: var(--bs-form-valid-color)
}

.form-check-inline .form-check-input~.valid-feedback {
  margin-left: .5em
}

.input-group>.form-control:not(:focus).is-valid,
.input-group>.form-floating:not(:focus-within).is-valid,
.input-group>.form-select:not(:focus).is-valid,
.was-validated .input-group>.form-control:not(:focus):valid,
.was-validated .input-group>.form-floating:not(:focus-within):valid,
.was-validated .input-group>.form-select:not(:focus):valid {
  z-index: 3
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: .875em;
  color: var(--bs-form-invalid-color)
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .25rem .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  color: #fff;
  background-color: var(--bs-danger);
  border-radius: var(--bs-border-radius)
}

.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
  display: block
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
  border-color: var(--bs-form-invalid-border-color);
  padding-right: calc(1.5em + .75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  padding-right: calc(1.5em + .75rem);
  background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-select.is-invalid,
.was-validated .form-select:invalid {
  border-color: var(--bs-form-invalid-border-color)
}

.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"],
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right .75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-select.is-invalid:focus,
.was-validated .form-select:invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
}

.form-control-color.is-invalid,
.was-validated .form-control-color:invalid {
  width: calc(3rem + calc(1.5em + .75rem))
}

.form-check-input.is-invalid,
.was-validated .form-check-input:invalid {
  border-color: var(--bs-form-invalid-border-color)
}

.form-check-input.is-invalid:checked,
.was-validated .form-check-input:invalid:checked {
  background-color: var(--bs-form-invalid-color)
}

.form-check-input.is-invalid:focus,
.was-validated .form-check-input:invalid:focus {
  box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
  color: var(--bs-form-invalid-color)
}

.form-check-inline .form-check-input~.invalid-feedback {
  margin-left: .5em
}

.input-group>.form-control:not(:focus).is-invalid,
.input-group>.form-floating:not(:focus-within).is-invalid,
.input-group>.form-select:not(:focus).is-invalid,
.was-validated .input-group>.form-control:not(:focus):invalid,
.was-validated .input-group>.form-floating:not(:focus-within):invalid,
.was-validated .input-group>.form-select:not(:focus):invalid {
  z-index: 4
}

.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .15), 0 1px 1px rgba(0, 0, 0, .075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .btn {
    transition: none
  }
}

.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color)
}

.btn-check+.btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color)
}

.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:focus-visible+.btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color)
}

.btn-check:checked+.btn:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible,
.btn:first-child:active:focus-visible,
:not(.btn-check)+.btn:active:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity)
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5c636a;
  --bs-btn-hover-border-color: #565e64;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #565e64;
  --bs-btn-active-border-color: #51585e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #157347;
  --bs-btn-hover-border-color: #146c43;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #146c43;
  --bs-btn-active-border-color: #13653f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754
}

.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #31d2f2;
  --bs-btn-hover-border-color: #25cff2;
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #3dd5f3;
  --bs-btn-active-border-color: #25cff2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0
}

.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffca2c;
  --bs-btn-hover-border-color: #ffc720;
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffcd39;
  --bs-btn-active-border-color: #ffc720;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107
}

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bb2d3b;
  --bs-btn-hover-border-color: #b02a37;
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b02a37;
  --bs-btn-active-border-color: #a52834;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545
}

.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529
}

.btn-outline-primary {
  --bs-btn-color: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0d6efd;
  --bs-btn-hover-border-color: #0d6efd;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0d6efd;
  --bs-btn-active-border-color: #0d6efd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  --bs-btn-disabled-color: #0d6efd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0d6efd;
  --bs-gradient: none
}

.btn-outline-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none
}

.btn-outline-success {
  --bs-btn-color: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #198754;
  --bs-btn-hover-border-color: #198754;
  --bs-btn-focus-shadow-rgb: 25, 135, 84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #198754;
  --bs-btn-active-border-color: #198754;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  --bs-btn-disabled-color: #198754;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #198754;
  --bs-gradient: none
}

.btn-outline-info {
  --bs-btn-color: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #0dcaf0;
  --bs-btn-hover-border-color: #0dcaf0;
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #0dcaf0;
  --bs-btn-active-border-color: #0dcaf0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  --bs-btn-disabled-color: #0dcaf0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0dcaf0;
  --bs-gradient: none
}

.btn-outline-warning {
  --bs-btn-color: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffc107;
  --bs-btn-hover-border-color: #ffc107;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffc107;
  --bs-btn-active-border-color: #ffc107;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  --bs-btn-disabled-color: #ffc107;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffc107;
  --bs-gradient: none
}

.btn-outline-danger {
  --bs-btn-color: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb: 220, 53, 69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  --bs-btn-disabled-color: #dc3545;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dc3545;
  --bs-gradient: none
}

.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none
}

.btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none
}

.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  text-decoration: underline
}

.btn-link:focus-visible {
  color: var(--bs-btn-color)
}

.btn-link:hover {
  color: var(--bs-btn-hover-color)
}

.btn-group-lg>.btn,
.btn-lg {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: var(--bs-border-radius-lg)
}

.btn-group-sm>.btn,
.btn-sm {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm)
}

.fade {
  transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
  .fade {
    transition: none
  }
}

.fade:not(.show) {
  opacity: 0
}

.collapse:not(.show) {
  display: none
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
  .collapsing {
    transition: none
  }
}

.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width .35s ease
}

@media (prefers-reduced-motion:reduce) {
  .collapsing.collapse-horizontal {
    transition: none
  }
}

.dropdown,
.dropdown-center,
.dropend,
.dropstart,
.dropup,
.dropup-center {
  position: relative
}

.dropdown-toggle {
  white-space: nowrap
}

.dropdown-toggle:after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent
}

.dropdown-toggle:empty:after {
  margin-left: 0
}

.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius)
}

.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer)
}

.dropdown-menu-start {
  --bs-position: start
}

.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0
}

.dropdown-menu-end {
  --bs-position: end
}

.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto
}

@media (min-width:576px) {
  .dropdown-menu-sm-start {
    --bs-position: start
  }

  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0
  }

  .dropdown-menu-sm-end {
    --bs-position: end
  }

  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto
  }
}

@media (min-width:768px) {
  .dropdown-menu-md-start {
    --bs-position: start
  }

  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0
  }

  .dropdown-menu-md-end {
    --bs-position: end
  }

  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto
  }
}

@media (min-width:992px) {
  .dropdown-menu-lg-start {
    --bs-position: start
  }

  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0
  }

  .dropdown-menu-lg-end {
    --bs-position: end
  }

  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto
  }
}

@media (min-width:1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start
  }

  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0
  }

  .dropdown-menu-xl-end {
    --bs-position: end
  }

  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto
  }
}

@media (min-width:1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start
  }

  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0
  }

  .dropdown-menu-xxl-end {
    --bs-position: end
  }

  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto
  }
}

.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer)
}

.dropup .dropdown-toggle:after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: 0;
  border-right: .3em solid transparent;
  border-bottom: .3em solid;
  border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty:after {
  margin-left: 0
}

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer)
}

.dropend .dropdown-toggle:after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid transparent;
  border-right: 0;
  border-bottom: .3em solid transparent;
  border-left: .3em solid
}

.dropend .dropdown-toggle:empty:after {
  margin-left: 0
}

.dropend .dropdown-toggle:after {
  vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer)
}

.dropstart .dropdown-toggle:after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  display: none
}

.dropstart .dropdown-toggle:before {
  display: inline-block;
  margin-right: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid transparent;
  border-right: .3em solid;
  border-bottom: .3em solid transparent
}

.dropstart .dropdown-toggle:empty:after {
  margin-left: 0
}

.dropstart .dropdown-toggle:before {
  vertical-align: 0
}

.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--bs-dropdown-item-border-radius, 0)
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg)
}

.dropdown-item.active,
.dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg)
}

.dropdown-item.disabled,
.dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent
}

.dropdown-menu.show {
  display: block
}

.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: .875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap
}

.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color)
}

.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: hsla(0, 0%, 100%, .15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
  position: relative;
  flex: 1 1 auto
}

.btn-group-vertical>.btn-check:checked+.btn,
.btn-group-vertical>.btn-check:focus+.btn,
.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn-check:checked+.btn,
.btn-group>.btn-check:focus+.btn,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
  z-index: 1
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start
}

.btn-toolbar .input-group {
  width: auto
}

.btn-group {
  border-radius: var(--bs-border-radius)
}

.btn-group>.btn-group:not(:first-child),
.btn-group>:not(.btn-check:first-child)+.btn {
  margin-left: calc(var(--bs-border-width) * -1)
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn.dropdown-toggle-split:first-child,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:nth-child(n+3),
.btn-group>:not(.btn-check)+.btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.dropdown-toggle-split {
  padding-right: .5625rem;
  padding-left: .5625rem
}

.dropdown-toggle-split:after,
.dropend .dropdown-toggle-split:after,
.dropup .dropdown-toggle-split:after {
  margin-left: 0
}

.dropstart .dropdown-toggle-split:before {
  margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
  padding-right: .375rem;
  padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
  padding-right: .75rem;
  padding-left: .75rem
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
  width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
  margin-top: calc(var(--bs-border-width) * -1)
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn~.btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none
}

.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  background: none;
  border: 0;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .nav-link {
    transition: none
  }
}

.nav-link:focus,
.nav-link:hover {
  color: var(--bs-nav-link-hover-color)
}

.nav-link:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.nav-link.disabled,
.nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default
}

.nav-tabs {
  --bs-nav-tabs-border-width: var(--bs-border-width);
  --bs-nav-tabs-border-color: var(--bs-border-color);
  --bs-nav-tabs-border-radius: var(--bs-border-radius);
  --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
  --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}

.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius)
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color)
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color)
}

.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.nav-pills {
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #0d6efd
}

.nav-pills .nav-link {
  border-radius: var(--bs-nav-pills-border-radius)
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg)
}

.nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
  --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
  gap: var(--bs-nav-underline-gap)
}

.nav-underline .nav-link {
  padding-right: 0;
  padding-left: 0;
  border-bottom: var(--bs-nav-underline-border-width) solid transparent
}

.nav-underline .nav-link:focus,
.nav-underline .nav-link:hover {
  border-bottom-color: currentcolor
}

.nav-underline .nav-link.active,
.nav-underline .show>.nav-link {
  font-weight: 700;
  color: var(--bs-nav-underline-link-active-color);
  border-bottom-color: currentcolor
}

.nav-fill .nav-item,
.nav-fill>.nav-link {
  flex: 1 1 auto;
  text-align: center
}

.nav-justified .nav-item,
.nav-justified>.nav-link {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%
}

.tab-content>.tab-pane {
  display: none
}

.tab-content>.active {
  display: block
}

.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
  --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius: var(--bs-border-radius);
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)
}

.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-lg,
.navbar>.container-md,
.navbar>.container-sm,
.navbar>.container-xl,
.navbar>.container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between
}

.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
  color: var(--bs-navbar-brand-hover-color)
}

.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color)
}

.navbar-nav .dropdown-menu {
  position: static
}

.navbar-text {
  padding-top: .5rem;
  padding-bottom: .5rem;
  color: var(--bs-navbar-color)
}

.navbar-text a,
.navbar-text a:focus,
.navbar-text a:hover {
  color: var(--bs-navbar-active-color)
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center
}

.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition)
}

@media (prefers-reduced-motion:reduce) {
  .navbar-toggler {
    transition: none
  }
}

.navbar-toggler:hover {
  text-decoration: none
}

.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width)
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100%
}

.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto
}

@media (min-width:576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start
  }

  .navbar-expand-sm .navbar-nav {
    flex-direction: row
  }

  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute
  }

  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x)
  }

  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto
  }

  .navbar-expand-sm .navbar-toggler {
    display: none
  }

  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none
  }

  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none
  }

  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
  }
}

@media (min-width:768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start
  }

  .navbar-expand-md .navbar-nav {
    flex-direction: row
  }

  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute
  }

  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x)
  }

  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto
  }

  .navbar-expand-md .navbar-toggler {
    display: none
  }

  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none
  }

  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none
  }

  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
  }
}

@media (min-width:992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start
  }

  .navbar-expand-lg .navbar-nav {
    flex-direction: row
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x)
  }

  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto
  }

  .navbar-expand-lg .navbar-toggler {
    display: none
  }

  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none
  }

  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none
  }

  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
  }
}

@media (min-width:1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start
  }

  .navbar-expand-xl .navbar-nav {
    flex-direction: row
  }

  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute
  }

  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x)
  }

  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto
  }

  .navbar-expand-xl .navbar-toggler {
    display: none
  }

  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none
  }

  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none
  }

  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
  }
}

@media (min-width:1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start
  }

  .navbar-expand-xxl .navbar-nav {
    flex-direction: row
  }

  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute
  }

  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x)
  }

  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto
  }

  .navbar-expand-xxl .navbar-toggler {
    display: none
  }

  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none
  }

  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none
  }

  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
  }
}

.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start
}

.navbar-expand .navbar-nav {
  flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute
}

.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x)
}

.navbar-expand .navbar-nav-scroll {
  overflow: visible
}

.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto
}

.navbar-expand .navbar-toggler {
  display: none
}

.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  transition: none
}

.navbar-expand .offcanvas .offcanvas-header {
  display: none
}

.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible
}

.navbar-dark,
.navbar[data-bs-theme=dark] {
  --bs-navbar-color: hsla(0, 0%, 100%, .55);
  --bs-navbar-hover-color: hsla(0, 0%, 100%, .75);
  --bs-navbar-disabled-color: hsla(0, 0%, 100%, .25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: hsla(0, 0%, 100%, .1)
}

.navbar-dark,
.navbar[data-bs-theme=dark],
[data-bs-theme=dark] .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius)
}

.card>hr {
  margin-right: 0;
  margin-left: 0
}

.card>.list-group {
  border-top: inherit;
  border-bottom: inherit
}

.card>.list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card>.list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius)
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
  border-top: 0
}

.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color)
}

.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
  color: var(--bs-card-title-color)
}

.card-subtitle {
  margin-top: calc(-.5 * var(--bs-card-title-spacer-y));
  color: var(--bs-card-subtitle-color)
}

.card-subtitle,
.card-text:last-child {
  margin-bottom: 0
}

.card-link+.card-link {
  margin-left: var(--bs-card-spacer-x)
}

.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
}

.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
}

.card-header-tabs {
  margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0
}

.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg)
}

.card-header-pills {
  margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-.5 * var(--bs-card-cap-padding-x))
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius)
}

.card-img,
.card-img-bottom,
.card-img-top {
  width: 100%
}

.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius)
}

.card-group>.card {
  margin-bottom: var(--bs-card-group-margin)
}

@media (min-width:576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap
  }

  .card-group>.card {
    flex: 1 0;
    margin-bottom: 0
  }

  .card-group>.card+.card {
    margin-left: 0;
    border-left: 0
  }

  .card-group>.card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
  }

  .card-group>.card:not(:last-child) .card-header,
  .card-group>.card:not(:last-child) .card-img-top {
    border-top-right-radius: 0
  }

  .card-group>.card:not(:last-child) .card-footer,
  .card-group>.card:not(:last-child) .card-img-bottom {
    border-bottom-right-radius: 0
  }

  .card-group>.card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
  }

  .card-group>.card:not(:first-child) .card-header,
  .card-group>.card:not(:first-child) .card-img-top {
    border-top-left-radius: 0
  }

  .card-group>.card:not(:first-child) .card-footer,
  .card-group>.card:not(:first-child) .card-img-bottom {
    border-bottom-left-radius: 0
  }
}

.accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: #86b7fe;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, .25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle)
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition)
}

@media (prefers-reduced-motion:reduce) {
  .accordion-button {
    transition: none
  }
}

.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)
}

.accordion-button:not(.collapsed):after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform)
}

.accordion-button:after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition)
}

@media (prefers-reduced-motion:reduce) {
  .accordion-button:after {
    transition: none
  }
}

.accordion-button:hover {
  z-index: 2
}

.accordion-button:focus {
  z-index: 3;
  border-color: var(--bs-accordion-btn-focus-border-color);
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow)
}

.accordion-header {
  margin-bottom: 0
}

.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
}

.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius)
}

.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:not(:first-of-type) {
  border-top: 0
}

.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius)
}

.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius)
}

.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
}

.accordion-flush .accordion-collapse {
  border-width: 0
}

.accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0
}

.accordion-flush .accordion-item:first-child {
  border-top: 0
}

.accordion-flush .accordion-item:last-child {
  border-bottom: 0
}

.accordion-flush .accordion-item .accordion-button,
.accordion-flush .accordion-item .accordion-button.collapsed {
  border-radius: 0
}

[data-bs-theme=dark] .accordion-button:after {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: var(--bs-secondary-color);
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius)
}

.breadcrumb-item+.breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x)
}

.breadcrumb-item+.breadcrumb-item:before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/")
}

.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color)
}

.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: var(--bs-body-bg);
  --bs-pagination-border-width: var(--bs-border-width);
  --bs-pagination-border-color: var(--bs-border-color);
  --bs-pagination-border-radius: var(--bs-border-radius);
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: var(--bs-tertiary-bg);
  --bs-pagination-hover-border-color: var(--bs-border-color);
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: var(--bs-secondary-bg);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, .25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #0d6efd;
  --bs-pagination-active-border-color: #0d6efd;
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-bg: var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
  display: flex;
  padding-left: 0;
  list-style: none
}

.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .page-link {
    transition: none
  }
}

.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color)
}

.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow)
}

.active>.page-link,
.page-link.active {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color)
}

.disabled>.page-link,
.page-link.disabled {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color)
}

.page-item:not(:first-child) .page-link {
  margin-left: calc(var(--bs-border-width) * -1)
}

.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius)
}

.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius)
}

.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.25rem;
  --bs-pagination-border-radius: var(--bs-border-radius-lg)
}

.pagination-sm {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.875rem;
  --bs-pagination-border-radius: var(--bs-border-radius-sm)
}

.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: var(--bs-border-radius);
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius)
}

.badge:empty {
  display: none
}

.btn .badge {
  position: relative;
  top: -1px
}

.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
  --bs-alert-border-radius: var(--bs-border-radius);
  --bs-alert-link-color: inherit;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius)
}

.alert-heading {
  color: inherit
}

.alert-link {
  font-weight: 700;
  color: var(--bs-alert-link-color)
}

.alert-dismissible {
  padding-right: 3rem
}

.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem
}

.alert-primary {
  --bs-alert-color: var(--bs-primary-text-emphasis);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
  --bs-alert-link-color: var(--bs-primary-text-emphasis)
}

.alert-secondary {
  --bs-alert-color: var(--bs-secondary-text-emphasis);
  --bs-alert-bg: var(--bs-secondary-bg-subtle);
  --bs-alert-border-color: var(--bs-secondary-border-subtle);
  --bs-alert-link-color: var(--bs-secondary-text-emphasis)
}

.alert-success {
  --bs-alert-color: var(--bs-success-text-emphasis);
  --bs-alert-bg: var(--bs-success-bg-subtle);
  --bs-alert-border-color: var(--bs-success-border-subtle);
  --bs-alert-link-color: var(--bs-success-text-emphasis)
}

.alert-info {
  --bs-alert-color: var(--bs-info-text-emphasis);
  --bs-alert-bg: var(--bs-info-bg-subtle);
  --bs-alert-border-color: var(--bs-info-border-subtle);
  --bs-alert-link-color: var(--bs-info-text-emphasis)
}

.alert-warning {
  --bs-alert-color: var(--bs-warning-text-emphasis);
  --bs-alert-bg: var(--bs-warning-bg-subtle);
  --bs-alert-border-color: var(--bs-warning-border-subtle);
  --bs-alert-link-color: var(--bs-warning-text-emphasis)
}

.alert-danger {
  --bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-link-color: var(--bs-danger-text-emphasis)
}

.alert-light {
  --bs-alert-color: var(--bs-light-text-emphasis);
  --bs-alert-bg: var(--bs-light-bg-subtle);
  --bs-alert-border-color: var(--bs-light-border-subtle);
  --bs-alert-link-color: var(--bs-light-text-emphasis)
}

.alert-dark {
  --bs-alert-color: var(--bs-dark-text-emphasis);
  --bs-alert-bg: var(--bs-dark-bg-subtle);
  --bs-alert-border-color: var(--bs-dark-border-subtle);
  --bs-alert-link-color: var(--bs-dark-text-emphasis)
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem
  }
}

.progress,
.progress-stacked {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: var(--bs-secondary-bg);
  --bs-progress-border-radius: var(--bs-border-radius);
  --bs-progress-box-shadow: var(--bs-box-shadow-inset);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: #0d6efd;
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius)
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition)
}

@media (prefers-reduced-motion:reduce) {
  .progress-bar {
    transition: none
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
  background-size: var(--bs-progress-height) var(--bs-progress-height)
}

.progress-stacked>.progress {
  overflow: visible
}

.progress-stacked>.progress>.progress-bar {
  width: 100%
}

.progress-bar-animated {
  animation: progress-bar-stripes 1s linear infinite
}

@media (prefers-reduced-motion:reduce) {
  .progress-bar-animated {
    animation: none
  }
}

.list-group {
  --bs-list-group-color: var(--bs-body-color);
  --bs-list-group-bg: var(--bs-body-bg);
  --bs-list-group-border-color: var(--bs-border-color);
  --bs-list-group-border-width: var(--bs-border-width);
  --bs-list-group-border-radius: var(--bs-border-radius);
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: var(--bs-secondary-color);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
  --bs-list-group-action-active-color: var(--bs-body-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-bg);
  --bs-list-group-disabled-color: var(--bs-secondary-color);
  --bs-list-group-disabled-bg: var(--bs-body-bg);
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #0d6efd;
  --bs-list-group-active-border-color: #0d6efd;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius)
}

.list-group-numbered {
  list-style-type: none;
  counter-reset: section
}

.list-group-numbered>.list-group-item:before {
  content: counters(section, ".") ". ";
  counter-increment: section
}

.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit
}

.list-group-item-action:focus,
.list-group-item-action:hover {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg)
}

.list-group-item-action:active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg)
}

.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)
}

.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit
}

.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
  color: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg)
}

.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color)
}

.list-group-item+.list-group-item {
  border-top-width: 0
}

.list-group-item+.list-group-item.active {
  margin-top: calc(-1 * var(--bs-list-group-border-width));
  border-top-width: var(--bs-list-group-border-width)
}

.list-group-horizontal {
  flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--bs-list-group-border-radius);
  border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
  margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
  border-top-width: var(--bs-list-group-border-width);
  border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
  margin-left: calc(-1 * var(--bs-list-group-border-width));
  border-left-width: var(--bs-list-group-border-width)
}

@media (min-width:576px) {
  .list-group-horizontal-sm {
    flex-direction: row
  }

  .list-group-horizontal-sm>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0
  }

  .list-group-horizontal-sm>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0
  }

  .list-group-horizontal-sm>.list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-sm>.list-group-item+.list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0
  }

  .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width)
  }
}

@media (min-width:768px) {
  .list-group-horizontal-md {
    flex-direction: row
  }

  .list-group-horizontal-md>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0
  }

  .list-group-horizontal-md>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0
  }

  .list-group-horizontal-md>.list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-md>.list-group-item+.list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0
  }

  .list-group-horizontal-md>.list-group-item+.list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width)
  }
}

@media (min-width:992px) {
  .list-group-horizontal-lg {
    flex-direction: row
  }

  .list-group-horizontal-lg>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0
  }

  .list-group-horizontal-lg>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0
  }

  .list-group-horizontal-lg>.list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-lg>.list-group-item+.list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0
  }

  .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width)
  }
}

@media (min-width:1200px) {
  .list-group-horizontal-xl {
    flex-direction: row
  }

  .list-group-horizontal-xl>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0
  }

  .list-group-horizontal-xl>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0
  }

  .list-group-horizontal-xl>.list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-xl>.list-group-item+.list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0
  }

  .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width)
  }
}

@media (min-width:1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row
  }

  .list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0
  }

  .list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0
  }

  .list-group-horizontal-xxl>.list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-xxl>.list-group-item+.list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0
  }

  .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width)
  }
}

.list-group-flush {
  border-radius: 0
}

.list-group-flush>.list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width)
}

.list-group-flush>.list-group-item:last-child {
  border-bottom-width: 0
}

.list-group-item-primary {
  --bs-list-group-color: var(--bs-primary-text-emphasis);
  --bs-list-group-bg: var(--bs-primary-bg-subtle);
  --bs-list-group-border-color: var(--bs-primary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
  --bs-list-group-active-color: var(--bs-primary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-primary-text-emphasis)
}

.list-group-item-secondary {
  --bs-list-group-color: var(--bs-secondary-text-emphasis);
  --bs-list-group-bg: var(--bs-secondary-bg-subtle);
  --bs-list-group-border-color: var(--bs-secondary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis)
}

.list-group-item-success {
  --bs-list-group-color: var(--bs-success-text-emphasis);
  --bs-list-group-bg: var(--bs-success-bg-subtle);
  --bs-list-group-border-color: var(--bs-success-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
  --bs-list-group-active-color: var(--bs-success-bg-subtle);
  --bs-list-group-active-bg: var(--bs-success-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-success-text-emphasis)
}

.list-group-item-info {
  --bs-list-group-color: var(--bs-info-text-emphasis);
  --bs-list-group-bg: var(--bs-info-bg-subtle);
  --bs-list-group-border-color: var(--bs-info-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
  --bs-list-group-active-color: var(--bs-info-bg-subtle);
  --bs-list-group-active-bg: var(--bs-info-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-info-text-emphasis)
}

.list-group-item-warning {
  --bs-list-group-color: var(--bs-warning-text-emphasis);
  --bs-list-group-bg: var(--bs-warning-bg-subtle);
  --bs-list-group-border-color: var(--bs-warning-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
  --bs-list-group-active-color: var(--bs-warning-bg-subtle);
  --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-warning-text-emphasis)
}

.list-group-item-danger {
  --bs-list-group-color: var(--bs-danger-text-emphasis);
  --bs-list-group-bg: var(--bs-danger-bg-subtle);
  --bs-list-group-border-color: var(--bs-danger-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
  --bs-list-group-active-color: var(--bs-danger-bg-subtle);
  --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-danger-text-emphasis)
}

.list-group-item-light {
  --bs-list-group-color: var(--bs-light-text-emphasis);
  --bs-list-group-bg: var(--bs-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
  --bs-list-group-active-color: var(--bs-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-light-text-emphasis)
}

.list-group-item-dark {
  --bs-list-group-color: var(--bs-dark-text-emphasis);
  --bs-list-group-bg: var(--bs-dark-bg-subtle);
  --bs-list-group-border-color: var(--bs-dark-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
  --bs-list-group-active-color: var(--bs-dark-bg-subtle);
  --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-dark-text-emphasis)
}

.btn-close {
  --bs-btn-close-color: #000;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  --bs-btn-close-opacity: 0.5;
  --bs-btn-close-hover-opacity: 0.75;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, .25);
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: .25em;
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
  border: 0;
  border-radius: .375rem;
  opacity: var(--bs-btn-close-opacity)
}

.btn-close,
.btn-close:hover {
  color: var(--bs-btn-close-color)
}

.btn-close:hover {
  text-decoration: none;
  opacity: var(--bs-btn-close-hover-opacity)
}

.btn-close:focus {
  outline: 0;
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity)
}

.btn-close.disabled,
.btn-close:disabled {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  opacity: var(--bs-btn-close-disabled-opacity)
}

.btn-close-white,
[data-bs-theme=dark] .btn-close {
  filter: var(--bs-btn-close-white-filter)
}

.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-border-width: var(--bs-border-width);
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: var(--bs-border-radius);
  --bs-toast-box-shadow: var(--bs-box-shadow);
  --bs-toast-header-color: var(--bs-secondary-color);
  --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-header-border-color: var(--bs-border-color-translucent);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius)
}

.toast.showing {
  opacity: 0
}

.toast:not(.show) {
  display: none
}

.toast-container {
  --bs-toast-zindex: 1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: max-content;
  max-width: 100%;
  pointer-events: none
}

.toast-container>:not(:last-child) {
  margin-bottom: var(--bs-toast-spacing)
}

.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))
}

.toast-header .btn-close {
  margin-right: calc(-.5 * var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x)
}

.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word
}

.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: ;
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075);
  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: var(--bs-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none
}

.modal.fade .modal-dialog {
  transition: transform .3s ease-out;
  transform: translateY(-50px)
}

@media (prefers-reduced-motion:reduce) {
  .modal.fade .modal-dialog {
    transition: none
  }
}

.modal.show .modal-dialog {
  transform: none
}

.modal.modal-static .modal-dialog {
  transform: scale(1.02)
}

.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0
}

.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg)
}

.modal-backdrop.fade {
  opacity: 0
}

.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity)
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius)
}

.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
  margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto
}

.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height)
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding)
}

.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius)
}

.modal-footer>* {
  margin: calc(var(--bs-modal-footer-gap) * .5)
}

@media (min-width:576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15)
  }

  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto
  }

  .modal-sm {
    --bs-modal-width: 300px
  }
}

@media (min-width:992px) {

  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px
  }
}

@media (min-width:1200px) {
  .modal-xl {
    --bs-modal-width: 1140px
  }
}

.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0
}

.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0
}

.modal-fullscreen .modal-footer,
.modal-fullscreen .modal-header {
  border-radius: 0
}

.modal-fullscreen .modal-body {
  overflow-y: auto
}

@media (max-width:575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }

  .modal-fullscreen-sm-down .modal-footer,
  .modal-fullscreen-sm-down .modal-header {
    border-radius: 0
  }

  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto
  }
}

@media (max-width:767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }

  .modal-fullscreen-md-down .modal-footer,
  .modal-fullscreen-md-down .modal-header {
    border-radius: 0
  }

  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto
  }
}

@media (max-width:991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }

  .modal-fullscreen-lg-down .modal-footer,
  .modal-fullscreen-lg-down .modal-header {
    border-radius: 0
  }

  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto
  }
}

@media (max-width:1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }

  .modal-fullscreen-xl-down .modal-footer,
  .modal-fullscreen-xl-down .modal-header {
    border-radius: 0
  }

  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto
  }
}

@media (max-width:1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }

  .modal-fullscreen-xxl-down .modal-footer,
  .modal-fullscreen-xxl-down .modal-header {
    border-radius: 0
  }

  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto
  }
}

.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: var(--bs-body-bg);
  --bs-tooltip-bg: var(--bs-emphasis-color);
  --bs-tooltip-border-radius: var(--bs-border-radius);
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0
}

.tooltip.show {
  opacity: var(--bs-tooltip-opacity)
}

.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height)
}

.tooltip .tooltip-arrow:before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,
.bs-tooltip-top .tooltip-arrow {
  bottom: calc(-1 * var(--bs-tooltip-arrow-height))
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before,
.bs-tooltip-top .tooltip-arrow:before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
  border-top-color: var(--bs-tooltip-bg)
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,
.bs-tooltip-end .tooltip-arrow {
  left: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width)
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before,
.bs-tooltip-end .tooltip-arrow:before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
  border-right-color: var(--bs-tooltip-bg)
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,
.bs-tooltip-bottom .tooltip-arrow {
  top: calc(-1 * var(--bs-tooltip-arrow-height))
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before,
.bs-tooltip-bottom .tooltip-arrow:before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg)
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,
.bs-tooltip-start .tooltip-arrow {
  right: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width)
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before,
.bs-tooltip-start .tooltip-arrow:before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg)
}

.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius)
}

.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: var(--bs-body-bg);
  --bs-popover-border-width: var(--bs-border-width);
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: var(--bs-border-radius-lg);
  --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
  --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color: inherit;
  --bs-popover-header-bg: var(--bs-secondary-bg);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: var(--bs-body-color);
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius)
}

.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height)
}

.popover .popover-arrow:after,
.popover .popover-arrow:before {
  position: absolute;
  display: block;
  content: "";
  border: 0 solid transparent
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,
.bs-popover-top>.popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,
.bs-popover-top>.popover-arrow:after,
.bs-popover-top>.popover-arrow:before {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,
.bs-popover-top>.popover-arrow:before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border)
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after,
.bs-popover-top>.popover-arrow:after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg)
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,
.bs-popover-end>.popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width)
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,
.bs-popover-end>.popover-arrow:after,
.bs-popover-end>.popover-arrow:before {
  border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,
.bs-popover-end>.popover-arrow:before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border)
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after,
.bs-popover-end>.popover-arrow:after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,
.bs-popover-bottom>.popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,
.bs-popover-bottom>.popover-arrow:after,
.bs-popover-bottom>.popover-arrow:before {
  border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,
.bs-popover-bottom>.popover-arrow:before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,
.bs-popover-bottom>.popover-arrow:after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg)
}

.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before,
.bs-popover-bottom .popover-header:before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,
.bs-popover-start>.popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,
.bs-popover-start>.popover-arrow:after,
.bs-popover-start>.popover-arrow:before {
  border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,
.bs-popover-start>.popover-arrow:before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after,
.bs-popover-start>.popover-arrow:after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg)
}

.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius)
}

.popover-header:empty {
  display: none
}

.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color)
}

.carousel {
  position: relative
}

.carousel.pointer-event {
  touch-action: pan-y
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden
}

.carousel-inner:after {
  display: block;
  clear: both;
  content: ""
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .carousel-item {
    transition: none
  }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
  display: block
}

.active.carousel-item-end,
.carousel-item-next:not(.carousel-item-start) {
  transform: translateX(100%)
}

.active.carousel-item-start,
.carousel-item-prev:not(.carousel-item-end) {
  transform: translateX(-100%)
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none
}

.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end,
.carousel-fade .carousel-item.active {
  z-index: 1;
  opacity: 1
}

.carousel-fade .active.carousel-item-end,
.carousel-fade .active.carousel-item-start {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {

  .carousel-fade .active.carousel-item-end,
  .carousel-fade .active.carousel-item-start {
    transition: none
  }
}

.carousel-control-next,
.carousel-control-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: .5;
  transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {

  .carousel-control-next,
  .carousel-control-prev {
    transition: none
  }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: .9
}

.carousel-control-prev {
  left: 0
}

.carousel-control-next {
  right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%
}

.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none
  }
}

.carousel-indicators .active {
  opacity: 1
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center
}

.carousel-dark .carousel-control-next-icon,
.carousel-dark .carousel-control-prev-icon {
  filter: invert(1) grayscale(100)
}

.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000
}

.carousel-dark .carousel-caption {
  color: #000
}

[data-bs-theme=dark] .carousel .carousel-control-next-icon,
[data-bs-theme=dark] .carousel .carousel-control-prev-icon,
[data-bs-theme=dark].carousel .carousel-control-next-icon,
[data-bs-theme=dark].carousel .carousel-control-prev-icon {
  filter: invert(1) grayscale(100)
}

[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target],
[data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
  background-color: #000
}

[data-bs-theme=dark] .carousel .carousel-caption,
[data-bs-theme=dark].carousel .carousel-caption {
  color: #000
}

.spinner-border,
.spinner-grow {
  display: inline-block;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)
}

@keyframes spinner-border {
  to {
    transform: rotate(1turn)
  }
}

.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border-right-color: currentcolor;
  border: var(--bs-spinner-border-width) solid;
  border-right: var(--bs-spinner-border-width) solid transparent
}

.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em
}

@keyframes spinner-grow {
  0% {
    transform: scale(0)
  }

  50% {
    opacity: 1;
    transform: none
  }
}

.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0
}

.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem
}

@media (prefers-reduced-motion:reduce) {

  .spinner-border,
  .spinner-grow {
    --bs-spinner-animation-speed: 1.5s
  }
}

.offcanvas,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm,
.offcanvas-xl,
.offcanvas-xxl {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: var(--bs-body-color);
  --bs-offcanvas-bg: var(--bs-body-bg);
  --bs-offcanvas-border-width: var(--bs-border-width);
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075);
  --bs-offcanvas-transition: transform 0.3s ease-in-out;
  --bs-offcanvas-title-line-height: 1.5
}

@media (max-width:575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition)
  }
}

@media (max-width:575.98px) and (prefers-reduced-motion:reduce) {
  .offcanvas-sm {
    transition: none
  }
}

@media (max-width:575.98px) {
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%)
  }

  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%)
  }

  .offcanvas-sm.offcanvas-top {
    top: 0;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%)
  }

  .offcanvas-sm.offcanvas-bottom,
  .offcanvas-sm.offcanvas-top {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%
  }

  .offcanvas-sm.offcanvas-bottom {
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
  }

  .offcanvas-sm.show:not(.hiding),
  .offcanvas-sm.showing {
    transform: none
  }

  .offcanvas-sm.hiding,
  .offcanvas-sm.show,
  .offcanvas-sm.showing {
    visibility: visible
  }
}

@media (min-width:576px) {
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important
  }

  .offcanvas-sm .offcanvas-header {
    display: none
  }

  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important
  }
}

@media (max-width:767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition)
  }
}

@media (max-width:767.98px) and (prefers-reduced-motion:reduce) {
  .offcanvas-md {
    transition: none
  }
}

@media (max-width:767.98px) {
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%)
  }

  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%)
  }

  .offcanvas-md.offcanvas-top {
    top: 0;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%)
  }

  .offcanvas-md.offcanvas-bottom,
  .offcanvas-md.offcanvas-top {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%
  }

  .offcanvas-md.offcanvas-bottom {
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
  }

  .offcanvas-md.show:not(.hiding),
  .offcanvas-md.showing {
    transform: none
  }

  .offcanvas-md.hiding,
  .offcanvas-md.show,
  .offcanvas-md.showing {
    visibility: visible
  }
}

@media (min-width:768px) {
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important
  }

  .offcanvas-md .offcanvas-header {
    display: none
  }

  .offcanvas-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important
  }
}

@media (max-width:991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition)
  }
}

@media (max-width:991.98px) and (prefers-reduced-motion:reduce) {
  .offcanvas-lg {
    transition: none
  }
}

@media (max-width:991.98px) {
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%)
  }

  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%)
  }

  .offcanvas-lg.offcanvas-top {
    top: 0;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%)
  }

  .offcanvas-lg.offcanvas-bottom,
  .offcanvas-lg.offcanvas-top {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%
  }

  .offcanvas-lg.offcanvas-bottom {
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
  }

  .offcanvas-lg.show:not(.hiding),
  .offcanvas-lg.showing {
    transform: none
  }

  .offcanvas-lg.hiding,
  .offcanvas-lg.show,
  .offcanvas-lg.showing {
    visibility: visible
  }
}

@media (min-width:992px) {
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important
  }

  .offcanvas-lg .offcanvas-header {
    display: none
  }

  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important
  }
}

@media (max-width:1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition)
  }
}

@media (max-width:1199.98px) and (prefers-reduced-motion:reduce) {
  .offcanvas-xl {
    transition: none
  }
}

@media (max-width:1199.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%)
  }

  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%)
  }

  .offcanvas-xl.offcanvas-top {
    top: 0;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%)
  }

  .offcanvas-xl.offcanvas-bottom,
  .offcanvas-xl.offcanvas-top {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%
  }

  .offcanvas-xl.offcanvas-bottom {
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
  }

  .offcanvas-xl.show:not(.hiding),
  .offcanvas-xl.showing {
    transform: none
  }

  .offcanvas-xl.hiding,
  .offcanvas-xl.show,
  .offcanvas-xl.showing {
    visibility: visible
  }
}

@media (min-width:1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important
  }

  .offcanvas-xl .offcanvas-header {
    display: none
  }

  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important
  }
}

@media (max-width:1399.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition)
  }
}

@media (max-width:1399.98px) and (prefers-reduced-motion:reduce) {
  .offcanvas-xxl {
    transition: none
  }
}

@media (max-width:1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%)
  }

  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%)
  }

  .offcanvas-xxl.offcanvas-top {
    top: 0;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%)
  }

  .offcanvas-xxl.offcanvas-bottom,
  .offcanvas-xxl.offcanvas-top {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%
  }

  .offcanvas-xxl.offcanvas-bottom {
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
  }

  .offcanvas-xxl.show:not(.hiding),
  .offcanvas-xxl.showing {
    transform: none
  }

  .offcanvas-xxl.hiding,
  .offcanvas-xxl.show,
  .offcanvas-xxl.showing {
    visibility: visible
  }
}

@media (min-width:1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important
  }

  .offcanvas-xxl .offcanvas-header {
    display: none
  }

  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important
  }
}

.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: var(--bs-offcanvas-transition)
}

@media (prefers-reduced-motion:reduce) {
  .offcanvas {
    transition: none
  }
}

.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(-100%)
}

.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(100%)
}

.offcanvas.offcanvas-top {
  top: 0;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(-100%)
}

.offcanvas.offcanvas-bottom,
.offcanvas.offcanvas-top {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%
}

.offcanvas.offcanvas-bottom {
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(100%)
}

.offcanvas.show:not(.hiding),
.offcanvas.showing {
  transform: none
}

.offcanvas.hiding,
.offcanvas.show,
.offcanvas.showing {
  visibility: visible
}

.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000
}

.offcanvas-backdrop.fade {
  opacity: 0
}

.offcanvas-backdrop.show {
  opacity: .5
}

.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
}

.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
  margin-top: calc(-.5 * var(--bs-offcanvas-padding-y));
  margin-right: calc(-.5 * var(--bs-offcanvas-padding-x));
  margin-bottom: calc(-.5 * var(--bs-offcanvas-padding-y))
}

.offcanvas-title {
  margin-bottom: 0;
  line-height: var(--bs-offcanvas-title-line-height)
}

.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto
}

.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: .5
}

.placeholder.btn:before {
  display: inline-block;
  content: ""
}

.placeholder-xs {
  min-height: .6em
}

.placeholder-sm {
  min-height: .8em
}

.placeholder-lg {
  min-height: 1.2em
}

.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite
}

@keyframes placeholder-glow {
  50% {
    opacity: .2
  }
}

.placeholder-wave {
  -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, .8) 75%, #000 95%);
  mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, .8) 75%, #000 95%);
  -webkit-mask-size: 200% 100%;
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite
}

@keyframes placeholder-wave {
  to {
    -webkit-mask-position: -200% 0;
    mask-position: -200% 0
  }
}

.clearfix:after {
  display: block;
  clear: both;
  content: ""
}

.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-success {
  color: #fff !important;
  background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-info {
  color: #000 !important;
  background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-light {
  color: #000 !important;
  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important
}

.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important
}

.link-primary {
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-primary:focus,
.link-primary:hover {
  color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important
}

.link-secondary {
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-secondary:focus,
.link-secondary:hover {
  color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important
}

.link-success {
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-success:focus,
.link-success:hover {
  color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important
}

.link-info {
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-info:focus,
.link-info:hover {
  color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important
}

.link-warning {
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-warning:focus,
.link-warning:hover {
  color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important
}

.link-danger {
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-danger:focus,
.link-danger:hover {
  color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important
}

.link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-light:focus,
.link-light:hover {
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important
}

.link-dark {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-dark:focus,
.link-dark:hover {
  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important
}

.link-body-emphasis {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-body-emphasis:focus,
.link-body-emphasis:hover {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, .75)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, .75)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, .75)) !important
}

.focus-ring:focus {
  outline: 0;
  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)
}

.icon-link {
  display: inline-flex;
  gap: .375rem;
  align-items: center;
  -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, .5));
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, .5));
  text-underline-offset: .25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.icon-link>.bi {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  fill: currentcolor;
  transition: transform .2s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .icon-link>.bi {
    transition: none
  }
}

.icon-link-hover:focus-visible>.bi,
.icon-link-hover:hover>.bi {
  transform: var(--bs-icon-link-transform, translate3d(.25em, 0, 0))
}

.ratio {
  position: relative;
  width: 100%
}

.ratio:before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: ""
}

.ratio>* {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.ratio-1x1 {
  --bs-aspect-ratio: 100%
}

.ratio-4x3 {
  --bs-aspect-ratio: 75%
}

.ratio-16x9 {
  --bs-aspect-ratio: 56.25%
}

.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%
}

.fixed-top {
  top: 0
}

.fixed-bottom,
.fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030
}

.fixed-bottom {
  bottom: 0
}

.sticky-top {
  top: 0
}

.sticky-bottom,
.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  z-index: 1020
}

.sticky-bottom {
  bottom: 0
}

@media (min-width:576px) {
  .sticky-sm-top {
    top: 0
  }

  .sticky-sm-bottom,
  .sticky-sm-top {
    position: -webkit-sticky;
    position: sticky;
    z-index: 1020
  }

  .sticky-sm-bottom {
    bottom: 0
  }
}

@media (min-width:768px) {
  .sticky-md-top {
    top: 0
  }

  .sticky-md-bottom,
  .sticky-md-top {
    position: -webkit-sticky;
    position: sticky;
    z-index: 1020
  }

  .sticky-md-bottom {
    bottom: 0
  }
}

@media (min-width:992px) {
  .sticky-lg-top {
    top: 0
  }

  .sticky-lg-bottom,
  .sticky-lg-top {
    position: -webkit-sticky;
    position: sticky;
    z-index: 1020
  }

  .sticky-lg-bottom {
    bottom: 0
  }
}

@media (min-width:1200px) {
  .sticky-xl-top {
    top: 0
  }

  .sticky-xl-bottom,
  .sticky-xl-top {
    position: -webkit-sticky;
    position: sticky;
    z-index: 1020
  }

  .sticky-xl-bottom {
    bottom: 0
  }
}

@media (min-width:1400px) {
  .sticky-xxl-top {
    top: 0
  }

  .sticky-xxl-bottom,
  .sticky-xxl-top {
    position: -webkit-sticky;
    position: sticky;
    z-index: 1020
  }

  .sticky-xxl-bottom {
    bottom: 0
  }
}

.hstack {
  flex-direction: row;
  align-items: center
}

.hstack,
.vstack {
  display: flex;
  align-self: stretch
}

.vstack {
  flex: 1 1 auto;
  flex-direction: column
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important
}

.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),
.visually-hidden:not(caption) {
  position: absolute !important
}

.stretched-link:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: ""
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.vr {
  display: inline-block;
  align-self: stretch;
  width: var(--bs-border-width);
  min-height: 1em;
  background-color: currentcolor;
  opacity: .25
}

.align-baseline {
  vertical-align: baseline !important
}

.align-top {
  vertical-align: top !important
}

.align-middle {
  vertical-align: middle !important
}

.align-bottom {
  vertical-align: bottom !important
}

.align-text-bottom {
  vertical-align: text-bottom !important
}

.align-text-top {
  vertical-align: text-top !important
}

.float-start {
  float: left !important
}

.float-end {
  float: right !important
}

.float-none {
  float: none !important
}

.object-fit-contain {
  object-fit: contain !important
}

.object-fit-cover {
  object-fit: cover !important
}

.object-fit-fill {
  object-fit: fill !important
}

.object-fit-scale {
  object-fit: scale-down !important
}

.object-fit-none {
  object-fit: none !important
}

.opacity-0 {
  opacity: 0 !important
}

.opacity-25 {
  opacity: .25 !important
}

.opacity-50 {
  opacity: .5 !important
}

.opacity-75 {
  opacity: .75 !important
}

.opacity-100 {
  opacity: 1 !important
}

.overflow-auto {
  overflow: auto !important
}

.overflow-hidden {
  overflow: hidden !important
}

.overflow-scroll {
  overflow: scroll !important
}

.overflow-x-auto {
  overflow-x: auto !important
}

.overflow-x-hidden {
  overflow-x: hidden !important
}

.overflow-x-visible {
  overflow-x: visible !important
}

.overflow-x-scroll {
  overflow-x: scroll !important
}

.overflow-y-auto {
  overflow-y: auto !important
}

.overflow-y-hidden {
  overflow-y: hidden !important
}

.overflow-y-visible {
  overflow-y: visible !important
}

.overflow-y-scroll {
  overflow-y: scroll !important
}

.d-inline {
  display: inline !important
}

.d-inline-block {
  display: inline-block !important
}

.d-block {
  display: block !important
}

.d-grid {
  display: grid !important
}

.d-inline-grid {
  display: inline-grid !important
}

.d-table {
  display: table !important
}

.d-table-row {
  display: table-row !important
}

.d-table-cell {
  display: table-cell !important
}

.d-flex {
  display: flex !important
}

.d-inline-flex {
  display: inline-flex !important
}

.d-none {
  display: none !important
}

.shadow {
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-sm {
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
  box-shadow: none !important
}

.focus-ring-primary {
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-secondary {
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-success {
  --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-warning {
  --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-danger {
  --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-light {
  --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))
}

.position-static {
  position: static !important
}

.position-relative {
  position: relative !important
}

.position-absolute {
  position: absolute !important
}

.position-fixed {
  position: fixed !important
}

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important
}

.top-0 {
  top: 0 !important
}

.top-50 {
  top: 50% !important
}

.top-100 {
  top: 100% !important
}

.bottom-0 {
  bottom: 0 !important
}

.bottom-50 {
  bottom: 50% !important
}

.bottom-100 {
  bottom: 100% !important
}

.start-0 {
  left: 0 !important
}

.start-50 {
  left: 50% !important
}

.start-100 {
  left: 100% !important
}

.end-0 {
  right: 0 !important
}

.end-50 {
  right: 50% !important
}

.end-100 {
  right: 100% !important
}

.translate-middle {
  transform: translate(-50%, -50%) !important
}

.translate-middle-x {
  transform: translateX(-50%) !important
}

.translate-middle-y {
  transform: translateY(-50%) !important
}

.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-0 {
  border: 0 !important
}

.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-top-0 {
  border-top: 0 !important
}

.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-end-0 {
  border-right: 0 !important
}

.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-bottom-0 {
  border-bottom: 0 !important
}

.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-start-0 {
  border-left: 0 !important
}

.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important
}

.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important
}

.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important
}

.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important
}

.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important
}

.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important
}

.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important
}

.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important
}

.border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important
}

.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important
}

.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important
}

.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important
}

.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important
}

.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important
}

.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important
}

.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important
}

.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important
}

.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important
}

.border-1 {
  border-width: 1px !important
}

.border-2 {
  border-width: 2px !important
}

.border-3 {
  border-width: 3px !important
}

.border-4 {
  border-width: 4px !important
}

.border-5 {
  border-width: 5px !important
}

.border-opacity-10 {
  --bs-border-opacity: 0.1
}

.border-opacity-25 {
  --bs-border-opacity: 0.25
}

.border-opacity-50 {
  --bs-border-opacity: 0.5
}

.border-opacity-75 {
  --bs-border-opacity: 0.75
}

.border-opacity-100 {
  --bs-border-opacity: 1
}

.w-25 {
  width: 25% !important
}

.w-50 {
  width: 50% !important
}

.w-75 {
  width: 75% !important
}

.w-100 {
  width: 100% !important
}

.w-auto {
  width: auto !important
}

.mw-100 {
  max-width: 100% !important
}

.vw-100 {
  width: 100vw !important
}

.min-vw-100 {
  min-width: 100vw !important
}

.h-25 {
  height: 25% !important
}

.h-50 {
  height: 50% !important
}

.h-75 {
  height: 75% !important
}

.h-100 {
  height: 100% !important
}

.h-auto {
  height: auto !important
}

.mh-100 {
  max-height: 100% !important
}

.vh-100 {
  height: 100vh !important
}

.min-vh-100 {
  min-height: 100vh !important
}

.flex-fill {
  flex: 1 1 auto !important
}

.flex-row {
  flex-direction: row !important
}

.flex-column {
  flex-direction: column !important
}

.flex-row-reverse {
  flex-direction: row-reverse !important
}

.flex-column-reverse {
  flex-direction: column-reverse !important
}

.flex-grow-0 {
  flex-grow: 0 !important
}

.flex-grow-1 {
  flex-grow: 1 !important
}

.flex-shrink-0 {
  flex-shrink: 0 !important
}

.flex-shrink-1 {
  flex-shrink: 1 !important
}

.flex-wrap {
  flex-wrap: wrap !important
}

.flex-nowrap {
  flex-wrap: nowrap !important
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important
}

.justify-content-start {
  justify-content: flex-start !important
}

.justify-content-end {
  justify-content: flex-end !important
}

.justify-content-center {
  justify-content: center !important
}

.justify-content-between {
  justify-content: space-between !important
}

.justify-content-around {
  justify-content: space-around !important
}

.justify-content-evenly {
  justify-content: space-evenly !important
}

.align-items-start {
  align-items: flex-start !important
}

.align-items-end {
  align-items: flex-end !important
}

.align-items-center {
  align-items: center !important
}

.align-items-baseline {
  align-items: baseline !important
}

.align-items-stretch {
  align-items: stretch !important
}

.align-content-start {
  align-content: flex-start !important
}

.align-content-end {
  align-content: flex-end !important
}

.align-content-center {
  align-content: center !important
}

.align-content-between {
  align-content: space-between !important
}

.align-content-around {
  align-content: space-around !important
}

.align-content-stretch {
  align-content: stretch !important
}

.align-self-auto {
  align-self: auto !important
}

.align-self-start {
  align-self: flex-start !important
}

.align-self-end {
  align-self: flex-end !important
}

.align-self-center {
  align-self: center !important
}

.align-self-baseline {
  align-self: baseline !important
}

.align-self-stretch {
  align-self: stretch !important
}

.order-first {
  order: -1 !important
}

.order-0 {
  order: 0 !important
}

.order-1 {
  order: 1 !important
}

.order-2 {
  order: 2 !important
}

.order-3 {
  order: 3 !important
}

.order-4 {
  order: 4 !important
}

.order-5 {
  order: 5 !important
}

.order-last {
  order: 6 !important
}

.m-0 {
  margin: 0 !important
}

.m-1 {
  margin: .25rem !important
}

.m-2 {
  margin: .5rem !important
}

.m-3 {
  margin: 1rem !important
}

.m-4 {
  margin: 1.5rem !important
}

.m-5 {
  margin: 3rem !important
}

.m-auto {
  margin: auto !important
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important
}

.mx-1 {
  margin-right: .25rem !important;
  margin-left: .25rem !important
}

.mx-2 {
  margin-right: .5rem !important;
  margin-left: .5rem !important
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important
}

.my-1 {
  margin-top: .25rem !important;
  margin-bottom: .25rem !important
}

.my-2 {
  margin-top: .5rem !important;
  margin-bottom: .5rem !important
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important
}

.mt-0 {
  margin-top: 0 !important
}

.mt-1 {
  margin-top: .25rem !important
}

.mt-2 {
  margin-top: .5rem !important
}

.mt-3 {
  margin-top: 1rem !important
}

.mt-4 {
  margin-top: 1.5rem !important
}

.mt-5 {
  margin-top: 3rem !important
}

.mt-auto {
  margin-top: auto !important
}

.me-0 {
  margin-right: 0 !important
}

.me-1 {
  margin-right: .25rem !important
}

.me-2 {
  margin-right: .5rem !important
}

.me-3 {
  margin-right: 1rem !important
}

.me-4 {
  margin-right: 1.5rem !important
}

.me-5 {
  margin-right: 3rem !important
}

.me-auto {
  margin-right: auto !important
}

.mb-0 {
  margin-bottom: 0 !important
}

.mb-1 {
  margin-bottom: .25rem !important
}

.mb-2 {
  margin-bottom: .5rem !important
}

.mb-3 {
  margin-bottom: 1rem !important
}

.mb-4 {
  margin-bottom: 1.5rem !important
}

.mb-5 {
  margin-bottom: 3rem !important
}

.mb-auto {
  margin-bottom: auto !important
}

.ms-0 {
  margin-left: 0 !important
}

.ms-1 {
  margin-left: .25rem !important
}

.ms-2 {
  margin-left: .5rem !important
}

.ms-3 {
  margin-left: 1rem !important
}

.ms-4 {
  margin-left: 1.5rem !important
}

.ms-5 {
  margin-left: 3rem !important
}

.ms-auto {
  margin-left: auto !important
}

.p-0 {
  padding: 0 !important
}

.p-1 {
  padding: .25rem !important
}

.p-2 {
  padding: .5rem !important
}

.p-3 {
  padding: 1rem !important
}

.p-4 {
  padding: 1.5rem !important
}

.p-5 {
  padding: 3rem !important
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important
}

.px-1 {
  padding-right: .25rem !important;
  padding-left: .25rem !important
}

.px-2 {
  padding-right: .5rem !important;
  padding-left: .5rem !important
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important
}

.py-1 {
  padding-top: .25rem !important;
  padding-bottom: .25rem !important
}

.py-2 {
  padding-top: .5rem !important;
  padding-bottom: .5rem !important
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important
}

.pt-0 {
  padding-top: 0 !important
}

.pt-1 {
  padding-top: .25rem !important
}

.pt-2 {
  padding-top: .5rem !important
}

.pt-3 {
  padding-top: 1rem !important
}

.pt-4 {
  padding-top: 1.5rem !important
}

.pt-5 {
  padding-top: 3rem !important
}

.pe-0 {
  padding-right: 0 !important
}

.pe-1 {
  padding-right: .25rem !important
}

.pe-2 {
  padding-right: .5rem !important
}

.pe-3 {
  padding-right: 1rem !important
}

.pe-4 {
  padding-right: 1.5rem !important
}

.pe-5 {
  padding-right: 3rem !important
}

.pb-0 {
  padding-bottom: 0 !important
}

.pb-1 {
  padding-bottom: .25rem !important
}

.pb-2 {
  padding-bottom: .5rem !important
}

.pb-3 {
  padding-bottom: 1rem !important
}

.pb-4 {
  padding-bottom: 1.5rem !important
}

.pb-5 {
  padding-bottom: 3rem !important
}

.ps-0 {
  padding-left: 0 !important
}

.ps-1 {
  padding-left: .25rem !important
}

.ps-2 {
  padding-left: .5rem !important
}

.ps-3 {
  padding-left: 1rem !important
}

.ps-4 {
  padding-left: 1.5rem !important
}

.ps-5 {
  padding-left: 3rem !important
}

.gap-0 {
  gap: 0 !important
}

.gap-1 {
  gap: .25rem !important
}

.gap-2 {
  gap: .5rem !important
}

.gap-3 {
  gap: 1rem !important
}

.gap-4 {
  gap: 1.5rem !important
}

.gap-5 {
  gap: 3rem !important
}

.row-gap-0 {
  row-gap: 0 !important
}

.row-gap-1 {
  row-gap: .25rem !important
}

.row-gap-2 {
  row-gap: .5rem !important
}

.row-gap-3 {
  row-gap: 1rem !important
}

.row-gap-4 {
  row-gap: 1.5rem !important
}

.row-gap-5 {
  row-gap: 3rem !important
}

.column-gap-0 {
  column-gap: 0 !important
}

.column-gap-1 {
  column-gap: .25rem !important
}

.column-gap-2 {
  column-gap: .5rem !important
}

.column-gap-3 {
  column-gap: 1rem !important
}

.column-gap-4 {
  column-gap: 1.5rem !important
}

.column-gap-5 {
  column-gap: 3rem !important
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important
}

.fs-2 {
  font-size: calc(1.325rem + .9vw) !important
}

.fs-3 {
  font-size: calc(1.3rem + .6vw) !important
}

.fs-4 {
  font-size: calc(1.275rem + .3vw) !important
}

.fs-5 {
  font-size: 1.25rem !important
}

.fs-6 {
  font-size: 1rem !important
}

.fst-italic {
  font-style: italic !important
}

.fst-normal {
  font-style: normal !important
}

.fw-lighter {
  font-weight: lighter !important
}

.fw-light {
  font-weight: 300 !important
}

.fw-normal {
  font-weight: 400 !important
}

.fw-medium {
  font-weight: 500 !important
}

.fw-semibold {
  font-weight: 600 !important
}

.fw-bold {
  font-weight: 700 !important
}

.fw-bolder {
  font-weight: bolder !important
}

.lh-1 {
  line-height: 1 !important
}

.lh-sm {
  line-height: 1.25 !important
}

.lh-base {
  line-height: 1.5 !important
}

.lh-lg {
  line-height: 2 !important
}

.text-start {
  text-align: left !important
}

.text-end {
  text-align: right !important
}

.text-center {
  text-align: center !important
}

.text-decoration-none {
  text-decoration: none !important
}

.text-decoration-underline {
  text-decoration: underline !important
}

.text-decoration-line-through {
  text-decoration: line-through !important
}

.text-lowercase {
  text-transform: lowercase !important
}

.text-uppercase {
  text-transform: uppercase !important
}

.text-capitalize {
  text-transform: capitalize !important
}

.text-wrap {
  white-space: normal !important
}

.text-nowrap {
  white-space: nowrap !important
}

.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important
}

.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important
}

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important
}

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
}

.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important
}

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important
}

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important
}

.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
}

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important
}

.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important
}

.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
  --bs-text-opacity: 1;
  color: hsla(0, 0%, 100%, .5) !important
}

.text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important
}

.text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color) !important
}

.text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color) !important
}

.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important
}

.text-opacity-25 {
  --bs-text-opacity: 0.25
}

.text-opacity-50 {
  --bs-text-opacity: 0.5
}

.text-opacity-75 {
  --bs-text-opacity: 0.75
}

.text-opacity-100 {
  --bs-text-opacity: 1
}

.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important
}

.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important
}

.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important
}

.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important
}

.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important
}

.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important
}

.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important
}

.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important
}

.link-opacity-10,
.link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1
}

.link-opacity-25,
.link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25
}

.link-opacity-50,
.link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5
}

.link-opacity-75,
.link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75
}

.link-opacity-100,
.link-opacity-100-hover:hover {
  --bs-link-opacity: 1
}

.link-offset-1,
.link-offset-1-hover:hover {
  text-underline-offset: .125em !important
}

.link-offset-2,
.link-offset-2-hover:hover {
  text-underline-offset: .25em !important
}

.link-offset-3,
.link-offset-3-hover:hover {
  text-underline-offset: .375em !important
}

.link-underline-primary {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-secondary {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-success {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-info {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-warning {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-danger {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-light {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-dark {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-underline-opacity-0,
.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0
}

.link-underline-opacity-10,
.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1
}

.link-underline-opacity-25,
.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25
}

.link-underline-opacity-50,
.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5
}

.link-underline-opacity-75,
.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75
}

.link-underline-opacity-100,
.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important
}

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important
}

.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-opacity-10 {
  --bs-bg-opacity: 0.1
}

.bg-opacity-25 {
  --bs-bg-opacity: 0.25
}

.bg-opacity-50 {
  --bs-bg-opacity: 0.5
}

.bg-opacity-75 {
  --bs-bg-opacity: 0.75
}

.bg-opacity-100 {
  --bs-bg-opacity: 1
}

.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important
}

.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important
}

.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important
}

.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important
}

.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important
}

.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important
}

.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important
}

.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important
}

.bg-gradient {
  background-image: var(--bs-gradient) !important
}

.user-select-all {
  -webkit-user-select: all !important;
  -moz-user-select: all !important;
  user-select: all !important
}

.user-select-auto {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  user-select: auto !important
}

.user-select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important
}

.pe-none {
  pointer-events: none !important
}

.pe-auto {
  pointer-events: auto !important
}

.rounded {
  border-radius: var(--bs-border-radius) !important
}

.rounded-0 {
  border-radius: 0 !important
}

.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important
}

.rounded-2 {
  border-radius: var(--bs-border-radius) !important
}

.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important
}

.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important
}

.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important
}

.rounded-circle {
  border-radius: 50% !important
}

.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important
}

.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important
}

.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important
}

.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important
}

.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important
}

.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important
}

.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important
}

.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important
}

.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important
}

.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important
}

.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important
}

.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important
}

.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important
}

.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important
}

.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important
}

.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important
}

.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important
}

.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important
}

.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important
}

.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important
}

.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important
}

.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important
}

.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important
}

.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important
}

.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important
}

.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important
}

.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important
}

.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important
}

.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important
}

.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important
}

.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important
}

.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important
}

.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important
}

.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important
}

.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important
}

.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important
}

.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important
}

.visible {
  visibility: visible !important
}

.invisible {
  visibility: hidden !important
}

.z-n1 {
  z-index: -1 !important
}

.z-0 {
  z-index: 0 !important
}

.z-1 {
  z-index: 1 !important
}

.z-2 {
  z-index: 2 !important
}

.z-3 {
  z-index: 3 !important
}

@media (min-width:576px) {
  .float-sm-start {
    float: left !important
  }

  .float-sm-end {
    float: right !important
  }

  .float-sm-none {
    float: none !important
  }

  .object-fit-sm-contain {
    object-fit: contain !important
  }

  .object-fit-sm-cover {
    object-fit: cover !important
  }

  .object-fit-sm-fill {
    object-fit: fill !important
  }

  .object-fit-sm-scale {
    object-fit: scale-down !important
  }

  .object-fit-sm-none {
    object-fit: none !important
  }

  .d-sm-inline {
    display: inline !important
  }

  .d-sm-inline-block {
    display: inline-block !important
  }

  .d-sm-block {
    display: block !important
  }

  .d-sm-grid {
    display: grid !important
  }

  .d-sm-inline-grid {
    display: inline-grid !important
  }

  .d-sm-table {
    display: table !important
  }

  .d-sm-table-row {
    display: table-row !important
  }

  .d-sm-table-cell {
    display: table-cell !important
  }

  .d-sm-flex {
    display: flex !important
  }

  .d-sm-inline-flex {
    display: inline-flex !important
  }

  .d-sm-none {
    display: none !important
  }

  .flex-sm-fill {
    flex: 1 1 auto !important
  }

  .flex-sm-row {
    flex-direction: row !important
  }

  .flex-sm-column {
    flex-direction: column !important
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-sm-grow-0 {
    flex-grow: 0 !important
  }

  .flex-sm-grow-1 {
    flex-grow: 1 !important
  }

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-sm-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .justify-content-sm-start {
    justify-content: flex-start !important
  }

  .justify-content-sm-end {
    justify-content: flex-end !important
  }

  .justify-content-sm-center {
    justify-content: center !important
  }

  .justify-content-sm-between {
    justify-content: space-between !important
  }

  .justify-content-sm-around {
    justify-content: space-around !important
  }

  .justify-content-sm-evenly {
    justify-content: space-evenly !important
  }

  .align-items-sm-start {
    align-items: flex-start !important
  }

  .align-items-sm-end {
    align-items: flex-end !important
  }

  .align-items-sm-center {
    align-items: center !important
  }

  .align-items-sm-baseline {
    align-items: baseline !important
  }

  .align-items-sm-stretch {
    align-items: stretch !important
  }

  .align-content-sm-start {
    align-content: flex-start !important
  }

  .align-content-sm-end {
    align-content: flex-end !important
  }

  .align-content-sm-center {
    align-content: center !important
  }

  .align-content-sm-between {
    align-content: space-between !important
  }

  .align-content-sm-around {
    align-content: space-around !important
  }

  .align-content-sm-stretch {
    align-content: stretch !important
  }

  .align-self-sm-auto {
    align-self: auto !important
  }

  .align-self-sm-start {
    align-self: flex-start !important
  }

  .align-self-sm-end {
    align-self: flex-end !important
  }

  .align-self-sm-center {
    align-self: center !important
  }

  .align-self-sm-baseline {
    align-self: baseline !important
  }

  .align-self-sm-stretch {
    align-self: stretch !important
  }

  .order-sm-first {
    order: -1 !important
  }

  .order-sm-0 {
    order: 0 !important
  }

  .order-sm-1 {
    order: 1 !important
  }

  .order-sm-2 {
    order: 2 !important
  }

  .order-sm-3 {
    order: 3 !important
  }

  .order-sm-4 {
    order: 4 !important
  }

  .order-sm-5 {
    order: 5 !important
  }

  .order-sm-last {
    order: 6 !important
  }

  .m-sm-0 {
    margin: 0 !important
  }

  .m-sm-1 {
    margin: .25rem !important
  }

  .m-sm-2 {
    margin: .5rem !important
  }

  .m-sm-3 {
    margin: 1rem !important
  }

  .m-sm-4 {
    margin: 1.5rem !important
  }

  .m-sm-5 {
    margin: 3rem !important
  }

  .m-sm-auto {
    margin: auto !important
  }

  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .mx-sm-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
  }

  .mx-sm-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
  }

  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
  }

  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
  }

  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
  }

  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important
  }

  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .my-sm-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
  }

  .my-sm-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }

  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }

  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }

  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-sm-0 {
    margin-top: 0 !important
  }

  .mt-sm-1 {
    margin-top: .25rem !important
  }

  .mt-sm-2 {
    margin-top: .5rem !important
  }

  .mt-sm-3 {
    margin-top: 1rem !important
  }

  .mt-sm-4 {
    margin-top: 1.5rem !important
  }

  .mt-sm-5 {
    margin-top: 3rem !important
  }

  .mt-sm-auto {
    margin-top: auto !important
  }

  .me-sm-0 {
    margin-right: 0 !important
  }

  .me-sm-1 {
    margin-right: .25rem !important
  }

  .me-sm-2 {
    margin-right: .5rem !important
  }

  .me-sm-3 {
    margin-right: 1rem !important
  }

  .me-sm-4 {
    margin-right: 1.5rem !important
  }

  .me-sm-5 {
    margin-right: 3rem !important
  }

  .me-sm-auto {
    margin-right: auto !important
  }

  .mb-sm-0 {
    margin-bottom: 0 !important
  }

  .mb-sm-1 {
    margin-bottom: .25rem !important
  }

  .mb-sm-2 {
    margin-bottom: .5rem !important
  }

  .mb-sm-3 {
    margin-bottom: 1rem !important
  }

  .mb-sm-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-sm-5 {
    margin-bottom: 3rem !important
  }

  .mb-sm-auto {
    margin-bottom: auto !important
  }

  .ms-sm-0 {
    margin-left: 0 !important
  }

  .ms-sm-1 {
    margin-left: .25rem !important
  }

  .ms-sm-2 {
    margin-left: .5rem !important
  }

  .ms-sm-3 {
    margin-left: 1rem !important
  }

  .ms-sm-4 {
    margin-left: 1.5rem !important
  }

  .ms-sm-5 {
    margin-left: 3rem !important
  }

  .ms-sm-auto {
    margin-left: auto !important
  }

  .p-sm-0 {
    padding: 0 !important
  }

  .p-sm-1 {
    padding: .25rem !important
  }

  .p-sm-2 {
    padding: .5rem !important
  }

  .p-sm-3 {
    padding: 1rem !important
  }

  .p-sm-4 {
    padding: 1.5rem !important
  }

  .p-sm-5 {
    padding: 3rem !important
  }

  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }

  .px-sm-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
  }

  .px-sm-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
  }

  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }

  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
  }

  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .py-sm-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
  }

  .py-sm-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
  }

  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }

  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }

  .pt-sm-0 {
    padding-top: 0 !important
  }

  .pt-sm-1 {
    padding-top: .25rem !important
  }

  .pt-sm-2 {
    padding-top: .5rem !important
  }

  .pt-sm-3 {
    padding-top: 1rem !important
  }

  .pt-sm-4 {
    padding-top: 1.5rem !important
  }

  .pt-sm-5 {
    padding-top: 3rem !important
  }

  .pe-sm-0 {
    padding-right: 0 !important
  }

  .pe-sm-1 {
    padding-right: .25rem !important
  }

  .pe-sm-2 {
    padding-right: .5rem !important
  }

  .pe-sm-3 {
    padding-right: 1rem !important
  }

  .pe-sm-4 {
    padding-right: 1.5rem !important
  }

  .pe-sm-5 {
    padding-right: 3rem !important
  }

  .pb-sm-0 {
    padding-bottom: 0 !important
  }

  .pb-sm-1 {
    padding-bottom: .25rem !important
  }

  .pb-sm-2 {
    padding-bottom: .5rem !important
  }

  .pb-sm-3 {
    padding-bottom: 1rem !important
  }

  .pb-sm-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-sm-5 {
    padding-bottom: 3rem !important
  }

  .ps-sm-0 {
    padding-left: 0 !important
  }

  .ps-sm-1 {
    padding-left: .25rem !important
  }

  .ps-sm-2 {
    padding-left: .5rem !important
  }

  .ps-sm-3 {
    padding-left: 1rem !important
  }

  .ps-sm-4 {
    padding-left: 1.5rem !important
  }

  .ps-sm-5 {
    padding-left: 3rem !important
  }

  .gap-sm-0 {
    gap: 0 !important
  }

  .gap-sm-1 {
    gap: .25rem !important
  }

  .gap-sm-2 {
    gap: .5rem !important
  }

  .gap-sm-3 {
    gap: 1rem !important
  }

  .gap-sm-4 {
    gap: 1.5rem !important
  }

  .gap-sm-5 {
    gap: 3rem !important
  }

  .row-gap-sm-0 {
    row-gap: 0 !important
  }

  .row-gap-sm-1 {
    row-gap: .25rem !important
  }

  .row-gap-sm-2 {
    row-gap: .5rem !important
  }

  .row-gap-sm-3 {
    row-gap: 1rem !important
  }

  .row-gap-sm-4 {
    row-gap: 1.5rem !important
  }

  .row-gap-sm-5 {
    row-gap: 3rem !important
  }

  .column-gap-sm-0 {
    column-gap: 0 !important
  }

  .column-gap-sm-1 {
    column-gap: .25rem !important
  }

  .column-gap-sm-2 {
    column-gap: .5rem !important
  }

  .column-gap-sm-3 {
    column-gap: 1rem !important
  }

  .column-gap-sm-4 {
    column-gap: 1.5rem !important
  }

  .column-gap-sm-5 {
    column-gap: 3rem !important
  }

  .text-sm-start {
    text-align: left !important
  }

  .text-sm-end {
    text-align: right !important
  }

  .text-sm-center {
    text-align: center !important
  }
}

@media (min-width:768px) {
  .float-md-start {
    float: left !important
  }

  .float-md-end {
    float: right !important
  }

  .float-md-none {
    float: none !important
  }

  .object-fit-md-contain {
    object-fit: contain !important
  }

  .object-fit-md-cover {
    object-fit: cover !important
  }

  .object-fit-md-fill {
    object-fit: fill !important
  }

  .object-fit-md-scale {
    object-fit: scale-down !important
  }

  .object-fit-md-none {
    object-fit: none !important
  }

  .d-md-inline {
    display: inline !important
  }

  .d-md-inline-block {
    display: inline-block !important
  }

  .d-md-block {
    display: block !important
  }

  .d-md-grid {
    display: grid !important
  }

  .d-md-inline-grid {
    display: inline-grid !important
  }

  .d-md-table {
    display: table !important
  }

  .d-md-table-row {
    display: table-row !important
  }

  .d-md-table-cell {
    display: table-cell !important
  }

  .d-md-flex {
    display: flex !important
  }

  .d-md-inline-flex {
    display: inline-flex !important
  }

  .d-md-none {
    display: none !important
  }

  .flex-md-fill {
    flex: 1 1 auto !important
  }

  .flex-md-row {
    flex-direction: row !important
  }

  .flex-md-column {
    flex-direction: column !important
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-md-grow-0 {
    flex-grow: 0 !important
  }

  .flex-md-grow-1 {
    flex-grow: 1 !important
  }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-md-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-md-wrap {
    flex-wrap: wrap !important
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .justify-content-md-start {
    justify-content: flex-start !important
  }

  .justify-content-md-end {
    justify-content: flex-end !important
  }

  .justify-content-md-center {
    justify-content: center !important
  }

  .justify-content-md-between {
    justify-content: space-between !important
  }

  .justify-content-md-around {
    justify-content: space-around !important
  }

  .justify-content-md-evenly {
    justify-content: space-evenly !important
  }

  .align-items-md-start {
    align-items: flex-start !important
  }

  .align-items-md-end {
    align-items: flex-end !important
  }

  .align-items-md-center {
    align-items: center !important
  }

  .align-items-md-baseline {
    align-items: baseline !important
  }

  .align-items-md-stretch {
    align-items: stretch !important
  }

  .align-content-md-start {
    align-content: flex-start !important
  }

  .align-content-md-end {
    align-content: flex-end !important
  }

  .align-content-md-center {
    align-content: center !important
  }

  .align-content-md-between {
    align-content: space-between !important
  }

  .align-content-md-around {
    align-content: space-around !important
  }

  .align-content-md-stretch {
    align-content: stretch !important
  }

  .align-self-md-auto {
    align-self: auto !important
  }

  .align-self-md-start {
    align-self: flex-start !important
  }

  .align-self-md-end {
    align-self: flex-end !important
  }

  .align-self-md-center {
    align-self: center !important
  }

  .align-self-md-baseline {
    align-self: baseline !important
  }

  .align-self-md-stretch {
    align-self: stretch !important
  }

  .order-md-first {
    order: -1 !important
  }

  .order-md-0 {
    order: 0 !important
  }

  .order-md-1 {
    order: 1 !important
  }

  .order-md-2 {
    order: 2 !important
  }

  .order-md-3 {
    order: 3 !important
  }

  .order-md-4 {
    order: 4 !important
  }

  .order-md-5 {
    order: 5 !important
  }

  .order-md-last {
    order: 6 !important
  }

  .m-md-0 {
    margin: 0 !important
  }

  .m-md-1 {
    margin: .25rem !important
  }

  .m-md-2 {
    margin: .5rem !important
  }

  .m-md-3 {
    margin: 1rem !important
  }

  .m-md-4 {
    margin: 1.5rem !important
  }

  .m-md-5 {
    margin: 3rem !important
  }

  .m-md-auto {
    margin: auto !important
  }

  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .mx-md-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
  }

  .mx-md-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
  }

  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
  }

  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
  }

  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
  }

  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important
  }

  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .my-md-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
  }

  .my-md-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }

  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }

  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }

  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-md-0 {
    margin-top: 0 !important
  }

  .mt-md-1 {
    margin-top: .25rem !important
  }

  .mt-md-2 {
    margin-top: .5rem !important
  }

  .mt-md-3 {
    margin-top: 1rem !important
  }

  .mt-md-4 {
    margin-top: 1.5rem !important
  }

  .mt-md-5 {
    margin-top: 3rem !important
  }

  .mt-md-auto {
    margin-top: auto !important
  }

  .me-md-0 {
    margin-right: 0 !important
  }

  .me-md-1 {
    margin-right: .25rem !important
  }

  .me-md-2 {
    margin-right: .5rem !important
  }

  .me-md-3 {
    margin-right: 1rem !important
  }

  .me-md-4 {
    margin-right: 1.5rem !important
  }

  .me-md-5 {
    margin-right: 3rem !important
  }

  .me-md-auto {
    margin-right: auto !important
  }

  .mb-md-0 {
    margin-bottom: 0 !important
  }

  .mb-md-1 {
    margin-bottom: .25rem !important
  }

  .mb-md-2 {
    margin-bottom: .5rem !important
  }

  .mb-md-3 {
    margin-bottom: 1rem !important
  }

  .mb-md-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-md-5 {
    margin-bottom: 3rem !important
  }

  .mb-md-auto {
    margin-bottom: auto !important
  }

  .ms-md-0 {
    margin-left: 0 !important
  }

  .ms-md-1 {
    margin-left: .25rem !important
  }

  .ms-md-2 {
    margin-left: .5rem !important
  }

  .ms-md-3 {
    margin-left: 1rem !important
  }

  .ms-md-4 {
    margin-left: 1.5rem !important
  }

  .ms-md-5 {
    margin-left: 3rem !important
  }

  .ms-md-auto {
    margin-left: auto !important
  }

  .p-md-0 {
    padding: 0 !important
  }

  .p-md-1 {
    padding: .25rem !important
  }

  .p-md-2 {
    padding: .5rem !important
  }

  .p-md-3 {
    padding: 1rem !important
  }

  .p-md-4 {
    padding: 1.5rem !important
  }

  .p-md-5 {
    padding: 3rem !important
  }

  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }

  .px-md-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
  }

  .px-md-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
  }

  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }

  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
  }

  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .py-md-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
  }

  .py-md-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
  }

  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }

  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }

  .pt-md-0 {
    padding-top: 0 !important
  }

  .pt-md-1 {
    padding-top: .25rem !important
  }

  .pt-md-2 {
    padding-top: .5rem !important
  }

  .pt-md-3 {
    padding-top: 1rem !important
  }

  .pt-md-4 {
    padding-top: 1.5rem !important
  }

  .pt-md-5 {
    padding-top: 3rem !important
  }

  .pe-md-0 {
    padding-right: 0 !important
  }

  .pe-md-1 {
    padding-right: .25rem !important
  }

  .pe-md-2 {
    padding-right: .5rem !important
  }

  .pe-md-3 {
    padding-right: 1rem !important
  }

  .pe-md-4 {
    padding-right: 1.5rem !important
  }

  .pe-md-5 {
    padding-right: 3rem !important
  }

  .pb-md-0 {
    padding-bottom: 0 !important
  }

  .pb-md-1 {
    padding-bottom: .25rem !important
  }

  .pb-md-2 {
    padding-bottom: .5rem !important
  }

  .pb-md-3 {
    padding-bottom: 1rem !important
  }

  .pb-md-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-md-5 {
    padding-bottom: 3rem !important
  }

  .ps-md-0 {
    padding-left: 0 !important
  }

  .ps-md-1 {
    padding-left: .25rem !important
  }

  .ps-md-2 {
    padding-left: .5rem !important
  }

  .ps-md-3 {
    padding-left: 1rem !important
  }

  .ps-md-4 {
    padding-left: 1.5rem !important
  }

  .ps-md-5 {
    padding-left: 3rem !important
  }

  .gap-md-0 {
    gap: 0 !important
  }

  .gap-md-1 {
    gap: .25rem !important
  }

  .gap-md-2 {
    gap: .5rem !important
  }

  .gap-md-3 {
    gap: 1rem !important
  }

  .gap-md-4 {
    gap: 1.5rem !important
  }

  .gap-md-5 {
    gap: 3rem !important
  }

  .row-gap-md-0 {
    row-gap: 0 !important
  }

  .row-gap-md-1 {
    row-gap: .25rem !important
  }

  .row-gap-md-2 {
    row-gap: .5rem !important
  }

  .row-gap-md-3 {
    row-gap: 1rem !important
  }

  .row-gap-md-4 {
    row-gap: 1.5rem !important
  }

  .row-gap-md-5 {
    row-gap: 3rem !important
  }

  .column-gap-md-0 {
    column-gap: 0 !important
  }

  .column-gap-md-1 {
    column-gap: .25rem !important
  }

  .column-gap-md-2 {
    column-gap: .5rem !important
  }

  .column-gap-md-3 {
    column-gap: 1rem !important
  }

  .column-gap-md-4 {
    column-gap: 1.5rem !important
  }

  .column-gap-md-5 {
    column-gap: 3rem !important
  }

  .text-md-start {
    text-align: left !important
  }

  .text-md-end {
    text-align: right !important
  }

  .text-md-center {
    text-align: center !important
  }
}

@media (min-width:992px) {
  .float-lg-start {
    float: left !important
  }

  .float-lg-end {
    float: right !important
  }

  .float-lg-none {
    float: none !important
  }

  .object-fit-lg-contain {
    object-fit: contain !important
  }

  .object-fit-lg-cover {
    object-fit: cover !important
  }

  .object-fit-lg-fill {
    object-fit: fill !important
  }

  .object-fit-lg-scale {
    object-fit: scale-down !important
  }

  .object-fit-lg-none {
    object-fit: none !important
  }

  .d-lg-inline {
    display: inline !important
  }

  .d-lg-inline-block {
    display: inline-block !important
  }

  .d-lg-block {
    display: block !important
  }

  .d-lg-grid {
    display: grid !important
  }

  .d-lg-inline-grid {
    display: inline-grid !important
  }

  .d-lg-table {
    display: table !important
  }

  .d-lg-table-row {
    display: table-row !important
  }

  .d-lg-table-cell {
    display: table-cell !important
  }

  .d-lg-flex {
    display: flex !important
  }

  .d-lg-inline-flex {
    display: inline-flex !important
  }

  .d-lg-none {
    display: none !important
  }

  .flex-lg-fill {
    flex: 1 1 auto !important
  }

  .flex-lg-row {
    flex-direction: row !important
  }

  .flex-lg-column {
    flex-direction: column !important
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important
  }

  .flex-lg-grow-1 {
    flex-grow: 1 !important
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .justify-content-lg-start {
    justify-content: flex-start !important
  }

  .justify-content-lg-end {
    justify-content: flex-end !important
  }

  .justify-content-lg-center {
    justify-content: center !important
  }

  .justify-content-lg-between {
    justify-content: space-between !important
  }

  .justify-content-lg-around {
    justify-content: space-around !important
  }

  .justify-content-lg-evenly {
    justify-content: space-evenly !important
  }

  .align-items-lg-start {
    align-items: flex-start !important
  }

  .align-items-lg-end {
    align-items: flex-end !important
  }

  .align-items-lg-center {
    align-items: center !important
  }

  .align-items-lg-baseline {
    align-items: baseline !important
  }

  .align-items-lg-stretch {
    align-items: stretch !important
  }

  .align-content-lg-start {
    align-content: flex-start !important
  }

  .align-content-lg-end {
    align-content: flex-end !important
  }

  .align-content-lg-center {
    align-content: center !important
  }

  .align-content-lg-between {
    align-content: space-between !important
  }

  .align-content-lg-around {
    align-content: space-around !important
  }

  .align-content-lg-stretch {
    align-content: stretch !important
  }

  .align-self-lg-auto {
    align-self: auto !important
  }

  .align-self-lg-start {
    align-self: flex-start !important
  }

  .align-self-lg-end {
    align-self: flex-end !important
  }

  .align-self-lg-center {
    align-self: center !important
  }

  .align-self-lg-baseline {
    align-self: baseline !important
  }

  .align-self-lg-stretch {
    align-self: stretch !important
  }

  .order-lg-first {
    order: -1 !important
  }

  .order-lg-0 {
    order: 0 !important
  }

  .order-lg-1 {
    order: 1 !important
  }

  .order-lg-2 {
    order: 2 !important
  }

  .order-lg-3 {
    order: 3 !important
  }

  .order-lg-4 {
    order: 4 !important
  }

  .order-lg-5 {
    order: 5 !important
  }

  .order-lg-last {
    order: 6 !important
  }

  .m-lg-0 {
    margin: 0 !important
  }

  .m-lg-1 {
    margin: .25rem !important
  }

  .m-lg-2 {
    margin: .5rem !important
  }

  .m-lg-3 {
    margin: 1rem !important
  }

  .m-lg-4 {
    margin: 1.5rem !important
  }

  .m-lg-5 {
    margin: 3rem !important
  }

  .m-lg-auto {
    margin: auto !important
  }

  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .mx-lg-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
  }

  .mx-lg-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
  }

  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
  }

  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
  }

  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
  }

  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important
  }

  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .my-lg-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
  }

  .my-lg-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }

  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }

  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }

  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-lg-0 {
    margin-top: 0 !important
  }

  .mt-lg-1 {
    margin-top: .25rem !important
  }

  .mt-lg-2 {
    margin-top: .5rem !important
  }

  .mt-lg-3 {
    margin-top: 1rem !important
  }

  .mt-lg-4 {
    margin-top: 1.5rem !important
  }

  .mt-lg-5 {
    margin-top: 3rem !important
  }

  .mt-lg-auto {
    margin-top: auto !important
  }

  .me-lg-0 {
    margin-right: 0 !important
  }

  .me-lg-1 {
    margin-right: .25rem !important
  }

  .me-lg-2 {
    margin-right: .5rem !important
  }

  .me-lg-3 {
    margin-right: 1rem !important
  }

  .me-lg-4 {
    margin-right: 1.5rem !important
  }

  .me-lg-5 {
    margin-right: 3rem !important
  }

  .me-lg-auto {
    margin-right: auto !important
  }

  .mb-lg-0 {
    margin-bottom: 0 !important
  }

  .mb-lg-1 {
    margin-bottom: .25rem !important
  }

  .mb-lg-2 {
    margin-bottom: .5rem !important
  }

  .mb-lg-3 {
    margin-bottom: 1rem !important
  }

  .mb-lg-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-lg-5 {
    margin-bottom: 3rem !important
  }

  .mb-lg-auto {
    margin-bottom: auto !important
  }

  .ms-lg-0 {
    margin-left: 0 !important
  }

  .ms-lg-1 {
    margin-left: .25rem !important
  }

  .ms-lg-2 {
    margin-left: .5rem !important
  }

  .ms-lg-3 {
    margin-left: 1rem !important
  }

  .ms-lg-4 {
    margin-left: 1.5rem !important
  }

  .ms-lg-5 {
    margin-left: 3rem !important
  }

  .ms-lg-auto {
    margin-left: auto !important
  }

  .p-lg-0 {
    padding: 0 !important
  }

  .p-lg-1 {
    padding: .25rem !important
  }

  .p-lg-2 {
    padding: .5rem !important
  }

  .p-lg-3 {
    padding: 1rem !important
  }

  .p-lg-4 {
    padding: 1.5rem !important
  }

  .p-lg-5 {
    padding: 3rem !important
  }

  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }

  .px-lg-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
  }

  .px-lg-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
  }

  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }

  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
  }

  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .py-lg-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
  }

  .py-lg-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
  }

  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }

  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }

  .pt-lg-0 {
    padding-top: 0 !important
  }

  .pt-lg-1 {
    padding-top: .25rem !important
  }

  .pt-lg-2 {
    padding-top: .5rem !important
  }

  .pt-lg-3 {
    padding-top: 1rem !important
  }

  .pt-lg-4 {
    padding-top: 1.5rem !important
  }

  .pt-lg-5 {
    padding-top: 3rem !important
  }

  .pe-lg-0 {
    padding-right: 0 !important
  }

  .pe-lg-1 {
    padding-right: .25rem !important
  }

  .pe-lg-2 {
    padding-right: .5rem !important
  }

  .pe-lg-3 {
    padding-right: 1rem !important
  }

  .pe-lg-4 {
    padding-right: 1.5rem !important
  }

  .pe-lg-5 {
    padding-right: 3rem !important
  }

  .pb-lg-0 {
    padding-bottom: 0 !important
  }

  .pb-lg-1 {
    padding-bottom: .25rem !important
  }

  .pb-lg-2 {
    padding-bottom: .5rem !important
  }

  .pb-lg-3 {
    padding-bottom: 1rem !important
  }

  .pb-lg-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-lg-5 {
    padding-bottom: 3rem !important
  }

  .ps-lg-0 {
    padding-left: 0 !important
  }

  .ps-lg-1 {
    padding-left: .25rem !important
  }

  .ps-lg-2 {
    padding-left: .5rem !important
  }

  .ps-lg-3 {
    padding-left: 1rem !important
  }

  .ps-lg-4 {
    padding-left: 1.5rem !important
  }

  .ps-lg-5 {
    padding-left: 3rem !important
  }

  .gap-lg-0 {
    gap: 0 !important
  }

  .gap-lg-1 {
    gap: .25rem !important
  }

  .gap-lg-2 {
    gap: .5rem !important
  }

  .gap-lg-3 {
    gap: 1rem !important
  }

  .gap-lg-4 {
    gap: 1.5rem !important
  }

  .gap-lg-5 {
    gap: 3rem !important
  }

  .row-gap-lg-0 {
    row-gap: 0 !important
  }

  .row-gap-lg-1 {
    row-gap: .25rem !important
  }

  .row-gap-lg-2 {
    row-gap: .5rem !important
  }

  .row-gap-lg-3 {
    row-gap: 1rem !important
  }

  .row-gap-lg-4 {
    row-gap: 1.5rem !important
  }

  .row-gap-lg-5 {
    row-gap: 3rem !important
  }

  .column-gap-lg-0 {
    column-gap: 0 !important
  }

  .column-gap-lg-1 {
    column-gap: .25rem !important
  }

  .column-gap-lg-2 {
    column-gap: .5rem !important
  }

  .column-gap-lg-3 {
    column-gap: 1rem !important
  }

  .column-gap-lg-4 {
    column-gap: 1.5rem !important
  }

  .column-gap-lg-5 {
    column-gap: 3rem !important
  }

  .text-lg-start {
    text-align: left !important
  }

  .text-lg-end {
    text-align: right !important
  }

  .text-lg-center {
    text-align: center !important
  }
}

@media (min-width:1200px) {
  .float-xl-start {
    float: left !important
  }

  .float-xl-end {
    float: right !important
  }

  .float-xl-none {
    float: none !important
  }

  .object-fit-xl-contain {
    object-fit: contain !important
  }

  .object-fit-xl-cover {
    object-fit: cover !important
  }

  .object-fit-xl-fill {
    object-fit: fill !important
  }

  .object-fit-xl-scale {
    object-fit: scale-down !important
  }

  .object-fit-xl-none {
    object-fit: none !important
  }

  .d-xl-inline {
    display: inline !important
  }

  .d-xl-inline-block {
    display: inline-block !important
  }

  .d-xl-block {
    display: block !important
  }

  .d-xl-grid {
    display: grid !important
  }

  .d-xl-inline-grid {
    display: inline-grid !important
  }

  .d-xl-table {
    display: table !important
  }

  .d-xl-table-row {
    display: table-row !important
  }

  .d-xl-table-cell {
    display: table-cell !important
  }

  .d-xl-flex {
    display: flex !important
  }

  .d-xl-inline-flex {
    display: inline-flex !important
  }

  .d-xl-none {
    display: none !important
  }

  .flex-xl-fill {
    flex: 1 1 auto !important
  }

  .flex-xl-row {
    flex-direction: row !important
  }

  .flex-xl-column {
    flex-direction: column !important
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-xl-grow-0 {
    flex-grow: 0 !important
  }

  .flex-xl-grow-1 {
    flex-grow: 1 !important
  }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-xl-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .justify-content-xl-start {
    justify-content: flex-start !important
  }

  .justify-content-xl-end {
    justify-content: flex-end !important
  }

  .justify-content-xl-center {
    justify-content: center !important
  }

  .justify-content-xl-between {
    justify-content: space-between !important
  }

  .justify-content-xl-around {
    justify-content: space-around !important
  }

  .justify-content-xl-evenly {
    justify-content: space-evenly !important
  }

  .align-items-xl-start {
    align-items: flex-start !important
  }

  .align-items-xl-end {
    align-items: flex-end !important
  }

  .align-items-xl-center {
    align-items: center !important
  }

  .align-items-xl-baseline {
    align-items: baseline !important
  }

  .align-items-xl-stretch {
    align-items: stretch !important
  }

  .align-content-xl-start {
    align-content: flex-start !important
  }

  .align-content-xl-end {
    align-content: flex-end !important
  }

  .align-content-xl-center {
    align-content: center !important
  }

  .align-content-xl-between {
    align-content: space-between !important
  }

  .align-content-xl-around {
    align-content: space-around !important
  }

  .align-content-xl-stretch {
    align-content: stretch !important
  }

  .align-self-xl-auto {
    align-self: auto !important
  }

  .align-self-xl-start {
    align-self: flex-start !important
  }

  .align-self-xl-end {
    align-self: flex-end !important
  }

  .align-self-xl-center {
    align-self: center !important
  }

  .align-self-xl-baseline {
    align-self: baseline !important
  }

  .align-self-xl-stretch {
    align-self: stretch !important
  }

  .order-xl-first {
    order: -1 !important
  }

  .order-xl-0 {
    order: 0 !important
  }

  .order-xl-1 {
    order: 1 !important
  }

  .order-xl-2 {
    order: 2 !important
  }

  .order-xl-3 {
    order: 3 !important
  }

  .order-xl-4 {
    order: 4 !important
  }

  .order-xl-5 {
    order: 5 !important
  }

  .order-xl-last {
    order: 6 !important
  }

  .m-xl-0 {
    margin: 0 !important
  }

  .m-xl-1 {
    margin: .25rem !important
  }

  .m-xl-2 {
    margin: .5rem !important
  }

  .m-xl-3 {
    margin: 1rem !important
  }

  .m-xl-4 {
    margin: 1.5rem !important
  }

  .m-xl-5 {
    margin: 3rem !important
  }

  .m-xl-auto {
    margin: auto !important
  }

  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .mx-xl-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
  }

  .mx-xl-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
  }

  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
  }

  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
  }

  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
  }

  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important
  }

  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .my-xl-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
  }

  .my-xl-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }

  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }

  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }

  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-xl-0 {
    margin-top: 0 !important
  }

  .mt-xl-1 {
    margin-top: .25rem !important
  }

  .mt-xl-2 {
    margin-top: .5rem !important
  }

  .mt-xl-3 {
    margin-top: 1rem !important
  }

  .mt-xl-4 {
    margin-top: 1.5rem !important
  }

  .mt-xl-5 {
    margin-top: 3rem !important
  }

  .mt-xl-auto {
    margin-top: auto !important
  }

  .me-xl-0 {
    margin-right: 0 !important
  }

  .me-xl-1 {
    margin-right: .25rem !important
  }

  .me-xl-2 {
    margin-right: .5rem !important
  }

  .me-xl-3 {
    margin-right: 1rem !important
  }

  .me-xl-4 {
    margin-right: 1.5rem !important
  }

  .me-xl-5 {
    margin-right: 3rem !important
  }

  .me-xl-auto {
    margin-right: auto !important
  }

  .mb-xl-0 {
    margin-bottom: 0 !important
  }

  .mb-xl-1 {
    margin-bottom: .25rem !important
  }

  .mb-xl-2 {
    margin-bottom: .5rem !important
  }

  .mb-xl-3 {
    margin-bottom: 1rem !important
  }

  .mb-xl-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-xl-5 {
    margin-bottom: 3rem !important
  }

  .mb-xl-auto {
    margin-bottom: auto !important
  }

  .ms-xl-0 {
    margin-left: 0 !important
  }

  .ms-xl-1 {
    margin-left: .25rem !important
  }

  .ms-xl-2 {
    margin-left: .5rem !important
  }

  .ms-xl-3 {
    margin-left: 1rem !important
  }

  .ms-xl-4 {
    margin-left: 1.5rem !important
  }

  .ms-xl-5 {
    margin-left: 3rem !important
  }

  .ms-xl-auto {
    margin-left: auto !important
  }

  .p-xl-0 {
    padding: 0 !important
  }

  .p-xl-1 {
    padding: .25rem !important
  }

  .p-xl-2 {
    padding: .5rem !important
  }

  .p-xl-3 {
    padding: 1rem !important
  }

  .p-xl-4 {
    padding: 1.5rem !important
  }

  .p-xl-5 {
    padding: 3rem !important
  }

  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }

  .px-xl-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
  }

  .px-xl-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
  }

  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }

  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
  }

  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .py-xl-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
  }

  .py-xl-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
  }

  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }

  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }

  .pt-xl-0 {
    padding-top: 0 !important
  }

  .pt-xl-1 {
    padding-top: .25rem !important
  }

  .pt-xl-2 {
    padding-top: .5rem !important
  }

  .pt-xl-3 {
    padding-top: 1rem !important
  }

  .pt-xl-4 {
    padding-top: 1.5rem !important
  }

  .pt-xl-5 {
    padding-top: 3rem !important
  }

  .pe-xl-0 {
    padding-right: 0 !important
  }

  .pe-xl-1 {
    padding-right: .25rem !important
  }

  .pe-xl-2 {
    padding-right: .5rem !important
  }

  .pe-xl-3 {
    padding-right: 1rem !important
  }

  .pe-xl-4 {
    padding-right: 1.5rem !important
  }

  .pe-xl-5 {
    padding-right: 3rem !important
  }

  .pb-xl-0 {
    padding-bottom: 0 !important
  }

  .pb-xl-1 {
    padding-bottom: .25rem !important
  }

  .pb-xl-2 {
    padding-bottom: .5rem !important
  }

  .pb-xl-3 {
    padding-bottom: 1rem !important
  }

  .pb-xl-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-xl-5 {
    padding-bottom: 3rem !important
  }

  .ps-xl-0 {
    padding-left: 0 !important
  }

  .ps-xl-1 {
    padding-left: .25rem !important
  }

  .ps-xl-2 {
    padding-left: .5rem !important
  }

  .ps-xl-3 {
    padding-left: 1rem !important
  }

  .ps-xl-4 {
    padding-left: 1.5rem !important
  }

  .ps-xl-5 {
    padding-left: 3rem !important
  }

  .gap-xl-0 {
    gap: 0 !important
  }

  .gap-xl-1 {
    gap: .25rem !important
  }

  .gap-xl-2 {
    gap: .5rem !important
  }

  .gap-xl-3 {
    gap: 1rem !important
  }

  .gap-xl-4 {
    gap: 1.5rem !important
  }

  .gap-xl-5 {
    gap: 3rem !important
  }

  .row-gap-xl-0 {
    row-gap: 0 !important
  }

  .row-gap-xl-1 {
    row-gap: .25rem !important
  }

  .row-gap-xl-2 {
    row-gap: .5rem !important
  }

  .row-gap-xl-3 {
    row-gap: 1rem !important
  }

  .row-gap-xl-4 {
    row-gap: 1.5rem !important
  }

  .row-gap-xl-5 {
    row-gap: 3rem !important
  }

  .column-gap-xl-0 {
    column-gap: 0 !important
  }

  .column-gap-xl-1 {
    column-gap: .25rem !important
  }

  .column-gap-xl-2 {
    column-gap: .5rem !important
  }

  .column-gap-xl-3 {
    column-gap: 1rem !important
  }

  .column-gap-xl-4 {
    column-gap: 1.5rem !important
  }

  .column-gap-xl-5 {
    column-gap: 3rem !important
  }

  .text-xl-start {
    text-align: left !important
  }

  .text-xl-end {
    text-align: right !important
  }

  .text-xl-center {
    text-align: center !important
  }
}

@media (min-width:1400px) {
  .float-xxl-start {
    float: left !important
  }

  .float-xxl-end {
    float: right !important
  }

  .float-xxl-none {
    float: none !important
  }

  .object-fit-xxl-contain {
    object-fit: contain !important
  }

  .object-fit-xxl-cover {
    object-fit: cover !important
  }

  .object-fit-xxl-fill {
    object-fit: fill !important
  }

  .object-fit-xxl-scale {
    object-fit: scale-down !important
  }

  .object-fit-xxl-none {
    object-fit: none !important
  }

  .d-xxl-inline {
    display: inline !important
  }

  .d-xxl-inline-block {
    display: inline-block !important
  }

  .d-xxl-block {
    display: block !important
  }

  .d-xxl-grid {
    display: grid !important
  }

  .d-xxl-inline-grid {
    display: inline-grid !important
  }

  .d-xxl-table {
    display: table !important
  }

  .d-xxl-table-row {
    display: table-row !important
  }

  .d-xxl-table-cell {
    display: table-cell !important
  }

  .d-xxl-flex {
    display: flex !important
  }

  .d-xxl-inline-flex {
    display: inline-flex !important
  }

  .d-xxl-none {
    display: none !important
  }

  .flex-xxl-fill {
    flex: 1 1 auto !important
  }

  .flex-xxl-row {
    flex-direction: row !important
  }

  .flex-xxl-column {
    flex-direction: column !important
  }

  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-xxl-grow-0 {
    flex-grow: 0 !important
  }

  .flex-xxl-grow-1 {
    flex-grow: 1 !important
  }

  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-xxl-wrap {
    flex-wrap: wrap !important
  }

  .flex-xxl-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .justify-content-xxl-start {
    justify-content: flex-start !important
  }

  .justify-content-xxl-end {
    justify-content: flex-end !important
  }

  .justify-content-xxl-center {
    justify-content: center !important
  }

  .justify-content-xxl-between {
    justify-content: space-between !important
  }

  .justify-content-xxl-around {
    justify-content: space-around !important
  }

  .justify-content-xxl-evenly {
    justify-content: space-evenly !important
  }

  .align-items-xxl-start {
    align-items: flex-start !important
  }

  .align-items-xxl-end {
    align-items: flex-end !important
  }

  .align-items-xxl-center {
    align-items: center !important
  }

  .align-items-xxl-baseline {
    align-items: baseline !important
  }

  .align-items-xxl-stretch {
    align-items: stretch !important
  }

  .align-content-xxl-start {
    align-content: flex-start !important
  }

  .align-content-xxl-end {
    align-content: flex-end !important
  }

  .align-content-xxl-center {
    align-content: center !important
  }

  .align-content-xxl-between {
    align-content: space-between !important
  }

  .align-content-xxl-around {
    align-content: space-around !important
  }

  .align-content-xxl-stretch {
    align-content: stretch !important
  }

  .align-self-xxl-auto {
    align-self: auto !important
  }

  .align-self-xxl-start {
    align-self: flex-start !important
  }

  .align-self-xxl-end {
    align-self: flex-end !important
  }

  .align-self-xxl-center {
    align-self: center !important
  }

  .align-self-xxl-baseline {
    align-self: baseline !important
  }

  .align-self-xxl-stretch {
    align-self: stretch !important
  }

  .order-xxl-first {
    order: -1 !important
  }

  .order-xxl-0 {
    order: 0 !important
  }

  .order-xxl-1 {
    order: 1 !important
  }

  .order-xxl-2 {
    order: 2 !important
  }

  .order-xxl-3 {
    order: 3 !important
  }

  .order-xxl-4 {
    order: 4 !important
  }

  .order-xxl-5 {
    order: 5 !important
  }

  .order-xxl-last {
    order: 6 !important
  }

  .m-xxl-0 {
    margin: 0 !important
  }

  .m-xxl-1 {
    margin: .25rem !important
  }

  .m-xxl-2 {
    margin: .5rem !important
  }

  .m-xxl-3 {
    margin: 1rem !important
  }

  .m-xxl-4 {
    margin: 1.5rem !important
  }

  .m-xxl-5 {
    margin: 3rem !important
  }

  .m-xxl-auto {
    margin: auto !important
  }

  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .mx-xxl-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
  }

  .mx-xxl-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
  }

  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
  }

  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
  }

  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
  }

  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important
  }

  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .my-xxl-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
  }

  .my-xxl-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }

  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }

  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }

  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-xxl-0 {
    margin-top: 0 !important
  }

  .mt-xxl-1 {
    margin-top: .25rem !important
  }

  .mt-xxl-2 {
    margin-top: .5rem !important
  }

  .mt-xxl-3 {
    margin-top: 1rem !important
  }

  .mt-xxl-4 {
    margin-top: 1.5rem !important
  }

  .mt-xxl-5 {
    margin-top: 3rem !important
  }

  .mt-xxl-auto {
    margin-top: auto !important
  }

  .me-xxl-0 {
    margin-right: 0 !important
  }

  .me-xxl-1 {
    margin-right: .25rem !important
  }

  .me-xxl-2 {
    margin-right: .5rem !important
  }

  .me-xxl-3 {
    margin-right: 1rem !important
  }

  .me-xxl-4 {
    margin-right: 1.5rem !important
  }

  .me-xxl-5 {
    margin-right: 3rem !important
  }

  .me-xxl-auto {
    margin-right: auto !important
  }

  .mb-xxl-0 {
    margin-bottom: 0 !important
  }

  .mb-xxl-1 {
    margin-bottom: .25rem !important
  }

  .mb-xxl-2 {
    margin-bottom: .5rem !important
  }

  .mb-xxl-3 {
    margin-bottom: 1rem !important
  }

  .mb-xxl-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-xxl-5 {
    margin-bottom: 3rem !important
  }

  .mb-xxl-auto {
    margin-bottom: auto !important
  }

  .ms-xxl-0 {
    margin-left: 0 !important
  }

  .ms-xxl-1 {
    margin-left: .25rem !important
  }

  .ms-xxl-2 {
    margin-left: .5rem !important
  }

  .ms-xxl-3 {
    margin-left: 1rem !important
  }

  .ms-xxl-4 {
    margin-left: 1.5rem !important
  }

  .ms-xxl-5 {
    margin-left: 3rem !important
  }

  .ms-xxl-auto {
    margin-left: auto !important
  }

  .p-xxl-0 {
    padding: 0 !important
  }

  .p-xxl-1 {
    padding: .25rem !important
  }

  .p-xxl-2 {
    padding: .5rem !important
  }

  .p-xxl-3 {
    padding: 1rem !important
  }

  .p-xxl-4 {
    padding: 1.5rem !important
  }

  .p-xxl-5 {
    padding: 3rem !important
  }

  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }

  .px-xxl-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
  }

  .px-xxl-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
  }

  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }

  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
  }

  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .py-xxl-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
  }

  .py-xxl-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
  }

  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }

  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }

  .pt-xxl-0 {
    padding-top: 0 !important
  }

  .pt-xxl-1 {
    padding-top: .25rem !important
  }

  .pt-xxl-2 {
    padding-top: .5rem !important
  }

  .pt-xxl-3 {
    padding-top: 1rem !important
  }

  .pt-xxl-4 {
    padding-top: 1.5rem !important
  }

  .pt-xxl-5 {
    padding-top: 3rem !important
  }

  .pe-xxl-0 {
    padding-right: 0 !important
  }

  .pe-xxl-1 {
    padding-right: .25rem !important
  }

  .pe-xxl-2 {
    padding-right: .5rem !important
  }

  .pe-xxl-3 {
    padding-right: 1rem !important
  }

  .pe-xxl-4 {
    padding-right: 1.5rem !important
  }

  .pe-xxl-5 {
    padding-right: 3rem !important
  }

  .pb-xxl-0 {
    padding-bottom: 0 !important
  }

  .pb-xxl-1 {
    padding-bottom: .25rem !important
  }

  .pb-xxl-2 {
    padding-bottom: .5rem !important
  }

  .pb-xxl-3 {
    padding-bottom: 1rem !important
  }

  .pb-xxl-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-xxl-5 {
    padding-bottom: 3rem !important
  }

  .ps-xxl-0 {
    padding-left: 0 !important
  }

  .ps-xxl-1 {
    padding-left: .25rem !important
  }

  .ps-xxl-2 {
    padding-left: .5rem !important
  }

  .ps-xxl-3 {
    padding-left: 1rem !important
  }

  .ps-xxl-4 {
    padding-left: 1.5rem !important
  }

  .ps-xxl-5 {
    padding-left: 3rem !important
  }

  .gap-xxl-0 {
    gap: 0 !important
  }

  .gap-xxl-1 {
    gap: .25rem !important
  }

  .gap-xxl-2 {
    gap: .5rem !important
  }

  .gap-xxl-3 {
    gap: 1rem !important
  }

  .gap-xxl-4 {
    gap: 1.5rem !important
  }

  .gap-xxl-5 {
    gap: 3rem !important
  }

  .row-gap-xxl-0 {
    row-gap: 0 !important
  }

  .row-gap-xxl-1 {
    row-gap: .25rem !important
  }

  .row-gap-xxl-2 {
    row-gap: .5rem !important
  }

  .row-gap-xxl-3 {
    row-gap: 1rem !important
  }

  .row-gap-xxl-4 {
    row-gap: 1.5rem !important
  }

  .row-gap-xxl-5 {
    row-gap: 3rem !important
  }

  .column-gap-xxl-0 {
    column-gap: 0 !important
  }

  .column-gap-xxl-1 {
    column-gap: .25rem !important
  }

  .column-gap-xxl-2 {
    column-gap: .5rem !important
  }

  .column-gap-xxl-3 {
    column-gap: 1rem !important
  }

  .column-gap-xxl-4 {
    column-gap: 1.5rem !important
  }

  .column-gap-xxl-5 {
    column-gap: 3rem !important
  }

  .text-xxl-start {
    text-align: left !important
  }

  .text-xxl-end {
    text-align: right !important
  }

  .text-xxl-center {
    text-align: center !important
  }
}

@media (min-width:1200px) {
  .fs-1 {
    font-size: 2.5rem !important
  }

  .fs-2 {
    font-size: 2rem !important
  }

  .fs-3 {
    font-size: 1.75rem !important
  }

  .fs-4 {
    font-size: 1.5rem !important
  }
}

@media print {
  .d-print-inline {
    display: inline !important
  }

  .d-print-inline-block {
    display: inline-block !important
  }

  .d-print-block {
    display: block !important
  }

  .d-print-grid {
    display: grid !important
  }

  .d-print-inline-grid {
    display: inline-grid !important
  }

  .d-print-table {
    display: table !important
  }

  .d-print-table-row {
    display: table-row !important
  }

  .d-print-table-cell {
    display: table-cell !important
  }

  .d-print-flex {
    display: flex !important
  }

  .d-print-inline-flex {
    display: inline-flex !important
  }

  .d-print-none {
    display: none !important
  }
}

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

body,
html {
  max-width: 100vw;
  font-family: Ubuntu, sans-serif;
  overflow-x: hidden
}

:root {
  --font-sz-60: 3.125vw;
  --font-sz-80: 3vw;
  --font-sz-24: 1.11vw;
  --font-sz-30: 1.563vw
}

@media (min-width:2560px) {
  .bx_counter {
    min-height: 320px !important
  }
}

@media (min-width:1440px) {
  .bx_counter {
    min-height: 172px !important
  }
}

.f-sz-80 {
  font-size: var(--font-sz-80) !important
}

.f-sz-24 {
  font-size: var(--font-sz-24) !important
}

.f-sz-60 {
  font-size: var(--font-sz-60) !important
}

.opacity-7 {
  opacity: .7 !important
}

.opacity-3 {
  opacity: .3 !important
}

.pb__100 {
  padding-bottom: 5.208vw
}

.apiBtn {
  display: inline-flex;
  background: #191919;
  padding: .365vw;
  border-radius: 2.083vw;
  align-items: center;
  border: unset;
  cursor: pointer;
  text-decoration: none
}

.apiTxt {
  color: var(--color-white);
  opacity: .7;
  padding: 0 1.563vw
}

.circleWrap {
  height: 2.604vw;
  width: 2.604vw;
  background: #bd2027;
  border-radius: 100%;
  transform: scale(.9);
  overflow: hidden
}

.arrowIcon_1,
.arrowIcon_2,
.circleWrap {
  transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out
}

.arrowIcon_1,
.arrowIcon_2 {
  max-width: 2.083vw;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  margin: auto
}

.arrowIcon_2 {
  position: absolute;
  top: 50%;
  left: -50%;
  transform: translate(-50%, -50%);
  visibility: hidden;
  opacity: 0
}

.apiBtn:hover .arrowIcon_2 {
  left: 50%;
  visibility: visible;
  opacity: 1
}

.apiBtn:hover .arrowIcon_1 {
  transform: translate(100%);
  visibility: hidden;
  opacity: 0
}

.apiBtn:hover .circleWrap {
  transform: scale(1)
}

.footer_sec {
  background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/footer-bg.png);
  background-size: cover;
  padding-top: 13.021vw;
  margin-top: -3.042vw;
  padding-bottom: 5.208vw;
  background-attachment: fixed
}

.footer-logo {
  max-width: 5.052vw;
  width: 100%;
  display: block
}

.cstInput,
.cstInput:focus {
  background: 0 0;
  border: none;
  border-bottom: 1px solid hsla(0, 0%, 100%, .3);
  padding: .521vw 0;
  width: 100%;
  outline: 0;
  color: #fff
}

.fintechAddress_sec .accordion-item .accordion-button {
  background: 0 0 !important;
  border-radius: 0;
  box-shadow: none;
  padding: .521vw 0;
  line-height: 1
}

.accordion-item .accordion-body {
  padding: .781vw 0
}

.fintechAddress_sec .accordion-item {
  background: 0 0;
  border-radius: 0;
  margin-bottom: 1.042vw;
  padding-bottom: 1.042vw;
  border: none;
  border-bottom: 1px solid hsla(0, 0%, 100%, .3)
}

.fintechAddress_sec .accordion-item .accordion-button:after {
  display: none
}

.fintechAddress_sec .accordion-item .accordion-button:hover,
.footer-links:hover {
  opacity: 1 !important
}

.footer-links {
  padding-left: 1.283vw
}

.footerTop {
  margin-bottom: 6.51vw
}

.footerTop .inner-conatiner {
  width: 91%
}

.emailIcon {
  max-width: 1.354vw;
  width: 100%;
  display: block
}

.emailIcon_sec {
  margin-right: .781vw
}

.socialWrap .list-inline-item:not(:last-child) {
  margin-right: 1.042vw
}

.socialLink {
  max-width: 1.302vw;
  width: 100%;
  display: block
}

.sec_wrp_how .sect_wrp_in,
.sec_wrp_kyc .sect_wrp_in {
  padding-top: 7.208vw;
  padding-bottom: 7.208vw
}

.kyc-item-1 {
  max-width: 18.333vw;
  display: block;
  margin: auto;
  position: relative;
  z-index: 1
}

.kyc-item-2 {
  max-width: 20.052vw;
  display: block;
  right: -2.646vw
}

.kyc-item-2,
.kyc-item-3 {
  width: 100%;
  position: absolute;
  top: 3.646vw;
  z-index: 1
}

.kyc-item-3 {
  max-width: 16.094vw;
  left: -1.083vw
}

.kyc_circle:before {
  content: "";
  width: 41.927vw;
  height: 41.927vw
}

.kyc_circle,
.kyc_circle:before {
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: rgba(0, 0, 0, .1);
  border-radius: 100%;
  transform: translate(-50%, -50%)
}

.kyc_circle {
  width: 35.729vw;
  height: 35.729vw
}

.kycBx_wrap {
  position: relative;
  left: 6.51vw;
  max-width: 33.854vw;
  width: 100%;
  display: block
}

.kycSec_title {
  letter-spacing: -.104vw
}

.kycWorkTitle {
  background-color: var(--color-red-1);
  padding: 1.198vw;
  border-radius: .732vw
}

.kycTitle_icon {
  position: absolute;
  bottom: 0;
  left: .6vw
}

.kycTitle_icon1 {
  position: absolute;
  bottom: -1.318vw;
  left: .604vw;
  max-width: 9.271vw
}

.col_txt {
  padding-left: 3.744vw
}

.kycWork-item-1 .kycTitle_icon,
.kycWork-item-2 .kycTitle_icon {
  max-width: 8.542vw;
  width: 100%
}

.kycWork-item-2 .kycTitle_icon {
  bottom: -.625vw
}

.kyc_work_list {
  padding: 1.684vw 1.464vw;
  margin-bottom: 1.406vw;
  background-color: #fff;
  border-radius: .732vw;
  box-shadow: 0 0 .952vw 0 rgb(0 0 0/7%)
}

.downArrow_kyc,
.upArrow_kyc {
  position: relative
}

.downArrow_kyc:before {
  margin-left: -1.094vw
}

.downArrow_kyc:before,
.upArrow_kyc:before {
  content: "";
  background-repeat: no-repeat;
  background-size: .677vw;
  position: absolute;
  bottom: -1.406vw;
  left: 50%;
  width: .677vw;
  height: 1.354vw;
  transform: translateX(-50%)
}

.upArrow_kyc:before {
  margin-left: .521vw
}

.kycWork_bx {
  position: relative
}

.kycBtm_arrow {
  position: absolute;
  right: -68%;
  bottom: -3.333vw;
  width: 29.063vw
}

.kycRight_arrow {
  max-width: 5.677vw;
  width: 100%;
  position: absolute;
  top: 3.125vw;
  right: -4.479vw;
  z-index: -1
}

.kycWork_list {
  position: relative
}

.kycOnboarding_sec {
  padding: 12.135vw 0;
  position: relative;
  z-index: 10;
  margin-top: 3.281vw;
  transform: skewY(-5deg)
}

.kycOnboarding_sec_inner {
  transform: skewY(5deg)
}

.kycOnboarding_sec .bg_video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  line-height: 0;
  overflow: hidden
}

.kycOnboarding_sec .bg_video video {
  object-fit: cover;
  width: 100%;
  height: 100%
}

.z-index-9 {
  z-index: 9 !important
}

.z-index-1 {
  z-index: 1 !important
}

.onBard_bx {
  height: 24.74vw;
  margin: 1.302vw .781vw;
  cursor: pointer
}

.flipArrow_sec {
  position: relative
}

.flipArrow.flipArrow_1,
.flipArrow.flipArrow_2 {
  transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out
}

.flipArrow.flipArrow_2 {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-120%);
  overflow: hidden;
  visibility: hidden;
  opacity: 0
}

.onBard_bx:hover .flipArrow.flipArrow_2 {
  transform: translate(0);
  overflow: visible;
  visibility: visible;
  opacity: 1
}

.onBard_bx:hover .flipArrow.flipArrow_1 {
  transform: translate(120%);
  overflow: hidden;
  visibility: hidden;
  opacity: 0
}

.onBord_card {
  transition: transform .6s
}

.flip-card-back,
.flip-card-front {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  top: 0
}

.onBard_bx.flipped .onBord_card {
  transform: rotateY(180deg)
}

.flip-card-back {
  transform: rotateY(180deg);
  padding: 2.083vw;
  background: var(--color-red-1)
}

.flip-card-back,
.onBard_bxInner {
  display: flex;
  align-items: center;
  height: 100%;
  border-radius: .833vw
}

.onBard_bxInner {
  padding: 2.083vw 2.513vw;
  background: var(--color-white);
  letter-spacing: -1px
}

.flipArrow {
  max-width: 3.438vw;
  width: 100%;
  display: block
}

.onBordTxt {
  margin: 1.302vw 0
}

.thmArrow .slick-prev.slick-arrow {
  display: none !important
}

.thmArrow .slick-next.slick-arrow {
  right: -5.208vw;
  z-index: 99;
  position: absolute;
  background: hsla(0, 0%, 100%, .1);
  width: 3.646vw;
  height: 3.646vw;
  border-radius: 100%;
  overflow: hidden;
  transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transform: scale(1)
}

.thmArrow .slick-next:hover {
  transform: scale(1.1)
}

.thmArrow .slick-next:before {
  left: 50%;
  opacity: 1 !important
}

.thmArrow .slick-next:after,
.thmArrow .slick-next:before {
  content: "";
  background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/btn-arrow.png);
  background-size: 2.083vw;
  width: 2.083vw;
  height: .365vw;
  background-position: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out
}

.thmArrow .slick-next:after {
  left: -50%;
  opacity: 0;
  visibility: hidden
}

.thmArrow .slick-next:hover:after {
  left: 50%;
  opacity: 1;
  visibility: visible
}

.thmArrow .slick-next:hover:before {
  left: 100%;
  opacity: 0 !important;
  visibility: hidden
}

.kyc_mobImg {
  max-width: 17.188vw;
  margin: auto;
  width: 100%;
  display: block
}

.kycMob_sec {
  position: relative;
  bottom: -9.375vw;
  z-index: 10
}

.sec_wrp_typeKyc .bg-circle {
  position: relative;
  bottom: -3.646vw;
  z-index: 9
}

.sec_wrp_typeKyc .bg-circle .bg {
  position: absolute;
  left: 50%;
  bottom: 0;
  background-color: #fff;
  border-radius: 50%;
  overflow: hidden
}

.sec_wrp_typeKyc .bg-circle .bg.bg1 {
  bottom: -27.083vw;
  width: 58.604vw;
  height: 58.604vw;
  opacity: .3
}

.sec_wrp_typeKyc .bg-circle .bg.bg2 {
  bottom: -32.813vw;
  opacity: .2;
  width: 70.604vw;
  height: 70.604vw
}

.sec_wrp_typeKyc .bg-circle .bg.bg3 {
  bottom: -39.063vw;
  opacity: .1;
  width: 82.604vw;
  height: 82.604vw
}

.m2_kycType_list {
  min-height: 38.021vw;
  width: 100%;
  height: 100%;
  left: 0
}

.m2_kycType_list,
.m2_kycType_list .kyc_opti,
.m2_kycType_list>li {
  position: absolute
}

.m2_kycType_list .m2_pos_1 {
  left: 50%;
  transform: translateX(-50%)
}

.m2_typeKyc_item {
  position: relative;
  display: inline-block
}

.m2_typeKyc_item:before {
  content: attr(data-parent);
  position: absolute;
  font-size: 8.594vw;
  line-height: .8;
  z-index: 0;
  color: hsla(0, 0%, 86%, .2);
  font-weight: 400
}

.m2_pos_1 .m2_typeKyc_item:before {
  left: 50%;
  transform: translateX(-50%);
  margin-left: -3.125vw;
  top: -2.604vw
}

.m2_pos_1 .kyc-item-inner {
  max-width: 10.1vw;
  width: 100%
}

.m2_kycType_list .m2_pos_2 {
  left: 16.625vw;
  top: 4.539vw
}

.m2_pos_2 .m2_typeKyc_item:before {
  left: 50%;
  transform: translateX(-50%);
  margin-left: -4.1vw;
  top: -2.539vw
}

.m2_pos_2 .m2_typeKyc_item .txtWrp {
  position: relative;
  right: 100%;
  bottom: 0
}

.m2_pos_2 .kyc-item-inner {
  max-width: 7.542vw;
  width: 100%
}

.m2_kycType_list .m2_pos_3 {
  right: 17.625vw;
  top: 4.539vw
}

.m2_pos_3 .m2_typeKyc_item:before {
  right: -84%;
  transform: translateX(-50%);
  margin-left: -5.663vw;
  top: -1.938vw
}

.m2_pos_3 .m2_typeKyc_item .txtWrp {
  position: relative;
  left: 100%;
  bottom: -3.167vw;
  margin-left: .521vw
}

.m2_pos_3 .kyc-item-inner {
  max-width: 6.542vw;
  width: 100%
}

.m2_kycType_list .m2_pos_4 {
  left: 9.625vw;
  top: 11.539vw
}

.m2_pos_4 .m2_typeKyc_item:before {
  left: 50%;
  transform: translateX(-50%);
  margin-left: -14.663vw;
  top: .938vw
}

.m2_pos_4 .m2_typeKyc_item .txtWrp {
  position: relative;
  right: 100%;
  bottom: -4.083vw
}

.m2_pos_4 .kyc-item-inner {
  max-width: 7.802vw;
  width: 100%
}

.m2_kycType_list .m2_pos_5 {
  right: 8.625vw;
  top: 11.539vw
}

.m2_pos_5 .m2_typeKyc_item:before {
  right: -36%;
  transform: translateX(-50%);
  margin-left: -4.663vw;
  top: -.938vw
}

.m2_pos_5 .m2_typeKyc_item .txtWrp {
  position: relative;
  left: 100%;
  bottom: -1.167vw;
  margin-left: .521vw
}

.m2_pos_5 .kyc-item-inner {
  max-width: 7.542vw;
  width: 100%
}

.m2_kycType_list .m2_pos_6 {
  left: 5.625vw;
  top: 22.539vw
}

.m2_pos_6 .m2_typeKyc_item:before {
  left: 50%;
  transform: translateX(-50%);
  margin-left: -12vw;
  top: 1.938vw
}

.m2_pos_6 .m2_typeKyc_item .txtWrp {
  position: relative;
  right: 100%;
  bottom: -5.083vw
}

.m2_pos_6 .kyc-item-inner {
  max-width: 7.219vw;
  width: 100%
}

.m2_kycType_list .m2_pos_7 {
  right: 5.625vw;
  top: 22.539vw
}

.m2_pos_7 .m2_typeKyc_item:before {
  right: -54%;
  transform: translateX(-50%);
  margin-left: -4.663vw;
  top: -.938vw
}

.m2_pos_7 .m2_typeKyc_item .txtWrp {
  position: relative;
  left: 100%;
  bottom: -4.167vw;
  margin-left: .521vw
}

.m2_pos_7 .kyc-item-inner {
  max-width: 7.1vw;
  width: 100%
}

.m2_kycType_listWrap {
  margin-top: 2.604vw
}

.cirlOuter {
  position: absolute;
  top: 50%;
  left: 50%
}

.how_it_bgImg {
  position: absolute;
  width: 90%;
  top: 56%;
  left: 5%;
  transform: translateY(-50%)
}

.sect_wrp_in.kyc_howit {
  padding-bottom: 4.5vw
}

.bounce_1 {
  animation: bounce2 3s ease infinite
}

.bounce_2 {
  animation: bounce2 4s ease infinite
}

.mosuewheel_sec {
  position: absolute;
  bottom: 10.625vw;
  right: 0
}

.mosuewheel_sec span {
  transform: rotate(-90deg);
  display: block;
  position: relative
}

.mosuewheel_sec span:before {
  content: "";
  position: absolute;
  width: .885vw;
  height: 1px;
  background: #000;
  bottom: 10px;
  left: -1.302vw
}

.mouse {
  background: #fff linear-gradient(transparent, transparent 50%, #000 0, #000);
  position: relative;
  width: 1.458vw;
  height: 2.292vw;
  margin-left: auto;
  margin-right: auto;
  margin-top: 4.427vw;
  border-radius: 7.321vw;
  background-size: 100% 200%;
  animation: colorSlide 5s linear infinite, nudgeMouse 8s ease-out infinite
}

.mouse:after,
.mouse:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto
}

.mouse:before {
  width: 1.042vw;
  height: 1.979vw;
  background-color: #fff;
  border-radius: 7.321vw
}

.mouse:after {
  background-color: #7f7f7f;
  width: .22vw;
  height: .512vw;
  top: -.732vw
}

.kycmiddle_sec {
  position: relative;
  padding-left: 11.458vw;
  margin-top: -10.417vw
}

[data-aos=circle_scale_1] {
  opacity: 0;
  transform: translateX(-50%) scale(0)
}

[data-aos=circle_scale_1].aos-animate {
  opacity: 1;
  transform: translateX(-50%) scale(.7)
}

.topSec_video {
  position: absolute;
  width: 88%;
  height: 100%;
  top: -3.5vw;
  left: auto;
  right: 0;
  line-height: 0;
  overflow: hidden;
  z-index: -1
}

.topSec_video video {
  object-fit: contain;
  width: 100%;
  height: 100%;
  object-position: right bottom
}

.rollOut_img {
  width: 43.542vw;
  height: 729px;
  position: absolute;
  top: 13.333vw;
  left: 0
}

.sect_credit_wrap2 {
  padding-top: 6.771vw;
  padding-bottom: 3.854vw
}

.crdit_rocket_img {
  position: relative;
  z-index: 1
}

.rollout_tital {
  margin-bottom: 1.979vw
}

.f-sz-35 {
  font-size: 1.555vw
}

.rollout_cont {
  padding-left: 3.438vw;
  padding-top: 4.208vw
}

.visaImg {
  max-width: 6.094vw;
  width: 100%
}

.ruPayImg {
  max-width: 10vw;
  width: 100%
}

.card_list {
  margin-top: 4.167vw
}

.card_list ul .list-inline-item:not(:last-child) {
  margin-right: 1.979vw
}

.card_list ul a {
  display: block
}

a.mastercardImg {
  max-width: 15.365vw;
  width: 100%
}

.card_list ul li {
  position: relative
}

.card_list ul li:not(:last-child):before {
  position: absolute;
  content: "";
  top: -.104vw;
  left: auto;
  right: -1.042vw;
  width: 1px;
  height: 2.604vw;
  background-color: hsla(0, 0%, 100%, .5)
}

.credit_sec_3 {
  padding: 20.104vw 0 13.542vw
}

.credit_sec_3.sec_shape.shape_red:after {
  background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/Shape-BT-1.svg);
  display: none
}

.secured_tital {
  padding-left: 1.875vw
}

.secured_tital:before {
  position: absolute;
  content: "";
  top: .313vw;
  left: 0;
  width: .208vw;
  height: 2.083vw;
  background-color: #cf2128
}

.secured_cont {
  padding: 1.875vw 1.302vw 1.875vw 1.875vw
}

.secured_cont .secured_text {
  font-size: 1.3vw
}

.onBard_bx_clr .onBard_bxInner {
  background-color: #ecedee
}

.support360 {
  margin-bottom: 2.083vw;
  max-width: 29.396vw;
  width: 100%
}

.credit_support_sec {
  background-image: url(https://m2pfintech.com/images/kyc-onboarding-bg.png);
  background-size: cover;
  padding: 12.833vw 0;
  position: relative;
  z-index: 10;
  margin-top: -.521vw
}

.trusted_icon_img1 {
  max-width: 11.51vw;
  width: 100%;
  display: block
}

.trusted_icon_img2 {
  max-width: 6.146vw;
  width: 100%;
  display: block
}

.trusted_icon_img3 {
  max-width: 15.521vw;
  width: 100%;
  display: block
}

.trusted_icon_img4 {
  max-width: 10.417vw;
  width: 100%;
  display: block
}

.trusted_icon_img5 {
  max-width: 9.271vw;
  width: 100%;
  display: block
}

.trusted_list_icon .list-inline-item:not(:last-child) {
  margin-right: 4.271vw
}

.trusted_list_icon {
  margin-bottom: 11.927vw;
  margin-top: 4.375vw
}

.issue_marketImg {
  z-index: 1;
  max-width: 36.667vw
}

.issue_market_circle {
  width: 26.729vw;
  height: 26.729vw
}

.issue_market_circle,
.issue_market_circle:before {
  border-radius: 100%;
  background-color: rgba(0, 0, 0, .1);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.issue_market_circle:before {
  content: "";
  width: 30.927vw;
  height: 30.927vw
}

.issue_marketImg1 {
  top: -13.063vw;
  left: 9.563vw;
  z-index: 3
}

.issue_marketImg1,
.issue_marketImg2 {
  position: absolute;
  max-width: 27.052vw
}

.issue_marketImg2 {
  top: -8.198vw;
  left: 8vw;
  z-index: 2
}

.issue_marketImg3 {
  position: absolute;
  top: -4.229vw;
  left: 6.6vw;
  max-width: 27.052vw;
  z-index: 1
}

.bounce {
  animation: bounce2 2s ease infinite
}

.credit_sec_shape {
  position: relative
}

.credit_sec_shape:after {
  left: 0;
  top: 100%;
  background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/Shape-TP.svg);
  background-position: 0 0
}

.credit_sec_shap:before,
.credit_sec_shape:after {
  content: "";
  position: absolute;
  height: 8.813vw;
  width: 100%;
  background-repeat: no-repeat, repeat-y;
  background-size: 100% auto;
  z-index: 91
}

.credit_sec_shap:before {
  left: 0;
  top: -1.9vw;
  background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/Shape-TP.svg);
  background-position: 0 0;
  transform: rotate(181deg)
}

.feat_neo_cont {
  padding-left: 3.438vw;
  padding-right: 11.563vw
}

.sec_wrp_bank .issue_market_circle:before {
  width: 36.563vw;
  height: 36.563vw
}

.sec_wrp_bank .issue_market_circle {
  width: 30.625vw;
  height: 30.625vw
}

.sec_wrp_bank .issue_marketImg {
  z-index: 1;
  max-width: 37.667vw;
  margin: 0 0 0 10.083vw
}

.neo_bank_sec_shap {
  position: relative
}

.neo_bank_sec_shap:after {
  left: 0;
  top: 100%;
  background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/Shape-TP-1.svg);
  background-position: 0 0
}

.neo_bank_sec_shap:after,
.neo_bank_sec_shap:before {
  content: "";
  position: absolute;
  height: 8.813vw;
  width: 100%;
  background-repeat: no-repeat, repeat-y;
  background-size: 100% auto;
  z-index: 91
}

.neo_bank_sec_shap:before {
  left: 0;
  top: 0;
  background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/Shape-BT-1.svg);
  background-position: 0 0
}

.fet_bank_icon_list ul {
  padding-left: 1.823vw
}

.fet_bank_icon_list ul li {
  list-style: none
}

.fet_bank_icon_list {
  position: absolute;
  top: 0;
  left: 0;
  height: 41.979vw;
  width: 100%
}

.fet_bank_icon1 {
  max-width: 20.498vw;
  top: 2.196vw;
  left: 12.372vw
}

.fet_bank_icon1,
.fet_bank_icon5 {
  position: relative;
  width: 100%;
  height: 100%
}

.fet_bank_icon5 {
  max-width: 5.783vw;
  top: -11.493vw;
  left: 5.857vw
}

.fet_bank_icon4 {
  max-width: 5.198vw;
  top: -11.201vw;
  left: -1.903vw
}

.fet_bank_icon4,
.fet_bank_icon6 {
  position: relative;
  width: 100%;
  height: 100%
}

.fet_bank_icon6 {
  max-width: 22.548vw;
  top: -29.722vw;
  left: auto;
  right: -5.051vw
}

.fet_bank_icon3 {
  max-width: 6.149vw;
  top: -21.01vw;
  left: 6.589vw
}

.fet_bank_icon3,
.fet_bank_icon7 {
  width: 100%;
  height: 100%;
  position: relative
}

.fet_bank_icon7 {
  max-width: 3.807vw;
  top: -42.46vw;
  left: auto;
  right: -25.842vw
}

.fet_bank_icon2 {
  max-width: 7.687vw;
  top: -27.526vw;
  left: 14.348vw
}

.fet_bank_icon2,
.fet_bank_icon8 {
  width: 100%;
  height: 100%;
  position: relative
}

.fet_bank_icon8 {
  max-width: 4.026vw;
  top: -48.975vw;
  left: auto;
  right: -35.993vw
}

.feet_how_it_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  object-fit: cover;
  z-index: 9
}

.feet_how_it_sec {
  z-index: 9;
  position: relative;
  background: 0 0
}

.creditCard_inner {
  padding-top: 4.167vw
}

.mar_b_2 {
  margin-bottom: -.146vw
}

.fleet_drive_shape:before {
  left: 0;
  top: 0;
  background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/Shape-BT-1.svg);
  background-position: 0 0;
  content: "";
  position: absolute;
  height: 8.813vw;
  width: 100%;
  background-repeat: no-repeat, repeat-y;
  background-size: 100% auto;
  z-index: 91;
  transform: rotate(0)
}

.how_works_bx {
  background-color: #fff;
  border-radius: 1.302vw;
  padding: 2.604vw .8vw;
  box-shadow: 45px 39px 49px -15px rgba(0, 0, 0, .5)
}

.how_works_bx_mar_t {
  margin-top: 10.365vw
}

.h_w_icon_out {
  width: 8.958vw;
  height: 8.958vw;
  border-radius: 100%;
  margin: 0 auto;
  background-color: #c72930;
  background-image: radial-gradient(#e7474d, #c6282d);
  position: relative
}

.how_works_bx_cont {
  color: #000;
  margin-top: 1.042vw
}

.fleet_drive__h_work_icon {
  max-width: 7.073vw;
  width: 100%;
  margin: 0 auto;
  top: 50%
}

.bx_num,
.fleet_drive__h_work_icon {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%)
}

.bx_num {
  width: 2.5vw;
  height: 2.5vw;
  background-color: #ff8400;
  border-radius: 100%;
  color: #fff;
  top: 0;
  padding: .293vw
}

.how_works_bx1:before {
  content: "";
  background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/yellow_angle.png);
  background-repeat: no-repeat;
  background-size: 7.542vw;
  position: absolute;
  bottom: -60%;
  left: 50%;
  width: 7.542vw;
  height: 7.542vw;
  transform: translateY(-64%)
}

.bx_num1 {
  width: 2.5vw;
  height: 2.5vw;
  background-color: #ff8400;
  border-radius: 100%;
  color: #fff;
  position: absolute;
  top: auto;
  bottom: -2.343vw;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: .293vw
}

.how_works_bx1_1:before {
  content: "";
  background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/yellow_angle1.png);
  background-repeat: no-repeat;
  background-size: 7.542vw;
  position: absolute;
  top: -50%;
  left: 50%;
  width: 7.542vw;
  height: 7.542vw;
  transform: translateY(50%)
}

.feet_how_it_sec {
  padding-bottom: 6.854vw
}

.detectImg {
  max-width: 70.698vw;
  width: 100%;
  margin: 0 auto
}

.how_3d_sec.sec_shape.shape_red:after {
  display: none
}

.sec_why_3d_sec {
  background-color: #3e4a53
}

.sec_shape1 {
  position: relative
}

.sec_shape1:before {
  content: "";
  right: 0;
  bottom: calc(100% - 1px);
  background-position: 100% 100%;
  height: 100%;
  position: absolute;
  height: 7.813vw;
  width: 100%;
  background-repeat: no-repeat, repeat-y;
  background-size: 100% auto
}

.sec_howit3d.feet_how_it_sec {
  padding-bottom: 15.5vw
}

.offer_3dImg1 {
  z-index: 1;
  max-width: 39.427vw;
  position: absolute;
  top: auto;
  bottom: -19.01vw;
  left: -4.392vw;
  z-index: 9
}

.offer_3d_icon_list {
  position: relative
}

.offer_3d_icon_list ul {
  position: absolute;
  width: 100%;
  height: 100%
}

.offer_3d_icon_list ul li {
  list-style: none
}

.offer_3dimg2 {
  position: absolute;
  top: -9.1vw;
  left: -.153vw;
  max-width: 12.313vw;
  width: 100%;
  z-index: 11
}

.offer_3dimg3 {
  top: 2.9vw;
  left: 7.81vw;
  max-width: 10.615vw
}

.offer_3dimg3,
.offer_3dimg4 {
  position: absolute;
  width: 100%;
  z-index: 99
}

.offer_3dimg4 {
  top: -2.318vw;
  left: 15.596vw;
  max-width: 9.615vw
}

.offer_3d_circle_bg {
  position: absolute;
  width: 47.365vw
}

.fleet_leaner_img1 {
  top: -16.545vw;
  left: 9.004vw;
  max-width: 11.618vw
}

.fleet_leaner_img1,
.fleet_leaner_img2 {
  position: absolute;
  width: 100%;
  z-index: 9
}

.fleet_leaner_img2 {
  top: -8.346vw;
  left: -1.098vw;
  max-width: 25.288vw
}

.fleet_leaner_img3 {
  top: -10.029vw;
  left: 10.908vw;
  max-width: 25.288vw
}

.fleet_leaner_img3,
.fleet_leaner_img4 {
  position: absolute;
  width: 100%;
  z-index: 9
}

.fleet_leaner_img4 {
  top: -3.587vw;
  left: 23.06vw;
  max-width: 6.59vw
}

.fleet_leaner_img5 {
  top: 3.148vw;
  left: 21.303vw
}

.fleet_leaner_img5,
.fleet_leaner_img6 {
  position: absolute;
  max-width: 5.59vw;
  width: 100%;
  z-index: 9
}

.fleet_leaner_img6 {
  top: -3.807vw;
  left: 28.99vw
}

.fleet_leaner_img7 {
  position: absolute;
  top: 1.025vw;
  left: 26.94vw;
  max-width: 6.59vw;
  width: 100%;
  z-index: 9
}

.headerMain .dropdown {
  transition: all .2s linear;
  opacity: 1;
  position: relative;
  top: 0;
  background-color: var(--site-color);
  padding: 0 .729vw
}

.navbar .dropdown-menu-end {
  right: 0;
  left: auto
}

.navbar .nav-item .dropdown-menu {
  display: block;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
  margin-top: 0
}

.navbar .nav-item:hover .nav-link {
  color: #fff
}

.navbar .dropdown-menu.fade-down {
  top: 80%;
  transform: rotateX(-75deg);
  transform-origin: 0 0
}

.navbar .dropdown-menu.fade-up {
  top: 180%
}

.navbar .nav-item:hover .dropdown-menu {
  transition: .3s;
  opacity: 1;
  visibility: visible;
  transform: rotateX(0)
}

.dropdown-menu.cstDrop {
  left: 0;
  right: 0;
  border: none;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
  padding: 1.464vw 2.196vw;
  margin: auto;
  border-radius: .729vw;
  min-width: auto;
  max-width: 70.924vw;
  width: 100%
}

.dropdown-subMenu {
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
  margin-top: 0;
  position: relative;
  background-color: #fff;
  z-index: 9;
  padding: .8vw 1vw
}

.dropdown-subMenu li {
  list-style: none
}

.career_menu:hover .dropdown-subMenu {
  transition: .3s;
  opacity: 1;
  visibility: visible;
  transform: rotateX(0);
  display: block;
  position: absolute;
  top: 25px;
  left: 0;
  right: -23px;
  border: none;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
  width: 100%;
  border-radius: .729vw
}

.about_us_menu.dropdown-menu.cstDrop {
  width: 20%
}

.headerMain {
  background-color: #fff
}

.dropdown-menu .dropdown-item:before {
  display: none;
  content: "\f105";
  position: absolute;
  right: .781vw;
  top: 50%;
  font-family: FontAwesome;
  transform: translate(-50%, -50%);
  font-size: 1.146vw;
  opacity: 0
}

.dropCst_section .list-unstyled {
  margin: .781vw 0
}

.dropdown-menu .dropdown-item {
  padding: .625vw 1.042vw;
  white-space: normal;
  font-size: .885vw;
  color: var(--body_txt_color);
  position: relative;
  font-weight: 300
}

.dropdown-menu .dropdown-item:hover:before {
  opacity: 1 !important
}

.dropdown-menu .dropdown-item:hover {
  background-color: #f5f5f5;
  border-radius: 4px
}

.headerMain .navbar .nav-item:hover .nav-link {
  color: #000
}

.headerMain .dropdown-toggle:after {
  display: inline-block;
  margin-left: 0;
  vertical-align: .255em;
  content: "";
  border-top: 0;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent
}

.menuIcon_sec {
  max-width: 2.083vw;
  margin-right: .365vw
}

.menuTitle {
  padding: .521vw .781vw;
  border-bottom: 1px solid #f5f5f5
}

.sec_wrp_fixedDeposit .sect_credit_wrap2 {
  padding-bottom: 5.854vw;
  padding-top: 12.771vw
}

.sec_wrp_fixedDeposit .rollOut_img {
  top: 8.333vw
}

.sec_wrp_fixedDeposit .crdit_rocket_img {
  top: 5.208vw
}

.sec_wrp_fixedDeposit .crdit_rocket_img_1 {
  max-width: 5.781vw;
  width: 100%;
  display: block;
  position: absolute;
  top: -3.646vw;
  right: 9.375vw
}

.sec_wrp_fixedDeposit .crdit_rocket_img_2 {
  max-width: 4.844vw;
  width: 100%;
  display: block;
  position: absolute;
  top: 4.688vw;
  left: 3.125vw
}

.sec_wrp_fixedDeposit.sec_shape.shape_red:after {
  z-index: 9;
  margin-top: -.781vw
}

.sec_wrp_stakeholder .col_txt {
  padding-left: 6.344vw
}

.fixedDeposit_scroller {
  margin-top: 2.344vw
}

.pig_phoneImg {
  max-width: 21.146vw;
  margin: 0 auto 0 9.875vw;
  top: .781vw
}

.pigImg {
  position: absolute;
  top: 0;
  left: 30%;
  transform: translate(50%, 50%);
  max-width: 19.5vw;
  width: 100%;
  z-index: 9
}

.cross_border_sec .rollOut_img {
  width: 59.792vw;
  height: auto;
  position: absolute;
  top: auto;
  right: 11.458vw;
  left: auto;
  z-index: -1;
  bottom: 1.563vw
}

.travelTitle:before {
  content: "";
  position: absolute;
  border-left: 3px solid #fff;
  left: -1.563vw;
  top: 0;
  height: 2.083vw
}

.mb__100 {
  margin-bottom: 5.208vw
}

.travel_img {
  max-width: 32.656vw;
  width: 100%;
  display: block;
  margin: auto;
  position: relative;
  z-index: 1
}

.sec_wrp_crossBrd .rollOut_img {
  width: auto;
  height: auto;
  top: 72%;
  left: 45%;
  transform: translate(-50%, -50%)
}

.plane-img {
  max-width: 16.979vw;
  position: absolute;
  top: 4.167vw;
  left: 0
}

.crossBrd_prtnr_sec {
  padding: 10.104vw 0 9.542vw
}

.cb-partner-1 {
  max-width: 19.583vw;
  margin: auto;
  display: block
}

.cb-partner-2 {
  max-width: 17.448vw;
  margin: auto;
  display: block
}

.cb-partner-3 {
  max-width: 21.094vw;
  margin: auto;
  display: block
}

.prtnerBg_1 {
  left: -1.042vw
}

.prtnerBg_1,
.prtnerBg_2 {
  position: absolute;
  top: -3.125vw;
  z-index: -1;
  width: 39.063vw;
  display: block
}

.prtnerBg_2 {
  right: -6.25vw
}

.sendTxt_wrap {
  top: 65%;
  right: -100%;
  padding-left: 2.604vw
}

.cb-partnerBx:before,
.sendTxt_wrap {
  position: absolute;
  transform: translate(-50%, -50%);
  width: 100%
}

.cb-partnerBx:before {
  content: "";
  top: 55%;
  left: 100%;
  height: .677vw;
  background-repeat: no-repeat;
  background-position: 50%;
  display: block;
  margin: auto;
  z-index: -1
}

.cb-partnerBx_1:before {
  background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/cross-border-prtner-line-1.png);
  background-size: 19.792vw;
  max-width: 19.792vw
}

.cb-partnerBx_2:before {
  background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/cross-border-prtner-line-2.png);
  background-size: 18.229vw;
  max-width: 18.229vw
}

.prntrTxt_bx {
  padding: 1.823vw
}

.cb-item-1 {
  max-width: 30.99vw;
  margin: auto;
  display: block;
  position: relative;
  z-index: 9
}

.cb-item-2 {
  left: -2.083vw
}

.cb-item-2,
.cb-item-3 {
  max-width: 20.104vw;
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 8
}

.cb-item-3 {
  right: -2.083vw
}

.secCB_wrap .sect_wrp_in {
  z-index: 99;
  padding: 10.208vw 0
}

.secCB_wrap .cb-item {
  top: -3.125vw
}

.crossBrd_prtnr_sec.sec_shape:before {
  z-index: 0
}

.sec_wrp_crossBrd .sect_wrp_in {
  padding: 3.646vw 0
}

.cb-item-last {
  position: absolute;
  top: -2.604vw;
  max-width: 53.542vw;
  left: -6.771vw
}

.bnpl_hero_sec .kycTop_banner {
  height: auto;
  max-width: 44.219vw;
  margin: auto
}

.letter_spac_2 {
  letter-spacing: -2px
}

.advantage_sec.sec_shape:before {
  top: 0
}

.advantage_sec .sect_wrp_in {
  padding-top: 12.208vw;
  padding-bottom: 12.208vw
}

.kyc_work_list .list_work_itm {
  position: relative;
  margin-right: 0;
  margin-left: 1.302vw
}

.kyc_work_list .list_work_itm:before {
  content: "";
  background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/right-bullet.png);
  width: .573vw;
  height: .677vw;
  background-size: .573vw;
  background-repeat: no-repeat;
  position: absolute;
  top: .521vw;
  left: -1.302vw
}

.bnpl-item-1 {
  max-width: 36.406vw;
  position: relative;
  bottom: -4.688vw;
  left: .781vw
}

.bnpl-item-1,
.bnpl-item-2 {
  margin: auto;
  display: block;
  z-index: 9
}

.bnpl-item-2 {
  max-width: 25.26vw;
  position: absolute;
  bottom: .677vw;
  left: 9.375vw
}

.aboutHero {
  max-width: 68.281vw;
  margin: auto;
  width: 100%;
  display: block
}

.sec_wrp_aboutUs .sect_wrp_in {
  padding-top: 7.208vw;
  padding-bottom: 7.208vw
}

.sec_wrp_aboutUs .crdit_rocket_img {
  max-width: 25.365vw;
  width: 100%;
  margin-left: auto;
  margin-right: 0;
  position: relative;
  right: -6.771vw
}

.crdit_rocket_img_1 {
  max-width: 14.323vw;
  width: 100%;
  margin: auto;
  position: absolute;
  top: 9.292vw;
  left: 1.083vw
}

.aboutUs_bg {
  max-width: 57.448vw;
  position: absolute;
  right: 0;
  top: 7.813vw
}

.global_sec {
  padding: 6.135vw 0;
  position: relative;
  z-index: 10;
  margin-top: 3.281vw;
  transform: skewY(-5deg);
  background-color: #f6f6f6
}

.backetWrap {
  max-width: 17.969vw;
  width: 100%;
  margin: .781vw auto
}

.backetWrap img {
  border-radius: .417vw
}

.backetList_wrap .feet_how_it_sec {
  padding-bottom: 3.854vw;
  padding-top: 3.854vw !important
}

.leadership_sec.sec_shape:before {
  display: none
}

.leadership_sec .sect_wrp_in {
  padding-top: 15.208vw;
  padding-bottom: 10.208vw
}

.teamBx_sec {
  max-width: 17.331vw;
  margin: auto;
  display: block
}

.testi_sec.sec_shape:before {
  z-index: -1
}

.testi_sec .sect_wrp_in {
  padding-top: 15.208vw
}

.certifiedBx {
  background: #fff;
  margin: .521vw;
  border-radius: .729vw;
  padding: 1.604vw .604vw
}

.certified_img {
  max-width: 16.719vw;
  width: 100%;
  margin: auto;
  display: block
}

.investorBx {
  padding: 4.167vw 4.167vw 7.167vw;
  border: 2px solid #ececec;
  border-radius: .938vw;
  margin: 0 .729vw;
  background: #fff
}

.investor_sec .how_it_bgImg {
  z-index: -1;
  top: 65%
}

.investorBx_inn {
  position: relative
}

.investorBx_inn:before {
  left: -2.604vw;
  top: -.521vw
}

.investorBx_inn:after,
.investorBx_inn:before {
  content: "";
  width: 2.292vw;
  height: 1.979vw;
  background-size: 2.292vw;
  position: absolute
}

.investorBx_inn:after {
  right: -2.604vw;
  bottom: -.521vw
}

.invArrow .slick-next.slick-arrow {
  right: -5.208vw;
  z-index: 99;
  position: absolute;
  background: #d4373d;
  width: 2.604vw;
  height: 2.604vw;
  border-radius: 100%;
  overflow: hidden;
  transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transform: scale(1)
}

.invArrow .slick-next:before {
  left: 50%;
  opacity: 1 !important
}

.invArrow .slick-next:after,
.invArrow .slick-next:before {
  content: "";
  background-size: 2.083vw;
  width: 2.083vw;
  height: .365vw;
  background-position: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out
}

.invArrow .slick-next:after {
  left: -50%;
  opacity: 0;
  visibility: hidden
}

.invArrow .slick-next:hover {
  transform: scale(1.1)
}

.invArrow .slick-next:hover:before {
  left: 100%;
  opacity: 0 !important;
  visibility: hidden
}

.invArrow .slick-next:hover:after {
  left: 50%;
  opacity: 1;
  visibility: visible
}

.invArrow .slick-prev.slick-arrow {
  left: -5.208vw;
  z-index: 99;
  position: absolute;
  background: #d4373d;
  width: 2.604vw;
  height: 2.604vw;
  border-radius: 100%;
  overflow: hidden;
  transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transform: scale(1)
}

.invArrow .slick-prev:before {
  right: 50%;
  opacity: 1 !important
}

.invArrow .slick-prev:after,
.invArrow .slick-prev:before {
  content: "";
  background-size: 2.083vw;
  width: 2.083vw;
  height: .365vw;
  background-position: 50%;
  position: absolute;
  top: 50%;
  transform: translate(50%, -50%);
  transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out
}

.invArrow .slick-prev:after {
  right: -50%;
  opacity: 0;
  visibility: hidden
}

.invArrow .slick-prev:hover {
  transform: scale(1.1)
}

.invArrow .slick-prev:hover:before {
  right: 100%;
  opacity: 0 !important;
  visibility: hidden
}

.invArrow .slick-prev:hover:after {
  right: 50%;
  opacity: 1;
  visibility: visible
}

.mobileSlider {
  max-width: 22.604vw;
  margin: auto;
  z-index: 1;
  position: relative;
  bottom: 1.563vw
}

.aboutLast_sec .kyc_circle {
  width: 30.729vw;
  height: 30.729vw
}

.aboutLast_sec .kyc_circle:before {
  width: 36.927vw;
  height: 36.927vw
}

.m2_about_mobileFrame {
  width: 22.604vw;
  height: 29.531vw;
  background-repeat: no-repeat;
  background-position: top;
  background-size: contain;
  background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/mobile.png);
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 2;
  padding-top: 2.344vw;
  padding-bottom: 4.844vw
}

.m2_mobileSecFrame_wrap {
  position: relative;
  padding-bottom: .625vw
}

.m2_mobileSecFrame_wrap .bgCircle {
  width: 26.042vw;
  height: 26.042vw;
  position: absolute;
  z-index: 0;
  border-radius: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #f2f2f2
}

.m2_wrp_newsLogo {
  transition: all .5s ease
}

.m2_newsLogo_wrap {
  position: relative;
  background-color: #fff;
  box-shadow: 0 0 .417vw 0 rgba(0, 0, 0, .1);
  padding: .443vw 0
}

.m2_newsLogo_wrap .wrapIn_logo {
  max-width: 14.688vw;
  width: 100%;
  margin: 0 auto
}

.m2_newsSlides_stl .slide-item {
  padding: 2px .417vw
}

.m2_newsSlides_stl .slick-slide .m2_wrp_newsLogo,
.m2_newsSlides_stl .slick-slide[aria-hidden=true]:not(.slick-cloned)~.slick-cloned[aria-hidden=true] .m2_wrp_newsLogo {
  padding-right: 4.24vw;
  padding-left: 4.24vw
}

.m2_newsSlides_stl .slick-current .m2_wrp_newsLogo,
.m2_newsSlides_stl .slick-slide[aria-hidden=true]:not([tabindex="-1"])+.slick-cloned[aria-hidden=true] .m2_wrp_newsLogo {
  padding-left: 2.24vw;
  padding-right: 2.24vw
}

.ourValue .how_it_bgImg {
  top: 50%
}

.f-sz-30 {
  font-size: var(--font-sz-30)
}

.ourStory_sec {
  padding-bottom: 4.688vw
}

.timeline_storyList {
  position: relative;
  padding-top: 5.208vw;
  padding-bottom: 10.417vw
}

.timeline_storyList:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 100%;
  background: #ccc;
  transform: translate(0)
}

.timeline_storyList:after {
  content: "";
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  max-width: 1.563vw;
  margin: auto;
  right: 0;
  left: 0
}

.timeline_left_sec,
.timeline_right_sec {
  max-width: 30.958vw;
  width: 100%;
  display: block
}

.timeline_icon {
  max-width: 10.573vw;
  width: 100%;
  display: block;
  margin: auto
}

.timeline_storyList>li {
  margin-bottom: 4.167vw
}

.timeline_storyList>li:nth-child(odd) .timeline_left_sec {
  margin-top: 4.167vw;
  text-align: right;
  padding-right: 5.208vw;
  position: relative
}

.timeline_storyList>li:nth-child(odd) .timeline_left_sec:before {
  content: "";
  width: 100%;
  border-bottom: 1px solid #ccc;
  position: absolute;
  right: 0;
  max-width: 3.646vw;
  top: 2.083vw
}

.timeline_storyList>li:nth-child(odd) .timeline_left_sec:after {
  content: "";
  width: .677vw;
  height: .677vw;
  background: #cf2128;
  position: absolute;
  right: -.313vw;
  top: 1.771vw;
  border-radius: 100%
}

.timeline_storyList>li:nth-child(odd) .timeline_right_sec .timeline_icon {
  margin-left: 4.167vw
}

.timeline_storyList>li:nth-child(2n) .timeline_left_sec {
  order: 2;
  padding-left: 5.208vw;
  position: relative
}

.timeline_storyList>li:nth-child(2n) .timeline_right_sec .timeline_icon {
  margin-right: 4.167vw
}

.timeline_storyList>li:nth-child(2n) .timeline_left_sec:before {
  content: "";
  width: 100%;
  border-bottom: 1px solid #ccc;
  position: absolute;
  left: 0;
  max-width: 3.646vw;
  top: 4.688vw
}

.timeline_storyList>li:nth-child(2n) .timeline_left_sec:after {
  content: "";
  width: .677vw;
  height: .677vw;
  background: #cf2128;
  position: absolute;
  left: -.313vw;
  top: 4.427vw;
  border-radius: 100%
}

.f-sz-16 {
  font-size: .833vw
}

.pubImg_sec_1 {
  width: 4.948vw
}

.pubImg_sec_2 {
  width: 8.854vw
}

.pubImg_sec_3,
.pubImg_sec_4 {
  width: 16.667vw
}

.pubImg_sec_5 {
  width: 16.927vw
}

[data-aos=blur] {
  opacity: .5;
  filter: blur(5px);
  transform: translateY(50px)
}

[data-aos=blur].aos-animate {
  opacity: 1;
  filter: blur(0);
  transform: translateY(0)
}

.cardBx {
  overflow: hidden;
  position: relative
}

.onBard_bx,
.onBard_bxInner {
  transition: .4s ease-in-out
}

.onBard_bx:hover .onBard_bxInner {
  background-color: var(--color-red-1)
}

.onBard_bx:hover .onBard_txt {
  color: #fff
}

.onBard_bx:hover .flipArrow img {
  filter: brightness(0) invert(1)
}

.cursor {
  position: absolute;
  top: -2.604vw;
  left: -2.604vw;
  width: 5.208vw;
  height: 5.208vw;
  background: hsla(0, 0%, 100%, .1);
  border-radius: 50%;
  pointer-events: none;
  z-index: 9;
  opacity: 0;
  transition: .1s ease-in-out
}

.support_slider.slick-slider .slick-list,
.support_slider.slick-slider .slick-track {
  transform: inherit
}

.cardBx:hover .cursor {
  display: block;
  opacity: 1
}

.pci_how_wrkSec .how_works_bx1:before,
.pci_how_wrkSec .how_works_bx1_1:before {
  display: none
}

.pci_how_wrkSec .how_works_bx {
  padding: 2.604vw 2.083vw;
  border-bottom-right-radius: 0
}

.pci_how_wrkSec.sec_shape.shape_red:after {
  display: none
}

.pci_how_wrkSec .pciWrk_inn {
  padding-bottom: 15.854vw
}

.clr-gray {
  color: #888
}

.line-H-2_3 {
  line-height: 2.3
}

.advIcon_1,
.advIcon_2 {
  max-width: 5.104vw
}

.advIcon_3 {
  max-width: 7.656vw
}

.advIcon_4 {
  max-width: 7.448vw
}

.advIcon_5 {
  max-width: 4.74vw
}

.advList_sec .list-inline-item:not(:last-child) {
  margin-right: .26vw;
  padding-right: .26vw;
  border-right: 1px solid #bbb
}

.secAdvantage .sect_wrp_in {
  padding-top: 7.854vw;
  padding-bottom: 12.854vw
}

.pciLaptop_img {
  position: relative;
  max-width: 44.531vw;
  width: 100%;
  display: block
}

.pciLaptop_Floatimg_1 {
  max-width: 5.417vw;
  position: absolute;
  bottom: 13.909vw;
  right: 11.42vw
}

.pciLaptop_Floatimg_2 {
  max-width: 11.198vw;
  position: absolute;
  top: 8.638vw;
  left: 2.05vw
}

.pciBg_sec {
  max-width: 45.052vw;
  position: absolute;
  top: 7.641vw;
  left: 0;
  z-index: -1
}

.pci_gray:after {
  content: "";
  left: 0;
  bottom: -7.687vw;
  background-position: 0 100%;
  height: 100%;
  position: absolute;
  height: 7.813vw;
  width: 100%;
  background-repeat: no-repeat, repeat-y;
  background-size: 100% auto
}

.pci-screen-img {
  position: relative;
  z-index: 1;
  max-width: 30.802vw;
  margin: auto;
  right: -3.281vw
}

.pci_whiteBx {
  background-color: var(--color-white);
  padding: 2.083vw;
  box-shadow: 0 0 18px 0 hsla(0, 0%, 58%, .2);
  border-radius: .732vw
}

.advTitle_redBg {
  background-color: #d0252c;
  border-radius: .625vw;
  padding: .625vw .781vw
}

.advList_item .list-adv-item {
  background-color: #fff;
  border-radius: .732vw;
  box-shadow: 0 0 .952vw 0 rgb(0 0 0/7%);
  padding: 1.042vw .521vw
}

.advList_item .list-adv-item:not(:last-child) {
  margin-bottom: 1.042vw
}

.pci-adv-list-bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%
}

.objCvr {
  object-fit: cover
}

.sec_billPay {
  background-color: #3f4347
}

.sec_billPay.sec_shape1:before {
  background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/Shape-line-TP-dark-gray.svg)
}

.sec_billPay .sect_wrp_in {
  padding-top: 2.854vw;
  padding-bottom: 12.854vw
}

.billpay_bx.travelBx .travelTitle:before {
  border-left: 3px solid #cf2128;
  top: -.26vw
}

.bill-payMobile {
  max-width: 19.969vw;
  margin: auto;
  position: relative;
  z-index: 1
}

.bill-payMobile-1 {
  max-width: 14.615vw;
  right: 5.208vw
}

.bill-payMobile-1,
.bill-payMobile-2 {
  position: absolute;
  bottom: 9.999vw;
  z-index: 1
}

.bill-payMobile-2 {
  max-width: 7.385vw;
  left: 8.854vw
}

.sec_billPay .billpay_bx {
  max-width: 21.354vw
}

.billHow_wrk>.row>[class*=col]:last-child .billpay_bx,
.billHow_wrk>.row>[class*=col]:nth-last-child(2) .billpay_bx {
  margin-bottom: 0
}

.workLine_sec {
  height: 36.719vw
}

.wrkBx {
  position: relative
}

.workLine_sec li .wrkBx_img {
  width: 6.354vw;
  height: 6.354vw;
  background: #cb2e36;
  border-radius: 100%;
  position: relative;
  display: grid
}

.workLine_sec li .wrkBx_img img {
  align-self: center
}

.workLine_sec li .wrkBx_img:before {
  content: attr(data-number);
  width: 1.823vw;
  height: 1.823vw;
  border-radius: 100%;
  background-color: #ff8400;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff
}

.workLine_sec li {
  width: 100%;
  display: block;
  position: absolute
}

.workLine_sec li:first-child {
  max-width: 18.49vw;
  top: 4.688vw;
  left: -1.042vw
}

.workLine_sec li:first-child .wrkBx_txt {
  max-width: 12.979vw;
  width: 100%;
  display: block;
  position: absolute;
  top: -1.042vw;
  right: -1.042vw
}

.workLine_sec li:first-child .wrkBx_img:before {
  top: -.781vw;
  left: 1.042vw
}

.workLine_sec li:nth-child(2) {
  max-width: 16.365vw;
  left: 9.021vw;
  top: 9.375vw
}

.workLine_sec li:nth-child(2) .wrkBx_img {
  top: -.521vw;
  left: 4.167vw;
  margin-bottom: 1.563vw
}

.workLine_sec li:nth-child(2) .wrkBx_img:before {
  top: 1.563vw;
  left: -1.042vw
}

.workLine_sec li:nth-child(3) {
  max-width: 26.667vw;
  top: 9.021vw;
  right: 22.917vw
}

.workLine_sec li:nth-child(3) .wrkBx_txt {
  max-width: 18.396vw;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0
}

.workLine_sec li:nth-child(3) .wrkBx_img:before {
  top: 1.563vw;
  left: -1.042vw
}

.workLine_sec li:nth-child(4) {
  max-width: 18.229vw;
  bottom: 9.375vw;
  right: 22.917vw
}

.workLine_sec li:nth-child(4) .wrkBx_txt {
  max-width: 16.104vw;
  text-align: right;
  position: absolute;
  left: -10.417vw;
  bottom: -5.208vw
}

.workLine_sec li:nth-child(5) {
  max-width: 18.229vw;
  bottom: 7.375vw;
  right: 6.917vw
}

.workLine_sec li:nth-child(5) .wrkBx_txt {
  max-width: 16.104vw;
  width: 100%;
  position: absolute;
  top: -5.208vw;
  right: 2.083vw
}

.workLine_sec li:nth-child(5) .wrkBx_img:before {
  top: 2.604vw;
  left: -1.042vw
}

.workLine_sec li:nth-child(6) {
  max-width: 18.229vw;
  bottom: 1.042vw;
  right: 2.604vw;
  text-align: right
}

.workLine_sec li:nth-child(6) .wrkBx_img {
  margin-right: 0;
  margin-left: auto
}

.workLine_sec li:nth-child(6) .wrkBx_txt {
  margin-top: 1.563vw
}

.workLine_sec li:nth-child(7) {
  max-width: 18.229vw;
  bottom: 1.042vw;
  right: 2.604vw;
  text-align: right
}

.workLine_sec li:nth-child(7) .wrkBx_img {
  margin-right: 0;
  margin-left: auto
}

.workLine_sec li:nth-child(7) .wrkBx_txt {
  margin-top: 1.563vw
}

.bp_rollout_sec {
  max-width: 32.74vw;
  margin: auto;
  position: relative;
  z-index: 1
}

.bill-payment-grid {
  max-width: 54.563vw;
  position: absolute;
  top: 5.208vw;
  left: 0
}

.jit_page_sec .creditCard_inner {
  padding-bottom: 6.167vw;
  padding-top: 2.167vw
}

.jit-gird-img {
  max-width: 52.031vw;
  position: absolute;
  right: 7.813vw;
  top: 14.063vw;
  z-index: -1
}

.getIn_touch_wrap_jit .apiBtn {
  background: #bd2027
}

.getIn_touch_wrap_jit .apiTxt {
  opacity: 1
}

.getIn_touch_wrap_jit .circleWrap {
  background: #fff
}

.jit-workList.workLine_sec li:nth-child(6) {
  max-width: 25.229vw;
  bottom: -1.563vw
}

.jit-workList.workLine_sec li:nth-child(3) .wrkBx_txt {
  max-width: 22.396vw;
  right: -3.646vw
}

.jit-workList.workLine_sec li:nth-child(4) .wrkBx_txt {
  bottom: -4.208vw
}

.jit-workList.workLine_sec li:first-child .wrkBx_txt {
  top: -2.042vw
}

.jit-workList.workLine_sec li:nth-child(5) .wrkBx_txt {
  max-width: 15.104vw;
  top: -4.208vw
}

.jit-card-img {
  max-width: 25.813vw;
  margin: auto;
  position: relative;
  z-index: 1;
  bottom: -2.083vw
}

.jit-card-img-1 {
  max-width: 13.052vw;
  position: absolute;
  top: -6.354vw;
  z-index: 9;
  left: 12.5vw
}

.topSec_video img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  object-position: right bottom
}

.prepaid-cards-hero .prepaid-card-grid {
  max-width: 59.688vw;
  position: absolute;
  top: 13.909vw;
  right: 3.713vw;
  z-index: -1
}

.prepared_cardLaptop_wrap {
  max-width: 44.531vw
}

.prepaid-cardSec.sec_shape.shape_red:after {
  display: none
}

.prepaid-cardSec .sect_wrp_in {
  padding-bottom: 12.167vw;
  padding-top: 6.167vw
}

.prepaid-card-rocket {
  max-width: 10.542vw;
  position: absolute;
  top: -.521vw;
  right: 10.417vw
}

.prepaid-card-laptop-grid {
  position: absolute;
  top: 6.771vw;
  left: 0;
  z-index: 1;
  max-width: 48.281vw
}

.perCard_coinSec .sect_wrp_in {
  padding-top: 2.167vw;
  padding-bottom: 9.167vw
}

.preBx_sec_acc .accordion-button {
  padding: 1.302vw 0;
  background: 0 0;
  color: #000;
  border: none;
  box-shadow: none;
  position: relative
}

.preBx_sec_acc .accordion-button.collapsed {
  padding: 1.302vw 0
}

.preBx_sec_acc .accordion-item {
  border-radius: 0;
  margin-left: 1.563vw;
  border: none;
  border-bottom: 1px solid #b2b2b2
}

.preBx_sec_acc .accordion-button:after {
  display: none
}

.preBx_sec_acc .accordion-item .accordion-body {
  padding: 0 0 .781vw
}

.preBx_sec_acc .accordion-button:before {
  content: "";
  position: absolute;
  border-left: 3px solid #cf2128;
  left: -1.563vw;
  top: 50%;
  height: 2.083vw;
  transform: translate(-50%, -50%);
  opacity: 1
}

.preBx_sec_acc .accordion-button.collapsed:before {
  opacity: 0
}

.prGrid_sec {
  max-width: 56.458vw;
  position: absolute;
  bottom: 6.771vw;
  right: 0;
  z-index: -1
}

.contactPage_sec .creditCard_inner {
  padding-bottom: 9.167vw;
  padding-top: 6.167vw
}

.contact_cstInput::placeholder {
  color: #c3c3c3
}

.bootstrap-select>.dropdown-toggle.bs-placeholder {
  color: #c3c3c3
}

.contact_cstInput,
.contact_cstInput:focus {
  padding: .825vw 1.042vw;
  border-radius: .417vw;
  border: 1px solid #d2d3d4;
  width: 100%;
  outline: none
}

.cstSelect.bootstrap-select>.dropdown-toggle,
.cstSelect.bootstrap-select>.dropdown-toggle:focus {
  padding: .625vw 1.042vw;
  border-radius: .417vw;
  border: 1px solid #d2d3d4;
  width: 100%;
  outline: none;
  background: transparent;
  font-size: 1.042vw;
  outline: none !important
}

.cstSelect.dropdown.bootstrap-select {
  width: 100% !important
}

.cstSelect .dropdown-item.active,
.cstSelect .dropdown-item:active {
  background-color: #4e5053
}

.cstSelect .dropdown-menu .dropdown-item:before {
  display: none
}

.cstSelect .dropdown-toggle:after {
  border-top: .3em solid #cf2129;
  border-bottom: none
}

.submit_btn {
  position: relative;
  width: 100%;
  padding: .521vw .781vw;
  border: .5px solid #cf2129;
  color: #cf2129;
  border-radius: 1.823vw;
  background: transparent;
  cursor: auto;
  background-color: #cf2129;
  color: #fff;
  cursor: pointer
}

.submit_btn:disabled {
  background: #a4a9af;
  border-color: #a4a9af;
  cursor: not-allowed
}

.submit_btn:hover {
  color: #fff
}

.submit_btn:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: #000;
  transform: scaleX(.3);
  opacity: 0;
  transition: all .3s
}

.submit_btn:hover:before {
  opacity: 1;
  background-color: #cf2129;
  border-radius: 1.823vw;
  transform: scaleX(1);
  transition: transform .6s cubic-bezier(.08, .35, .13, 1.02), opacity
}

.footer_sec .apiBtn.ftr_submit_btn:disabled {
  background-color: #a4a9af;
  border-color: #a4a9af;
  cursor: not-allowed
}

.footer_sec .apiBtn.ftr_submit_btn:disabled:hover .circleWrap {
  transform: unset
}

.footer_sec .apiBtn.ftr_submit_btn:disabled:hover .arrowIcon_1 {
  transform: unset;
  visibility: visible;
  opacity: 1
}

.footer_sec .apiBtn.ftr_submit_btn:disabled:hover .arrowIcon_2 {
  visibility: hidden;
  opacity: 0;
  left: unset
}

.apiBtn.news_submit_btn:disabled {
  background-color: #a4a9af;
  border-color: #a4a9af;
  cursor: not-allowed
}

.apiBtn.news_submit_btn:disabled:hover .circleWrap {
  transform: unset
}

.apiBtn.news_submit_btn:disabled:hover .arrowIcon_1 {
  transform: unset;
  visibility: visible;
  opacity: 1
}

.apiBtn.news_submit_btn:disabled:hover .arrowIcon_2 {
  visibility: hidden;
  opacity: 0;
  left: unset
}

.newsSubscribe {
  display: flex;
  padding-top: 20px;
  align-items: center
}

.newsletter-div .errTxt {
  padding-top: 3px;
  margin: unset !important;
  font-weight: 500;
  color: #a94451;
  transition: opacity .3s;
  font-size: 1vw;
  padding-left: .5vw;
  text-align: left
}

.txt_summary a {
  color: #0d6efd
}

.formGroup_wrap.mb__30 {
  margin-bottom: 1vw !important
}

.errTxt {
  padding-top: 3px;
  margin: unset;
  opacity: 0;
  font-weight: 500;
  color: #a94442;
  transition: opacity .3s;
  font-size: 1vw;
  padding-left: .5vw
}

@media (max-width:768px) {
  .errTxt {
    font-size: 12px;
    padding-left: 5px;
    padding-top: 5px
  }

  .contact_select .css-13cymwt-control,
  .contact_select .css-t3ipsp-control {
    padding: 4px 8px !important;
    border-radius: 6px !important
  }

  .ftrResponse .respText,
  .submitResponse .respText {
    font-size: 14px
  }
}

.ftrResponse .respText,
.submitResponse .respText {
  opacity: 0;
  text-align: center;
  transition: visibility, opacity .3s;
  visibility: hidden;
  font-size: 1.33vw;
  font-weight: 500
}

.ftrResponse .respText.Success,
.submitResponse .respText.Success {
  opacity: 1;
  color: #3c763d;
  transition: visibility, opacity .3s;
  visibility: visible
}

.ftrResponse .respText.Error,
.submitResponse .respText.Error {
  opacity: 1;
  color: #a94442;
  transition: visibility, opacity .3s;
  visibility: visible
}

.intl-tel-input.separate-dial-code .selected-dial-code {
  padding-left: 28px !important;
  font-size: 13px
}

.mrg-minusL {
  margin-left: -1.563vw
}

.issu_card_1 {
  max-width: 26vw;
  width: 100%;
  display: block;
  margin: auto;
  position: relative;
  z-index: 99;
  bottom: -1.042vw
}

.issu_card_L {
  max-width: 20.25vw;
  top: 6.771vw;
  left: 1.563vw
}

.issu_card_L,
.issu_card_R {
  position: absolute;
  z-index: 9
}

.issu_card_R {
  max-width: 28vw;
  top: 1.563vw;
  right: 2.604vw
}

.card-issu-grid {
  max-width: 58.594vw;
  position: absolute;
  top: 45%;
  z-index: 1;
  left: 0
}

.cardIss-btm {
  max-width: 30.469vw;
  margin: auto;
  position: relative;
  z-index: 1;
  bottom: 0
}

@media (max-width:768px) {
  .submit_btn {
    background-color: #cf2129;
    border: unset;
    color: #fff
  }

  .submit_btn:hover:before {
    border-radius: 30px
  }
}

.travelBx {
  padding-left: 0
}

.ppCard_slider .travelBx {
  padding-left: 1.663vw
}

.thmArrow_new.m2_btns_bt .slick-arrow {
  bottom: -3.208vw;
  top: inherit
}

.thmArrow_new .slick-arrow.slick-disabled {
  opacity: .5
}

.thmArrow_new .slick-next.slick-arrow,
.thmArrow_new .slick-prev.slick-arrow {
  height: 3.385vw;
  width: 3.385vw;
  background-color: hsla(0, 0%, 100%, .9);
  border-radius: 100%;
  transform: inherit;
  transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out
}

.thmArrow_new .slick-next.slick-arrow:hover,
.thmArrow_new .slick-prev.slick-arrow:hover {
  transform: scale(1.1)
}

.thmArrow_new.m2_btns_bt .slick-prev {
  left: .366vw !important
}

.thmArrow_new .slick-next:before,
.thmArrow_new .slick-prev:before {
  content: "";
  background-size: auto 3.385vw;
  width: 3.385vw;
  height: 3.385vw;
  background-repeat: no-repeat;
  z-index: 999;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 1
}

.thmArrow_new.m2_btns_bt .slick-next {
  right: auto !important;
  left: 4.978vw
}

.thmArrow_new .slick-prev:before {
  background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/red-thm-arrow-L.png)
}

.thmArrow_new .slick-next:before,
.thmArrow_new .slick-prev:before {
  transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out
}

.thmArrow_new .slick-next:before {
  background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/red-thm-arrow-R.png);
  background-position: 100%
}

.thmArrow_new .slick-next:hover:before {
  background-position: 0
}

.thmArrow_new .slick-prev:hover:before {
  background-position: 100%
}

.whtWe_offer_sec {
  padding-top: 10.854vw;
  padding-bottom: 12.813vw;
  background: #3e4a53;
  transform: skewY(-5deg);
  margin-top: 3.125vw;
  position: relative;
  z-index: 99
}

.whtWe_offer_sec_inner {
  transform: skewY(5deg)
}

.kycOnboarding_sec.mt--2 {
  margin-top: -2px !important
}

.whtWe_offer_sec .certifiedBx {
  height: 13.021vw;
  display: flex;
  align-items: center;
  padding: 1.604vw 1.604vw 1.604vw 3.385vw
}

.certifiedBx_txt {
  position: relative
}

.certifiedBx_txt:before {
  content: "";
  position: absolute;
  border-left: 3px solid #cf2128;
  left: -1.042vw;
  top: .365vw;
  height: 1.563vw
}

.cardIssu_wrap {
  z-index: 99
}

.cardIssu_wrap,
.knwMore {
  position: relative
}

.knwMore:after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: .104vw;
  background-color: hsla(0, 0%, 100%, .7);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform .6s cubic-bezier(.19, 1, .22, 1)
}

.knwMore:hover:after {
  transform: scaleX(1);
  transform-origin: left
}

.whtWe_offer_sec.kycSol_sec {
  padding-top: 7.854vw;
  padding-bottom: 5.813vw
}

.mrg-LTrust {
  margin-left: 1.042vw
}

.our-values-bt {
  padding-bottom: 7.55vw !important
}

.jitHq.creditCard_inner.aboutUs_pt {
  padding-top: 2.167vw
}

.gold_deposit_sec .travel_img {
  max-width: 35.469vw;
  position: relative;
  top: -2.083vw
}

.gold_deposit_sec .travelBx {
  padding-left: 0
}

.gold_deposit_sec .sect_wrp_in {
  padding-top: 7.646vw
}

.gold_deposit_sec.sec_wrp_crossBrd .rollOut_img {
  top: 62%
}

.key-benefits_sec.sec_shape:before {
  display: none
}

.key-benefits_sec .sect_wrp_in {
  padding-top: 11.208vw;
  padding-bottom: 9.208vw
}

.goldDeposit-img {
  max-width: 37.24vw;
  display: block;
  z-index: 9
}

.goldDeposit-img,
.upi-img-s {
  margin: auto;
  position: relative
}

.upi-img-s {
  max-width: 24.615vw;
  z-index: 11;
  left: 2.865vw;
  top: 2.083vw
}

.upi-grid-img,
.upi-plane-1,
.upi-plane-2,
.upi-plane-3,
.upi-plane-4,
.upi-plane-5 {
  position: absolute
}

.upi-plane-1 {
  max-width: 13.177vw;
  top: 1.563vw;
  right: 15.104vw;
  z-index: 11
}

.upi-plane-2 {
  max-width: 13.208vw;
  top: 5.729vw;
  left: 10.521vw;
  z-index: 11
}

.upi-plane-3 {
  max-width: 18.594vw;
  top: 6.771vw;
  right: 9.375vw;
  z-index: 11
}

.upi-plane-4 {
  max-width: 12.229vw;
  top: 13.177vw;
  left: 11.347vw;
  z-index: 11
}

.upi-plane-5 {
  max-width: 13.021vw;
  bottom: 3.294vw;
  right: 15.373vw;
  z-index: 11
}

.upi-grid-img {
  max-width: 50.056vw;
  bottom: 8.785vw;
  left: 0
}

.upi_sec_shap.credit_sec_shap:before {
  background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/Shape-BT-1.svg);
  transform: none;
  top: 0
}

.upiBtm_sec .sect_wrp_in {
  padding-bottom: 6.167vw
}

.upi-btm-img-1 {
  max-width: 37.865vw;
  margin: auto;
  position: relative;
  z-index: 1;
  left: .521vw
}

.upi-btm-img-2 {
  position: absolute;
  top: 3.66vw;
  max-width: 30vw;
  margin: auto;
  width: 100%;
  z-index: 9;
  left: .732vw
}

.debit-cardImg {
  max-width: 33.24vw;
  margin: auto;
  position: relative;
  z-index: 9;
  left: 2.083vw
}

.debit-card-img-btm {
  max-width: 43.906vw;
  width: 100%;
  display: block;
  position: relative;
  z-index: 9;
  top: 1.563vw;
  left: 1.563vw
}

.letter_spac_2 {
  letter-spacing: -1.5px
}

.cllction_bx {
  background-color: #fff;
  padding: 2.083vw 1.042vw;
  border-radius: 1.042vw 1.042vw 0 1.042vw;
  box-shadow: 45px 39px 49px -15px rgba(0, 0, 0, .5)
}

.bg_color_bgRed {
  background-color: var(--color-red-1)
}

.mc_record {
  max-width: 69.323vw;
  width: 100%;
  margin-bottom: -13.021vw
}

.whiteHide:before {
  display: none !important
}

.collection-management-img {
  max-width: 47.135vw;
  width: 100%;
  position: relative;
  z-index: 9;
  display: block
}

.payLtr_sec.sec_wrp_crossBrd .rollOut_img {
  top: 63%
}

.payLtr_sec.sec_wrp_crossBrd .travel_img {
  max-width: 37.625vw
}

.recon-imgWrap {
  max-width: 49.427vw;
  margin: auto
}

.recon_sec_one.prepaid-cardSec .sect_wrp_in {
  padding-bottom: 8.167vw;
  padding-top: 4.167vw
}

.proHighlights_bx {
  background: #fff;
  padding: 2.083vw;
  border-radius: 1.042vw 1.042vw 0;
  box-shadow: 45px 39px 49px -15px rgba(0, 0, 0, .5)
}

.proHighlights_bx_inn {
  padding-left: 1.563vw
}

.proHighlights_bx_title {
  position: relative
}

.proHighlights_bx_title:before {
  content: "";
  position: absolute;
  height: 100%;
  left: -1.563vw;
  border-left: 3px solid var(--color-red-1);
  top: 0
}

.proHighlights_bx_inn .kyc_work_list {
  padding: 0;
  box-shadow: none !important;
  border-radius: 0;
  margin-bottom: 0
}

.recon_last_sec.sec_billPay.sec_shape1:before {
  z-index: 99;
  background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/blue-Shape-line-TP-dark-gray.svg)
}

.recon_last_sec.sec_billPay.sec_shape1:after {
  background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/blue-Shape-line-BT-dark-gray.svg)
}

.sec_billPay.recon_last_sec .sect_wrp_in {
  padding-top: 7.854vw;
  padding-bottom: 7.854vw
}

.sec_billPay.recon_last_sec .issue_market_circle {
  width: 40.729vw;
  height: 40.729vw
}

.sec_billPay.recon_last_sec .issue_market_circle:before {
  width: 34.927vw;
  height: 34.927vw
}

.sec_billPay.recon_last_sec .bp_rollout_sec {
  max-width: 29.375vw;
  top: 1.563vw;
  left: 2.604vw
}

.recon-grid-img {
  position: absolute;
  max-width: 42.24vw;
  bottom: -4.167vw;
  left: 2.604vw
}

.recon_last_sec.sec_billPay {
  background-color: #3e4a53
}

.surrogate-img-1,
.surrogate-img-2,
.surrogate-img-3 {
  z-index: 9;
  position: absolute
}

.surrogate_sec_one.prepaid-cardSec .sect_wrp_in {
  padding-bottom: 14.167vw;
  padding-top: 11.167vw
}

.surrogate-img-1 {
  top: -9.896vw;
  left: 7.813vw;
  max-width: 11.469vw;
  display: block
}

.surrogate-img-2 {
  top: -5.729vw;
  left: 5.729vw;
  max-width: 27.99vw
}

.surrogate-img-3 {
  right: 7.813vw;
  max-width: 11.469vw;
  bottom: -5.208vw
}

.surrogate_sec_two .travelTitle:before {
  border-left: 3px solid var(--color-red-1)
}

.surrogate-grid-1 {
  position: absolute;
  bottom: 6.25vw;
  max-width: 44.583vw
}

.surrogate_sec_two .debit-cardImg {
  max-width: 44.313vw;
  top: 5.208vw
}

.surrogate_sec_two .thmArrow_new .slick-next.slick-arrow,
.surrogate_sec_two .thmArrow_new .slick-prev.slick-arrow {
  background-color: #d4373d
}

.surrogate_sec_three .workLine_sec li:first-child {
  top: .688vw;
  left: -2.042vw
}

.surrogate_sec_three .workLine_sec li:nth-child(2) {
  left: 4.021vw
}

.surrogate_sec_three .workLine_sec li:nth-child(3) {
  top: 7.021vw;
  right: 28.917vw
}

.surrogate_sec_three .workLine_sec li:nth-child(3) .wrkBx_txt {
  top: -1.563vw
}

.surrogate_sec_three .workLine_sec li:nth-child(4) {
  bottom: 13.375vw;
  right: 25.917vw
}

.surrogate_sec_three .workLine_sec li:nth-child(4) .wrkBx_txt {
  max-width: 17.104vw
}

.surrogate_sec_three .workLine_sec li:nth-child(5) {
  right: 12.917vw
}

.surrogate_sec_three .workLine_sec li:nth-child(6) {
  bottom: 3.042vw;
  right: 9.604vw
}

.surrogate_sec_three .workLine_sec li:nth-child(7) {
  bottom: -2.958vw;
  right: -1.396vw
}

.surrogate_sec_two_1.surrogate_sec_two .debit-cardImg {
  top: 0
}

.surrogate-grid-2 {
  position: absolute;
  bottom: 6.771vw;
  right: 0;
  max-width: 62.396vw
}

.surrogate_sec_five .workLine_sec li .wrkBx_img {
  background: #fff
}

.surrogate_sec_last.sec_billPay.recon_last_sec .bp_rollout_sec {
  max-width: 36.375vw;
  left: 0
}

.surrogate_sec_last.sec_billPay.recon_last_sec .sect_wrp_in {
  padding-top: 11.854vw;
  padding-bottom: 9.854vw
}

.surrogate_sec_two_1.sec_wrp_how .sect_wrp_in {
  padding-top: 7.208vw;
  padding-bottom: 10.208vw
}

.surrogateImg_wrap {
  max-width: 36.042vw;
  position: relative;
  z-index: 9;
  left: 6.25vw
}

.m2_kycSuite_secType .sect_wrp_in {
  padding-top: 9.375vw
}

.sec_wrp_typeKyc.m2_kycSuite_secType .bg-circle {
  bottom: 6.354vw
}

.sec_wrp_typeKyc.m2_kycSuite_secType .bg-circle .bg.bg3 {
  width: 90vw;
  height: 90vw;
  bottom: -41.063vw
}

.sec_wrp_typeKyc.m2_kycSuite_secType .bg-circle .bg.bg2 {
  width: 73.604vw;
  height: 73.604vw
}

.m2_kycSuiteMob_sec {
  position: absolute;
  bottom: -9.375vw;
  z-index: 10;
  max-width: 17.188vw;
  width: 100%;
  margin-left: -8.438vw;
  left: 50%
}

.m2_kycSuiteType_list {
  position: relative;
  min-height: 38.021vw;
  max-width: 59.896vw;
  width: 100%;
  margin: 0 auto
}

.m2_kycSuiteType_list>li {
  position: absolute;
  z-index: 50
}

.m2_kycSuiteType_list>li.m2_pos_1,
.m2_kycSuiteType_list>li.m2_pos_2 {
  top: 0
}

.m2_kycSuiteType_list>li.m2_pos_3,
.m2_kycSuiteType_list>li.m2_pos_4 {
  top: 22.396vw
}

.m2_kycSuiteType_list>li.m2_pos_1 {
  left: 7.813vw
}

.m2_kycSuiteType_list>li.m2_pos_2 {
  right: 7.813vw
}

.m2_kycSuiteType_list>li.m2_pos_3 {
  left: 0
}

.m2_kycSuiteType_list>li.m2_pos_4 {
  right: 0
}

.m2_kycSuite_infoItem {
  width: 13.542vw;
  margin-left: auto;
  margin-right: auto
}

.m2_kycSuite_infoItem .txt-head-wrp {
  color: #fff;
  margin-bottom: .521vw
}

.m2_kycSuite_infoItem .txt-head {
  font-size: 4.688vw;
  line-height: .8;
  display: inline-block
}

.m2_kycSuite_infoItem .sml-txt {
  font-size: 1.823vw
}

.m2_kycSuite_infoItem .icon-wrp {
  max-width: 7.813vw;
  margin: 0 auto .26vw
}

.m2_kycSuite_infoItem .txtWrp {
  line-height: 1.2
}

.m2_sec-kycsuite-Solutions .sect_wrp_in {
  padding-top: 13.021vw;
  padding-bottom: 13.021vw
}

.m2_sec-kycsuite-Solutions .sec-bg-Img {
  position: absolute;
  left: 0;
  margin-left: -8.854vw;
  max-width: 83.333vw;
  top: 14.323vw
}

.m2_sec-kycsuite-Solutions .m2_continfo-wrap {
  margin-left: 4.427vw
}

.m2_kycSuite-SolutionList>li {
  position: relative;
  border-left: .208vw solid #cf2128;
  padding-left: 1.042vw
}

.m2_kycSuite-SolutionList>li:not(:last-child) {
  margin-bottom: 2.344vw
}

.m2_wrapkycSuite-solutionImg {
  position: relative;
  margin: -1.302vw -1.563vw 0 -3.125vw
}

.m2_kycSuite-cirlOuter {
  min-height: 35.729vw
}

.m2_kycSuite_SmartWayImg {
  width: 16.406vw;
  margin: 0 auto;
  bottom: -5.208vw
}

.m2_kycSuite_SmartWayImg,
.m2_kycSuite_SmartWayImg .img-item-1,
.m2_kycSuite_SmartWayImg .img-item-2 {
  position: relative;
  z-index: 1
}

.m2_kycSuite_SmartWayImg .img-item-2 {
  margin-bottom: -3.021vw;
  z-index: 2
}

.m2_kycSuite_SmartWayImg .bg-lines {
  position: absolute;
  bottom: -5.469vw;
  width: 41.667vw;
  left: 50%;
  margin-left: .625vw;
  transform: translateX(-50%)
}

.m2_kycSuite-smartInfo {
  margin-left: 5.729vw;
  padding-right: 5.208vw
}

.lean_wrk {
  width: 68%
}

.circleName {
  margin-bottom: 3.49vw
}

.max_width {
  max-width: 38.354vw !important
}

.bill-payMobile.puzzleImg {
  max-width: 41.969vw
}

.turing_sec_two .bill-payMobile.puzzleImg {
  max-width: 43.969vw;
  position: relative;
  left: 4.083vw;
  top: 1.563vw
}

.thankyou {
  max-width: 21.771vw
}

.home-hero-img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: auto;
  right: 0;
  line-height: 0;
  overflow: hidden;
  z-index: -1
}

.home-hero-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: center
}

.bgWrap {
  background-position: 50%;
  background-repeat: no-repeat
}

.mrg-t-15 {
  margin-top: .781vw
}

.travel_img.kycSol {
  max-width: 100%
}

.pgScroll_Header .site_logo img {
  max-width: 3.052vw
}

.pgScroll_Header .headerMain .cst_navbar {
  transition: all .3s ease-in-out
}

.pgScroll_Header .apiBtn {
  padding: .265vw
}

.pgScroll_Header .circleWrap {
  height: 2.304vw;
  width: 2.304vw
}

.aboutHero {
  position: relative;
  margin-top: -18.75vw;
  max-width: 100%
}

.aboutHero video {
  height: 100vh;
  object-fit: contain;
  object-position: center bottom;
  width: 95%
}

.mrg_t-100 {
  margin-top: -4.808vw
}

.connect_btn {
  width: 25%;
  text-align: right
}

.site_logo {
  width: 25%
}

.navbar_div {
  width: 50%
}

.legal-privacy-col {
  padding-bottom: 20vw
}

.errorText {
  margin-left: 8.229vw
}

.mrgBt {
  margin-bottom: 10.052vw;
  margin-top: 1.854vw
}

.lifeBx {
  padding: .781vw
}

.lifeBx img {
  border-radius: 1.042vw
}

.aboutUs_extra_sec {
  padding-bottom: 15.135vw
}

.aboutUs_extra_sec .slide_Arrow .slick-arrow {
  bottom: -4.479vw
}

@keyframes bounce2 {
  0% {
    transform: translateY(0)
  }

  50% {
    transform: translateY(-15px)
  }

  to {
    transform: translateY(0)
  }
}

@keyframes colorSlide {
  0% {
    background-position: 0 100%
  }

  20% {
    background-position: 0 0
  }

  21% {
    background-color: #7f7f7f
  }

  29.99% {
    background-color: #000;
    background-position: 0 0
  }

  30% {
    background-color: #7f7f7f;
    background-position: 0 100%
  }

  50% {
    background-position: 0 0
  }

  51% {
    background-color: #7f7f7f
  }

  59% {
    background-color: #000;
    background-position: 0 0
  }

  60% {
    background-color: #7f7f7f;
    background-position: 0 100%
  }

  80% {
    background-position: 0 0
  }

  81% {
    background-color: #7f7f7f
  }

  90%,
  to {
    background-color: #000
  }
}

@media (min-width:992px) {
  .inner-conatiner {
    max-width: 80%
  }

  .workRow>.col,
  .workRow>[class*=col] {
    padding-right: 1.563vw;
    padding-left: 1.563vw
  }

  .sect_neobank_wrap2 .row-vw>.col,
  .sect_neobank_wrap2 .row-vw>[class*=col] {
    padding-right: 0;
    padding-left: 0
  }

  .apiBtn_stricky {
    padding: .356vw
  }

  .col-lg {
    flex: 1 0 !important
  }

  .jitHq {
    height: 100vh
  }

  .jitHq .topSec_video {
    top: 0
  }

  .row-collection>.col,
  .row-collection>[class*=col] {
    padding-right: 1.042vw;
    padding-left: 1.042vw
  }
}

@media (max-width:991px) {
  :root {
    --font-sz-18: 13px;
    --font-sz-20: 14px;
    --font-sz-22: 16px;
    --font-sz-24: 17px;
    --font-sz-28: 20px;
    --font-sz-30: 21px;
    --font-sz-32: 22px;
    --font-sz-46: 26px;
    --font-sz-80: 34px;
    --font-sz-68: 30px;
    --font-sz-40: 22px;
    --font-sz-60: 30px
  }

  .pgScroll_Header .site_logo {
    max-width: 44px
  }

  .site_logo img {
    max-width: 9.052vw !important
  }

  .pgScroll_Header .site_logo img {
    max-width: 44px
  }

  .pgScroll_Header .headerMain .rgt_item {
    transform: scale(1)
  }

  .row-vw {
    margin-right: -10px;
    margin-left: -10px
  }

  .row-vw>.col,
  .row-vw>[class*=col] {
    padding-right: 10px;
    padding-left: 10px
  }

  .connect_btn {
    width: auto;
    display: flex
  }

  .navbar_div {
    width: auto
  }

  .dropdown-menu.cstDrop {
    padding: 10px 20px;
    border-radius: 12px;
    max-width: 90%
  }

  .dropdown-menu .dropdown-item {
    padding: 10px;
    font-size: 14px
  }

  .dropdown-menu .dropdown-item:hover:before {
    right: 15px;
    font-size: 22px
  }

  .apiBtn {
    padding: 4px;
    border-radius: 20px;
    border: 0
  }

  .apiTxt {
    padding: 0 12px
  }

  .circleWrap {
    height: 26px !important;
    width: 26px !important
  }

  .arrowIcon_1,
  .arrowIcon_2 {
    max-width: 20px
  }

  .footer-logo {
    max-width: 60px;
    margin-bottom: 20px
  }

  .cstInput,
  .cstInput:focus {
    padding: 6px 0
  }

  .fintechAddress_sec .accordion-item {
    margin-bottom: 10px;
    padding-bottom: 10px
  }

  .accordion-header {
    margin-bottom: 0
  }

  .fintechAddress_sec .accordion-item .accordion-button {
    padding: 5px 0
  }

  .footer-links {
    padding-left: 0
  }

  .footerTop {
    margin-bottom: 30px
  }

  .emailIcon_sec {
    margin-right: 10px
  }

  .emailIcon,
  .socialLink {
    max-width: 20px
  }

  .socialWrap .list-inline-item:not(:last-child) {
    margin-right: 15px
  }

  .emailWrap {
    margin-bottom: 20px
  }

  .lelTxt .list-inline-item:not(:last-child) {
    margin-right: 15px
  }

  .footer_sec {
    padding-bottom: 40px
  }

  .menuIcon_sec {
    max-width: 41px;
    margin-right: 5px
  }

  .dropCst_section .list-unstyled {
    margin: 10px 0
  }

  .kycmiddle_sec {
    position: relative;
    padding-left: 15px;
    margin-top: 0
  }

  .kycTop_banner {
    height: calc(100vh - 130px)
  }

  .topSec_video {
    width: 94%;
    top: -25px
  }

  .pb__100 {
    padding-bottom: 40px
  }

  .kyc_mobImg {
    max-width: 175px
  }

  .sec_wrp_typeKyc .bg-circle {
    bottom: -28px
  }

  .sec_wrp_typeKyc .bg-circle .bg.bg1 {
    bottom: -204px;
    width: 446px;
    height: 446px
  }

  .sec_wrp_typeKyc .bg-circle .bg.bg2 {
    bottom: -260px;
    width: 550px;
    height: 550px
  }

  .sec_wrp_typeKyc .bg-circle .bg.bg3 {
    bottom: -314px;
    width: 650px;
    height: 650px
  }

  .m2_pos_1 .m2_typeKyc_item:before {
    margin-left: -38px;
    top: -10px
  }

  .m2_pos_1 .kyc-item-inner {
    max-width: 94px
  }

  .m2_kycType_list .m2_pos_1 {
    top: -26px
  }

  .m2_kycType_list .m2_pos_3 {
    right: 192px;
    top: 78px
  }

  .m2_typeKyc_item:before {
    font-size: 52px
  }

  .m2_pos_3 .kyc-item-inner {
    max-width: 65px;
    width: 100%
  }

  .m2_pos_3 .m2_typeKyc_item .txtWrp {
    bottom: -35px;
    margin-left: 0
  }

  .m2_pos_3 .m2_typeKyc_item:before {
    right: -32px;
    margin-left: 0;
    top: 0
  }

  .m2_kycType_list .m2_pos_5 {
    right: 126px;
    top: 146px
  }

  .m2_pos_5 .kyc-item-inner {
    max-width: 62px
  }

  .m2_pos_5 .m2_typeKyc_item:before {
    right: 0;
    transform: translateX(-50%);
    margin-left: 0;
    top: 18px
  }

  .m2_pos_5 .m2_typeKyc_item .txtWrp {
    bottom: -36px;
    margin-left: -28px
  }

  .m2_kycType_list .m2_pos_7 {
    right: 106px;
    top: 232px
  }

  .m2_pos_7 .m2_typeKyc_item:before {
    right: -30px;
    transform: translateX(-50%);
    margin-left: 0;
    top: 0
  }

  .m2_pos_7 .m2_typeKyc_item .txtWrp {
    bottom: -30px;
    margin-left: 0
  }

  .m2_pos_7 .kyc-item-inner {
    max-width: 78px;
    width: 100%;
    margin-left: auto
  }

  .m2_kycType_list .m2_pos_2 {
    left: 195px;
    top: 86px
  }

  .m2_pos_2 .m2_typeKyc_item:before {
    left: 50%;
    transform: translateX(-50%);
    margin-left: -36px;
    top: -13px
  }

  .m2_pos_2 .kyc-item-inner {
    max-width: 74px;
    width: 100%
  }

  .m2_kycType_list .m2_pos_4 {
    left: 145px;
    top: 146px
  }

  .m2_pos_4 .m2_typeKyc_item:before {
    left: 50%;
    transform: translateX(-50%);
    margin-left: -187px;
    top: 8px
  }

  .m2_pos_4 .kyc-item-inner {
    max-width: 69px;
    width: 100%
  }

  .m2_kycType_list .m2_pos_6 {
    left: 96px;
    top: 224px
  }

  .m2_pos_6 .kyc-item-inner {
    max-width: 78px;
    width: 100%
  }

  .m2_pos_6 .m2_typeKyc_item .txtWrp {
    bottom: -50px
  }

  .mosuewheel_sec {
    display: none
  }

  .mouse {
    width: 12px;
    height: 24px;
    margin-top: 52px;
    border-radius: 20px
  }

  .mouse:before {
    width: 8px;
    height: 20px;
    background-color: #fff;
    border-radius: 20px
  }

  .mouse:after {
    width: 2px;
    height: 5px;
    top: -8px
  }

  .onBordTxt {
    margin: 15px 0
  }

  .onBard_bxInner {
    padding: 15px;
    border-radius: 6px;
    letter-spacing: -1px
  }

  .flipArrow {
    max-width: 40px
  }

  .flip-card-back {
    padding: 15px;
    border-radius: 6px
  }

  .scrollmagic-pin-spacer:after,
  .sec_shape:after,
  .sec_shape:before {
    height: 76px
  }

  .sec_wrp_how .sect_wrp_in,
  .sec_wrp_kyc .sect_wrp_in {
    padding-top: 50px;
    padding-bottom: 50px
  }

  .sect_wrp_in.kyc_howit {
    padding-bottom: 100px
  }

  .kycWork-item-1 .kycTitle_icon {
    max-width: 76px
  }

  .kycTitle_icon {
    left: 10px
  }

  .kycWorkTitle {
    padding: 10px;
    border-radius: 6px
  }

  .kycWork-item-2 .kycTitle_icon {
    bottom: -5px
  }

  .col_txt {
    padding-left: 14px
  }

  .kycWork-item-2 .kycTitle_icon {
    max-width: 70px
  }

  .kycTitle_icon1 {
    bottom: -4px;
    left: 5px;
    max-width: 74px
  }

  .kycSec_title {
    letter-spacing: -1px
  }

  .kyc-item-2 {
    max-width: 193px;
    top: 25px;
    right: -18px
  }

  .kyc-item-3 {
    max-width: 134px;
    top: 38px;
    left: 14px
  }

  .kyc_circle {
    width: 275px;
    height: 275px
  }

  .kyc_circle:before {
    width: 240px;
    height: 240px
  }

  .kyc-item-1 {
    max-width: 135px
  }

  .kyc_work_list {
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 6px;
    box-shadow: 0 0 8px 0 rgb(0 0 0/7%)
  }

  .downArrow_kyc:before,
  .kycBtm_arrow,
  .kycRight_arrow,
  .upArrow_kyc:before {
    display: none
  }

  .onBard_bx {
    height: 290px;
    margin: 5px 10px
  }

  .kyc_slider {
    padding: 0 35px
  }

  .creditCard_inner {
    padding-top: 18px
  }

  .topSec_video.credit_card_video {
    right: 14px
  }

  .f-sz-35 {
    font-size: 16px
  }

  .visaImg {
    max-width: 65px
  }

  .ruPayImg {
    max-width: 100px
  }

  a.mastercardImg {
    max-width: 150px
  }

  .card_list ul li:not(:last-child):before {
    top: 2px;
    right: -10px;
    width: 1px;
    height: 25px
  }

  .sect_credit_wrap2 {
    padding-top: 50px;
    padding-bottom: 30px
  }

  .credit_sec_3 {
    padding: 125px 0 85px
  }

  .secured_tital {
    padding-left: 15px
  }

  .secured_tital:before {
    top: 4px;
    width: 2px;
    height: 20px
  }

  .secured_cont .secured_text {
    font-size: 13px
  }

  .secured_cont {
    padding: 15px
  }

  .support360 {
    margin-bottom: 30px;
    max-width: 100%;
    width: 100%
  }

  .credit_support_sec {
    padding: 100px 0;
    margin-top: -5px
  }

  .trusted_icon_img1 {
    max-width: 136px
  }

  .trusted_icon_img2 {
    max-width: 68px
  }

  .trusted_icon_img3 {
    max-width: 170px
  }

  .trusted_icon_img4 {
    max-width: 132px
  }

  .trusted_icon_img5 {
    max-width: 90px
  }

  .trusted_list_icon .list-inline-item:not(:last-child) {
    margin-right: 15px;
    margin-bottom: 20px
  }

  .issue_marketImg2 {
    top: -66px;
    left: 64px;
    max-width: 234px
  }

  .issue_marketImg1 {
    top: -102px;
    left: 74px;
    max-width: 232px
  }

  .issue_marketImg3 {
    top: -34px;
    left: 58px;
    max-width: 240px
  }

  .issue_market_circle {
    width: 236px;
    height: 236px
  }

  .issue_market_circle:before {
    width: 275px;
    height: 275px
  }

  .sec_shape:before {
    bottom: calc(100% - 2px)
  }

  .topSec_video.fleet_drive_video {
    right: 24px
  }

  .how_works_bx {
    border-radius: 6px;
    padding: 15px 10px;
    margin-bottom: 50px
  }

  .bx_num {
    width: 25px;
    height: 25px;
    padding: 2px
  }

  .h_w_icon_out {
    width: 100px;
    height: 100px
  }

  .fleet_drive__h_work_icon {
    max-width: 85px
  }

  .bx_num1 {
    width: 25px;
    height: 25px;
    padding: 2px;
    bottom: -24px
  }

  .how_works_bx1:before {
    background-size: 70px;
    width: 70px;
    height: 86px;
    transform: translateY(-28%)
  }

  .how_works_bx1_1:before {
    background-size: 70px;
    width: 70px;
    height: 86px;
    transform: translateY(40%)
  }

  .how_works_bx_mar_t {
    margin-top: 70px
  }

  .thmArrow .slick-next.slick-arrow {
    right: 0;
    background: rgba(0, 0, 0, .6);
    width: 38px;
    height: 38px;
    top: 40%
  }

  .thmArrow .slick-prev.slick-arrow {
    display: block !important;
    background: rgba(0, 0, 0, .6);
    width: 38px;
    height: 38px;
    top: 50%;
    z-index: 999;
    border-radius: 100px;
    left: 0
  }

  .thmArrow .slick-next:before {
    background-size: 20px;
    width: 20px;
    height: 15px;
    background-repeat: no-repeat
  }

  .thmArrow .slick-prev.slick-arrow:before {
    left: 50%;
    opacity: 1 !important
  }

  .thmArrow .slick-prev.slick-arrow:after,
  .thmArrow .slick-prev.slick-arrow:before {
    content: "";
    background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/btn-arrow1.png);
    background-size: 20px;
    width: 20px;
    height: 10px;
    background-position: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    background-repeat: no-repeat
  }

  .thmArrow .slick-prev.slick-arrow:after {
    left: -50%;
    opacity: 0;
    visibility: hidden
  }

  .thmArrow .slick-prev:hover.slick-arrow:after {
    left: 50%;
    opacity: 1;
    visibility: visible
  }

  .thmArrow .slick-prev:hover.slick-arrow:before {
    left: 100%;
    opacity: 0 !important;
    visibility: hidden
  }

  .thmArrow .slick-next:after {
    background-size: 20px;
    width: 20px;
    height: 15px;
    background-repeat: no-repeat
  }

  .support_slider {
    padding: 0 35px
  }

  .fleet_leaner_img1 {
    top: -136px;
    left: 75px;
    max-width: 100px
  }

  .fleet_leaner_img2 {
    top: -64px;
    left: -6px;
    max-width: 202px;
    z-index: 9
  }

  .fleet_leaner_img3 {
    top: -84px;
    left: 84px;
    max-width: 202px
  }

  .fleet_leaner_img4 {
    top: -25px;
    left: 175px;
    max-width: 54px
  }

  .fleet_leaner_img5 {
    top: 26px;
    left: 166px;
    max-width: 44px
  }

  .fleet_leaner_img6 {
    top: -25px;
    left: 224px;
    max-width: 44px
  }

  .fleet_leaner_img7 {
    top: 10px;
    left: 210px;
    max-width: 50px
  }

  .fleet_drive_shape:before {
    height: 70px;
    margin-top: -2px
  }

  .getIn_touch_wrap .rgt_item {
    margin-left: 0
  }

  .detectImg {
    max-width: 80%
  }

  .offer_3dImg1 {
    max-width: 355px;
    bottom: -164px;
    left: -41px
  }

  .offer_3dimg2 {
    top: -82px;
    left: 4px;
    max-width: 98px
  }

  .offer_3dimg3 {
    top: 18px;
    left: 64px;
    max-width: 82px
  }

  .offer_3dimg4 {
    top: -24px;
    left: 132px;
    max-width: 76px
  }

  .sec_howit3d.feet_how_it_sec {
    padding: 50px 0 !important
  }

  .fet_bank_icon6 {
    max-width: 192px;
    top: -250px;
    right: -38px
  }

  .fet_bank_icon1 {
    max-width: 164px;
    top: 11px;
    left: 90px
  }

  .fet_bank_icon4 {
    max-width: 42px;
    top: -98px;
    left: -10px
  }

  .fet_bank_icon3 {
    max-width: 66px;
    top: -200px;
    left: 42px
  }

  .fet_bank_icon2 {
    max-width: 74px;
    top: -290px;
    left: 104px
  }

  .fet_bank_icon8 {
    max-width: 40px;
    top: -464px;
    right: -269px
  }

  .fet_bank_icon5 {
    max-width: 54px;
    top: -94px;
    left: 45px
  }

  .fet_bank_icon7 {
    max-width: 38px;
    top: -390px;
    right: -199px
  }

  .feature_bankingImg {
    width: 380px
  }

  .sec_counter_wrp .bg_video {
    top: 1px
  }

  .sec_wrp_bank .issue_marketImg {
    max-width: 340px;
    margin: 0;
    left: 0;
    transform: translateX(30%) !important
  }

  .sec_wrp_bank .issue_market_circle:before {
    width: 330px;
    height: 330px
  }

  .sec_wrp_bank .issue_market_circle {
    width: 284px;
    height: 284px
  }

  .issue_marketImg_outer {
    width: 66%;
    margin: 0 auto
  }

  .sec_wrp_fixedDeposit .sect_credit_wrap2 {
    padding-bottom: 50px;
    padding-top: 20px
  }

  .sec_wrp_fixedDeposit .crdit_rocket_img {
    top: 0
  }

  .fixedEnd_sec .issue_marketImg {
    max-width: 180px;
    margin: 0 auto 0 90px;
    top: 12px
  }

  .pigImg {
    left: 32%;
    max-width: 167px
  }

  .formSubmit .rgt_item {
    margin-left: 0
  }

  .sec_wrp_fixedDeposit .crdit_rocket_img_1 {
    max-width: 46px;
    top: -43px;
    right: 74px
  }

  .sec_wrp_fixedDeposit .crdit_rocket_img_2 {
    max-width: 40px;
    top: 7px;
    left: 24px
  }

  .sendTxt_wrap {
    position: relative;
    top: 0;
    right: 0;
    transform: inherit;
    width: 100%;
    padding-left: 0
  }

  .cb-partnerBx_1:before,
  .cb-partnerBx_2:before {
    display: none
  }

  .sec_wrp_crossBrd .sect_wrp_in {
    padding: 50px 15px
  }

  .mb__100 {
    margin-bottom: 50px
  }

  .travelTitle:before {
    left: -19px;
    height: 22px
  }

  .ppCard_slider .travelBx,
  .travelBx {
    padding-left: 20px
  }

  .travel_img {
    max-width: 260px
  }

  .crossBrd_prtnr_sec {
    padding: 100px 0
  }

  .cb-partner-1 {
    max-width: 190px
  }

  .prtnerBg_1 {
    top: -25px;
    width: 300px;
    left: -20px
  }

  .cb-partner-2 {
    max-width: 160px
  }

  .prtnerBg_2 {
    width: 290px;
    right: -4px;
    top: -22px
  }

  .cb-partner-3 {
    max-width: 180px
  }

  .secCB_wrap .cb-item {
    top: -26px
  }

  .cb-item-2 {
    left: 20px
  }

  .cb-item-2,
  .cb-item-3 {
    max-width: 154px;
    z-index: 8
  }

  .cb-item-3 {
    right: 20px
  }

  .cb-item-1 {
    max-width: 226px
  }

  .sect_wrp_in.m2p_adcantage_wrap {
    padding-top: 100px
  }

  .kyc_work_list .list_work_itm {
    margin-left: 10px
  }

  .kyc_work_list .list_work_itm:before {
    width: 8px;
    height: 10px;
    background-size: 8px;
    top: 6px;
    left: -12px
  }

  .bnpl-item-1 {
    max-width: 280px;
    bottom: -40px;
    z-index: 9;
    left: 5px
  }

  .bnpl-item-2 {
    max-width: 194px;
    bottom: 0;
    left: 29%;
    transform: translateY(50%)
  }

  .secCB_wrap .sect_wrp_in {
    padding: 55px 0
  }

  .kycBx_wrap {
    left: 0;
    max-width: 100%;
    width: 100%
  }

  .rollOut_img.bnpl_rollOut {
    top: 50%;
    width: 600px
  }

  .sec_wrp_aboutUs .sect_wrp_in {
    padding-top: 50px;
    padding-bottom: 50px
  }

  .rollout_tital {
    margin-bottom: 20px
  }

  .sec_wrp_aboutUs .crdit_rocket_img {
    max-width: 180px;
    right: 0
  }

  .crdit_rocket_img_1 {
    max-width: 118px;
    top: 70px;
    left: 20px
  }

  .aboutHero {
    max-width: 100%
  }

  .aboutUs_bg {
    max-width: 450px;
    top: 18px
  }

  .global_sec {
    padding: 50px 0;
    margin-top: 30px
  }

  .backetList_wrap.sec_shape:after {
    top: calc(100% - 1px)
  }

  .backetList_wrap .feet_how_it_sec {
    padding-bottom: 75px;
    padding-top: 75px !important
  }

  .teamBx_sec {
    max-width: 100%
  }

  .certifiedBx {
    margin: 0 15px;
    border-radius: 6px;
    padding: 20px
  }

  .investorBx_inn:before {
    width: 26px;
    height: 20px;
    background-size: 26px;
    left: -26px;
    top: -4px
  }

  .investorBx_inn:after {
    width: 26px;
    height: 20px;
    background-size: 26px;
    position: absolute;
    right: -15px;
    bottom: -18px
  }

  .investorBx {
    padding: 24px 32px 40px;
    border-radius: 6px;
    margin: 0 15px
  }

  .invArrow .slick-prev.slick-arrow {
    width: 30px;
    height: 30px;
    left: 0
  }

  .invArrow .slick-next.slick-arrow {
    right: 0;
    width: 30px;
    height: 30px
  }

  .invArrow .slick-next:before,
  .invArrow .slick-prev:after {
    background-size: 20px;
    width: 20px;
    height: 3px
  }

  .backetWrap img {
    border-radius: 4px
  }

  .invArrow .slick-next:after,
  .invArrow .slick-prev:before {
    background-size: 20px;
    width: 20px;
    height: 3px
  }

  .backetWrap {
    width: 100%;
    margin: 10px auto
  }

  .backetWrap,
  .certified_img {
    max-width: 100%
  }

  .m2_about_mobileFrame {
    width: 200px;
    height: 300px;
    padding-top: 30px;
    padding-bottom: 30px
  }

  .m2_newsLogo_wrap {
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .1);
    padding-top: 3px;
    padding-bottom: 3px
  }

  .aboutLast_sec .kyc_circle:before {
    width: 316px;
    height: 316px
  }

  .aboutLast_sec .kyc_circle {
    width: 275px;
    height: 275px
  }

  .sec_wrp_aboutUs .kycSolution-sec {
    padding-top: 58px
  }

  .m2_newsSlides_stl .slide-item {
    padding: 2px
  }

  .m2_newsLogo_wrap {
    padding: 4px 0
  }

  .m2_newsLogo_wrap .wrapIn_logo {
    max-width: 100px
  }

  .m2_newsSlides_stl .slick-slide .m2_wrp_newsLogo,
  .m2_newsSlides_stl .slick-slide[aria-hidden=true]:not(.slick-cloned)~.slick-cloned[aria-hidden=true] .m2_wrp_newsLogo {
    padding-right: 40px;
    padding-left: 40px
  }

  .m2_newsSlides_stl .slick-current .m2_wrp_newsLogo,
  .m2_newsSlides_stl .slick-slide[aria-hidden=true]:not([tabindex="-1"])+.slick-cloned[aria-hidden=true] .m2_wrp_newsLogo {
    padding-left: 20px;
    padding-right: 20px
  }

  .timeline_storyList {
    padding-top: 50px;
    padding-bottom: unset
  }

  .timeline_left_sec,
  .timeline_right_sec {
    max-width: 260px
  }

  .timeline_storyList>li:nth-child(odd) .timeline_left_sec {
    padding-right: 40px;
    margin-top: 20px
  }

  .timeline_icon {
    max-width: 103px
  }

  .timeline_storyList>li:nth-child(odd) .timeline_right_sec .timeline_icon {
    margin-left: 20px
  }

  .timeline_storyList:after {
    max-width: 20px
  }

  .timeline_storyList>li:last-child {
    margin-bottom: unset
  }

  .timeline_storyList>li:nth-child(odd) .timeline_left_sec:after {
    width: 10px;
    height: 10px;
    right: -5px;
    top: 10px
  }

  .timeline_storyList>li:nth-child(odd) .timeline_left_sec:before {
    max-width: 20px;
    top: 14px
  }

  .timeline_storyList>li:nth-child(2n) .timeline_left_sec {
    padding-left: 30px
  }

  .timeline_storyList>li:nth-child(2n) .timeline_left_sec:after {
    width: 10px;
    height: 10px;
    left: -5px;
    top: 44px
  }

  .timeline_storyList>li:nth-child(2n) .timeline_left_sec:before {
    max-width: 20px;
    top: 49px
  }

  .storyTitle {
    line-height: 1.2
  }

  .f-sz-16 {
    font-size: 12px
  }

  .pubImg_sec_1 {
    width: 50px
  }

  .pubImg_sec_2,
  .pubImg_sec_3,
  .pubImg_sec_4 {
    width: 100px
  }

  .pubImg_sec_5 {
    width: 120px
  }

  .timeline_storyList>li:nth-child(2n) .timeline_right_sec .timeline_icon {
    margin-right: 20px
  }

  .pci_how_wrkSec .how_works_bx {
    padding: 25px
  }

  .pci_how_wrkSec .pciWrk_inn {
    padding-bottom: 90px
  }

  .secAdvantage .sect_wrp_in {
    padding: 50px 25px 100px
  }

  .pciLaptop_sec {
    width: 100%;
    display: block;
    margin: auto
  }

  .pciLaptop_img,
  .pciLaptop_sec {
    max-width: 260px
  }

  .pciLaptop_Floatimg_1 {
    max-width: 24px;
    bottom: 80px;
    right: 52px
  }

  .pciLaptop_Floatimg_2 {
    max-width: 80px;
    top: 50px;
    left: 10px
  }

  .advList_sec .list-inline-item:not(:last-child) {
    margin-right: 5px;
    padding-right: 5px
  }

  .advIcon {
    max-width: 70px !important
  }

  .pci_whiteBx {
    padding: 20px;
    border-radius: 12px
  }

  .advTitle_redBg {
    border-radius: 10px;
    padding: 10px
  }

  .advList_item .list-adv-item:not(:last-child) {
    margin-bottom: 15px
  }

  .advList_item .list-adv-item {
    border-radius: 8px;
    padding: 10px
  }

  .pci-screen-img {
    max-width: 230px;
    right: -20px
  }

  .pci-dssNoTime .issue_mar_cont.kycBx_wrap {
    margin-top: 75px
  }

  .pciBg_sec {
    max-width: 260px;
    top: 30px;
    left: -40px
  }

  .pciWrk_inn .how_works_bx {
    margin-bottom: 20px
  }

  .pciWrk_inn .how_works_bx_mar_t {
    margin-top: 0
  }

  .sec_billPay .sect_wrp_in {
    padding-top: 50px;
    padding-bottom: 50px
  }

  .bill-payMobile {
    max-width: 180px
  }

  .bill-payMobile-1 {
    max-width: 120px;
    bottom: 90px;
    right: 40px
  }

  .bill-payMobile-2 {
    max-width: 70px;
    bottom: 87px;
    left: 71px
  }

  .billHow_wrk>.row>[class*=col]:first-child .billpay_bx {
    margin-left: 0
  }

  .sec_billPay .billpay_bx {
    max-width: 260px
  }

  .billHow_wrk {
    padding: 0 25px
  }

  .billpay_bx.travelBx .travelTitle:before {
    top: 0
  }

  .workLine_sec {
    height: auto;
    margin-top: 30px
  }

  .workLine_sec li {
    width: 49%;
    display: inline-block;
    position: relative;
    top: 0 !important;
    left: 0 !important;
    right: 0;
    bottom: 0;
    max-width: 100% !important;
    margin-bottom: 35px
  }

  .workLine_sec li .wrkBx_img {
    width: 70px;
    height: 70px;
    top: 0 !important;
    left: 0 !important
  }

  .workLine_sec li .wrkBx_txt {
    max-width: 70% !important;
    position: relative !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    padding-left: 30px;
    text-align: left !important
  }

  .workLine_sec li .wrkBx_img:before {
    width: 20px;
    height: 20px;
    top: 0 !important;
    left: 0 !important
  }

  .wrkBx {
    display: flex;
    align-items: flex-start
  }

  .bp_rollout_sec {
    max-width: 250px
  }

  .bill-payment-grid {
    max-width: 320px;
    top: 110px
  }

  .billHow_wrk>.row>[class*=col]:last-child .billpay_bx,
  .billHow_wrk>.row>[class*=col]:nth-last-child(2) .billpay_bx {
    margin-bottom: 50px
  }

  .workLine_sec li:nth-child(6) .wrkBx_img {
    margin-left: 0
  }

  .socialWrap {
    margin-bottom: 25px
  }

  .sec_billPay .kycSolution-sec {
    width: 320px;
    margin: 50px auto
  }

  .bgLine {
    display: none
  }

  .contactPage_sec .creditCard_inner {
    padding: 50px 0
  }

  .contact_cstInput,
  .contact_cstInput:focus {
    padding: 9px 15px;
    border-radius: 3px
  }

  .cstSelect.bootstrap-select>.dropdown-toggle,
  .cstSelect.bootstrap-select>.dropdown-toggle:focus {
    padding: 12px 15px;
    border-radius: 8px;
    font-size: 14px
  }

  .submit_btn {
    padding: 12px 15px;
    border-radius: 30px
  }

  .contact_usWrap {
    margin-top: 30px
  }

  .jit-card-img {
    max-width: 220px;
    bottom: -20px
  }

  .jit-card-img-1 {
    max-width: 80px;
    left: 38%;
    top: -21px
  }

  .onBard_bxInner_back .txt_summary {
    font-size: 13px !important;
    line-height: 1.5
  }

  .prepared_cardLaptop_wrap {
    max-width: 280px;
    margin: auto
  }

  .prepaid-card-rocket {
    max-width: 60px;
    position: absolute;
    top: 10px;
    right: 90px
  }

  .preBx_sec_acc .accordion-item {
    margin-left: 20px
  }

  .preBx_sec_acc .accordion-button {
    padding: 10px 0
  }

  .preBx_sec_acc .accordion-button:before {
    height: 22px;
    left: -10px
  }

  .preBx_sec_acc .accordion-item .accordion-body {
    padding-bottom: 15px
  }

  .preBx_sec_acc .accordion-button.collapsed {
    padding: 10px 0
  }

  .preBx_sec_acc .accordion-header {
    margin-top: 0
  }

  .preBx_sec {
    max-width: 230px;
    margin: 50px auto
  }

  .pcard_wrap {
    max-width: 320px;
    margin: auto
  }

  .prepaid-cardSec .sect_wrp_in {
    padding-bottom: 130px;
    padding-top: 90px
  }

  .issu_card_1 {
    max-width: 260px;
    bottom: -10px
  }

  .issu_card_L {
    max-width: 146px;
    position: absolute;
    top: 90px;
    z-index: 9;
    left: -20px
  }

  .issu_card_R {
    max-width: 170px;
    top: 30px;
    right: 0
  }

  .cardIssu_wrap {
    padding: 0 25px
  }

  .cardIss-btm {
    max-width: 260px
  }

  .cardIss_inn .kycSolution-sec {
    max-width: 320px;
    margin: 50px auto
  }

  .mrg-minusL {
    margin-left: 0
  }

  .thm-nav>.nav-item>.nav-link:after {
    bottom: 0
  }

  .travelBx.text-white {
    padding-left: 35px
  }

  .thmArrow_new .slick-next.slick-arrow,
  .thmArrow_new .slick-prev.slick-arrow {
    height: 65px;
    width: 65px
  }

  .thmArrow_new.m2_btns_bt .slick-next {
    left: 90px
  }

  .thmArrow_new.m2_btns_bt .slick-arrow {
    bottom: -70px
  }

  .thmArrow_new.m2_btns_bt .slick-prev {
    left: 15px !important
  }

  .thmArrow_new .slick-next:before,
  .thmArrow_new .slick-prev:before {
    width: 65px;
    height: 65px;
    background-size: auto 65px;
    z-index: 0
  }

  .perCard_coinSec .sect_wrp_in {
    padding-top: 50px;
    padding-bottom: 90px
  }

  .plane-img {
    max-width: 75px;
    position: absolute;
    top: 40px;
    left: 50px
  }

  .whtWe_offer_sec {
    padding-top: 90px;
    margin-top: 5px;
    padding-bottom: 90px
  }

  .whtWe_offer_sec .certifiedBx {
    height: 150px;
    padding: 35px 35px 35px 40px
  }

  .certifiedBx_txt:before {
    left: -13px;
    top: 1px;
    height: 22px
  }

  .travelBx {
    min-height: auto !important
  }

  .gold_deposit_sec .travel_img {
    max-width: 260px;
    top: 0
  }

  .gold_deposit_sec.sec_wrp_crossBrd .rollOut_img {
    display: none
  }

  .goldDeposit-img {
    max-width: 250px
  }

  .key-benefits_sec .sect_wrp_in {
    padding-top: 100px
  }

  .upi-img-s {
    max-width: 220px;
    left: 30px;
    top: 10px
  }

  .upi-plane-1 {
    max-width: 120px;
    top: 10px;
    right: 70px
  }

  .upi-plane-2 {
    max-width: 100px;
    top: 20px;
    left: 40px
  }

  .upi-plane-3 {
    max-width: 160px;
    top: 70px;
    right: 30px
  }

  .upi-plane-4 {
    max-width: 120px;
    top: 120px;
    left: 44px
  }

  .upi-plane-5 {
    max-width: 110px;
    bottom: 30px;
    right: 70px
  }

  .upiBtm_sec .sect_wrp_in {
    padding-top: 30px
  }

  .upiBtm_sec .issue_mar_cont.kycBx_wrap {
    padding: 0 25px;
    margin-top: 0
  }

  .upi-btm-img-1 {
    max-width: 240px;
    left: 0
  }

  .upi-btm-img-2 {
    max-width: 160px;
    left: 70px;
    top: 50px
  }

  .debit-cardImg {
    max-width: 240px;
    left: 10px
  }

  .debit-card-img-btm {
    max-width: 260px;
    top: 0;
    left: 0;
    margin: auto
  }

  .cllction_bx {
    padding: 25px 15px;
    border-radius: 20px 20px 0 20px
  }

  .mc_record {
    max-width: 100%;
    margin-bottom: -60px
  }

  .collection-management-img {
    max-width: 280px
  }

  .payLtr_sec.sec_wrp_crossBrd .travel_img {
    max-width: 260px
  }

  .payLtr_sec.sec_wrp_crossBrd .rollOut_img {
    display: none
  }

  .preloader_logoWrp .wrpLogo {
    max-width: 70px
  }

  .recon-imgWrap {
    max-width: 320px
  }

  .reconTxt_wrap {
    padding: 0 15px
  }

  .proHighlights_bx {
    padding: 15px;
    border-radius: 15px 15px 0;
    margin-bottom: 30px
  }

  .proHighlights_bx_inn {
    padding-left: 25px
  }

  .proHighlights_bx_title:before {
    left: -25px
  }

  .sec_billPay.recon_last_sec .bp_rollout_sec {
    max-width: 250px
  }

  .sec_billPay.recon_last_sec .issue_market_circle {
    width: 263px;
    height: 263px
  }

  .sec_billPay.recon_last_sec .issue_market_circle:before {
    width: 305px;
    height: 305px
  }

  .recon_potential {
    padding: 0 15px
  }

  .recon-grid-img {
    position: absolute;
    max-width: 100%;
    bottom: 0;
    left: 0
  }

  .proHighlights_bx_inn .kyc_work_list .list_work_itm {
    display: block
  }

  .recon_sec_one.prepaid-cardSec .sect_wrp_in {
    padding-bottom: 80px;
    padding-top: 80px
  }

  .sec_billPay.recon_last_sec .sect_wrp_in {
    padding-top: 40px;
    padding-bottom: 80px
  }

  .surrogate_sec_one.prepaid-cardSec .sect_wrp_in {
    padding-bottom: 150px;
    padding-top: 20px
  }

  .surrogate-img-1 {
    top: -70px;
    left: 0;
    max-width: 260px
  }

  .surrogate-img-2 {
    top: -90px;
    left: 0;
    max-width: 120px
  }

  .surrogate-img-3 {
    right: 0;
    max-width: 100px;
    bottom: -50px
  }

  .surrogate_sec_two .debit-cardImg {
    max-width: 320px;
    top: 0
  }

  .surrogate_sec_two .sect_wrp_in {
    padding-bottom: 150px
  }

  .workLine_sec li:nth-child(7) .wrkBx_img {
    margin-left: 0
  }

  .surrogate-grid-2 {
    display: none
  }

  .surrogate_sec_two_1.sec_wrp_how .sect_wrp_in {
    padding-top: 30px;
    padding-bottom: 150px
  }

  .surrogate_sec_last.sec_billPay.recon_last_sec .bp_rollout_sec {
    max-width: 280px;
    left: 0
  }

  .surrogate_sec_two_1.surrogate_sec_two .debit-cardImg {
    left: 0
  }

  .surrogateImg_wrap {
    max-width: 270px;
    left: 0;
    margin: 50px auto
  }

  .surrogate_sec_last.sec_billPay.recon_last_sec .sect_wrp_in {
    padding-top: 40px;
    padding-bottom: 80px
  }

  .recon_last_sec.sec_billPay .recon_potential {
    padding: 0 35px
  }

  .m2_kycSuite_secType .sect_wrp_in {
    padding-top: 80px
  }

  .m2_kycSuiteMob_sec {
    bottom: 0;
    margin-bottom: -100px;
    max-width: 180px;
    margin-left: -90px
  }

  .sec_wrp_typeKyc.m2_kycSuite_secType .bg-circle {
    bottom: 0
  }

  .sec_wrp_typeKyc.m2_kycSuite_secType .bg-circle .bg.bg1 {
    bottom: -170px;
    width: 500px;
    height: 500px
  }

  .sec_wrp_typeKyc.m2_kycSuite_secType .bg-circle .bg.bg2 {
    width: 680px;
    height: 680px;
    bottom: -270px
  }

  .sec_wrp_typeKyc.m2_kycSuite_secType .bg-circle .bg.bg3 {
    width: 800px;
    height: 800px;
    bottom: -330px;
    margin-left: 0
  }

  .m2_kycSuiteType_list {
    min-height: 410px;
    max-width: 635px
  }

  .m2_kycSuiteType_list>li.m2_pos_3,
  .m2_kycSuiteType_list>li.m2_pos_4 {
    top: 240px
  }

  .m2_kycSuiteType_list>li.m2_pos_1 {
    left: 90px
  }

  .m2_kycSuiteType_list>li.m2_pos_2 {
    right: 90px
  }

  .m2_kycSuite_infoItem {
    width: 160px
  }

  .m2_kycSuite_infoItem .txt-head-wrp {
    margin-bottom: 5px
  }

  .m2_kycSuite_infoItem .txt-head {
    font-size: 38px
  }

  .m2_kycSuite_infoItem .sml-txt {
    font-size: 18px
  }

  .m2_kycSuite_infoItem .icon-wrp {
    max-width: 90px;
    margin-bottom: 5px
  }

  .m2_kycSuite_infoItem .txtWrp {
    font-size: 15px !important
  }

  .m2_sec-kycsuite-Solutions .sect_wrp_in {
    padding-top: 90px;
    padding-bottom: 130px
  }

  .m2_wrapkycSuite-solutionImg {
    margin: 0 -15px
  }

  .m2_sec-kycsuite-Solutions .m2_continfo-wrap {
    margin-left: 0
  }

  .m2_kycSuite-SolutionList>li:not(:last-child) {
    margin-bottom: 20px
  }

  .m2_kycSuite-SolutionList>li {
    border-left-width: 2px;
    padding-left: 15px
  }

  .m2_sec-kycsuite-Solutions .sec-bg-Img {
    margin-left: -190px;
    max-width: 850px;
    top: 110px
  }

  .m2_kycSuite-cirlOuter {
    min-height: 275px
  }

  .m2_kycSuite_SmartWayImg {
    width: 130px;
    bottom: -45px
  }

  .m2_kycSuite_SmartWayImg .img-item-2 {
    margin-bottom: -28px
  }

  .m2_kycSuite_SmartWayImg .bg-lines {
    bottom: -47px;
    width: 355px;
    margin-left: 6px;
    transform: translateX(-50%)
  }

  .m2_kycSuite-smartInfo {
    margin-left: 0;
    padding-right: 0
  }

  .lean_wrk {
    width: 90%;
    padding: 0 25px
  }

  .circleName {
    margin-bottom: 30px
  }

  .innerSecCircle img {
    margin-bottom: 16px;
    width: 100px;
    height: 100px
  }

  .max_width {
    max-width: 88% !important
  }

  .bill-payMobile.puzzleImg {
    max-width: 100%
  }

  .thankyou {
    max-width: 150px
  }

  .aboutHero video {
    height: auto
  }

  .aboutHero {
    margin-top: 0
  }

  .mrgBt {
    margin-bottom: 230px;
    margin-top: 30px
  }

  .errorText {
    margin-left: 15px
  }

  .aboutUs_extra_sec {
    padding-bottom: 100px !important
  }

  .aboutUs_extra_sec .slide_Arrow .slick-arrow {
    bottom: -55px
  }

  .lifeBx img {
    border-radius: 15px
  }

  .lifeBx {
    padding: 15px
  }

  #imagesequence {
    display: none
  }

  .mobBg {
    background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/video-bg.jpg);
    padding-top: 60px
  }

  .mobBg,
  .mobileBg_crossBorder {
    background-repeat: no-repeat;
    background-size: cover
  }

  .mobileBg_crossBorder {
    background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/crossBg.jpg)
  }

  .kycTop_banner {
    opacity: 1 !important;
    display: flex
  }

  .topSec_video {
    display: none
  }
}

@media (max-width:575px) {
  .site_logo {
    max-width: 44px
  }

  .mosuewheel_sec span {
    right: 0;
    margin-right: -28px
  }

  .mouse {
    margin-right: 10px
  }

  .topSec_video {
    width: 650px;
    top: 0
  }

  .m2_kycType_list>li {
    position: static;
    display: inline;
    width: 32.33%
  }

  .sec_wrp_typeKyc .bg-circle .bg.bg1 {
    bottom: -147px;
    width: 350px;
    height: 350px
  }

  .sec_wrp_typeKyc .bg-circle .bg.bg2 {
    bottom: -172px;
    width: 400px;
    height: 400px
  }

  .sec_wrp_typeKyc .bg-circle .bg.bg3 {
    bottom: -190px;
    width: 440px;
    height: 440px
  }

  .kycMob_sec {
    position: relative;
    bottom: -77px;
    z-index: 10
  }

  .thmArrow .slick-next.slick-arrow {
    width: 30px;
    height: 30px;
    right: -5px
  }

  .thmArrow .slick-prev.slick-arrow {
    width: 30px;
    height: 30px;
    left: -5px
  }

  .kycSolution-sec {
    width: 320px;
    margin: 50px auto
  }

  .kyc-item-3 {
    max-width: 115px;
    top: 50%;
    left: 20%;
    transform: translate(-50%, -50%) !important
  }

  .kyc-item-2 {
    max-width: 136px;
    top: 46%;
    right: 45%;
    transform: translate(100%, -50%) !important
  }

  .kycBx_wrap {
    left: 0
  }

  .m2_kycType_list>li {
    display: inline-block;
    width: 49%
  }

  .m2_typeKyc_item:before {
    font-size: 42px
  }

  .txtWrp.f-sz-24 {
    font-size: 14px !important
  }

  .m2_pos_2 .m2_typeKyc_item:before {
    top: -22px
  }

  .m2_pos_4 .m2_typeKyc_item:before {
    margin-left: 0
  }

  .m2_pos_7 .kyc-item-inner {
    position: absolute;
    left: -54%;
    transform: translateX(50%)
  }

  .m2_pos_7 .m2_typeKyc_item .txtWrp {
    position: relative;
    left: 42px;
    transform: translateX(-50%)
  }

  .m2_pos_7 .m2_typeKyc_item:before {
    left: 10px;
    transform: translateX(-50%);
    right: 0
  }

  .m2_typeKyc_item {
    width: 100%;
    text-align: left !important
  }

  .m2_pos_1 .kyc-item-inner {
    margin: 0;
    position: relative;
    left: 0;
    transform: translateX(28%)
  }

  .m2_pos_1 .m2_typeKyc_item:before {
    left: 22px
  }

  .m2_pos_3 .m2_typeKyc_item:before {
    left: 10px;
    transform: none;
    position: absolute
  }

  .m2_pos_5 .m2_typeKyc_item:before {
    left: 10px;
    transform: none
  }

  .txtWrp {
    position: relative;
    left: 42px
  }

  .m2_pos_3 .m2_typeKyc_item .txtWrp {
    bottom: 0;
    margin-left: 0;
    margin-right: 0;
    left: 42px;
    top: -10px;
    margin-bottom: 5px;
    position: relative
  }

  .m2_pos_5 .m2_typeKyc_item .txtWrp {
    margin-left: 42px
  }

  .m2_pos_2 .m2_typeKyc_item .txtWrp {
    top: -16px;
    margin-left: 0;
    right: 0;
    left: 24px;
    width: 90%
  }

  .m2_pos_2 .kyc-item-inner {
    position: relative;
    transform: translateX(24%);
    margin: 0
  }

  .m2_pos_4 .m2_typeKyc_item .txtWrp,
  .m2_pos_6 .m2_typeKyc_item .txtWrp {
    position: relative;
    width: 90%;
    left: 24px
  }

  .m2_pos_6 .m2_typeKyc_item .txtWrp {
    margin-left: 0
  }

  .m2_pos_3 .kyc-item-inner {
    margin: 0;
    left: 0;
    transform: translateX(66%)
  }

  .m2_pos_5 .kyc-item-inner {
    margin: 10px 0 0;
    position: relative;
    left: 3%;
    transform: translateX(50%)
  }

  .m2_pos_4 .kyc-item-inner {
    margin: 0;
    position: relative;
    left: 0;
    transform: translateX(50%)
  }

  .m2_pos_6 .kyc-item-inner {
    margin: 10px auto 0;
    position: relative;
    left: -34%;
    transform: translateX(50%)
  }

  .onBard_bx {
    height: 390px
  }

  .kycmiddle_sec {
    margin-bottom: 15px
  }

  .topSec_video.credit_card_video {
    right: 0
  }

  .issue_marketImg1,
  .issue_marketImg2,
  .issue_marketImg3 {
    transform: translateX(-50%);
    left: 50%
  }

  .credit_sec_3 {
    padding: 80px 0 50px
  }

  .trusted_list_icon .list-inline-item:not(:last-child) {
    margin-right: 34px;
    margin-bottom: 30px
  }

  .secured_bx {
    width: 90%;
    margin: 0 auto 20px
  }

  .fleetDrive_ani_img {
    width: 300px;
    margin-top: 120px
  }

  .hero_3ds_video.topSec_video {
    width: 626px
  }

  .detectImg {
    max-width: 100%
  }

  .feature_bankingImg_outer,
  .issue_marketImg_outer {
    width: 100%;
    margin: 0 auto
  }

  .sec_wrp_bank .issue_marketImg {
    max-width: 320px !important;
    left: 50% !important;
    transform: translateX(-46%) !important
  }

  .fet_bank_icon_list {
    height: 100%;
    width: 100%
  }

  .fet_bank_icon6 {
    top: 8%;
    left: 40%;
    position: absolute;
    transform: translate(-50%, -12%)
  }

  .fet_bank_icon8 {
    top: 50%;
    right: 12px;
    position: absolute;
    transform: translate(-100%, -23%)
  }

  .fet_bank_icon2 {
    top: auto;
    bottom: -12%;
    left: 42%;
    position: absolute;
    transform: translate(-50%, 50%)
  }

  .fet_bank_icon4 {
    max-width: 42px;
    top: -27%;
    left: -4%
  }

  .fet_bank_icon3,
  .fet_bank_icon4 {
    position: absolute;
    transform: translate(50%, 50%)
  }

  .fet_bank_icon3 {
    top: -8%;
    left: 5%
  }

  .fet_bank_icon7 {
    max-width: 38px;
    top: auto;
    bottom: 46%;
    right: 30%;
    position: absolute;
    transform: translate(-50%, 50%)
  }

  .fet_bank_icon1 {
    max-width: 164px;
    bottom: 40px;
    left: 20px
  }

  .fet_bank_icon1,
  .fet_bank_icon5 {
    top: auto;
    transform: translate(50%, 50%)
  }

  .fet_bank_icon5 {
    bottom: 45%;
    left: 8%;
    position: absolute
  }

  .fixedEnd_sec .issue_marketImg {
    max-width: 180px;
    margin: 0 auto 0 86px;
    top: 0
  }

  .pigImg {
    left: auto;
    max-width: 167px;
    right: 37px
  }

  .cb-item-3 {
    max-width: 166px;
    right: 26%;
    top: 64% !important
  }

  .cb-item-2 {
    max-width: 166px;
    left: 26%
  }

  .rollOut_img.bnpl_rollOut {
    top: 50%;
    width: 400px
  }

  .kycSolution-sec.bnpl_cart {
    width: 360px
  }

  .bnpl-item-2 {
    left: 30%
  }

  .timeline_left_sec,
  .timeline_right_sec {
    max-width: 50%
  }

  .wrkBx {
    display: flex;
    align-items: start
  }

  .workLine_sec li {
    width: 100% !important
  }

  .m2_kycSuiteMob_sec {
    position: relative
  }

  .m2_kycSuiteType_list {
    min-height: inherit;
    display: flex;
    flex-wrap: wrap
  }

  .m2_kycSuiteType_list>li {
    width: 50%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px
  }

  .m2_kycSuiteType_list>li.m2_pos_1,
  .m2_kycSuiteType_list>li.m2_pos_2,
  .m2_kycSuiteType_list>li.m2_pos_3,
  .m2_kycSuiteType_list>li.m2_pos_4 {
    left: 0;
    right: 0;
    top: inherit
  }

  .m2_kycSuite_infoItem {
    width: 100%;
    margin-bottom: 40px
  }

  .m2_kycSuite_infoItem .txtWrp {
    left: 0
  }

  .sec_wrp_typeKyc.m2_kycSuite_secType .bg-circle .bg.bg1 {
    bottom: -147px;
    width: 350px;
    height: 350px
  }

  .sec_wrp_typeKyc.m2_kycSuite_secType .bg-circle .bg.bg2 {
    bottom: -172px;
    width: 400px;
    height: 400px
  }

  .sec_wrp_typeKyc.m2_kycSuite_secType .bg-circle .bg.bg3 {
    bottom: -190px;
    width: 440px;
    height: 440px
  }

  .circleName {
    margin-bottom: 50px
  }

  .leanHead {
    margin-top: 30px
  }

  .hero_sec_wrp .overlay_wrap {
    padding-top: 40px;
    padding-bottom: 70px
  }
}

@media (max-width:480px) {
  .offer3dImg_outer {
    width: 100%;
    margin: 130px 0 0
  }

  .rollOut_img.bnpl_rollOut {
    width: 340px
  }

  .kycSolution-sec.bnpl_cart {
    width: 318px
  }

  .bnpl-item-2 {
    left: 27%
  }

  .aboutLast_sec .kycBx_wrap {
    margin-top: 0
  }
}

@media (max-width:380px) {
  .feature_bankingImg {
    width: 320px
  }

  .fet_bank_icon6 {
    max-width: 160px
  }

  .fet_bank_icon4 {
    max-width: 34px
  }

  .fet_bank_icon7 {
    max-width: 30px
  }

  .fet_bank_icon8 {
    max-width: 32px
  }

  .fet_bank_icon2 {
    max-width: 62px
  }

  .fet_bank_icon3 {
    max-width: 55px
  }

  .fet_bank_icon1 {
    max-width: 132px
  }

  .fet_bank_icon5 {
    max-width: 44px
  }

  .hero_3ds_video.topSec_video {
    width: 485px
  }

  .topSec_video {
    width: 510px;
    top: 0
  }

  .rgt_item {
    margin-left: 0
  }

  .cb-item-3 {
    max-width: 156px;
    right: 29%;
    top: 64% !important
  }

  .cb-item-2 {
    max-width: 156px;
    left: 29%
  }

  .cb-item-1 {
    max-width: 216px
  }

  .prtnerBg_1 {
    width: 268px;
    transform: translateX(-50%)
  }
}

[data-aos^=fade][data-aos^=fade].aos-animate .founder_sec_container {
  min-width: 83% !important;
  padding: 0
}

.founder_sec_container {
  overflow: hidden;
  padding-top: 12vw !important;
  max-width: 2000px;
  width: 100%
}

.founders_globe {
  padding-bottom: 10vw
}

.circle {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  width: auto
}

.outer-circle {
  width: 82.985vw;
  height: 82.986vw;
  position: relative
}

.middle-circle,
.outer-circle {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  box-sizing: border-box
}

.middle-circle {
  width: 62.63vw;
  height: 62.63vw;
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/Ellipse.svg) no-repeat;
  background-size: cover
}

.inner-circle,
.middle-circle {
  position: absolute;
  margin: auto;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%
}

.inner-circle {
  width: 42.34vw;
  height: 42.34vw;
  border-radius: 50%;
  display: flex;
  align-items: center;
  padding: 0;
  box-sizing: border-box
}

.outer-inner {
  border: 2px solid #cf222833
}

.middle-inner,
.outer-inner {
  border-radius: 50%
}

.inner-inner,
.middle-inner,
.outer-inner {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center
}

.inner-inner {
  border: 2px solid #cf222833;
  border-radius: 50%
}

.outer-img-1 {
  left: -4.5%
}

.outer-img-1,
.outer-img-2 {
  width: 7vw;
  height: 7vw;
  border-radius: 50%;
  position: absolute
}

.outer-img-2 {
  bottom: -1%;
  left: 31%
}

.outer-img-3 {
  left: 9%;
  top: 11%
}

.outer-img-3,
.outer-img-4 {
  width: 7vw;
  height: 7vw;
  border-radius: 50%;
  position: absolute
}

.outer-img-4 {
  top: 9%;
  right: 11%
}

.outer-img-5 {
  bottom: 9%;
  right: 12%
}

.middle-img-1,
.outer-img-5 {
  width: 7vw;
  height: 7vw;
  border-radius: 50%;
  position: absolute
}

.middle-img-1 {
  left: 40%;
  top: -6%
}

.middle-img-2 {
  bottom: 14%;
  left: 6%
}

.middle-img-2,
.middle-img-3 {
  width: 7vw;
  height: 7vw;
  border-radius: 50%;
  position: absolute
}

.middle-img-3 {
  right: -5%;
  bottom: 34%
}

.inner-img-1 {
  left: 2%;
  top: 11%
}

.inner-img-1,
.inner-img-2 {
  width: 7vw;
  height: 7vw;
  border-radius: 50%;
  position: absolute
}

.inner-img-2 {
  top: 8%;
  right: 4%
}

.inner-img-3 {
  width: 7vw;
  height: 7vw;
  border-radius: 50%;
  position: absolute;
  right: 40%;
  bottom: -7%
}

.bsg_circle:after {
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/bsg_logo.png) no-repeat;
  background-size: 45px;
  background-position: 50%
}

.bsg_circle:after,
.wizi_circle:after {
  content: "";
  position: absolute;
  top: 50px;
  left: -20px;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: 1px solid #f0f2f5
}

.wizi_circle:after {
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/wizi_logo.png) no-repeat;
  background-size: 45px;
  background-position: 50%
}

.syntizen_circle:after {
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/syntizen_logo.png) no-repeat;
  background-size: 45px;
  background-position: 50%
}

.finflux_circle:after,
.syntizen_circle:after {
  content: "";
  position: absolute;
  top: 50px;
  left: -20px;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: 1px solid #f0f2f5
}

.finflux_circle:after {
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/finflux_logo.png) no-repeat;
  background-size: 45px;
  background-position: 50%
}

.m2p_circle:after {
  content: "";
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/m2p_logo.png) no-repeat;
  background-size: 45px;
  background-position: 50%;
  position: absolute;
  top: 50px;
  left: -20px;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: 1px solid #f0f2f5
}

.circle_info {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background-color: #fff
}

.circle_info .fd_name {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0;
  color: #000;
  white-space: nowrap;
  padding-top: 15px
}

.circle_info .fd_comp {
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0;
  color: #999b9c;
  padding-top: 5px
}

.circle-inner-text {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  z-index: -1;
  text-align: center
}

.circle-inner-text span {
  font-family: Ubuntu;
  font-size: 36px;
  font-weight: 500;
  line-height: 3.33vw;
  letter-spacing: 0;
  text-align: center
}

.circle-inner-text p {
  font-size: 24px
}

.rotate-planet {
  display: flex;
  align-items: center;
  transition-timing-function: linear;
  cursor: pointer !important;
  flex-direction: column
}

.rotate-orbit {
  animation: rotator 120s linear infinite
}

.rotate-planet {
  animation: rotator-opposite 120s linear infinite
}

.founders_logo_sec {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.founders_logo_sec>a {
  width: 16.529vw;
  height: 6.666vw;
  text-align: center;
  padding: 20px;
  border-radius: .4166vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d7d8d8;
  margin-left: 1.11vw;
  margin-right: 1.11vw;
  background-color: #fff
}

.founders_logo_sec>a:hover {
  box-shadow: 6px 6px 6px rgba(255, 11, 11, .08);
  border: 1px solid #cf2127 !important
}

.fixed_col {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 2.222vw;
  padding-bottom: 2.222vw
}

.fixed_sec {
  padding: 0 !important
}

.founders_list {
  position: relative;
  padding-top: 5.208vw;
  padding-bottom: 10.417vw
}

.founders_list:after {
  content: "";
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  max-width: 2.66vw;
  right: 0;
  left: 16.945%
}

.founders_list:before {
  content: "";
  position: absolute;
  top: 0;
  left: 20%;
  width: 1px;
  height: 100%;
  background: #ccc;
  transform: translate(0)
}

.founders_sticky_logo {
  width: 13.19vw;
  position: relative
}

.founders_list_scroll {
  width: 100%
}

.founders_list>li {
  display: flex
}

.logo_list {
  position: absolute;
  top: 26%;
  left: 14%;
  width: 100%
}

.founders_right_sec {
  width: 80%;
  padding-left: 5.22vw
}

.founders_left_sec {
  width: 20%;
  text-align: end;
  position: relative
}

.logo_fix {
  position: -webkit-sticky;
  position: sticky;
  top: 40%;
  width: 100%
}

.bsg_logo.logo_fix:after,
.bsg_logo:before,
.finflux_logo.logo_fix:after,
.finflux_logo.logo_fix:before,
.logo_fix,
.syntizen_logo.logo_fix:after,
.syntizen_logo.logo_fix:before,
.wizi_logo.logo_fix:after,
.wizi_logo.logo_fix:before {
  visibility: visible !important;
  opacity: 1 !important
}

.m2p_logo>img {
  width: 4vw
}

.wizi_logo>img {
  width: 7vw
}

.bsg_logo>img {
  width: 10vw
}

.finflux_logo>img,
.syntizen_logo>img {
  width: 13vw
}

.bsg_logo,
.finflux_logo,
.syntizen_logo,
.wizi_logo {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity .6s linear
}

.bsg_logo:after,
.bsg_logo:before,
.finflux_logo:after,
.finflux_logo:before,
.syntizen_logo:after,
.syntizen_logo:before,
.wizi_logo:after,
.wizi_logo:before {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 1s linear
}

@media (min-width:1700px) {

  .finflux_logo.logo_fix,
  .syntizen_logo.logo_fix {
    text-align: center !important
  }

  #m2p-founder .founders_left_sec div:after {
    top: 44%
  }

  #bsg-founder .founders_left_sec div:after {
    top: 41%
  }

  #wizi-founder .founders_left_sec div:after {
    top: 34%
  }

  #syntizen-founder .founders_left_sec div:after {
    top: 37%
  }

  #finflux-founder .founders_left_sec div:after {
    top: 38%
  }
}

.m2p_logo.logo_fix {
  top: 46%;
  text-align: center
}

.bsg_logo.logo_fix,
.wizi_logo.logo_fix {
  text-align: center
}

.finflux_logo.logo_fix,
.syntizen_logo.logo_fix {
  text-align: left
}

.m2p_logo.logo-founder {
  position: absolute;
  display: block;
  top: 0
}

.logo-founder,
.m2p_logo.logo-founder {
  width: 100%;
  text-align: center
}

.finflux_logo.logo_fix {
  position: absolute;
  top: 0;
  width: 100%
}

#founders_content_sec,
.overflow-visible {
  overflow: visible !important
}

#founders_content_sec .container-fluid {
  padding-left: 7vw;
  padding-right: 7vw
}

.founders_list>li .founders_left_sec div:before {
  content: "";
  width: 25%;
  border-bottom: 1px solid #ccc;
  position: absolute;
  right: -4.11vw;
  min-width: 2.646vw;
  top: 50%
}

.founders_list>li .founders_left_sec div:after {
  content: "";
  width: .677vw;
  height: .677vw;
  background: #656769;
  position: absolute;
  top: 40%;
  border-radius: 100%
}

#m2p-founder .founders_left_sec div:after {
  top: 42%
}

#bsg-founder .founders_left_sec div:after {
  top: 44%
}

#bsg-founder .founders_left_sec div:before {
  top: 55%;
  width: 15%
}

#wizi-founder .founders_left_sec div:after {
  top: 34%
}

#wizi-founder .founders_left_sec div:before {
  top: 44%
}

#syntizen-founder .founders_left_sec div:after {
  top: 39%
}

#syntizen-founder .founders_left_sec div:before {
  width: 20%
}

#finflux-founder .founders_left_sec div:after {
  top: 42%
}

#finflux-founder .founders_left_sec div:before {
  width: 20%
}

.founders_list>li .founders_left_sec .logo-founder:before {
  right: -.1vw
}

.founders_list>li .founders_left_sec .logo_fix:before {
  right: -.11vw
}

.founders_list>li .founders_left_sec .logo-founder:after {
  right: -.41vw
}

.founders_list>li .founders_left_sec .logo_fix:after {
  right: -.35vw
}

.nav-active:after {
  background: #cf2127 !important
}

.founder_details {
  width: 25.375vw;
  box-shadow: 2px 3px 12px 4px rgba(0, 0, 0, .05);
  border-radius: 10px;
  background-color: #fff;
  padding: 1.666vw !important;
  margin-bottom: 5.764vw;
  height: -moz-fit-content;
  height: fit-content
}

.founder_details>img {
  width: 22vw
}

.two_content {
  padding-top: 15vw
}

.founder_details .founders_img {
  width: 100%
}

.founder_details span {
  font-size: 1.366vw;
  font-weight: 700;
  display: block
}

.founder_details p,
.founder_details span {
  font-family: Ubuntu;
  line-height: 1.875vw;
  letter-spacing: 0;
  padding-top: 1.11vw
}

.founder_details p {
  font-size: 1.11vw !important;
  font-weight: 400
}

.bsg_founder_sec,
.m2p_founder_sec,
.syntizen_founder_sec {
  margin-top: 2rem
}

.bsg_founder_sec,
.finflux_founder_sec .founders_split_left,
.m2p_founder_sec,
.syntizen_founder_sec,
.wizi_founder_sec .founders_split_left {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.founders_carousel .slide_item {
  border: 1px solid;
  width: 500px !important;
  padding: 10px 20px
}

.founders_carousel .carousel_item img {
  max-width: 100px
}

.founders_carousel .carousel_item {
  height: 100px;
  width: 100px;
  border-radius: 50%;
  margin: auto;
  transition: all .3s ease-in-out;
  display: flex;
  align-items: center
}

#founders_carousel_sec {
  display: none
}

.aboutCont_txt h1 {
  font-size: 3.33vw;
  font-weight: 500;
  line-height: 3.819vw;
  letter-spacing: 0;
  text-align: center
}

.aboutCont_txt .txt_summary {
  font-size: 1.25vw;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0;
  text-align: center
}

@media (max-width:1024px) {
  #m2p-founder .founders_left_sec div:after {
    top: 44%
  }

  #syntizen-founder .founders_left_sec div:after {
    top: 41%
  }

  #syntizen-founder .syntizen_logo img {
    width: 140px
  }

  #bsg-founder .bsg_logo img {
    width: 110px
  }

  #wizi-founder .wizi_logo img {
    width: 90px
  }

  #finflux-founder .finflux_logo img {
    width: 130px
  }

  .founder_details>img {
    width: 100%
  }
}

@media (max-width:768px) {
  .fz-22 {
    font-size: 22px !important
  }

  #founders_content_sec .container-fluid {
    padding-left: 20px;
    padding-right: 20px
  }

  .founders_sec {
    display: none
  }

  #founders_logo-sec {
    margin-top: 100px
  }

  #founders_carousel_sec {
    display: block
  }

  .founders_logo_sec .m2p-img img {
    width: 40px
  }

  .founders_logo_sec .wizi-img img {
    width: 65px
  }

  #m2p-founder .m2p_logo img {
    width: 45px
  }

  #syntizen-founder .syntizen_logo img {
    width: 110px
  }

  #bsg-founder .bsg_logo img {
    width: 90px
  }

  #wizi-founder .wizi_logo img {
    width: 65px
  }

  #finflux-founder .finflux_logo img {
    width: 100px
  }

  .founder_details {
    width: 250px
  }

  .founder_details span {
    font-size: 16px;
    line-height: 27px
  }

  .founder_details p {
    font-size: 14px !important;
    line-height: 24px !important
  }

  .two_content {
    padding-top: 130px
  }

  .owl-carousel.owl-drag .owl-item {
    width: 200px !important
  }

  .aboutCont_txt .txt_summary,
  .aboutCont_txt h1 {
    display: block
  }

  #founders_carousel_sec .txt_summary {
    padding: 0 60px 30px
  }

  #founders_carousel_sec h1 {
    font-size: 36px;
    font-weight: 500
  }

  #founders_carousel_sec .txt_summary {
    font-size: 14px;
    font-weight: 400
  }
}

@media (max-width:430px) {
  .sticky_container {
    z-index: 100;
    position: fixed;
    top: 7%;
    background: #fff;
    padding: 25px 10px 10px;
    width: 100%;
    animation: smoothScroll .6s forwards
  }

  .sticky_container.founders_logo_sec {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25)
  }

  .logo-active {
    box-shadow: 6px 6px 6px rgba(255, 11, 11, .08);
    border: 1px solid #cf2127 !important
  }

  .bsg_founder_sec,
  .m2p_founder_sec,
  .syntizen_founder_sec,
  .wizi_founder_sec .founders_split_left {
    display: block
  }

  .aboutCont_txt,
  .founders_left_sec {
    display: none
  }

  .founders_mob_ver {
    overflow-x: hidden
  }

  .founders_right_sec {
    display: flex;
    justify-content: center;
    padding-left: unset
  }

  .founder_details span {
    padding-top: 10px
  }

  .finflux_founder_sec .founders_split_left {
    flex-direction: column;
    align-items: center
  }

  .founder_details {
    width: 350px;
    padding: 20px
  }

  .founders_list:after,
  .founders_list:before {
    display: none
  }

  .founders_list>li {
    justify-content: center
  }

  .two_content {
    padding-top: unset
  }

  .founders_logo_sec>a {
    height: 45px;
    width: 70px;
    padding: 0 5px;
    border-radius: 4px;
    margin-left: 2px;
    margin-right: 2px
  }

  .owl-carousel.owl-drag .owl-item {
    width: 150px !important
  }

  #founders_carousel_sec h1 {
    font-size: 28px !important;
    line-height: 30px
  }

  #founders_carousel_sec .txt_summary {
    display: block;
    padding: 0 10px;
    line-height: 24px;
    margin-bottom: 30px
  }

  .founder_details p {
    font-size: 14px;
    line-height: 30px
  }

  .fixed_col {
    padding: unset !important
  }

  .founders_logo_sec .m2p-img img {
    width: 30px
  }

  .founders_logo_sec .wizi-img img {
    width: 50px
  }
}

@media (max-width:375px) {
  .founders_logo_sec>a {
    width: 65px;
    height: 45px;
    margin: 0 2px
  }
}

@keyframes rotator {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg)
  }

  to {
    transform: rotate(1turn);
    -webkit-transform: rotate(1turn)
  }
}

@keyframes rotator-opposite {
  0% {
    transform: rotate(1turn);
    -webkit-transform: rotate(1turn)
  }

  to {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg)
  }
}

.moonlight_logo {
  width: 33.33%;
  text-align: center
}

.moonlight_header .navbar-brand {
  font-size: 1.25vw;
  display: flex;
  align-items: center
}

.moonlight_header .site_logo>p {
  margin: 0;
  font-family: Ubuntu;
  font-size: 1.25vw;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0;
  padding-left: 10px
}

.pgScroll_Header .moonlight_header {
  padding: .69vw 0
}

.moonlight_header .navbar-brand>img {
  margin-right: 20px
}

.moonlight_header .site_logo {
  display: flex;
  align-items: center
}

.ml_txt_1 {
  color: #bd2027
}

.ml_txt_1,
.ml_txt_2 {
  font-family: Ubuntu;
  font-size: 3.33vw;
  font-weight: 400;
  line-height: 3.819vw;
  letter-spacing: 0
}

.ml_txt_3 {
  font-size: 1.25vw;
  padding-right: 10vw
}

.moon_img_sec {
  padding-bottom: 7.25vw
}

.moonlight_key {
  padding: 5.2344vw 0 13.542vw !important
}

.moonlight_key:before {
  background: none !important
}

.moonlight_key .container-fluid {
  max-width: 85% !important;
  padding-bottom: 1.3888vw
}

.key_txt_1 {
  font-size: 3.33vw;
  font-weight: 500;
  line-height: 3.819vw
}

.key_txt_1,
.key_txt_2 {
  font-family: Ubuntu;
  letter-spacing: 0;
  text-align: center
}

.key_txt_2 {
  font-size: 1.25vw;
  font-weight: 400;
  line-height: 30px !important
}

.moonlight_keypts {
  display: flex;
  position: relative;
  padding-left: 1.666vw !important;
  padding-right: 1.666vw !important;
  margin-top: 5.068vw;
  flex-direction: column
}

.moonlight_keypts .keypts_div {
  margin-bottom: 50px
}

.moonlight_keypts>.keypts_div>p:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 3px;
  background: #bd2027;
  border-radius: 2px
}

.moonlight_keypts p {
  font-family: Ubuntu;
  font-size: 1.666vw;
  font-weight: 400;
  line-height: 1.25vw;
  margin: 0;
  position: relative;
  padding-left: 14px
}

.moonlight_tc_txt .txt_1 {
  font-size: 3.33vw;
  padding-top: 1vw;
  margin: 0
}

.moonlight_tc_txt .txt_1,
.moonlight_tc_txt .txt_2 {
  font-family: Ubuntu;
  font-weight: 400;
  line-height: 3.819vw;
  letter-spacing: 0;
  color: #fff;
  padding-right: 5vw
}

.moonlight_tc_txt .txt_2 {
  font-size: 1.666vw;
  font-style: italic
}

.moonlight_tc_txt .txt_3 {
  font-family: Ubuntu;
  font-size: 1.25vw;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0;
  padding-top: 1vw
}

.moonlight_tc_txt {
  padding-right: 8.634vw
}

.moonlight_join_sec {
  padding-bottom: 7.292vw
}

.moonlight_selection {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 3vw
}

.mooonlight_select {
  width: 16vw
}

.moonlight_tc_txt li {
  font-size: 1.25vw;
  line-height: 2.083vw
}

.moonlight_accordion_sec .accordion-item {
  border: unset;
  padding: 1.666vw;
  background: #c3c5c90d;
  margin-bottom: 2.22vw
}

.moonlight_accordion_sec .accordion-item .accordion-button {
  background: 0 0 !important;
  border-radius: 0;
  box-shadow: none;
  padding: .521vw 0;
  line-height: 1
}

.accordion-content p {
  font-size: 1.188vw;
  line-height: 2.038vw
}

.accordion-content li {
  font-size: 1.18vw;
  line-height: 2.083vw
}

.accordion-button.collapsed .moonlight_role {
  color: #000
}

.moonlight_role {
  color: #bd2027;
  width: 50%;
  font-family: Ubuntu;
  font-size: 1.388vw;
  font-weight: 500;
  line-height: 1.428vw;
  letter-spacing: 0;
  text-align: left
}

.moonlight_location {
  color: #00000080;
  width: 50%;
  text-align: right;
  padding-right: 1.388vw;
  font-family: Ubuntu;
  font-size: .978vw;
  font-weight: 400;
  line-height: 24px
}

.content_head {
  font-weight: 500
}

.moonlight_apply {
  margin-top: 2vw
}

#moonlight_modal {
  max-width: 850px !important
}

#moonlight_modal .modal-content {
  height: 90%;
  overflow: hidden;
  max-height: calc(100vh - 50px)
}

#moonlight_modal .modal-body {
  padding: 2.444vw 3.916vw;
  overflow-y: scroll
}

#moonlight_modal .modal-header {
  border: unset;
  background: #cf2228;
  color: #fff;
  padding: .945vw .86vw .945vw 3.86vw
}

#moonlight_modal .modal-footer {
  justify-content: center;
  border: unset;
  padding: 1vw 3.766vw
}

#moonlight_modal .modal-footer .submit_btnWrap {
  width: 100%
}

#moonlight_modal .modal-footer .submit_btnWrap button {
  background: #000;
  color: #fff;
  padding: 1vw
}

.formGroup_wrap label {
  font-family: Ubuntu;
  font-size: 1.25vw;
  font-weight: 400;
  line-height: 1.44vw;
  letter-spacing: 0;
  padding-bottom: .903vw
}

.formGroup_wrap label span {
  color: #bd2027
}

#moonlight_modal .modal-header .btn-close {
  width: 1.065vw;
  height: 1.666vw;
  margin: 0;
  padding: 10px 15px
}

#thankyou_modal .modal-dialog {
  max-width: 700px !important
}

#thankyou_modal .modal-header {
  border: unset;
  color: #fff
}

#thankyou_modal .modal-body .thankyou_txt {
  padding: 2.777vw 1.388vw
}

.thankyou_img {
  width: 100%;
  text-align: center
}

#thankyou_modal .modal-body .thankyou_txt_1 {
  font-family: Ubuntu;
  font-size: 1.94vw;
  font-weight: 400;
  line-height: 3.474vw;
  letter-spacing: 0;
  text-align: center;
  padding-top: 2.5vw
}

#thankyou_modal .modal-body .thankyou_txt_2 {
  font-family: Ubuntu;
  font-size: 1.522vw;
  font-weight: 400;
  line-height: 34px;
  letter-spacing: 0;
  text-align: center;
  color: #0000004d;
  padding-top: 1.522vw
}

.thankyou_txt_1 span {
  font-weight: 700
}

.moon_footer_txt_1 {
  font-size: 3.333vw;
  line-height: 3.819vw
}

.moon_footer_txt_1,
.moon_footer_txt_2 {
  font-family: Ubuntu;
  font-weight: 400;
  letter-spacing: 0;
  text-align: center;
  color: #fff
}

.moon_footer_txt_2 {
  font-size: 1.111vw;
  line-height: 1.25vw
}

.moon_footer_txt_2 a {
  color: #fcc018
}

.fileupload {
  position: relative;
  display: block;
  cursor: pointer
}

.fileupload>input {
  cursor: pointer;
  padding: 12px 15px
}

.fileupload>input::placeholder {
  padding: 1px
}

.link_input,
.other_link_input {
  position: relative
}

.link_input input,
.link_input input:focus,
.other_link_input input,
.other_link_input input:focus {
  padding-left: 40px
}

.link_input:before,
.other_link_input:before {
  content: "";
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/inPin.svg) no-repeat;
  width: 14px;
  height: 14px;
  left: 12px;
  top: 25px;
  bottom: 0;
  margin: auto;
  position: absolute;
  background-size: contain;
  border-right: 1.5px solid #d0d0d0;
  padding-right: 21px
}

#msg_text {
  text-align: center;
  padding: 20px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400
}

#moonlight .modal-dialog {
  max-width: 600px !important;
  max-height: 600px
}

#moonlightl .modal-body {
  padding: 2.444vw 3.916vw
}

#moonlight .modal-content {
  position: relative;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(0deg, #fff, #fff), linear-gradient(180deg, #c0eade, #b8e5ed);
  box-shadow: 0 0 50px rgba(0, 0, 0, .1);
  border: none !important
}

#moonlight .closeBtn {
  width: 100%;
  position: relative;
  padding: 1px;
  height: 20px;
  cursor: pointer
}

#moonlight .closeBtn:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/close.svg) no-repeat 50%;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0;
  cursor: pointer
}

#moonlight .moon-banner {
  text-align: center
}

#moonlight .moonlight-Img {
  padding: 25px
}

#moonlight .moonlight-Txt {
  padding: 25px 60px
}

#moonlight .explore-btn {
  padding-top: 20px
}

.moonlight-Txt {
  font-family: Ubuntu;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px
}

.moonlight_input {
  height: 44px;
  min-height: 44px !important
}

.moonlight_fix_ban {
  height: 140px;
  width: 140px;
  border-radius: 50%;
  position: fixed;
  right: 15px;
  bottom: 50px;
  text-align: center;
  background-color: #fcc018;
  background-size: contain;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s ease-in;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 0 15px rgba(0, 0, 0, .1);
  z-index: 999 !important;
  cursor: pointer
}

.moonlight_fix_ban:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 140px;
  height: 140px;
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/Mask_group.svg) no-repeat;
  animation: spin-right 20s linear infinite
}

.moonlight_fix_ban:hover {
  height: 238px !important;
  width: 238px !important
}

.moonlight_fix_ban:after:hover {
  cursor: pointer;
  height: 238px;
  width: 238px;
  transition: all .3s ease-in
}

.moonlight_fix_ban:hover:after {
  left: -200px !important;
  width: 450px !important
}

.moonlight_fix_ban:hover img {
  width: 60%;
  transition: all .3s ease-in
}

.moonlight_fix_ban img {
  width: 100px
}

.moonlight_ban_content {
  display: none
}

.moonlight_fix_ban:hover .moonlight_ban_content {
  display: block;
  text-align: center;
  z-index: 99
}

.moonlight_fix_ban:after:hover .moonlight_ban_content {
  display: block;
  text-align: center
}

.moonlight_ban_txt {
  padding: 15px 10px;
  font-size: 12px;
  width: 200px;
  margin: unset
}

.moonlight_ban_btn {
  cursor: pointer
}

.moonlight_ban_btn .apiBtn {
  padding: 5px 10px
}

.moonlight_ban_btn .apiTxt {
  padding: 0 10px
}

.moonlight_ban_btn .circleWrap {
  height: 2vw;
  width: 2vw
}

.moonlight_ban_btn .apiTxt:hover {
  color: #fff
}

@keyframes spin-right {
  to {
    transform: rotate(1turn)
  }
}

.circlesmall_rotater:after {
  width: 140px !important;
  height: 140px !important
}

.circlebig_rotater:after,
.circlesmall_rotater:after {
  content: "";
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/Mask_group.svg) no-repeat;
  animation: spin-right 10s linear infinite;
  top: 0 !important;
  left: 0 !important;
  background-size: contain !important
}

.circlebig_rotater:after {
  width: 238px !important;
  height: 238px !important
}

.mobile-show {
  display: none
}

@media (max-width:768px) {
  .headerMain .cst_navbar {
    padding: 10px !important
  }

  .navbar-brand img {
    width: 40px !important
  }
}

@media only screen and (max-width:600px) {

  .arrowIcon_1>img,
  .arrowIcon_2>img {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important
  }

  .dark-matcher {
    background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/background_opacity.png) no-repeat
  }

  .headerMain .cst_navbar {
    background-color: #fff !important;
    padding: 10px 0 !important
  }

  .dark-matcher-header {
    background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/background_opacity.png) no-repeat
  }

  .sec_wrp_PaymentsInfo .plb_wrpSec_in {
    background-color: #cf2128 !important
  }

  .overflow-hidden {
    overflow: hidden !important
  }

  .brand-color {
    background-color: #cf2128 !important
  }

  .bg-white {
    background-color: #fff !important
  }

  .moonlight_fix_ban {
    bottom: 16px !important
  }

  .mobile-show,
  .moonlight_ban_btn {
    display: block !important
  }

  .circlebig_rotater:after,
  .moonlight_fix_ban:hover {
    width: 369px !important;
    height: 369px !important
  }

  .moonlight_fix_ban:hover img {
    height: 48px;
    width: 144px
  }

  .moonlight_fix_ban:hover .moonlight_ban_content>.moonlight_ban_txt {
    text-align: center !important;
    margin: auto !important;
    font-size: 12px !important;
    padding-top: 14px !important;
    padding-bottom: 24px !important
  }

  .mobile-show>button {
    width: 121px !important;
    height: 40px !important;
    text-align: center !important;
    justify-content: center !important;
    color: #fff !important
  }

  .moonlight_fix_ban:hover {
    right: -70px !important;
    bottom: -70px !important
  }

  .hero_sec_wrp {
    background-color: #fff !important
  }

  .overlay-bg {
    background-color: #000 !important;
    opacity: .3 !important
  }

  .moonlight_fix_ban {
    width: 80px !important;
    height: 80px !important
  }

  .circlesmall_rotater:after {
    width: 370px !important;
    height: 370px !important
  }

  .moonlight_fix_ban img {
    height: 19.200000762939453px;
    width: 57.60169219970703px
  }
}

@keyframes moveButton {
  to {
    left: 100%
  }
}

@keyframes moonlight-rotator {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg)
  }

  to {
    transform: rotate(1turn);
    -webkit-transform: rotate(1turn)
  }
}

@keyframes moonlight-rotator-opposite {
  0% {
    transform: rotate(1turn);
    -webkit-transform: rotate(1turn)
  }

  to {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg)
  }
}

@media (max-width:1024px) {
  .formGroup_wrap label {
    font-size: 14px;
    padding-bottom: 10px
  }

  .link_input input:focus,
  .other_link_input input:focus {
    padding-left: 40px
  }

  .moonlight_input {
    font-size: 14px !important
  }

  .moonlight_header .site_logo>p {
    font-size: 18px
  }

  .ml_txt_1,
  .ml_txt_2 {
    font-size: 33px
  }

  .ml_txt_1,
  .ml_txt_2,
  .ml_txt_3 {
    padding-left: 30px;
    padding-right: 40px
  }

  .key_txt_2,
  .ml_txt_3 {
    font-size: 18px
  }

  .moonlight_tc_txt .txt_1 {
    font-size: 36px;
    line-height: 48px;
    padding-left: 30px;
    padding-right: 30px
  }

  .moonlight_tc_txt .txt_2,
  .moonlight_tc_txt .txt_3 {
    font-size: 14px;
    padding-left: 30px
  }

  .moonlight_role {
    font-size: 14px
  }

  .moonlight_location {
    font-size: 12px
  }

  .moon_footer_txt_1 {
    font-size: 36px
  }

  .moon_footer_txt_2 {
    font-size: 14px
  }

  #thankyou_modal .modal-body .thankyou_txt_1 {
    font-size: 29px
  }

  #thankyou_modal .modal-body .thankyou_txt_2 {
    font-size: 22px
  }
}

@media (max-width:768px) {
  .moonlight_logo {
    width: 40%;
    text-align: right
  }

  .fileupload>input {
    padding: 14px 15px
  }

  .moonlight_header .site_logo {
    max-width: 139px
  }

  .formGroup_wrap label {
    font-size: 14px;
    padding-bottom: 10px
  }

  .link_input input,
  .other_link_input input {
    padding-left: 40px !important
  }

  .link_input input:focus,
  .other_link_input input:focus {
    padding-left: 40px
  }

  .link_input:before {
    top: 28px
  }

  .moonlight_header .navbar-brand>p {
    font-size: 18px
  }

  .ml_txt_1,
  .ml_txt_2 {
    font-size: 33px
  }

  .ml_txt_1,
  .ml_txt_2,
  .ml_txt_3 {
    padding-left: 30px;
    padding-right: 40px
  }

  .ml_txt_3 {
    line-height: 24px !important
  }

  .key_txt_2,
  .ml_txt_3 {
    font-size: 18px
  }

  .moonlight_tc_txt .txt_1 {
    font-size: 34px;
    line-height: 48px;
    padding-left: 30px;
    padding-right: 20px
  }

  .moonlight_tc_txt .txt_2 {
    font-size: 18px;
    padding-left: 30px
  }

  .moonlight_tc_txt .txt_3 {
    font-size: 14px;
    padding-left: 30px
  }

  .moonlight_role {
    font-size: 14px
  }

  .moonlight_location {
    font-size: 12px
  }

  .moon_footer_txt_1 {
    font-size: 36px
  }

  .moon_footer_txt_2 {
    font-size: 14px
  }

  .moonlight_keypts {
    padding-right: 0 !important
  }

  .link_input input,
  .other_link_input input {
    padding-left: 40px
  }

  .file-custom:before {
    top: 3px;
    padding: 0 20px
  }

  .moonlight_input {
    font-size: 14px !important
  }

  #thankyou_modal .modal-body .thankyou_txt_1 {
    line-height: 36px
  }

  #moonlight .modal-dialog {
    max-width: 500px !important;
    max-height: 500px !important
  }

  #moonlight .moonlight-Img {
    max-width: 200px;
    margin: auto;
    padding: 10px
  }

  #moonlight .moonlight-Txt {
    padding: 10px 40px
  }

  .moonlight_tc_txt li {
    font-size: 14px;
    line-height: 27px
  }

  .accordion-content li,
  .accordion-content p {
    font-size: 14px;
    line-height: 24px
  }
}

@media (max-width:430px) {
  .moonlight_header .connect_btn {
    display: none
  }

  .fileupload>input {
    padding: 10px 15px
  }

  .formGroup_wrap label {
    font-size: 14px;
    padding-bottom: 5px;
    line-height: 20px
  }

  .moonlight_header .navbar-brand>img {
    max-width: 40px;
    margin-right: 0
  }

  .moonlight_header .navbar-brand>p {
    font-size: 18px
  }

  .ml_txt_1 {
    font-size: 30px !important;
    line-height: 48px
  }

  .ml_txt_2 {
    font-size: 30px;
    line-height: 48px
  }

  .ml_txt_3 {
    padding-left: 30px;
    padding-right: 40px;
    font-size: 18px !important
  }

  .key_txt_1 {
    padding-top: 10px !important;
    font-size: 30px !important;
    line-height: 36px !important
  }

  .key_txt_2 {
    font-size: 18px !important
  }

  .moonlight_keypts p {
    font-size: 14px;
    line-height: 10px !important
  }

  .moonlight_tc_txt .txt_1 {
    font-size: 34px !important;
    padding-left: 30px
  }

  .moonlight_tc_txt .txt_2 {
    font-size: 18px !important;
    padding-left: 30px
  }

  .moonlight_tc_txt .txt_3 {
    font-size: 14px;
    padding-left: 30px
  }

  .moonlight_role {
    font-size: 13px;
    line-height: 24px
  }

  .moonlight_location {
    font-size: 12px
  }

  .moon_footer_txt_1 {
    font-size: 36px;
    line-height: 38px
  }

  .moon_footer_txt_2 {
    font-size: 14px;
    line-height: 24px
  }

  .lastname {
    visibility: unset !important
  }

  #moonlight_modal .modal-header .btn-close {
    width: 10px;
    height: 15px
  }

  .link_input input,
  .other_link_input input {
    padding-left: 40px
  }

  .link_input input:focus,
  .other_link_input input:focus {
    padding-left: 40px !important
  }

  #thankyou_modal .modal-body .thankyou_txt_1 {
    font-size: 24px
  }

  #thankyou_modal .modal-body .thankyou_txt_2 {
    font-size: 18px
  }

  .thankyou_img img {
    width: 100px
  }

  .moonlight_keypts {
    flex-direction: row
  }

  .moonlight_keypts .keypts_div {
    width: 200px;
    padding-left: 25px
  }

  #moonlight .modal-body {
    padding: 10px
  }

  #moonlight .moonlight-Logo {
    max-width: 130px;
    margin: auto;
    padding-bottom: 10px;
    padding-top: 10px
  }

  #moonlight .moonlight-Img {
    max-width: 150px;
    margin: auto;
    padding: 0
  }

  #moonlight .moonlight-Txt {
    padding: 10px 30px
  }

  #moonlight .explore-btn {
    padding-top: 0
  }

  #moonlight .moonlight-Txt {
    padding: 10px 40px;
    padding: 10px 50px;
    font-size: 14px;
    line-height: 18px
  }
}

@media (max-width:375px) {
  #moonlight .modal-body {
    padding: 10px
  }

  #moonlight .moonlight-Logo {
    max-width: 130px;
    margin: auto;
    padding-bottom: 10px;
    padding-top: 10px
  }

  #moonlight .moonlight-Img {
    max-width: 150px;
    margin: auto
  }

  #moonlight .moonlight-Txt {
    padding: 10px 30px
  }

  #moonlight .explore-btn {
    padding-top: 0
  }

  #moonlight .moonlight-Txt {
    padding: 10px 40px;
    font-size: 14px;
    line-height: 18px
  }
}

@media (max-width:357px) {
  .other_link_input:before {
    top: 45px
  }

  #moonlight .moonlight-Logo {
    padding: 0
  }
}

@media (max-width:375px) {
  .moonlight_keypts .keypts_div {
    padding-left: 8px
  }
}

.topSec_video-V-2 {
  width: 50% !important
}

.theMost_Sec {
  padding-top: 4.583vw;
  padding-bottom: 7.813vw;
  background: #3e4a53;
  transform: skewY(-5deg);
  margin-top: 3.125vw;
  position: relative;
  z-index: 99
}

.the_Mrow {
  margin: 0 -3.125vw
}

.the_Mrow .pay_Later {
  padding: 0 3.125vw 1.302vw
}

.one_Inte_img {
  width: 14.323vw
}

.one_Inte_img img {
  transform: translateY(1.302vw)
}

.bnpl-item-2.pay_MarkP {
  left: 16.075vw
}

.bnpl-item-1.pay_MarkP {
  width: 85%;
  margin: inherit
}

.sect_wrp_in.pay-wrap {
  padding-bottom: 12.208vw !important
}

.secCB_wrap .sect_wrp_in.pay-wrap {
  padding: 13.698vw 0
}

.pay-item-last {
  position: absolute;
  top: -2.604vw;
  max-width: 53.542vw;
  left: -6.771vw
}

@media (max-width:992px) {
  .topSec_video-V-2 {
    display: none
  }

  .the_Mrow {
    margin: 0
  }

  .the_Mrow .pay_Later {
    padding: 0 30px 20px
  }

  .one_Inte_img {
    width: 200px
  }

  .theMost_Sec {
    padding-top: 50px;
    padding-bottom: 60px;
    margin-top: 20px
  }

  .bnpl-item-2.pay_MarkP {
    left: 48%
  }

  .secCB_wrap .sect_wrp_in.pay-wrap {
    padding: 55px 0
  }

  .pay-bnV {
    opacity: 0
  }
}

@media (max-width:767px) {
  .the_Mrow .pay_Later {
    padding: 0 0 30px
  }

  .kycBx_wrap.pay-mobWrp {
    margin-top: 0
  }
}

@media (max-width:575px) {
  .pay-item-last {
    position: absolute;
    top: -2.604vw;
    max-width: 500px;
    left: -6.771vw
  }

  .one_Inte_img {
    margin: auto
  }
}

#contact_modal .modal-content {
  padding: 0 20px;
  overflow-y: scroll
}

#contact_modal .modal-header {
  padding: 1rem 0;
  border-bottom: unset
}

.country_select .dropdown-menu.show,
.product_select .dropdown-menu.show {
  max-height: 250px !important
}

#contact_modal .contact_usWrap {
  margin: unset
}

:root {
  --color-red-1: #cf2128;
  --color-red-2: #bd2025;
  --color-white: #fff;
  --text-color-1: #000;
  --font-sz-18: 0.938vw;
  --font-sz-20: 1.042vw;
  --font-sz-22: 1.146vw;
  --font-sz-34: 1.771vw;
  --font-sz-40: 1.9vw;
  --font-sz-68: 3.2vw
}

body {
  font-weight: 300;
  font-style: normal;
  font-size: var(--font-sz-22);
  line-height: 1.4;
  color: var(--text-color-1)
}

[data-aos][data-aos][data-aos-delay="3100"].aos-animate,
body[data-aos-delay="3100"] [data-aos].aos-animate {
  transition-delay: 3.1s
}

[data-aos][data-aos][data-aos-delay="3200"].aos-animate,
body[data-aos-delay="3200"] [data-aos].aos-animate {
  transition-delay: 3.2s
}

[data-aos][data-aos][data-aos-delay="3300"].aos-animate,
body[data-aos-delay="3300"] [data-aos].aos-animate {
  transition-delay: 3.3s
}

[data-aos][data-aos][data-aos-delay="3400"].aos-animate,
body[data-aos-delay="3400"] [data-aos].aos-animate {
  transition-delay: 3.4s
}

[data-aos][data-aos][data-aos-delay="3500"].aos-animate,
body[data-aos-delay="3500"] [data-aos].aos-animate {
  transition-delay: 3.5s
}

iframe,
img,
video {
  max-width: 100%
}

a,
a:hover {
  color: var(--body-text-color);
  text-decoration: none
}

.link_uderline a,
.link_underline a {
  text-decoration: underline
}

.f-W-L {
  font-weight: 300 !important
}

.f-W-N {
  font-weight: 400 !important
}

.f-W-M {
  font-weight: 500 !important
}

.f-sz-18 {
  font-size: var(--font-sz-18) !important
}

.f-sz-20 {
  font-size: var(--font-sz-20) !important
}

.f-sz-22 {
  font-size: var(--font-sz-22) !important
}

.f-sz-34 {
  font-size: var(--font-sz-34) !important
}

.f-sz-40 {
  font-size: var(--font-sz-40)
}

.f-sz-68 {
  font-size: var(--font-sz-68)
}

.btn {
  box-shadow: none !important
}

.line-H-0 {
  line-height: 0
}

.line-H-1 {
  line-height: 1
}

.line-H-1_1 {
  line-height: 1.1
}

.line-H-1_2 {
  line-height: 1.2
}

.line-H-1_3 {
  line-height: 1.3
}

.line-H-1_4 {
  line-height: 1.4
}

.line-H-1_5 {
  line-height: 1.5
}

.line-H-1_6 {
  line-height: 1.6
}

.line-H-1_7 {
  line-height: 1.7
}

.line-H-1_8 {
  line-height: 1.8
}

.line-H-1_9 {
  line-height: 1.9
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
  margin-bottom: 1.042vw
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700
}

h6 {
  font-size: 1.146vw
}

h5 {
  font-size: 1.354vw
}

h4 {
  font-size: 1.563vw
}

h3 {
  font-size: 1.771vw
}

h2 {
  font-size: 1.979vw
}

h1 {
  font-size: 2.188vw
}

.mb__5 {
  margin-bottom: .26vw !important
}

.mb__10 {
  margin-bottom: .521vw !important
}

.mb__15 {
  margin-bottom: .781vw !important
}

.mb__20 {
  margin-bottom: 1.042vw !important
}

.mb__25 {
  margin-bottom: 1.302vw !important
}

.mb__30 {
  margin-bottom: 1.563vw !important
}

.mb__35 {
  margin-bottom: 1.823vw !important
}

.mb__40 {
  margin-bottom: 2.083vw !important
}

.mb__50 {
  margin-bottom: 2.604vw !important
}

.mb__60 {
  margin-bottom: 3.125vw !important
}

.mt__70 {
  margin-top: 3.646vw !important
}

.last-p>p:last-child {
  margin-bottom: 0
}

.z-ind-1 {
  z-index: 1
}

.z-ind-2 {
  z-index: 2
}

.trans_cmn {
  transition: all .4s ease-in-out
}

.img-cover {
  object-fit: cover
}

.opacity-8 {
  opacity: .8 !important
}

.opacity-9 {
  opacity: .9 !important
}

.letter_spac {
  letter-spacing: -1px
}

.opacity_7 {
  opacity: .7
}

.bg-1 {
  background-color: var(--color-red-1)
}

.bg-white {
  background-color: var(--color-white)
}

.color-1 {
  color: var(--color-red-1) !important
}

.color-2 {
  color: var(--color-red-2) !important
}

.color-white {
  color: var(--color-white) !important
}

.loaded {
  display: none
}

.preloaderWrap {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff
}

.preloaderWrap .preloader_mdl {
  width: 100%;
  overflow: -webkit-paged-x
}

.preloader_logoWrp .wrpLogo {
  max-width: 5.729vw;
  display: inline-block
}

.preloader_logoWrp .loading_Txt {
  font-size: .99vw;
  line-height: 1.1;
  margin-top: .521vw
}

:root {
  --trans-dur: 0.3s
}

.pl {
  box-shadow: inset 2em 0 2em rgba(0, 0, 0, .2), inset -2em 0 2em #cf2128;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  letter-spacing: .1em;
  text-transform: uppercase;
  transform: rotateX(30deg) rotate(45deg);
  width: 15em;
  height: 15em
}

.pl,
.pl__dot {
  border-radius: 50%
}

.pl__dot {
  animation-name: shadow;
  box-shadow: .1em .1em 0 .1em #000, .3em 0 .3em rgba(0, 0, 0, .5);
  top: calc(50% - .75em);
  left: calc(50% - .75em);
  width: 1.5em;
  height: 1.5em
}

.pl__dot,
.pl__dot:after,
.pl__dot:before {
  animation-duration: 2s;
  animation-iteration-count: infinite;
  position: absolute
}

.pl__dot:after,
.pl__dot:before {
  content: "";
  display: block;
  left: 0;
  width: inherit;
  transition: background-color var(--trans-dur)
}

.pl__dot:before {
  animation-name: pushInOut1;
  background-color: var(--color-red-1);
  border-radius: inherit;
  box-shadow: inset .05em 0 .1em hsla(0, 0%, 100%, .2);
  height: inherit;
  z-index: 1
}

.pl__dot:after {
  animation-name: pushInOut2;
  background-color: var(--color-white);
  border-radius: .75em;
  box-shadow: inset .1em .3em .2em hsla(0, 0%, 100%, .4), inset 0 -.4em .2em #2e3138, inset 0 -1em .25em rgba(0, 0, 0, .3);
  bottom: 0;
  -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 100%, 0 100%);
  clip-path: polygon(0 75%, 100% 75%, 100% 100%, 0 100%);
  height: 3em;
  transform: rotate(-45deg);
  transform-origin: 50% 2.25em
}

.pl__dot:first-child {
  transform: rotate(0deg) translateX(5em) rotate(0deg);
  z-index: 5
}

.pl__dot:first-child,
.pl__dot:first-child:after,
.pl__dot:first-child:before {
  animation-delay: 0s
}

.pl__dot:nth-child(2) {
  transform: rotate(-30deg) translateX(5em) rotate(30deg);
  z-index: 4
}

.pl__dot:nth-child(2),
.pl__dot:nth-child(2):after,
.pl__dot:nth-child(2):before {
  animation-delay: -.1666666667s
}

.pl__dot:nth-child(3) {
  transform: rotate(-60deg) translateX(5em) rotate(60deg);
  z-index: 3
}

.pl__dot:nth-child(3),
.pl__dot:nth-child(3):after,
.pl__dot:nth-child(3):before {
  animation-delay: -.3333333333s
}

.pl__dot:nth-child(4) {
  transform: rotate(-90deg) translateX(5em) rotate(90deg);
  z-index: 2
}

.pl__dot:nth-child(4),
.pl__dot:nth-child(4):after,
.pl__dot:nth-child(4):before {
  animation-delay: -.5s
}

.pl__dot:nth-child(5) {
  transform: rotate(-120deg) translateX(5em) rotate(120deg);
  z-index: 1
}

.pl__dot:nth-child(5),
.pl__dot:nth-child(5):after,
.pl__dot:nth-child(5):before {
  animation-delay: -.6666666667s
}

.pl__dot:nth-child(6) {
  transform: rotate(-150deg) translateX(5em) rotate(150deg);
  z-index: 1
}

.pl__dot:nth-child(6),
.pl__dot:nth-child(6):after,
.pl__dot:nth-child(6):before {
  animation-delay: -.8333333333s
}

.pl__dot:nth-child(7) {
  transform: rotate(-180deg) translateX(5em) rotate(180deg);
  z-index: 2
}

.pl__dot:nth-child(7),
.pl__dot:nth-child(7):after,
.pl__dot:nth-child(7):before {
  animation-delay: -1s
}

.pl__dot:nth-child(8) {
  transform: rotate(-210deg) translateX(5em) rotate(210deg);
  z-index: 3
}

.pl__dot:nth-child(8),
.pl__dot:nth-child(8):after,
.pl__dot:nth-child(8):before {
  animation-delay: -1.1666666667s
}

.pl__dot:nth-child(9) {
  transform: rotate(-240deg) translateX(5em) rotate(240deg);
  z-index: 4
}

.pl__dot:nth-child(9),
.pl__dot:nth-child(9):after,
.pl__dot:nth-child(9):before {
  animation-delay: -1.3333333333s
}

.pl__dot:nth-child(10) {
  transform: rotate(-270deg) translateX(5em) rotate(270deg);
  z-index: 5
}

.pl__dot:nth-child(10),
.pl__dot:nth-child(10):after,
.pl__dot:nth-child(10):before {
  animation-delay: -1.5s
}

.pl__dot:nth-child(11) {
  transform: rotate(-300deg) translateX(5em) rotate(300deg);
  z-index: 6
}

.pl__dot:nth-child(11),
.pl__dot:nth-child(11):after,
.pl__dot:nth-child(11):before {
  animation-delay: -1.6666666667s
}

.pl__dot:nth-child(12) {
  transform: rotate(-330deg) translateX(5em) rotate(330deg);
  z-index: 6
}

.pl__dot:nth-child(12),
.pl__dot:nth-child(12):after,
.pl__dot:nth-child(12):before {
  animation-delay: -1.8333333333s
}

.pl__m2_Logo {
  max-width: 5em;
  position: relative;
  transform: rotate(-45deg)
}

@keyframes shadow {
  0% {
    animation-timing-function: ease-in;
    box-shadow: .1em .1em 0 .1em #000, .3em 0 .3em #000
  }

  25% {
    animation-timing-function: ease-out;
    box-shadow: .1em .1em 0 .1em #000, .8em 0 .8em rgba(0, 0, 0, .5)
  }

  50%,
  to {
    box-shadow: .1em .1em 0 .1em #000, .3em 0 .3em rgba(0, 0, 0, .3)
  }
}

@keyframes pushInOut1 {
  0% {
    animation-timing-function: ease-in;
    background-color: var(--color-red-1);
    transform: translate(0)
  }

  25% {
    animation-timing-function: ease-out;
    background-color: var(--color-white);
    transform: translate(-71%, -71%)
  }

  50%,
  to {
    background-color: var(--color-red-1);
    transform: translate(0)
  }
}

@keyframes pushInOut2 {
  0% {
    animation-timing-function: ease-in;
    background-color: var(--color-red-1);
    -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 100%, 0 100%);
    clip-path: polygon(0 75%, 100% 75%, 100% 100%, 0 100%)
  }

  25% {
    animation-timing-function: ease-out;
    background-color: var(--color-white);
    -webkit-clip-path: polygon(0 25%, 100% 25%, 100% 100%, 0 100%);
    clip-path: polygon(0 25%, 100% 25%, 100% 100%, 0 100%)
  }

  50%,
  to {
    background-color: var(--color-red-1);
    -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 100%, 0 100%);
    clip-path: polygon(0 75%, 100% 75%, 100% 100%, 0 100%)
  }
}

.cmn-Sec-Head {
  line-height: 1.2
}

.sec_shape {
  position: relative
}

.scrollmagic-pin-spacer:after,
.sec_shape:after,
.sec_shape:before {
  content: "";
  position: absolute;
  height: 7.813vw;
  width: 100%;
  background-repeat: no-repeat, repeat-y;
  background-size: 100% auto;
  z-index: 1
}

.sec_shape:before {
  right: 0;
  bottom: calc(100% - 1px);
  background-image: url(https://m2pfintech.com/images/Shape-TP.svg);
  background-position: 100% 100%;
  z-index: 91
}

.sec_shape:after {
  left: 0;
  top: calc(100% - 1px);
  background-image: url(https://m2pfintech.com/images/Shape-BT.svg);
  background-position: 0 0
}

.sec_shape.shape_red:before {
  background-image: url(https://m2pfintech.com/images/Shape-TP-1.svg)
}

.sec_shape.shape_red:after {
  background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/Shape-BT-1.svg)
}

.sec_shape.bt_hide:after,
.sec_shape.tp_hide:before {
  display: none
}

.scrollmagic-pin-spacer:after {
  left: 0;
  top: 100%;
  background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/Shape-BT-1.svg);
  background-position: 0 0
}

.scrollmagic-pin-spacer {
  background-position: top;
  background-size: 100% auto;
  background-repeat: repeat-y;
  z-index: 3
}

.spacer {
  z-index: 4 !important
}

.bg_lines_gray,
.bg_lines_white {
  background-position: top;
  background-size: 100% auto;
  background-repeat: repeat-y
}

.sec_wrp_Common .sect_wrp_in {
  padding-top: 4.948vw;
  padding-bottom: 4.948vw
}

.headerMain {
  position: fixed;
  z-index: 999;
  width: 100%;
  top: 0
}

.headerMain .cst_navbar {
  padding: .683vw 1.979vw
}

.thm-nav>.nav-item {
  padding-left: .729vw;
  padding-right: .729vw
}

.resource_nav.thm-nav>.nav-item {
  padding: unset
}

.thm-nav>.nav-item>.nav-link {
  opacity: .9;
  color: #000;
  padding: 1.302vw .104vw;
  line-height: 1.1;
  font-weight: 400;
  position: relative
}

.thm-nav>.nav-item>.nav-link .inner {
  position: relative;
  display: block;
  overflow: hidden
}

.thm-nav>.nav-item>.nav-link:after {
  content: "";
  position: absolute;
  bottom: 1.042vw;
  left: 0;
  width: 100%;
  height: .104vw;
  background-color: var(--color-red-1);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform .6s cubic-bezier(.19, 1, .22, 1)
}

.thm-nav>.nav-item>.nav-link .normal {
  position: relative;
  display: block;
  transition: transform .6s cubic-bezier(.19, 1, .22, 1)
}

.thm-nav>.nav-item>.nav-link .hover {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  transform: translateY(calc(100% + 41px));
  transition: transform .6s cubic-bezier(.19, 1, .22, 1);
  color: var(--color-red-1)
}

.thm-nav>.nav-item>.nav-link:hover:after {
  transform: scaleX(1);
  transform-origin: left
}

.thm-nav>.nav-item>.nav-link.active .normal,
.thm-nav>.nav-item>.nav-link:hover .normal {
  transform: translateY(calc(-100% - 5px))
}

.thm-nav>.nav-item>.nav-link.active .hover,
.thm-nav>.nav-item>.nav-link:hover .hover {
  transform: translateY(0)
}

.pgScroll_Header .headerMain {
  background-color: #fff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25)
}

.pgScroll_Header .headerMain .cst_navbar {
  padding-top: 0;
  padding-bottom: 0
}

.site_logo img {
  max-width: 5.052vw
}

.site_logo .navbar-brand {
  padding: 0;
  margin: 0
}

.btn-stl-1 {
  font-weight: 500;
  line-height: 1;
  padding: .625vw 1.302vw;
  background-color: #000;
  color: var(--color-white) !important;
  border-radius: .521vw
}

.hero_sec_wrp {
  position: relative
}

.hero_sec_wrp .wrp_media {
  overflow: hidden;
  height: calc(100vh + 5.208vw)
}

.hero_sec_wrp .wrp_media .full-object {
  width: 100%;
  height: 100%
}

.hero_sec_wrp .main_video,
.hero_sec_wrp .wrp_media .main_video {
  margin-top: -5.208vw
}

.hero_sec_wrp .overlay_wrap {
  position: absolute;
  bottom: 11.417vw;
  z-index: 1;
  width: 100%
}

.heroCont_Head {
  font-size: 2.917vw;
  letter-spacing: -.208vw;
  line-height: 1.1;
  margin-bottom: .781vw
}

.hero_sec_wrp .mouse_icon {
  max-width: 1.354vw;
  position: absolute;
  z-index: 1;
  left: 50%;
  bottom: 5.99vw;
  transform: translateX(-50%)
}

.sec_wrp_PaymentsInfo .plb_wrpSec_in {
  height: 290.167vw
}

#textHolderAnim {
  height: 305.99vw
}

.scrollmagic-pin-spacer {
  height: 260.417vw !important
}

.sec_wrp_PaymentsInfo .sect_wrp_in {
  padding-top: 21.979vw;
  padding-bottom: 4.948vw
}

.sec_wrp_PaymentsInfo .pay_secHead {
  font-size: 3.021vw !important;
  margin-left: 3.125vw
}

.wrp_plbSec {
  padding-left: 3.281vw;
  padding-right: 12.865vw;
  position: relative
}

.list_plb .wrp_plbSec:nth-child(2n) {
  padding-right: 3.281vw;
  padding-left: 12.865vw
}

.list_plb .wrp_plbSec:nth-child(2n) .col-img {
  order: 1
}

.list_plb .wrp_plbSec:nth-child(2n) .col-cont {
  order: 0
}

.list_plb .wrp_plbSec:nth-child(2n) .plb_wrap_media {
  margin-left: auto
}

.list_plb .wrp_plbSec:nth-child(2n) .plb_cont_wrp {
  border-right: none;
  border-left: 1px solid var(--color-white);
  padding-left: .833vw;
  padding-right: 0
}

.list_plb .wrp_plbSec:nth-child(2n) .plb_cont_wrp .nbr {
  right: auto;
  left: 0;
  transform: translateX(-50%)
}

.plb_sec {
  padding-top: 7.688vw;
  padding-bottom: 7.688vw
}

.plb_cont_wrp {
  padding: .521vw .833vw .521vw 0;
  border-right: 1px solid var(--color-white);
  min-height: 9.375vw;
  position: relative
}

.plb_cont_wrp .nbr {
  position: absolute;
  right: 0;
  bottom: 100%;
  line-height: 1;
  transform: translateX(50%);
  margin-bottom: 1.302vw
}

.plb_wrap_media {
  max-width: 30.781vw;
  margin: auto
}

.plb_cont_wrp .bx_head {
  margin-bottom: 1.302vw;
  line-height: 1
}

.plb_VR_txtLine {
  position: absolute;
  z-index: 1;
  left: -13.021vw;
  top: 0;
  opacity: .5;
  font-family: Arial, Helvetica, sans-serif;
  width: 15.625vw;
  height: 15.625vw;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: end;
  transform: rotate(-90deg)
}

.plb_bgCircle {
  position: absolute;
  width: 29.167vw;
  height: 29.167vw;
  z-index: 1
}

.plb_bgCircle .inside_circle {
  box-shadow: 0 0 0 2.604vw rgba(0, 0, 0, .1);
  border-radius: 100%;
  background-color: rgba(0, 0, 0, .15);
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0
}

.plb_bgCircle.pos_1,
.plb_bgCircle.pos_3,
.plb_bgCircle.pos_5 {
  left: 6.25vw
}

.plb_bgCircle.pos_2,
.plb_bgCircle.pos_4,
.plb_bgCircle.pos_6 {
  right: 6.25vw
}

.plb_bgCircle.pos_1 {
  top: 21.688vw
}

.plb_bgCircle.pos_2 {
  top: 62.5vw
}

.plb_bgCircle.pos_3 {
  top: 129.167vw
}

.plb_bgCircle.pos_4 {
  top: 170.833vw
}

.plb_bgCircle.pos_5 {
  top: 262.5vw
}

.plb_bgCircle.pos_6 {
  top: 309.375vw
}

.sec_wrp_Why .sect_wrp_in {
  padding-top: 3.125vw;
  padding-bottom: 5.729vw
}

.row-G-Why {
  margin-left: -5.208vw;
  margin-right: -5.208vw
}

.row-G-Why>.col,
.row-G-Why>[class*=col] {
  padding-left: 5.208vw;
  padding-right: 5.208vw;
  padding-bottom: 5.208vw
}

.why_itemWrp {
  margin-bottom: 5.208vw
}

.why_itemWrp .wrp_media video {
  height: auto !important
}

.why_itemWrp .con_head {
  line-height: 1.1;
  margin-bottom: 1.563vw
}

.why_itemWrp .cont_wrapper {
  padding-top: .781vw;
  padding-right: 1.302vw;
  border-right: 1px solid var(--color-red-2)
}

.why_m2p_col_right {
  margin-top: 11.719vw
}

.sec_counter_wrp {
  min-height: 34.313vw;
  background-color: var(--color-red-1);
  position: relative;
  overflow: hidden
}

.bx_counter {
  padding: 2.344vw 1.042vw;
  border-radius: .781vw .781vw 0 .781vw;
  box-shadow: 1.823vw 3.125vw 4.167vw 0 rgba(0, 0, 0, .5);
  height: 155px
}

.bx_counter .txt_lg {
  font-size: 3.125vw;
  line-height: 1
}

.bx_counter .txt_lg .sub_txt {
  font-size: 50%
}

.bx_counter .txt_cont {
  font-size: 1.354vw;
  margin-top: .521vw
}

.sec_counter_wrp .bg_video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  line-height: 0
}

.sec_counter_wrp .bg_video video {
  object-fit: cover;
  width: 100%;
  height: 100%
}

.carousel_testimonials .slick-list,
.row-G-testimonial {
  margin-left: -2.604vw;
  margin-right: -2.604vw
}

.carousel_testimonials .slick-list .slide_item,
.row-G-testimonial>.col,
.row-G-testimonial>[class*=col] {
  padding-left: 2.604vw;
  padding-right: 2.604vw
}

.sec_wrp_testimonial .sect_wrp_in {
  padding-top: 5.208vw;
  padding-bottom: .26vw
}

.testimonial_Item {
  position: relative;
  padding-left: 3.125vw;
  padding-bottom: .781vw
}

.testimonial_Item .user_pic {
  width: 4.74vw;
  height: 4.74vw;
  border-radius: 100px;
  overflow: hidden;
  box-shadow: 0 0 0 .417vw hsla(0, 0%, 100%, .2);
  margin-left: .417vw;
  margin-top: .417vw
}

.testimonial_Item .bx_heading {
  margin-bottom: .26vw;
  line-height: 1.1
}

.testimonial_Item .testimonial_bx {
  padding-top: .781vw
}

.testimonial_Item .txt_summary {
  margin-top: 1.198vw
}

.testimonial_Item .testimonial_bx,
.testimonial_Item .wrp_txtContent {
  position: relative
}

.testimonial_Item .testimonial_bx:before,
.testimonial_Item .wrp_txtContent:after {
  content: "";
  width: 2.5vw;
  height: 2.24vw;
  position: absolute;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover
}

.testimonial_Item .testimonial_bx:before {
  transform: translateX(-100%);
  margin-left: -.781vw;
  top: .26vw;
  background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/quote-left.png)
}

.testimonial_Item .wrp_txtContent:after {
  background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/quote-right.png);
  margin-left: .26vw;
  margin-top: .313vw
}

.carousel_testimonials {
  padding-bottom: 7.813vw
}

.slide_Arrow .slick-arrow {
  width: 2.188vw;
  height: 2.188vw;
  border-radius: 100px;
  background-color: #fff !important;
  bottom: .521vw;
  top: auto;
  box-shadow: 0 0 .521vw 0 rgba(0, 0, 0, .25);
  background-repeat: no-repeat !important;
  background-position: 50% !important;
  background-size: .729vw auto !important
}

.slide_Arrow .slick-arrow:before {
  display: none
}

.slide_Arrow .slick-arrow.slick-prev {
  left: 50%;
  margin-left: -.521vw;
  transform: translate(-100%);
  background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/slide-arrow-L.png)
}

.slide_Arrow .slick-arrow.slick-next {
  right: 50%;
  margin-right: -.521vw;
  transform: translate(100%);
  background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/slide-arrow-R.png)
}

.slide_Arrow .slick-arrow.slick-disabled {
  opacity: .7;
  cursor: default
}

.sec_wrp_Global .sect_wrp_in {
  padding-top: 7.292vw
}

.container_spc_L {
  padding-left: 12.865vw
}

.globe_infoBx .secHead {
  margin-bottom: 1.823vw
}

.list_Global_Country {
  font-size: 1.163vw;
  margin-left: -.99vw;
  margin-right: -.99vw
}

.list_Global_Country>li {
  padding: .469vw .19vw
}

.list_Global_Country .country_item {
  position: relative;
  line-height: 1;
  padding-left: 1.198vw
}

.list_Global_Country .country_item:before {
  content: "";
  width: .317vw;
  height: .317vw;
  position: absolute;
  left: .521vw;
  top: 50%;
  transform: translateY(-50%);
  background-color: #000;
  border-radius: 100px;
  opacity: .9
}

.globe_media_wrp {
  max-width: 49.479vw
}

.list_trustLogos {
  margin-left: -.26vw;
  margin-right: -.26vw
}

.list_trustLogos>li {
  padding: 1.302vw .26vw;
  flex: 0 0 auto;
  width: 14.28%
}

.trustLogo_item {
  max-width: 8.229vw
}

.text_btn {
  padding: 0;
  line-height: 1.1;
  font-weight: 400;
  border-radius: 0;
  border: none;
  box-shadow: none !important
}

.kycTop_banner {
  height: calc(100vh - 4.1vw);
  overflow: hidden
}

@media (min-width:992px) {
  .lg-container-vw {
    max-width: 74%
  }

  .container-pd-vw {
    padding-right: .625vw;
    padding-left: .625vw
  }

  .row-vw {
    margin-right: -.625vw;
    margin-left: -.625vw
  }

  .row-vw>.col,
  .row-vw>[class*=col] {
    padding-right: .625vw;
    padding-left: .625vw
  }

  .spc_container_R {
    padding-right: calc(6.406vw + .781vw)
  }

  .spc_container_L {
    padding-left: calc(6.406vw + .781vw)
  }
}

.mobImg {
  padding-top: 130px;
  width: 80%;
  margin: auto
}

@media (max-width:991px) {
  .height-md-auto {
    min-height: inherit !important
  }

  :root {
    --font-sz-18: 13px;
    --font-sz-20: 14px;
    --font-sz-22: 16px;
    --font-sz-24: 17px;
    --font-sz-28: 20px;
    --font-sz-30: 21px;
    --font-sz-32: 22px;
    --font-sz-46: 26px
  }

  p,
  ul {
    margin-bottom: 20px
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin-bottom: 12px
  }

  h6 {
    font-size: 14px
  }

  h5 {
    font-size: 16px
  }

  h4 {
    font-size: 20px
  }

  h3 {
    font-size: 22px
  }

  h2 {
    font-size: 26px
  }

  h1 {
    font-size: 28px
  }

  .mb__5 {
    margin-bottom: 4px !important
  }

  .mb__10 {
    margin-bottom: 8px !important
  }

  .mb__15 {
    margin-bottom: 13px !important
  }

  .mb__20 {
    margin-bottom: 17px !important
  }

  .mb__25 {
    margin-bottom: 21px !important
  }

  .mb__30 {
    margin-bottom: 25px !important
  }

  .mb__35 {
    margin-bottom: 29px !important
  }

  .mb__40 {
    margin-bottom: 32px !important
  }

  .mb__50 {
    margin-bottom: 38px !important
  }

  .mb__60 {
    margin-bottom: 45px !important
  }

  .mt__70 {
    margin-top: 50px !important
  }

  .row-vw {
    margin-right: -10px;
    margin-left: -10px
  }

  .row-vw>.col,
  .row-vw>[class*=col] {
    padding-right: 10px;
    padding-left: 10px
  }

  .site_logo {
    max-width: 64px
  }

  .cbp-fz {
    font-size: 30px
  }

  .headerMain .cst_navbar {
    padding: 15px 15px 4px
  }

  .thm-nav>.nav-item {
    padding-left: 10px;
    padding-right: 10px
  }

  .thm-nav>.nav-item>.nav-link {
    padding: 6px 0
  }

  .thm-nav>.nav-item>.nav-link:after {
    height: 2px
  }

  .heroCont_Head {
    font-size: 40px;
    letter-spacing: -2.5px;
    margin-bottom: 15px
  }

  .heroCont_wrp .heroCont_Txt {
    font-size: 18px
  }

  .hero_sec_wrp .mouse_icon {
    max-width: 20px;
    bottom: 55px;
    display: none
  }

  .hero_sec_wrp .wrp_media {
    height: auto
  }

  .hero_sec_wrp .overlay_wrap {
    bottom: 0;
    position: relative;
    padding: 40px 0
  }

  .hero_sec_wrp .wrp_media .hero-resp {
    padding-top: 100px;
    height: auto !important
  }

  .hero_sec_wrp .wrp_media .hero-resp .hero-resp-img {
    height: auto;
    height: 100%
  }

  .mobImg {
    padding-top: 130px;
    width: 100%
  }

  .spacer {
    position: relative !important
  }

  .spacer #textHolderAnim {
    height: auto !important
  }

  .scrollmagic-pin-spacer {
    display: none !important
  }

  .sec_wrp_PaymentsInfo .plb_wrpSec_in {
    height: auto
  }

  .sec_wrp_PaymentsInfo .sect_wrp_in {
    padding-top: 80px;
    padding-bottom: 80px
  }

  .plb_VR_txtLine {
    left: -90px;
    width: 200px;
    font-size: 11px !important;
    height: 20px;
    top: 120px
  }

  .list_plb .wrp_plbSec:nth-child(2n),
  .wrp_plbSec {
    padding-right: 25px;
    padding-left: 25px
  }

  .list_plb .wrp_plbSec:nth-child(2n) .col-img {
    order: 0
  }

  .list_plb .wrp_plbSec:nth-child(2n) .col-cont {
    order: 1
  }

  .plb_sec {
    padding-top: 20px;
    padding-bottom: 20px
  }

  .plb_cont_wrp .nbr {
    margin-bottom: 15px
  }

  .plb_cont_wrp .bx_head {
    margin-bottom: 18px;
    font-size: 22px
  }

  .why_itemWrp .con_head {
    line-height: 1.1;
    margin-bottom: 1.563vw;
    font-size: 22px
  }

  .plb_wrap_media {
    max-width: 500px;
    width: 96%;
    margin: 0 auto 60px
  }

  .plb_cont_wrp {
    padding: 5px 20px 5px 0;
    min-height: inherit;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto
  }

  .list_plb .wrp_plbSec:nth-child(2n) .plb_cont_wrp {
    padding-left: 20px
  }

  .sec_wrp_PaymentsInfo .pay_secHead {
    font-size: 30px !important;
    margin-left: 0;
    margin-bottom: 0
  }

  .sec_wrp_Why .secHead {
    font-size: 40px !important
  }

  .sec_counter_wrp {
    min-height: 390px
  }

  .bx_counter {
    padding: 25px 15px;
    border-radius: 12px 12px 0 12px;
    box-shadow: 10px 20px 30px 0 rgba(0, 0, 0, .5)
  }

  .bx_counter .txt_lg {
    font-size: 34px
  }

  .bx_counter .txt_cont {
    font-size: 16px;
    margin-top: 8px
  }

  .sec_wrp_Why .sect_wrp_in {
    padding-top: 45px;
    padding-bottom: 45px
  }

  .why_itemWrp {
    max-width: 490px;
    margin: 0 auto 60px
  }

  .why_itemWrp .cont_wrapper {
    padding-top: 5px;
    padding-right: 20px
  }

  .why_m2p_col_right {
    margin-top: 0
  }

  .sec_wrp_testimonial .sect_wrp_in {
    padding-top: 60px;
    padding-bottom: 60px
  }

  .carousel_testimonials .slick-list,
  .row-G-testimonial {
    margin-left: -15px;
    margin-right: -15px
  }

  .carousel_testimonials .slick-list .slide_item,
  .row-G-testimonial>.col,
  .row-G-testimonial>[class*=col] {
    padding-left: 15px;
    padding-right: 15px
  }

  .carousel_testimonials {
    padding-bottom: 55px
  }

  .testimonial_Item {
    padding-left: 35px;
    padding-bottom: 15px
  }

  .testimonial_Item .testimonial_bx {
    padding-top: 15px
  }

  .testimonial_Item .user_pic {
    width: 60px;
    height: 60px;
    box-shadow: 0 0 0 5px hsla(0, 0%, 100%, .2);
    margin-left: 5px;
    margin-top: 5px
  }

  .testimonial_Item .bx_heading {
    margin-bottom: 3px;
    font-size: 22px
  }

  .testimonial_Item .sub_txt {
    font-size: 14px
  }

  .testimonial_Item .txt_summary {
    margin-top: 10px
  }

  .testimonial_Item .testimonial_bx:before,
  .testimonial_Item .wrp_txtContent:after {
    width: 28px;
    height: 25px
  }

  .testimonial_Item .testimonial_bx:before {
    margin-left: -6px;
    top: 12px
  }

  .testimonial_Item .wrp_txtContent:after {
    margin-left: 10px;
    margin-top: 2px
  }

  .slide_Arrow .slick-arrow {
    width: 32px;
    height: 32px;
    bottom: 5px;
    background-size: 14px auto;
    background-size: 2.729vw auto !important
  }

  .slide_Arrow .slick-arrow.slick-prev {
    margin-left: -6px
  }

  .slide_Arrow .slick-arrow.slick-next {
    margin-right: -6px
  }

  .container_spc_L {
    padding-left: 0
  }

  .globe_infoBx .secHead {
    margin-bottom: 15px
  }

  .list_Global_Country {
    font-size: 16px;
    margin-left: -10px;
    margin-right: -10px
  }

  .list_Global_Country>li {
    padding: 5px 10px
  }

  .list_Global_Country .country_item {
    padding-left: 12px
  }

  .list_Global_Country .country_item:before {
    width: 5px;
    height: 5px
  }

  .globe_media_wrp {
    max-width: 100%
  }

  .sec_wrp_Common .sect_wrp_in {
    padding-top: 60px;
    padding-bottom: 60px
  }

  .list_trustLogos {
    margin-left: -5px;
    margin-right: -5px
  }

  .list_trustLogos>li {
    padding: 13px 5px;
    width: 20%
  }

  .trustLogo_item {
    max-width: 80px
  }
}

@media (max-width:767px) {
  .height-sm-auto {
    min-height: inherit !important
  }

  .heroCont_Head {
    font-size: 35px
  }

  .heroCont_wrp .heroCont_Txt {
    font-size: 16px
  }

  .sec_counter_wrp {
    min-height: 445px
  }

  .bx_counter {
    max-width: 260px;
    margin: 0 auto 25px;
    height: 137px
  }

  .globe_infoBx {
    margin-bottom: 25px
  }

  .globe_infoBx .secHead {
    font-size: 33px !important
  }
}

@media (max-width:575px) {
  .height-xs-auto {
    min-height: inherit !important
  }

  .list_trustLogos>li {
    width: 33.33%
  }

  .resp-head {
    line-height: 2.5rem !important;
    font-weight: 400 !important
  }
}

.why_m2p_img {
  width: 70%;
  margin: auto
}

.stricked-menu {
  background-color: #fff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
  padding: 0 1rem !important;
  transition: all .3s ease-in-out
}

.why_upi {
  color: #000;
  text-decoration: none
}

.logo_onscroll {
  max-width: 3.052vw !important
}

.navbar-toggler {
  border: none
}

.custom-img {
  object-fit: contain;
  width: 100% !important;
  position: relative !important;
  height: unset !important
}

.unset-img {
  width: 100%
}

.unset-img>div {
  position: unset !important
}

.react-tel-input .form-control {
  width: 100% !important;
  padding: .625vw 5vw;
  border-radius: .417vw;
  border: 1px solid #d2d3d4
}

.react-tel-input .selected-flag {
  width: 75px;
  padding: 0 20px;
  background: rgba(0, 0, 0, .05)
}

.form-select:focus {
  box-shadow: none !important
}

ul.paginationBtn {
  display: flex;
  justify-content: center !important;
  gap: 30px;
  align-items: center;
  list-style: none;
  margin-top: 50px
}

.press_news_container {
  margin-top: 10%;
  width: 80%
}

.press_news_head {
  font-family: Ubuntu, sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 45px;
  text-transform: capitalize;
  margin-bottom: 20px
}

.press_share {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 2vw
}

.moonlight-d-none {
  display: none;
  transition: all .5s ease-in-out
}

.apiBtn:hover {
  background-color: #000
}

.hide_home {
  opacity: 0 !important
}

.flip-container {
  perspective: 1000px
}

.onBord_card {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: all .5s ease
}

.onBord_card.flip {
  transform: rotateY(180deg)
}

.onBord_card .back,
.onBord_card .front {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.onBord_card .back {
  transform: rotateY(180deg)
}

.apiBtn_hover:hover {
  background-color: #cf2128
}

.upifintalk-Red {
  color: #0065cc;
  font-style: normal;
  font-weight: 700;
  line-height: 167%;
  margin-bottom: 36px;
  font-family: Ubuntu
}

[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1 !important;
  transform: translate(0)
}

video {
  -webkit-clip-path: inset(1px 1px);
  clip-path: inset(1px 1px)
}

.apiBtn_stricky {
  display: inline-flex;
  background: #191919;
  padding: .265vw;
  border-radius: 4.183vw;
  align-items: center;
  border: unset;
  cursor: pointer;
  text-decoration: none
}

@media (max-width:767px) {
  .resp_connect_btn {
    display: none !important
  }

  .better-half-logo {
    width: 100px;
    height: unset !important
  }
}

.moonlight_logo {
  max-width: 140px
}

.moonlight_logo_stricky {
  max-width: 120px
}

.dropdown-toggle:after {
  border-top: none
}

@media (max-width:767px) {
  .react-tel-input .form-control {
    width: 100% !important;
    padding: 1.825vw 75px !important;
    border-radius: .417vw !important;
    border: 1px solid #d2d3d4 !important
  }

  .react-tel-input .selected-flag {
    width: 65px !important;
    padding: 0 20px !important;
    background: rgba(0, 0, 0, .05) !important
  }

  .f-65w {
    font-size: 6.5vw !important
  }

  .navbar-toggler-icon {
    width: 24px;
    height: 17px;
    background-image: none;
    position: relative;
    border-bottom: 1px solid #000;
    transition: all .3s linear
  }

  .navbar-toggler-icon:after,
  .navbar-toggler-icon:before {
    width: 24px;
    position: absolute;
    height: 1px;
    background-color: #000;
    top: 0;
    left: 0;
    content: "";
    z-index: 2;
    transition: all .3s linear
  }

  .navbar-toggler-icon:after {
    top: 8px
  }

  .navbar-toggler[aria-expanded=true] .navbar-toggler-icon {
    border-color: transparent
  }

  .navbar-toggler[aria-expanded=true] .navbar-toggler-icon:before {
    transform: translateY(8px) rotate(-45deg)
  }

  .navbar-toggler[aria-expanded=true] .navbar-toggler-icon:after {
    transform: rotate(45deg)
  }

  .navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 0
  }

  .headerMain .navbar-collapse {
    position: absolute;
    background-color: #fff;
    width: 100%;
    top: 54px;
    left: 0;
    padding: 15px 30px;
    height: 100vh;
    overflow: auto
  }

  .headerMain .cst_navbar {
    padding: 15px 0 18px;
    background: #fff
  }

  .sec_wrp_Global .sect_wrp_in {
    padding-top: 90px
  }

  .pgScroll_Header .headerMain .navbar-collapse {
    top: 52px;
    height: 100vh
  }

  .headerMain .thm-nav>.nav-item {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 10px
  }

  .pgScroll_Header .headerMain .cst_navbar {
    padding-top: 4px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .5);
    padding-bottom: 6px
  }

  .dropdown-menu.cstDrop {
    padding: 0;
    border-radius: 4px;
    max-width: 100%
  }

  .navbar .nav-item .dropdown-menu {
    opacity: 1;
    visibility: visible
  }

  .headerMain .dropdown {
    padding-left: 3px;
    padding-right: 3px
  }

  .dropdown-menu.cstDrop {
    box-shadow: none
  }

  .rgt_item {
    margin-left: 30%
  }

  li.nav-item.dropdown.has-mega-menu .dropdown-menu.cstDrop {
    display: none
  }

  li.nav-item.dropdown.has-mega-menu .dropdown-menu.cstDrop.show {
    display: block
  }

  .kycTop_banner {
    height: auto !important
  }

  .accordion-header {
    margin-bottom: 0;
    margin-top: 20px
  }

  .connect_btn {
    width: auto;
    gap: 20px;
    display: flex
  }

  .navbar_div {
    width: auto
  }

  .topSec_video {
    width: 878px;
    top: -4px
  }

  .m2_kycType_list {
    position: static;
    min-height: auto
  }

  .m2_kycType_list>li {
    position: static;
    display: inline-block;
    width: 32.33%
  }

  .m2_kycType_list .m2_pos_1 {
    top: 0;
    left: 0;
    transform: none
  }

  .m2_kycType_list .m2_pos_2 {
    left: 0;
    top: 0
  }

  .m2_pos_2 .m2_typeKyc_item:before {
    left: 0;
    margin-left: 0;
    top: -17px
  }

  .m2_pos_2 .kyc-item-inner {
    max-width: 74px;
    width: 100%;
    margin: 0 auto
  }

  .m2_pos_1 .m2_typeKyc_item:before {
    margin-left: 0;
    top: 0;
    left: -1px
  }

  .m2_pos_2 .m2_typeKyc_item .txtWrp {
    margin-left: 34px;
    margin-top: 1px;
    right: 12px;
    top: -10px
  }

  .m2_kycType_list .m2_pos_3 {
    right: 0;
    top: 0
  }

  .m2_pos_3 .m2_typeKyc_item:before {
    right: 0;
    top: 0;
    position: static;
    transform: none
  }

  .m2_pos_3 .m2_typeKyc_item .txtWrp {
    position: static;
    margin-top: 10px
  }

  .m2_pos_4 .m2_typeKyc_item:before {
    left: 0;
    margin-left: -22px;
    top: 0
  }

  .m2_pos_4 .kyc-item-inner {
    max-width: 69px;
    width: 100%;
    margin: 0 auto
  }

  .m2_pos_4 .m2_typeKyc_item .txtWrp {
    position: static;
    right: 100%;
    bottom: 0;
    margin-right: 10px;
    margin-bottom: 10px
  }

  .m2_pos_5 .m2_typeKyc_item .txtWrp {
    bottom: 0;
    margin-left: 20px;
    position: static;
    margin-right: 0
  }

  .m2_pos_5 .m2_typeKyc_item:before {
    right: 0;
    top: 0;
    left: 0
  }

  .m2_pos_5 .kyc-item-inner {
    max-width: 62px;
    margin: 10px auto 0
  }

  .m2_pos_6 .m2_typeKyc_item:before {
    left: 0;
    margin-left: 0;
    top: 0
  }

  .m2_pos_6 .m2_typeKyc_item .txtWrp {
    bottom: 0;
    position: static;
    margin-right: 0;
    margin-left: 20px
  }

  .m2_pos_6 .kyc-item-inner {
    max-width: 78px;
    width: 100%;
    margin: 10px auto 0
  }

  .m2_pos_7 .m2_typeKyc_item:before {
    right: 0;
    margin-left: 0;
    top: 0;
    left: -20px
  }

  .m2_pos_7 .m2_typeKyc_item .txtWrp {
    bottom: 0;
    margin-left: 0;
    position: static;
    margin-right: 10px
  }

  .m2_pos_7 .kyc-item-inner {
    max-width: 78px;
    width: 100%;
    margin: 10px auto 0
  }

  .m2_pos_3 .kyc-item-inner {
    max-width: 65px;
    width: 100%;
    margin: 0 auto
  }

  .m2_pos_3 .m2_typeKyc_item:before {
    right: 2px;
    margin-left: 0;
    top: -10px;
    left: 0;
    transform: translateX(-50%);
    position: absolute
  }

  .m2_pos_3 .m2_typeKyc_item .txtWrp {
    bottom: 0;
    margin-left: 6px;
    margin-right: 12px;
    left: 15px;
    top: -10px;
    margin-bottom: 5px;
    position: relative
  }

  .thmArrow .slick-next.slick-arrow {
    right: 0;
    background: rgba(0, 0, 0, .6);
    width: 38px;
    height: 38px;
    top: 50%;
    transform: translateY(-50%)
  }

  .thmArrow .slick-prev.slick-arrow {
    display: block !important;
    background: rgba(0, 0, 0, .6);
    width: 38px;
    height: 38px;
    top: 46%;
    z-index: 999;
    border-radius: 100px
  }

  .thmArrow .slick-next:before {
    background-size: 20px;
    width: 20px;
    height: 15px;
    background-repeat: no-repeat
  }

  .thmArrow .slick-prev.slick-arrow:before {
    left: 50%;
    opacity: 1 !important
  }

  .thmArrow .slick-prev.slick-arrow:after,
  .thmArrow .slick-prev.slick-arrow:before {
    content: "";
    background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/btn-arrow1.png);
    background-size: 20px;
    width: 20px;
    height: 10px;
    background-position: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    background-repeat: no-repeat
  }

  .thmArrow .slick-prev.slick-arrow:after {
    left: -50%;
    opacity: 0;
    visibility: hidden
  }

  .thmArrow .slick-prev:hover.slick-arrow:after {
    left: 50%;
    opacity: 1;
    visibility: visible
  }

  .thmArrow .slick-prev:hover.slick-arrow:before {
    left: 100%;
    opacity: 0 !important;
    visibility: hidden
  }

  .thmArrow .slick-next:after {
    background-size: 20px;
    width: 20px;
    height: 15px;
    background-repeat: no-repeat
  }

  .kyc-item-2 {
    max-width: 193px;
    top: 25px;
    right: 52px
  }

  .kyc-item-3 {
    max-width: 134px;
    top: 38px;
    left: 87px
  }

  .kycBx_wrap {
    left: 30px;
    max-width: 100%;
    width: 100%;
    margin-top: 80px
  }

  .sect_wrp_in {
    padding-top: 500px
  }

  .crdit_rocket_img {
    width: 72%;
    margin: 0 auto
  }

  .card_list ul .list-inline-item:not(:last-child) {
    margin-right: 15px;
    margin-bottom: 15px
  }

  .secured_bx {
    margin-bottom: 20px
  }

  .flip-card-back,
  .onBard_bxInner {
    padding: 15px 35px
  }

  .issue_marketImg {
    max-width: 380px;
    margin: 150px auto 0
  }

  .issue_mar_cont.kycBx_wrap {
    left: 0;
    max-width: 100%;
    width: 100%;
    margin-top: 175px
  }

  .credit_sec_shap:before {
    left: 0;
    top: -10px
  }

  .sec_shape:before {
    bottom: calc(100% - 3px)
  }

  .how_works_bx1:before,
  .how_works_bx1_1:before {
    display: none
  }

  .h_w_icon_out {
    width: 150px;
    height: 150px
  }

  .fleet_drive__h_work_icon {
    max-width: 140px
  }

  .bx_num1 {
    bottom: auto;
    top: 0
  }

  .how_works_bx_mar_t {
    margin-top: 0
  }

  .how_works_bx {
    padding: 28px 10px;
    margin: 0 41px 50px
  }

  .how_works_bx_cont_text {
    margin-top: 15px
  }

  .fleetDrive_ani_img {
    width: 355px;
    margin: 150px auto 0
  }

  .lancer_fleetCont {
    margin-top: 164px
  }

  .authorize_tital.kycTxt_sec {
    background-color: #fff
  }

  .offer3dImg_outer {
    width: 54%;
    margin: 130px auto 0
  }

  .offer_3d_cont {
    margin-top: 180px
  }

  .feature_bankingImg {
    margin-bottom: 30px
  }

  .neo_bank_sec_shap:before {
    content: "";
    position: absolute;
    height: 75px;
    width: 100%;
    background-repeat: no-repeat, repeat-y;
    background-size: 100% auto;
    z-index: 91
  }

  .kycBx_wrap {
    left: 0
  }

  .fixedEnd_sec .issue_marketImg {
    margin-top: 36px
  }

  .besPoke_img_outer {
    max-width: 84%;
    margin-top: 56px
  }

  .sec_wrp_fixedDeposit .crdit_rocket_img_1 {
    max-width: 46px;
    top: -25%;
    right: 29%;
    transform: translate(-50%, -50%)
  }

  .sec_wrp_fixedDeposit .crdit_rocket_img_2 {
    max-width: 40px;
    top: 12%;
    left: 20%;
    transform: translate(-50%, -50%)
  }

  .pigPhone_outer {
    width: 60%;
    margin: 0 auto
  }

  .travelImg_wrap {
    margin-bottom: 30px
  }

  .cb-partner-1 {
    max-width: 210px
  }

  .cb-partnerBx {
    margin-bottom: 40px
  }

  .prtnerBg_1 {
    top: -15px;
    width: 300px;
    left: 57%;
    transform: translateX(-50%)
  }

  .cb-partner-2 {
    max-width: 280px
  }

  .cb-partner-3 {
    max-width: 250px
  }

  .prtnerBg_2 {
    width: 290px;
    right: 45%;
    top: -15px;
    transform: translateX(50%)
  }

  .cb_coin_wrap {
    margin: 86px auto
  }

  .cb-item-3 {
    right: 35%;
    transform: translate(50%, -50%) !important;
    top: 64% !important
  }

  .cb-item-2,
  .cb-item-3 {
    max-width: 176px;
    z-index: 8
  }

  .cb-item-2 {
    left: 36%;
    transform: translate(-50%, -50%) !important;
    top: 65% !important
  }

  .kyc_work_list.bnpl_merchent_list {
    margin-bottom: 70px
  }

  .kycSolution-sec.bnpl_cart {
    margin: 100px auto
  }

  .bnpl-item-2 {
    left: 35%
  }

  .global_sec {
    margin-top: 0
  }

  .m2_about_mobileFrame {
    width: 206px;
    height: 368px;
    padding-top: 30px;
    padding-bottom: 30px
  }

  .m2_newsLogo_wrap {
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .1);
    padding-top: 8px;
    padding-bottom: 8px
  }

  .aboutLast_sec .kycSolution-sec {
    width: 326px;
    margin: 0 auto;
    padding-top: 110px
  }

  .m2_newsLogo_wrap .wrapIn_logo {
    max-width: 60px
  }

  .workLine_sec li .wrkBx_txt {
    max-width: 70% !important
  }

  .sec_billPay .billpay_bx {
    max-width: 100% !important
  }

  .wrkBx {
    display: flex;
    align-items: start
  }

  .prepaid-cards-hero .sect_wrp_in {
    padding-bottom: 0
  }

  .prepaid-cards-hero .topSec_video {
    margin-top: 70px;
    padding-bottom: 50px;
    right: 0
  }

  .prepaid-cards-hero .kycTxt_sec {
    margin-bottom: 40px
  }

  .card-issu-grid,
  .prepaid-card-laptop-grid {
    display: none
  }

  .mc_record {
    max-width: 280px;
    margin-bottom: -60px
  }

  .m2_wrapkycSuite-solutionImg {
    margin: 0 auto 50px;
    max-width: 440px
  }

  .m2_sec-kycsuite-Solutions .sec-bg-Img {
    margin-left: -30px;
    max-width: none;
    top: 190px;
    width: 750px
  }

  .lean_wrk {
    width: 100%;
    padding: 0 25px
  }

  .mobIcon_media {
    max-width: 210px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 25px
  }

  .turing_sec_two .bill-payMobile.puzzleImg {
    max-width: 300px
  }
}

.sticky_header .navbar {
  padding-top: 0;
  padding-bottom: 0
}

@media screen and (min-width:1350px) {
  .kyc_work_list {
    height: 550px
  }

  .bx_counter {
    height: 155px
  }

  .deogp {
    margin: 0 .5rem !important;
    padding-bottom: 4rem;
    width: 96% !important
  }
}

@media screen and (min-width:1820px) {
  .kyc_work_list {
    height: 900px
  }

  .bx_counter {
    height: 300px
  }
}

@media (max-width:992px) and (min-width:767px) {
  .kyc_work_list {
    height: 650px
  }

  .bx_counter {
    height: 125px
  }
}

@media (max-width:1180px) and (min-width:993px) {
  .kyc_work_list {
    height: 390px
  }

  .bx_counter {
    height: 125px
  }
}

.paylaterplustopbanner-img {
  margin-right: .8333333333333334vw
}

.paylaterplustopbanner-text>p {
  font-size: 1.1111111111111112vw
}

@media (max-width:425px) {
  .paylaterplustopbanner-text>p {
    font-size: 12px;
    width: -webkit-fill-available;
    margin: auto;
    white-space: nowrap
  }

  .paylaterplustopbanner-img {
    margin-right: 7px
  }

  .paylaterplustopbanner {
    padding: 7px 10px
  }
}

.mobile_num .contact_cstInput {
  padding: .725vw 1.442vw;
  font-size: 14px;
  border-left: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.mobile_num .react-tel-input {
  display: flex;
  flex-direction: row-reverse
}

.mobile_num .react-tel-input .flag-dropdown {
  position: unset;
  border-radius: unset;
  border: 1px solid #d2d3d4;
  border-bottom-left-radius: .417vw;
  border-top-left-radius: .417vw
}

.mobile_num .react-tel-input .selected-flag {
  border-radius: unset
}

.errTxt.compErr,
.errTxt.contErr,
.errTxt.countErr,
.errTxt.emailErr,
.errTxt.entityErr,
.errTxt.nameErr,
.errTxt.prodErr {
  opacity: 1
}

.contact_select.ant-select .ant-select-selection-search-input {
  width: 100%;
  height: 100% !important
}

.contact_select.ant-select .ant-select-selection-search {
  -webkit-margin-start: unset !important;
  margin-inline-start: unset !important
}

.contact_num .input_wrapper {
  display: flex;
  align-items: center;
  border: 1px solid #d2d3d4;
  border-radius: .417vw
}

.contact_num .input_wrapper .country_code {
  width: 15%;
  border: unset;
  border-right: 1px solid #d2d3d4;
  border-radius: .417vw 0 0 .417vw
}

.contact_num .input_wrapper .mobileNumber {
  width: 85%;
  border: unset
}

@media (max-width:991px) {
  .mobile_num .contact_cstInput {
    padding: 9px 15px
  }
}

@media (max-width:425px) {

  .contact_num .input_wrapper,
  .contact_usWrap .contact_cstInput {
    border-radius: 6px
  }

  .contact_num .input_wrapper .country_code {
    border-radius: 6px 0 0 6px;
    width: 20%
  }

  .contact_num .input_wrapper .mobileNumber {
    width: 80%
  }

  .submitResponse .respText {
    font-size: 14px
  }

  .contact_usWrap .mobile_num .contact_cstInput {
    font-size: 14px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px
  }

  .mobile_num .react-tel-input .flag-dropdown {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
  }

  .ant-select-dropdown .ant-select-item-option-content,
  .contact_select.ant-select .ant-select-selection-item,
  .contact_select.ant-select .ant-select-selection-placeholder {
    font-size: 14px !important
  }

  .contact_usWrap .formGroup_wrap {
    margin-bottom: 20px !important
  }

  .contact_select.ant-select .ant-select-selector {
    border-radius: 6px !important;
    padding: 5px 12px;
    height: unset
  }
}

.contact_select .css-1jqq78o-placeholder {
  font-size: 1.08vw !important
}

@media (max-width:768px) {
  .contact_select .css-1jqq78o-placeholder {
    font-size: 14px !important
  }

  .css-1hb7zxy-IndicatorsContainer:after {
    top: 15px !important;
    right: 5px !important
  }
}

.contact_select .css-13cymwt-control {
  min-height: unset;
  border-radius: .417vw;
  padding: .235vw .625vw .235vw .4vw
}

.contact_select .css-13cymwt-control:hover {
  border: 1px solid #d2d3d4;
  cursor: pointer
}

.contact_select .css-t3ipsp-control {
  box-shadow: unset;
  border-radius: .417vw;
  border: 1px solid #d2d3d4;
  min-height: unset;
  padding: .235vw .625vw .235vw .4vw
}

.contact_select .css-t3ipsp-control:hover {
  border: 1px solid #d2d3d4
}

.contact_select .css-15lsz6c-indicatorContainer svg,
.contact_select .css-1xc3v61-indicatorContainer svg {
  display: none
}

.contact_select {
  position: relative
}

.contact_select:after {
  content: "";
  position: absolute;
  top: 1.2vw;
  right: .5vw;
  padding: unset;
  border-top: .3em solid #cf2129;
  border-bottom: unset;
  border-right: .3em solid transparent;
  border-left: .3em solid transparent;
  height: 0;
  width: 8px
}

@media (max-width:768px) {
  .contact_select:after {
    top: 20px;
    right: 13px
  }
}

.contact_select.ant-select {
  width: 100%
}

.contact_select.ant-select:hover .ant-select-selector,
.contact_select.ant-select:hover .ant-select-selector:focus {
  border-color: #d2d3d4 !important;
  box-shadow: unset !important
}

.contact_select.ant-select .ant-select-selector {
  border: 1px solid #d2d3d4;
  border-radius: .417vw
}

.contact_select.ant-select .ant-select-selector:hover {
  border: 1px solid #d2d3d4
}

.ant-select-dropdown .ant-select-item-option-content,
.contact_select.ant-select .ant-select-selection-item {
  font-size: 1.08vw
}

.contact_select.ant-select .ant-select-selection-item,
.contact_select.ant-select .ant-select-selection-placeholder {
  font-size: 14px;
  font-family: Ubuntu !important;
  font-weight: 400
}

.contact_select .ant-select-selector {
  height: auto !important;
  padding: .3vw 1.042vw !important
}

.contact_select.ant-select.ant-select-focused:where(.css-dev-only-do-not-override-yp8pcc).ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector {
  border-color: #d2d3d4;
  box-shadow: unset
}

.footer_sec .apiBtn {
  background: #fff
}

.footer_sec .apiBtn .apiTxt {
  color: #000
}

#moonlight_modal #moonlight_form .row .col-md-6 {
  padding: unset;
  width: 49%
}

#moonlight_modal #moonlight_form .row {
  justify-content: space-between
}

#moonlight_modal #moonlight_form .fileupload input {
  width: 100%;
  border-radius: .417vw;
  border: 1px solid #d2d3d4
}

#moonlight_modal .modal-footer .submit_btn:disabled {
  background-color: #a4a9af
}

@media (max-width:425px) {
  #moonlight_modal #moonlight_form .row .col-md-6 {
    width: 100%
  }

  #moonlight_modal .modal-header {
    padding: 10px 16px
  }

  #moonlight_modal .modal-header .modal-title {
    font-size: 18px;
    line-height: 24px
  }

  #moonlight_form {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
  }

  #moonlight_modal .modal-content {
    height: 100vh
  }

  #moonlight_modal .modal-footer .submit_btnWrap button {
    padding: 15px
  }

  #moonlight_modal #moonlight_form .fileupload input {
    border-radius: 3px
  }
}

.resource_drpDown .dropdown-menu {
  width: 15vw;
  padding: 1.33vw .78vw;
  left: -20px
}

.resource_drpDown .dropdown-menu ul {
  margin: 0
}

.resource_drpDown .dropdown-menu .dropdown-item {
  padding: .625vw .5vw
}

@media (max-width:768px) {
  .resource_drpDown .dropdown-menu {
    max-width: unset;
    width: 200px;
    padding: 10px
  }

  .resource_drpDown .dropdown-menu .dropdown-item {
    padding: 10px 5px !important
  }
}

@media (max-width:425px) {
  .resource_drpDown .dropdown-menu {
    width: 100%;
    padding: 10px 0
  }

  .resource_drpDown .dropdown-menu .dropdown-item {
    padding: 10px 5px
  }
}

.headerMain .dropdown.jobs_nav {
  position: relative;
  padding-left: .029vw;
  padding-right: .729vw
}

.navbar .nav-item.jobs_nav .dropdown-menu.jobs_submenu {
  position: absolute;
  left: 120px;
  top: 0;
  background-color: #fff;
  opacity: 0;
  padding: .73vw .78vw;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
  border-radius: .724vw;
  z-index: 1
}

.jobs_submenu li {
  list-style: none;
  border-radius: 4px
}

.jobs_submenu li a {
  font-size: .885vw
}

.navbar .nav-item.jobs_nav:hover .dropdown-menu.jobs_submenu {
  opacity: 1
}

.jobs_submenu li:hover {
  background-color: #f5f5f5
}

.jobs_nav:hover .jobs_submenu {
  opacity: 1
}

.jobs_nav a {
  padding: .625vw .5vw !important
}

@media (max-width:767px) {
  li.nav-item.dropdown.has-mega-menu .dropdown-menu.jobs_submenu.cstDrop {
    display: block;
    opacity: 1;
    box-shadow: unset;
    padding-left: 20px;
    position: unset
  }
}

.socialLink.twitter {
  max-width: 30px
}

.aws-tabs {
  margin-top: 20px
}

.aws-marketplace .kycmiddle_sec {
  padding-left: 2.458vw
}

.aws-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #000;
  font-weight: 600
}

.aws-tabs .ant-tabs .ant-tabs-ink-bar {
  background: #bd2027 !important
}

.aws-tabs .ant-tabs .ant-tabs-tab:hover {
  color: #bd2027
}

.gff_circle {
  position: fixed;
  right: 10px;
  bottom: 0;
  border-radius: 50%;
  cursor: pointer;
  width: 200px;
  height: 200px;
  z-index: 5;
  transition: .5s
}

.gff_circle .gff_logo {
  transform: translate(14%, 14%);
  width: 140px;
  height: 140px;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  cursor: pointer;
  transform: perspective(2000px) rotateY(0deg);
  top: 30px;
  left: 30px;
  padding: 10px
}

.gff_circle .gff_cta,
.gff_circle .gff_logo {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .5s;
  border-radius: 50%;
  background: linear-gradient(216.91deg, #06c 12.61%, #1b8dff 83.11%);
  animation: pulse 1.5s infinite
}

.gff_circle .gff_cta {
  width: 200px;
  height: 200px;
  transform: perspective(1000px) rotateY(-180deg);
  opacity: 0;
  flex-direction: column
}

.gff_circle .gff_cta img {
  position: absolute
}

.gff_content {
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  z-index: -9
}

.gff_cta_link {
  display: block;
  padding: 10px 24px;
  background-color: #000;
  border-radius: 24px;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  margin: 15px auto auto;
  width: 90%
}

@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(27, 141, 255, .44)
  }

  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0)
  }

  to {
    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0)
  }
}

.gff_circle:hover .gff_logo {
  transform: perspective(1000px) rotateY(180deg)
}

.gff_circle:hover .gff_cta {
  transform: perspective(1000px) rotateY(0deg);
  opacity: 1
}

.gff_circle:hover .gff_content {
  z-index: 2
}

.gff_circle-d-none {
  opacity: 0
}

@media (max-width:425px) {
  .gff_circle {
    z-index: 5
  }

  .gff_circle .gff_logo {
    left: 60px;
    top: 50px
  }
}

html {
  scroll-behavior: smooth
}

.banner_container {
  padding-top: 38px
}

.banner_container .banner_tag_line {
  background: hsla(0, 0%, 8%, .1);
  color: #151515;
  font-size: 16px;
  padding: 5px 15px;
  line-height: 167%;
  border-radius: 18px;
  font-family: Ilisar_light;
  display: inline-block;
  margin-bottom: 20px
}

.banner_container h1.home_banner_title {
  font-family: Sen, sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 120px;
  line-height: 110px;
  color: #151515;
  float: left;
  width: 100%;
  text-align: center
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .banner_container h1.home_banner_title .text_bg {
    font-size: 20px;
    line-height: 33px;
    color: #151515;
    background-position: 13% -4px;
    background-repeat: no-repeat;
    background-size: 78% 101%
  }

  .banner_container .banner_tag_line {
    font-size: 13px
  }

  .banner_container .inner_section {
    overflow: hidden
  }
}

.inner_section {
  padding: 9vw 7vw 5vw 8vw
}

.inner_sections {
  padding: 0 7w 0 8w
}

.inner_section p {
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 167%;
  margin-bottom: 36px;
  color: #4f4f4f
}

@media only screen and (max-width:1024px) and (min-width:768px) {
  .inner_section p {
    font-size: 16px !important
  }
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .inner_section p.index_para {
    width: auto
  }
}

.inner_section .subpara {
  font-family: Ilisar_light;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 167%;
  color: #4f4f4f;
  margin-bottom: 20px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .inner_section .subpara {
    font-size: 16px
  }
}

.inner_section .para16 {
  font-family: Ilisar_light;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 167%;
  color: #878787
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .inner_section {
    padding: 0 31px 0 36px;
    overflow: hidden
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) and (orientation:portrait) {
  .inner_section {
    padding: 0 15px;
    overflow: hidden
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) {
  .yap_title {
    font-size: 36px;
    line-height: 46px
  }

  .banner_for_single_product .wallet_gift {
    width: auto !important
  }
}

@media only screen and (max-width:425px) {
  .lms_imgDiv {
    padding-bottom: 30px
  }
}

.yap_tagline {
  font-size: 14px
}

.icon_list .icon_box .icon_content h3,
.yap_sub_title {
  font-family: Sen, sans-serif
}

.icon_list .icon_box .icon_content p {
  font-family: Ilisar_light
}

.yap_tab_nav ul li {
  font-family: Sen, sans-serif
}

.yap_tab_container .yap_tab_content {
  display: none
}

.yap_tab_container .yap_tab_content.current {
  display: block
}

.yap_tab_col h4 {
  font-family: Sen, sans-serif
}

.yap_tab_col p {
  font-family: Ilisarniq
}

.section_api {
  padding-top: 57px;
  margin-left: auto;
  margin-right: auto
}

.plain_icon_col .plain_icon_title h4 {
  font-family: Sen, sans-serif
}

.plain_icon_col .plain_icon_content p {
  padding-right: 181px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .plain_icon_col .plain_icon_content p {
    padding-right: 0
  }
}

.springbo_sec.bg .content h4,
.springbo_sec.bg .springbo_content h4 {
  font-family: Sen, sans-serif
}

.testimonial_container {
  padding: 36px 91px;
  width: 1125px;
  margin: 0 auto;
  background-color: hsla(0, 0%, 8%, .03);
  min-height: 350px;
  transform: skewX(-10deg);
  border-radius: 46px
}

@media only screen and (max-width:767px) {
  .testimonial_container {
    width: 100%;
    transform: skewX(0deg);
    padding: 30px
  }
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .testimonial_container {
    padding: 35px;
    width: 100%;
    transform: skewX(0deg)
  }
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:landscape) {
  .testimonial_container {
    width: 100%
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) and (orientation:portrait) {
  .testimonial_container {
    width: 85%
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) and (orientation:landscape) {
  .testimonial_container {
    width: 85%
  }
}

.testimonial_container .testimonial_content {
  transform: skewX(10deg)
}

@media only screen and (max-width:767px) {
  .testimonial_container .testimonial_content {
    transform: skewX(0deg)
  }
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .testimonial_container .testimonial_content {
    transform: skewX(0deg)
  }
}

.testimonial_container .testimonial_content .tagline {
  font-family: IBM Plex Mono, monospace;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 176%;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: hsla(0, 0%, 8%, .5);
  margin-bottom: 15px;
  display: block
}

.testimonial_container .slick-slide:focus {
  outline: 0
}

.testimonial_container .testimonial_title {
  font-size: 24px;
  line-height: 32px;
  font-family: Sen, sans-serif;
  color: #151515;
  position: relative;
  font-weight: 700
}

.testimonial_container .testimonial_title:after,
.testimonial_container .testimonial_title:before {
  content: '"';
  font-weight: 700;
  font-family: Sen, sans-serif;
  transform: skewX(-10deg);
  display: inline-block
}

.testimonial_container .author_content p {
  color: #878787;
  font-weight: 300
}

.testimonial_container .author p,
.testimonial_container .author_content p {
  font-family: Ilisar_light;
  font-size: 16px;
  line-height: 167%;
  font-style: normal
}

.testimonial_container .author p {
  color: #151515;
  font-weight: 400
}

.testimonial_container .author p span {
  color: #4f4f4f
}

.testimonial_container .author p.career_author {
  margin-bottom: 85px
}

.testimonial_container .author a {
  font-family: IBM Plex Mono, monospace;
  font-size: 14px;
  line-height: 167%;
  text-decoration: underline;
  color: #0074df
}

.testimonial_container .slider_ctrl {
  padding: 25px 0
}

.testimonial_container .slider_ctrl .pagingInfo {
  font-weight: "IBM Plex Mono", monospace;
  font-size: 14px;
  color: #151515;
  text-decoration: underline;
  line-height: 167%
}

.testimonial_container #left_caro {
  position: absolute;
  top: -45px;
  cursor: pointer;
  left: 30px
}

.testimonial_container #right_caro {
  top: -45px;
  position: absolute;
  left: 50px;
  cursor: pointer
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .about.testimonial .testimonial_container {
    transform: skewX(0deg)
  }
}

.about.testimonial .testimonial_container .testimonial_content {
  transform: skewX(10deg)
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .about.testimonial .testimonial_container .testimonial_content {
    transform: skewX(0deg)
  }
}

.about.testimonial .testimonial_container .testimonial_slider {
  padding-top: 28px
}

.about.testimonial .testimonial_container .slider_ctrl {
  position: absolute;
  bottom: 0
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .about.testimonial .testimonial_container .slider_ctrl {
    bottom: -29px
  }
}

.about.testimonial .testimonial_container #left_caro {
  bottom: 28px;
  z-index: 9;
  top: auto
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .about.testimonial .testimonial_container #left_caro {
    bottom: 0
  }
}

.about.testimonial .testimonial_container #right_caro {
  left: 50px;
  cursor: pointer;
  bottom: 28px;
  top: auto
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .about.testimonial .testimonial_container #right_caro {
    bottom: 0
  }
}

.section__about .intro,
.team .mem_info .mem_details h4 {
  font-family: Sen, sans-serif
}

.team .mem_info .mem_details p {
  font-family: Ilisarniq
}

.team .mem_info .mem_details .desc {
  font-family: Ilisar_light
}

.section__investor .investor_container {
  padding-top: 18px
}

footer .footer_col .footer_title {
  font-family: Sen, sans-serif;
  font-size: 16px
}

@media (max-width:767px) {
  .grp_btn .rgt_item {
    margin-left: unset
  }
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .testimonial {
    padding-right: 35px;
    padding-left: 36px
  }

  .testimonial.pad_top {
    padding-top: 50px
  }

  .testimonial.pad_top .testimonial_container,
  .testimonial.pad_top .testimonial_container .testimonial_content {
    transform: skewX(0deg)
  }

  .testimonial.pad_top .testimonial_container .responsive_height {
    height: 380px
  }

  .grp_btn {
    padding-top: 40px
  }

  .grp_btn a.butn {
    margin-bottom: 20px;
    margin-right: 16px;
    width: 100%;
    display: inline-flex
  }

  .section__products {
    padding: 15px 0;
    overflow: hidden
  }

  .swipe_down {
    padding-top: 68px;
    display: block
  }

  .swipe_down img {
    animation: bounce 2s infinite
  }

  .swipe_down span {
    display: block;
    padding-top: 10px;
    font-size: 14px;
    color: #151515;
    opacity: .6;
    line-height: 167%;
    font-family: Ilisar_light;
    font-weight: 300;
    padding-left: 5px
  }

  .icon_footer {
    display: flex;
    align-items: center;
    justify-content: start
  }

  .social_icons ul {
    margin-bottom: 0
  }

  .my-xs-30 {
    margin-top: 60px
  }

  .px-xs-15 {
    padding: 0
  }

  .mt-xs-5 {
    margin-top: 90px
  }
}

.nav-pills .nav-link {
  font-family: Sen, sans-serif
}

.blog_bg .blog_container {
  width: 1191px;
  background-color: hsla(0, 0%, 8%, .03);
  min-height: 350px;
  border-radius: .25rem
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .blog_bg .blog_container {
    padding: 20px;
    width: 100%;
    transform: skewX(0deg)
  }
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:landscape) {
  .blog_bg .blog_container {
    width: 100%
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) and (orientation:portrait) {
  .blog_bg .blog_container {
    width: 100%
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) and (orientation:landscape) {
  .blog_bg .blog_container {
    width: 100%
  }
}

.blog_bg .blog_container .blog_content {
  padding: 25px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .blog_bg .blog_container .blog_content {
    padding: 0;
    transform: skewX(0deg)
  }
}

.blog_bg .blog_container .blog_content a {
  font-family: IBM Plex Mono, monospace;
  font-size: 14px;
  line-height: 167%;
  text-decoration: underline;
  color: #0074df
}

.blog_bg .blog_container .blog_content .slick-list.draggable .blog_slider_pad_left {
  padding: 20px 0 0 70px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .blog_bg .blog_container .blog_content .slick-list.draggable .blog_slider_pad_left {
    padding: 20px 0 0 15px
  }
}

.blog_bg .blog_container .blog_content .blog_title {
  font-family: Sen, sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 48px;
  line-height: 56px;
  padding: 24px 195px 14px 0
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .blog_bg .blog_container .blog_content .blog_title {
    line-height: 40px;
    font-size: 32px;
    padding: 0
  }
}

.blog_bg .blog_container .blog_content .blog_img,
.blog_bg .blog_container .blog_content .blog_img img {
  width: 100%;
  float: left
}

.blog_bg .blog_container .blog_content .tagline {
  font-family: IBM Plex Mono, monospace;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 176%;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #fda600
}

.blog_bg .blog_container .slick-slide:focus {
  outline: 0
}

.blog_bg .blog_container .testimonial_title {
  font-size: 24px;
  line-height: 32px;
  font-family: Sen, sans-serif;
  color: #151515;
  position: relative;
  font-weight: 700
}

.blog_bg .blog_container .testimonial_title:after,
.blog_bg .blog_container .testimonial_title:before {
  content: '"';
  font-weight: 700;
  font-family: Sen, sans-serif;
  transform: skewX(-10deg);
  display: inline-block
}

.blog_bg .blog_container .slider_ctrl {
  padding: 25px 0 25px 54px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .blog_bg .blog_container .slider_ctrl {
    padding: 10px 0 25px
  }
}

.blog_bg .blog_container .slider_ctrl .pagingInfo {
  font-weight: "IBM Plex Mono", monospace;
  font-size: 14px;
  color: #151515;
  text-decoration: underline;
  line-height: 167%
}

.blog_bg .blog_container #left_caro {
  position: absolute;
  top: -45px;
  cursor: pointer;
  left: 83px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .blog_bg .blog_container #left_caro {
    top: -43px;
    left: 32px
  }
}

.blog_bg .blog_container #right_caro {
  top: -45px;
  position: absolute;
  left: 105px;
  cursor: pointer
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .blog_bg .blog_container #right_caro {
    top: -43px;
    left: 55px
  }
}

.all_article_sec .single_articles .single_articles_details .single_article_desc h3,
.all_article_sec h2,
.article_sections .articles_details h3,
h4.article_headings {
  font-family: Sen, sans-serif
}

.all_article_sec p {
  font-family: Ilisarniq
}

.other_service .other_service_description h4,
.our_subscribe h2.subscribe_title,
.section_api .spring_secound_sec .spring_description p,
.section_api .springbo_bannersection .no_center p,
.section_api .springbo_bannersection h1,
.section_facilities .spring_inner_section .facilities_title h1,
.section_facilities .spring_secound_facilities .spring_description a.butn-light,
.section_facilities .spring_secound_facilities .spring_description h4,
.section_facilities .yap_col_content h4 {
  font-family: Sen, sans-serif
}

.other_service .other_service_description p {
  font-family: Ilisarniq
}

.footer_contact h1 {
  font-family: Sen, sans-serif
}

.footer_section .logo-col {
  padding: 50px 0 !important
}

.footer_section .footer_col {
  padding: 50px 0
}

.footer_section .footer_col h5 {
  font-family: Sen, sans-serif;
  font-size: 16px
}

.footer_section .footer_col ul li a {
  font-family: Sen, sans-serif;
  font-size: 12px;
  line-height: 18px
}

.flow_banner .yap_title {
  font-family: Sen, sans-serif
}

.flow_banner p {
  font-family: Ilisarniq
}

.secound_flow_section .big_title h2,
.secound_flow_section h4 {
  font-family: Sen, sans-serif
}

.secound_flow_section p {
  font-family: Ilisar_light
}

.secound_flow_section .inner_flow_content p.no_bottom,
.secound_flow_section .inner_flow_content span {
  font-family: Sen, sans-serif
}

.flow_mobile_section p {
  font-family: Ilisar_light !important
}

.flow_mobile_section .mobile_section_contents h1,
.flow_mobile_section h4 {
  font-family: Sen, sans-serif
}

.flow_mobile_section p {
  font-family: Ilisarniq
}

.flow_contact_sales h4 {
  font-family: Sen, sans-serif
}

.flow_contact_sales p {
  font-family: Ilisarniq
}

.banner_for_single_product .wallet_gift {
  width: 503px
}

.padding0 p {
  font-family: Ilisar_light
}

.end_point_overview h2 {
  font-family: Sen, sans-serif
}

.end_point_overview p {
  font-family: Ilisar_light
}

.end_point_overview .code_bx .tlt_sec .hed_tlt_sec p {
  font-family: Sen, sans-serif
}

.career_section .current_open .marg_24 p.carre_para,
.career_section p {
  font-family: Ilisar_light !important
}

.career_section .current_open h4 {
  font-family: Sen, sans-serif;
  font-size: 24px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .position.hide_desk {
    display: none
  }
}

.position .position_details ul li {
  padding: 30px 0
}

.position .position_details ul li .tagline {
  font-size: 14px
}

.position .position_details ul li a {
  font-family: Sen, sans-serif
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .position .position_details ul li a span {
    flex: auto;
    max-width: none;
    display: block
  }
}

.position .position_details ul li a span.no_widht {
  max-width: min-content
}

.current_open h4,
.position .position_details ul li a span.text {
  font-family: Sen, sans-serif
}

.current_open p {
  font-family: Ilisar_light !important;
  font-size: 16px !important;
  line-height: 167% !important
}

.pad_90 {
  padding-top: 90px
}

.nav-pills .nav-links.active,
.nav-pills .show>.nav-links {
  border-bottom: 2px solid;
  font-family: Sen, sans-serif
}

.nav-links {
  font-family: Sen, sans-serif
}

.career_desc {
  margin-top: 90px;
  margin-bottom: 90px
}

.career_desc .inner_career_content h4 {
  font-family: Sen, sans-serif;
  font-size: 24px
}

.career_desc .inner_career_content p {
  font-family: Ilisar_light !important
}

.career_desc .inner_career_content .career_list li {
  font-family: Ilisar_light;
  font-size: 16px
}

.career_desc .inner_career_content .job_application h4 {
  font-family: Sen, sans-serif
}

.career_desc .inner_career_content .jobs_form .form-group .input_pos a,
.career_desc .inner_career_content .jobs_form .form-group label {
  font-family: Ilisarniq
}

.career_subscribe h2.subscribe_title {
  font-family: Sen, sans-serif
}

.career_subscribe .form-group label {
  font-family: Ilisarniq
}

.section_doodle_animation h2 {
  font-family: Sen, sans-serif
}

.section_doodle_animation .inner_section.doodle_height .investor_col .doodle a {
  font-size: "Sen", sans-serif
}

.section_doodle_animation .inner_section.doodle_height .mail,
.section_doodle_animation .inner_section.doodle_height .stroke {
  font-family: Ilisarniq
}

.terms_condtions .marg_60 h4 {
  font-family: Sen, sans-serif
}

.scrollTop {
  left: 42px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .navbar .dropdown-menu .drop_nopad {
    padding: 0
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) {
  .navbar .dropdown-menu .drop_nopad {
    padding: 0
  }
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .navbar .dropdown-menu .top_dropdown {
    margin-top: 18px
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) {
  .navbar .dropdown-menu .top_dropdown {
    margin-top: 18px
  }
}

@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2) {
  .navbar .dropdown-menu .top_dropdown {
    margin-top: 0
  }
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .navbar .dropdown-menu .top_dropdown .mob_drop {
    padding-left: 10px;
    list-style: none
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) {
  .navbar .dropdown-menu .top_dropdown .mob_drop {
    padding: 0;
    list-style: none
  }
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .navbar .dropdown-menu .top_dropdown .mob_drop li {
    font-size: 14px;
    margin-bottom: 6px;
    margin-top: 18px
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) {
  .navbar .dropdown-menu .top_dropdown .mob_drop li {
    margin-top: 18px
  }
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .navbar .dropdown-menu .top_dropdown .mob_drop li a {
    color: #fff !important
  }

  .navbar .dropdown-menu .top_dropdown span {
    color: #fff
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) {
  .navbar .dropdown-menu .top_dropdown span {
    color: #fff
  }
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .dropdown-menu:before {
    display: none
  }
}

.prl {
  font-family: Sen, sans-serif
}

.news_section .main_news_pub_date {
  font-family: Ilisarniq
}

.news_section .indic {
  font-family: Sen
}

.awrd-bx .awrd-tlt,
.news-list .news_tlt-sec,
.news-list h2 {
  font-family: Sen, sans-serif
}

.awrd-bx .awrd-desc {
  font-family: Ilisar_light
}

.contry-drp .selected,
.contry-drp ul li a {
  font-family: Ilisarniq
}

.contact-txt {
  font-family: Sen, sans-serif !important
}

.pgm-mgnt-lst li {
  font-family: Ilisar_light
}

.overlay .popup p {
  font-family: Sen, sans-serif
}

.overlay .popup .pop_drop li a {
  font-family: Ilisarniq
}

@media only screen and (max-width:680px) {
  .subs-sec {
    margin-bottom: 0 !important
  }

  .subs-sec h2 {
    text-align: center;
    font-size: 25px;
    line-height: 1.5
  }

  .subs-sec a {
    width: 60% !important
  }
}

.subs-fluid:before {
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/subs1.svg) no-repeat 50%
}

.subs-fluid:after {
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/subs2.svg) no-repeat 50%
}

.timline-sec .tl-foot span,
.timline-sec .tl-head span,
.timline-sec ul li .story-tlt {
  font-family: Ilisarniq
}

.timline-sec ul li .story-desc {
  font-family: Ilisar_light
}

.published-sec p {
  font-family: Ilisarniq
}

.custom-p,
.plain_icon_content a {
  font-family: Ilisar_light !important
}

.navbar-brand img {
  width: 63.8px
}

.home_banner_title p {
  font-family: Ilisar_light
}

.mail-ul li a,
.phone-ul li a {
  font-size: 14px !important
}

.subscribe-h2 {
  font-family: Sen, sans-serif
}

@media only screen and (max-width:767px) {
  .subscribe-h2 {
    text-align: center
  }
}

.subscribe-para {
  font-size: 14px !important
}

.border-subscribe {
  background: transparent
}

.submit {
  color: #fff !important;
  border: unset;
  background: #232323;
  border-radius: 16px;
  position: relative
}

.submit:after {
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/white-arrow.svg)
}

.copy-div .footer_col {
  padding-top: 0
}

.mail-ul li a,
.phone-ul li a {
  font-family: Sen, sans-serif
}

.copy-right,
.copy-right-a {
  font-family: Ilisar_light
}

@media only screen and (max-width:767px) {
  .social_icons {
    justify-content: end
  }
}

.contact-us-form input:focus {
  outline: none;
  box-shadow: unset;
  border: 1px solid hsla(0, 0%, 8%, .2)
}

.contact-us-form textarea {
  margin-bottom: 40px
}

.contact-us-form select:focus,
.contact-us-form textarea:focus {
  outline: none;
  box-shadow: unset;
  border: 1px solid hsla(0, 0%, 8%, .2)
}

.contact-us-form:focus {
  outline: none
}

.submitted-message:nth-child(2) {
  font-size: 20px;
  font-weight: 900;
  margin-top: 15px
}

.logo-title h2 {
  font-family: Sen
}

.logo-div {
  box-shadow: 0 4px 34px rgba(0, 0, 0, .02)
}

.copy-lbefore-footer_col {
  width: 39% !important
}

@media only screen and (max-width:1100px) and (min-width:899px) {
  .copy-lbefore-footer_col {
    width: 28% !important
  }
}

@media only screen and (max-width:899px) and (min-width:768px) {
  .copy-lbefore-footer_col {
    width: 50% !important
  }
}

.about-us-div .logo-div {
  box-shadow: 0 4px 34px #000
}

.hs-input::-webkit-input-placeholder {
  font-family: Ilisar_light
}

.hs-input:-moz-placeholder {
  font-family: Ilisar_light
}

.hs-button,
.hs-input,
select.hs-input,
select.hs-input option {
  font-family: Ilisar_light
}

.hs-button {
  font-family: Sen, sans-serif
}

.content__container {
  font-weight: 600;
  padding: 0;
  width: 100%
}

.content__container__text {
  display: inline;
  float: left;
  margin: 0;
  font-family: Sen;
  color: #151515;
  font-size: 160px;
  line-height: normal;
  font-weight: 800;
  width: 100%;
  text-align: center
}

@media only screen and (min-width:768px) and (max-width:1279px) {
  .content__container__text {
    font-size: 80px;
    width: 100%
  }
}

@media only screen and (max-width:767px) {
  .content__container__text {
    font-size: 40px;
    width: auto;
    line-height: normal
  }
}

.content__container__list {
  margin-top: 0;
  padding-left: 0;
  text-align: center;
  list-style: none
}

.content__container__list__item {
  line-height: normal;
  margin: 0;
  font-family: Sen;
  color: #151515;
  font-size: 160px;
  font-weight: 800;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  animation: change 7.5s linear 0s infinite;
  -ms-animation: change 7.5s linear 0s infinite;
  -webkit-animation: change 7.5s linear 0s infinite;
  left: 0;
  right: 0
}

@media only screen and (min-width:768px) and (max-width:1279px) {
  .content__container__list__item {
    font-size: 80px
  }
}

@media only screen and (max-width:767px) {
  .content__container__list__item {
    font-size: 40px
  }
}

.cubespinner div {
  font-family: Sen
}

.flex-footer {
  justify-content: space-between
}

.bnpl-ul-expl li,
.flex-footer a {
  font-family: Ilisar_light
}

.hover-eff:hover .bnpl-ul-expl li:after {
  content: "";
  position: absolute;
  top: 10px;
  width: 15px;
  height: 15px;
  left: 0;
  background-position: 50%
}

.hiw li {
  font-size: 18px;
  line-height: 32px;
  margin-bottom: 20px
}

@media screen and (max-width:991px) {
  .investor .row {
    width: 100%
  }
}

.submit-btn {
  width: 80%
}

.bootstrap-select .dropdown-menu .selected.active a span.text {
  color: #fff !important
}

#messages #messages_content h4 {
  font-size: 17px
}

.betterIcon {
  right: 0;
  bottom: 0
}

.betterIcon img {
  width: 130px
}

#betterHalf .modal-content .modal-body .modalTxt .exploreBtn {
  font-family: Sen, sans-serif
}

@media only screen and (max-width:768px) {
  .betterIcon {
    right: 10px;
    bottom: 5px
  }

  .betterIcon img {
    width: 120px
  }

  #betterHalf .modal-content {
    max-width: 430px;
    max-height: 430px;
    margin: auto
  }

  #betterHalf .modal-content .modal-body .betLogo img {
    width: 230px
  }

  #betterHalf .modal-content .modal-body .betImg img {
    width: 160px
  }

  #betterHalf .modal-content .modal-body .modalTxt h2 {
    font-size: 25px !important;
    line-height: 32px !important
  }

  #betterHalf .modal-content .modal-body .modalTxt .exploreBtn {
    margin-top: 25px !important;
    width: 130px !important;
    padding: 7px 50px 7px 25px !important
  }

  #betterHalf .modal-content .modal-body .modalTxt .exploreBtn:after {
    right: 7px
  }
}

@media only screen and (max-width:600px) and (min-width:320px) {
  .betterIcon {
    right: 10px;
    bottom: 40px
  }

  .betterIcon img {
    width: 100px
  }

  #betterHalf .modal-content {
    max-width: 300px;
    max-height: 300px;
    margin: auto;
    position: relative;
    top: -10px
  }

  #betterHalf .modal-content .modal-body .modalBettre {
    transform: scale(.9)
  }

  #betterHalf .modal-content .modal-body .betLogo img {
    width: 170px
  }

  #betterHalf .modal-content .modal-body .betImg img {
    width: 130px
  }

  #betterHalf .modal-content .modal-body .modalTxt h2 {
    font-size: 18px !important;
    line-height: 25px !important
  }

  #betterHalf .modal-content .modal-body .modalTxt .exploreBtn {
    font-size: 15px !important;
    line-height: 22px !important;
    margin-top: 15px !important;
    width: 120px !important;
    padding: 7px 50px 7px 25px !important
  }

  #betterHalf .modal-content .modal-body .modalTxt .exploreBtn:after {
    right: 11px;
    top: 4px
  }
}

.lms:hover {
  color: #fff !important
}

.news_sections {
  padding-top: 80px
}

.news_sections .paginate {
  padding: unset
}

.recent_news {
  margin-bottom: 50px
}

.recent_news_content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.news_slider .slick-dots li button:before {
  font-size: 12px !important
}

.news_container .slick-next.slick-arrow,
.news_container .slick-prev.slick-arrow {
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/arrow-active.svg) no-repeat;
  background-position: 50%;
  background-size: 40px;
  border-radius: 50%
}

.news_container .slick-prev.slick-arrow {
  transform: rotate(180deg);
  left: -40px
}

@media (max-width:425px) {

  .news_container .slick-next.slick-arrow,
  .news_container .slick-prev.slick-arrow {
    display: none !important
  }

  .news_container {
    margin-top: 25%
  }

  .recent_flex img {
    width: 180px
  }

  .recent_content {
    padding: 0 10px
  }

  .recent_news .col-lg-6 {
    margin: unset
  }

  .recent_news .sect_2 {
    right: 0
  }

  .recent_flex {
    justify-content: unset;
    height: unset;
    width: 100%;
    position: relative;
    top: 0;
    right: unset;
    padding: 20px 10px
  }

  .news_head {
    font-size: 18px;
    line-height: 20px;
    padding-top: 20px
  }

  .news_pages {
    height: -moz-fit-content;
    height: fit-content;
    padding: 10px 0 !important
  }

  .news_pages a {
    flex-direction: column-reverse
  }

  .recent_news_content {
    padding-top: 15px;
    width: 100%
  }

  .recent_news_img© {
    width: 100%
  }

  .news_logo-sec img {
    width: 130px
  }
}

.moonlight_fix_ban:hover {
  cursor: pointer !important;
  height: 238px;
  width: 238px;
  transition: all .3s ease-in !important
}

.news_nav {
  margin-bottom: 50px
}

.news_nav ul li a {
  font-family: Ubuntu !important
}

.recent_news_img {
  width: 100%
}

.recent_news_img img {
  width: 400px;
  height: 200px
}

.news_pages {
  height: auto;
  margin-top: 15px
}

.news_pages:nth-child() {
  padding: 20px 0 20px 40px
}

.news_pages a {
  justify-content: left;
  padding: 10px 10px 20px;
  margin: auto
}

.news_pages a:hover {
  border-radius: 5px;
  border-bottom: unset
}

.press_id {
  justify-content: center
}

.news_sections .nextPage.disabled,
.news_sections .previousPage.disabled {
  cursor: not-allowed
}

.news_sections .nextPage,
.news_sections .previousPage {
  cursor: pointer
}

.recent_flex {
  justify-content: center;
  width: 110%;
  right: 6%
}

.news_slider .slick-list {
  padding: 0 10px
}

.news_date {
  font-weight: 500
}

.news_feature {
  font-family: Ubuntu;
  margin-bottom: 20px
}

.ftr_head_text,
.ftr_text {
  margin-bottom: 15px
}

.slick-next:before,
.slick-prev:before {
  content: "" !important
}

.footer_sec.newsroom_footer {
  background-image: none;
  background-color: #000
}

@media (max-width:991px) {
  .recent_flex img {
    width: 150px
  }

  .news_pages:nth-child(2n) {
    padding: 20px 0 20px 15px
  }

  .news_pages:nth-child(odd) {
    padding: 20px 15px 20px 0
  }

  .news_logo-sec img {
    width: 100px;
    height: 90px
  }
}

@media (max-width:768px) {
  .news_container {
    margin-top: 15%
  }

  .news_nav ul li {
    font-size: 14px;
    line-height: 18px
  }

  .news_feature {
    font-size: 26px
  }

  .news_tlt-sec {
    font-size: 14px
  }

  .news_date,
  .news_link {
    font-size: 12px
  }

  .recent_flex img {
    width: 100px
  }
}

@media (max-width:425px) {
  .news_container {
    margin-top: 25%
  }

  .recent_flex img {
    width: 180px
  }

  .recent_content {
    padding: 0 10px
  }

  .recent_news .col-lg-6 {
    margin: unset
  }

  .recent_news .sect_2 {
    right: 0
  }

  .recent_flex {
    justify-content: unset;
    height: unset;
    width: 100%;
    position: relative;
    top: 0;
    right: unset;
    padding: 20px 10px
  }

  .news_head {
    font-size: 18px;
    line-height: 20px;
    padding-top: 20px
  }

  .news_pages {
    height: -moz-fit-content;
    height: fit-content;
    padding: 10px 0 !important
  }

  .news_pages a {
    flex-direction: column-reverse
  }

  .recent_news_content {
    padding-top: 15px;
    width: 100%
  }

  .recent_news_img© {
    width: 100%
  }

  .news_logo-sec img {
    width: 130px
  }
}

.news_logo-sec {
  width: 100%;
  height: 75px;
  background: #fff;
  border: 1px solid transparent;
  box-sizing: border-box;
  border-radius: 10px 10px 0 0;
  display: flex;
  align-items: center;
  justify-content: left;
  margin-bottom: 10px
}

.news_logo-sec>img {
  width: 150px;
  height: 35px
}

.news_container {
  margin-top: 10%;
  padding: 0;
  width: 80%
}

.news_nav {
  border-bottom: 1px solid #cf22281a
}

.news_nav ul {
  display: flex;
  align-items: center;
  list-style: none;
  padding: unset;
  margin: unset
}

.news_nav ul li {
  padding: 10px 20px 15px;
  position: relative;
  font-family: ubuntu;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px
}

.news_nav ul li .news_nav_link {
  color: #000;
  opacity: .5;
  transition: .2s;
  font-weight: 700
}

.news_nav ul li a:after {
  content: "";
  display: block;
  height: 4px;
  width: 0;
  background: transparent;
  transition: width .5s ease, background-color .5s ease;
  position: absolute;
  border-radius: 3px;
  bottom: 0;
  left: 0;
  right: 0
}

.news_nav ul li .news_nav_link.active:after {
  width: 100%;
  background: #cf2228
}

.news_nav ul li .news_nav_link.active {
  opacity: 1
}

.news_sections {
  width: 100%;
  padding-bottom: 80px
}

.news_sections .row {
  margin: 0
}

.news_sections .pager {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 50px 0
}

.recent_news_img {
  display: flex;
  margin-bottom: 20px
}

.recent_news_img img {
  margin: auto;
  width: 100%;
  height: 100%
}

.news_pages {
  margin: 0;
  display: flex;
  align-items: center;
  padding: 10px !important
}

.news_pages:nth-child(2n),
.news_pages:nth-child(odd) {
  padding: 0
}

.news_pages a {
  padding: 10px;
  display: flex;
  height: 100%;
  border-radius: 10px;
  position: relative;
  flex-direction: column-reverse;
  justify-content: flex-end;
  transition: all .5s ease
}

.news_pages a:hover {
  box-shadow: 0 4px 32px rgba(0, 0, 0, .1);
  transition: all .5s ease
}

.news_sections .nextPage,
.news_sections .previousPage {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin: 0 5px
}

.news_sections .previousPage.disabled {
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/arrow-prev-disabled.png) no-repeat;
  background-position: 50%;
  background-size: 32px
}

.news_sections .nextPage.disabled {
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/arrow-next-disabled.png) no-repeat;
  background-position: 50%;
  background-size: 32px;
  transform: rotate(180deg)
}

.news_sections .nextPage {
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/arrow-next.png) no-repeat;
  background-position: 50%;
  background-size: 32px !important
}

.news_sections .previousPage {
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/arrow-prev.png) no-repeat;
  background-position: 50%;
  background-size: 32px;
  transform: rotate(180deg)
}

.news_sections .pageNumbers>a {
  display: inline-block;
  color: #cf2228;
  width: 32px;
  height: 32px;
  padding-top: 4px;
  text-align: center;
  margin: 0 5px;
  font-size: 18px;
  line-height: 23px
}

.news_sections .pageNumbers>.active {
  width: 32px;
  height: 32px;
  color: #fff;
  border-radius: 50%;
  background-color: #cf2228;
  box-shadow: 0 4px 8px 0 #0000001a
}

.news_logo-sec img {
  width: 150px
}

.recent_news .sect_2 {
  position: relative;
  right: 30px
}

.recent_news .row {
  margin: 0
}

.recent_news .col-lg-6 {
  padding: unset;
  margin-bottom: 20px
}

.recent_flex {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: #f5f9fd;
  height: 90%;
  width: 100%;
  position: relative;
  top: 20%;
  right: 3%
}

.recent_content {
  padding: 0 40px
}

.recent_flex img {
  width: 200px
}

.recent_content .links,
.recent_content .text {
  padding-top: 20px;
  font-family: ubuntu
}

.news_slider .slick-dots li.slick-active button:before {
  color: #cf2228 !important;
  opacity: 1 !important
}

.news_tlt-sec {
  font-family: ubuntu;
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  padding-right: 20px
}

.news_date-sec {
  font-family: ubuntu;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #686f79;
  padding-top: 20px
}

.news_head {
  font-family: ubuntu;
  font-weight: 600;
  font-size: 1.8vw;
  line-height: 2.3vw;
  color: #000;
  padding-top: 2.08vw
}

.news_date {
  font-weight: 400;
  color: #686f79;
  padding-right: 15px
}

.news_date,
.news_link {
  font-size: 16px;
  line-height: 20px
}

.news_link {
  text-decoration: underline;
  color: #06c;
  font-weight: 500
}

.news_slider .slick-dots {
  bottom: -50px !important
}

.news_feature {
  font-family: ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  padding: unset
}

.news_footer {
  margin-top: 30px;
  background-color: #cf2228;
  padding-top: 5%;
  padding-bottom: 5%
}

.ftr_head_text {
  font-weight: 700;
  font-size: 32px;
  line-height: 40px
}

.ftr_head_text,
.ftr_text {
  font-family: ubuntu;
  text-align: center;
  color: #fff
}

.ftr_text {
  font-weight: 400;
  font-size: 20px;
  line-height: 25px
}

.press_head {
  display: flex;
  justify-content: space-between
}

.media_kit_btn {
  font-family: ubuntu;
  outline: none;
  border: unset;
  border-radius: 16px;
  padding: 16px 20px;
  background-color: #fcc018;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  margin: auto 0 auto auto
}

.media_kit_btn span {
  font-weight: 600;
  text-decoration: underline
}

.media_kit_btn img {
  height: 24px
}

.sort_select .dropdown-menu.show {
  border-radius: 8px;
  padding: 5px;
  background-color: #fff;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .1);
  border: unset !important
}

.sort_select {
  font-family: ubuntu;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px
}

.sort_select .dropdown-item {
  border-radius: 8px !important;
  font-weight: 500;
  font-size: 11px;
  line-height: 14px
}

.bootstrap-select>select.mobile-device:focus+.dropdown-toggle,
.sort_select .bootstrap-select .dropdown-toggle:focus {
  border: unset;
  outline: unset !important
}

@media (max-width:991px) {
  .recent_flex img {
    width: 150px
  }

  .news_pages:nth-child(2n) {
    padding: 20px 0 20px 15px
  }

  .news_pages:nth-child(odd) {
    padding: 20px 15px 20px 0
  }

  .news_logo-sec img {
    width: 100px
  }
}

@media (max-width:768px) {
  .news_container {
    margin-top: 15%
  }

  .news_nav ul li {
    font-size: 14px;
    line-height: 18px
  }

  .news_feature {
    font-size: 26px !important
  }

  .news_tlt-sec {
    font-size: 14px
  }

  .news_date,
  .news_link {
    font-size: 12px
  }

  .recent_flex img {
    width: 100px
  }
}

@media (max-width:425px) {
  .news_container {
    width: 90%;
    margin-top: 25%
  }

  .recent_flex img {
    width: 180px
  }

  .recent_content {
    padding: 0 10px
  }

  .recent_news .col-lg-6 {
    margin: unset
  }

  .recent_news .sect_2 {
    right: 0
  }

  .recent_flex {
    justify-content: unset;
    height: unset;
    width: 100%;
    position: relative;
    top: 0;
    right: unset;
    padding: 20px 10px
  }

  .news_head {
    font-size: 18px;
    line-height: 20px;
    padding-top: 20px
  }

  .news_pages {
    height: -moz-fit-content;
    height: fit-content;
    padding: 20px 0 !important
  }

  .news_pages a {
    flex-direction: column-reverse
  }

  .recent_news_content {
    padding-top: 15px;
    width: 100%
  }

  .recent_news_img {
    width: 100%
  }

  .news_logo-sec img {
    width: 130px
  }
}

.sel_pressrelease {
  padding: 4px 15px;
  border: none
}

.sel_pressrelease:focus-visible {
  border: none !important;
  outline: none !important
}

.sel_pressrelease:active {
  outline: none !important
}

.deogp {
  width: 96% !important;
  margin: 0 .5rem !important
}

.deogp,
.pb-2rem {
  padding-bottom: 4rem
}

@media (max-width:767px) {
  .pb-2rem {
    padding-bottom: 1.5rem
  }
}

@font-face {
  font-family: Ilisar_light;
  src: url(/_next/static/media/Ilisarniq-Light.7c211928.otf) format("otf"), url(/_next/static/media/Ilisarniq-Regular.01d596e5.otf) format("otf");
  font-weight: 400;
  font-style: normal
}

.butn {
  font-family: Sen, sans-serif
}

body {
  height: 100%;
  background-color: #fff
}

.scrollTop_brand {
  opacity: 0
}

.footer-logo {
  height: 10px
}

.copy-last-footer_col {
  float: right !important
}

.scrollTop_brand {
  position: fixed;
  right: 42px;
  bottom: 40px;
  opacity: 1;
  transition: all .4s ease-in-out 0s;
  z-index: 999999
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .scrollTop_brand {
    right: 30px;
    bottom: 61px;
    z-index: 999
  }
}

.brand_assets {
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/brand-assets/images/bannerbg.png);
  padding: 40px 0 110px;
  position: relative;
  margin-top: 120px;
  background-size: cover;
  background-position: top;
  text-align: center;
  height: 100% !important
}

.brandtitle {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 800;
  font-size: 48px;
  line-height: 58px;
  color: #000;
  position: relative;
  margin-bottom: 20px
}

.brandtitle:after {
  content: "";
  background: #cf2228;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  position: absolute;
  width: 64px;
  height: 8px;
  top: -42px;
  left: 0;
  border-radius: 10px
}

.brand_assets .brandtitle:after {
  display: none
}

.brand_assets p {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 200% !important;
  text-align: center;
  color: #4f4f4f;
  width: 80%;
  margin: auto
}

.brand_assets ul {
  background: hsla(0, 0%, 100%, .8);
  padding: 13px 0;
  width: 38%;
  display: inline-block;
  margin: 32px auto 0;
  position: absolute;
  left: 0;
  right: 0;
  border-radius: 17px
}

.brand_assets ul li {
  list-style: none;
  display: inline-block
}

.brand_assets ul li a {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 176%;
  color: hsla(0, 0%, 8%, .75);
  padding: 10px
}

.brand_assets ul li a:hover {
  color: #cf2228
}

.brand_logosec {
  padding: 110px 0 0
}

.brand_logosec .innerbrand_logo {
  display: flex;
  justify-content: space-between;
  align-items: flex-start
}

.brand_logosec .innerbrand_logo .brand_content {
  width: 48%
}

.brand_logosec .innerbrand_logo .brand_content:first-child {
  padding-right: 118px;
  padding-top: 88px
}

.brand_logosec .innerbrand_logo .brand_content:last-child {
  text-align: center
}

.brand_logosec .innerbrand_logo .brand_content:last-child img {
  width: 100%
}

.brand_logosec .innerbrand_logo .brand_content p {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 28px;
  text-align: justify;
  color: #4f4f4feb;
  margin-bottom: 35px
}

.dos {
  padding: 80px 0
}

.dos .title_do {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: .01em;
  color: #151515;
  margin-bottom: 25px
}

.dos .do-flex {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-right: 55px;
  height: 341px;
  position: relative
}

.dos .do-flex:after {
  content: "";
  width: 2px;
  height: 100%;
  border: 1px solid hsla(0, 0%, 8%, .2);
  position: absolute;
  right: -13px;
  top: 0
}

.dos .do-flex h1 {
  font-size: 32px;
  line-height: 38px;
  margin-bottom: 35px
}

.dos .do-flex h1,
.dos .do-flex p {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .01em;
  color: #4f4f4f
}

.dos .do-flex p {
  text-align: center !important;
  margin-top: 25px;
  text-align: justify;
  font-size: 24px;
  line-height: 29px;
  color: #151515
}

.dos .do-flex .dos-inner {
  background: #fff;
  border: 1px dashed #ddd;
  box-shadow: 0 4px 36px rgba(215, 224, 255, .2);
  border-radius: 16px;
  padding: 20px;
  width: 237px;
  text-align: center;
  height: 237px;
  display: flex;
  align-items: center;
  justify-content: center
}

.dos .do-flex .dos-inner img {
  width: 132px
}

.dos .do-flex .dos-inner.reversed {
  background: #f1f1f1;
  box-shadow: 0 4px 36px rgba(215, 224, 255, .2);
  border-radius: 16px;
  border: unset
}

.dos .tickdownload {
  border-top: 3px solid #39b889;
  text-align: center;
  width: 90%;
  padding: 30px 10px 10px
}

.dos .tickdownload.btndownload {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.dos .tickdownload.btndownload button {
  margin: auto;
  background: #2c2c2c;
  border-radius: 16px;
  padding: 7px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 220px;
  height: 44px;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 160%;
  color: #fff
}

.dos .tickdownload img {
  margin: 30px 0
}

.dos .tickdownload button {
  border: unset;
  background: unset;
  margin: auto
}

.dos .tickdownload button img {
  margin: 0 0 0 7px
}

.dos .tickdownload button:focus {
  outline: none
}

.dos .tickdownload a {
  display: block;
  font-family: Ubuntu;
  font-weight: 400;
  font-size: 20px;
  line-height: 180%;
  letter-spacing: .01em;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  color: #06c;
  border: unset;
  background: unset;
  margin: auto
}

.dos .tickdownload a img {
  margin: 0 0 0 7px
}

.dos .lastChild {
  margin-top: 30px;
  border-top: 3px solid #ed2557;
  width: 100%
}

.dos .lastChild button {
  cursor: auto;
  text-decoration: none;
  font-weight: 700;
  font-size: 18px;
  color: hsla(0, 0%, 8%, .73);
  height: 44px
}

.dos .lastChild button,
.dos .thanksStretch {
  font-family: Ubuntu;
  font-style: normal;
  line-height: 160%
}

.dos .thanksStretch {
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  color: #4f4f4f;
  background: #fafafa;
  padding: 20px;
  margin-top: 30px;
  width: 100%
}

.dontdiv {
  padding-left: 60px
}

.dontdiv .dont-img {
  width: 100%
}

.legibi {
  display: inline-block;
  margin: 37px 12px 20px;
  width: 22%;
  text-align: center;
  transform: scale(1);
  transition: .5s
}

.legibi .downloadlegibi {
  background: unset;
  border: unset;
  position: absolute;
  top: 5px;
  right: 5px;
  opacity: 0;
  transition: .5s;
  outline: unset !important
}

.legibi .downloadlegibi img {
  width: 19px
}

.legibi:hover {
  transition: .5s;
  transform: scale(1.05)
}

.legibi:hover .downloadlegibi {
  opacity: 1;
  transition: .5s
}

.legibi:last-child {
  margin-right: 0
}

.legibi:first-child {
  margin-left: 0
}

.legibi img {
  width: 100%;
  margin: auto
}

.legibi p {
  font-weight: 700;
  margin-top: 22px
}

.legibi p,
.legibi p span {
  font-family: Ubuntu;
  font-style: normal;
  font-size: 15px;
  line-height: 167%;
  text-align: center;
  color: #151515
}

.legibi p span {
  font-weight: 400;
  display: block
}

.documentafter {
  padding-left: 24px
}

.documentafter .document {
  width: 46%
}

.padright {
  padding-right: 24px
}

.legibi_head {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  text-align: justify;
  letter-spacing: .01em;
  color: #151515;
  position: relative;
  margin-bottom: 15px
}

.lediv {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-evenly
}

.lediv:after {
  content: "";
  position: absolute;
  top: 10px;
  width: 100%;
  height: 8px;
  border: 2px solid hsla(0, 0%, 8%, .2);
  border-bottom: 0;
  left: 0;
  right: 0
}

.brandcolor {
  padding: 80px 0 0;
  position: relative
}

.brandcolor .bgColor .bgWhite {
  background: #fff
}

.brandcolor .bgColor .bgWhite .pad64 {
  padding-left: 40px
}

.brandcolor .bgColor .bgWhite .pad64 h2 {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  color: #151515;
  margin-bottom: 25px
}

.brandcolor .bgColor .bgWhite .pad64 img {
  width: 100%
}

.brandcolor .bgColor .bgWhite .pad64 .brandFlex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px
}

.brandcolor .bgColor .bgWhite .pad64 .brandFlex div {
  width: 48%
}

.brandcolor .bgColor .bgWhite .pad64 .brandFlex div img {
  width: 100%
}

.brandcolor .bgColor .bgWhite .pad64 .brandtitle:after {
  content: "";
  top: -23px
}

.brandcolor .bgColor .brand_color {
  background: #f9faff;
  padding: 90px 54px 40px 0;
  display: flex;
  justify-content: end;
  flex-direction: column;
  align-items: flex-start;
  position: relative
}

.brandcolor .bgColor .brand_color:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #f9faff;
  left: -100%
}

.brandcolor .bgColor .brand_color p {
  font-family: Ubuntu;
  font-weight: 400;
  font-size: 18px;
  line-height: 180%;
  text-align: justify;
  color: #4f4f4f
}

.brandcolor .bgColor .brand_color p:last-child {
  margin: 0
}

.brandcolor .bgColor .primary_color p {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 180%;
  color: #cf2228;
  margin: 25px 0 0
}

.brandcolor .bgColor .primary_color p:last-child {
  margin-top: 0
}

.brandcolor .bgColor .secDiv {
  padding: 33px 0 0
}

.brandcolor .bgColor .secDiv h2 {
  font-family: Ilisarniq;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 180%;
  text-align: justify;
  letter-spacing: .01em;
  color: #151515
}

.brandcolor .bgColor .secDiv .pad64 {
  padding-left: 40px
}

.brandcolor .bgColor .secDiv .support_head {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  color: #151515;
  margin-bottom: 25px
}

.brandcolor .bgColor .secDiv .bluesupport_img img {
  width: 100%
}

.brandcolor .bgColor .secDiv .bluesupport_img div {
  margin-top: 15px
}

.brandcolor .bgColor .secDiv .bluesupport_img div p {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 180%;
  margin: 0
}

.brandcolor .bgColor .secDiv .bluesupport_img:first-child p {
  color: #06c
}

.brandcolor .bgColor .secDiv .bluesupport_img:last-child p {
  color: #686f79
}

.brandcolor .bgColor .secDiv .secondary_div .col-md-3 {
  padding: 0 10px
}

.brandcolor .bgColor .secDiv .secondary_div .col-md-3 div {
  margin-top: 15px
}

.brandcolor .bgColor .secDiv .secondary_div .col-md-3 div p {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 180%;
  margin: 0
}

.brandcolor .bgColor .secDiv .secondary_div .col-md-3:first-child p {
  color: #ed2557
}

.brandcolor .bgColor .secDiv .secondary_div .col-md-3:nth-child(2) p {
  color: #f48220
}

.brandcolor .bgColor .secDiv .secondary_div .col-md-3:nth-child(3) p {
  color: #39b889
}

.brandcolor .bgColor .secDiv .secondary_div .col-md-3:nth-child(4) p {
  color: #fcc018
}

.brandcolor .bgColor .secDiv .d-flex div {
  width: 25%;
  padding: 10px 20px 10px 0
}

.brandcolor .bgColor .secDiv .d-flex div img {
  width: 100%;
  margin-bottom: 20px
}

.brandcolor .bgColor .secDiv .d-flex div p {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 180%;
  margin: 0
}

.brandcolor .bgColor .secDiv .d-flex div:first-child {
  color: #cf2228
}

.brandcolor .bgColor .secDiv .d-flex div:nth-child(2) {
  color: #ed2557
}

.brandcolor .bgColor .secDiv .d-flex div:nth-child(3) {
  color: #f48220
}

.brandcolor .bgColor .secDiv .d-flex div:nth-child(4) {
  color: #39b889
}

.brandcolor .bgColor .secDiv .d-flex div:nth-child(5) {
  color: #fcc018
}

.bgColor .brand_type {
  background: #f9faff;
  padding: 80px 64px 60px 0;
  height: 400px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  height: 496px
}

.bgColor .brand_type:after {
  content: "";
  position: absolute;
  left: -100%;
  height: 100%;
  width: 100%;
  background: #f9faff;
  top: 0
}

.bgColor .brand_type p {
  font-weight: 400;
  font-size: 16px;
  line-height: 176%;
  text-align: justify;
  color: #000;
  margin-top: 10px
}

.brand_FaceSec {
  padding: 80px 0 0
}

.brand_FaceSec .pad64 {
  padding-left: 40px
}

.brand_FaceSec .pad64 h5 {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #151515;
  margin-bottom: 30px
}

.brand_FaceSec .pad64 .brand_font {
  box-shadow: 0 0 40px rgb(169 194 39.33333333%);
  border-radius: 10px;
  background: #fff;
  border: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 127px;
  width: 100%
}

.brand_FaceSec .pad64 .webfonttype {
  font-family: UbuntuLight;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 167%;
  color: #4f4f4f;
  text-align: center;
  margin-top: 7px
}

.brand_FaceSec .pad64 .ilisarmedium {
  font-family: Ilisarniq
}

.brand_FaceSec .pad64 .ilisarbold {
  font-family: UbuntuRegular;
  font-weight: 700
}

.brand_FaceSec .pad64 .uburegular {
  font-family: UbuntuRegular;
  font-weight: 400
}

.brand_FaceSec .pad64 .ububold {
  font-family: Ubuntu;
  font-weight: 700
}

.brand_FaceSec .pad64 .brandSecrow {
  margin-top: 35px
}

.greenbg {
  background: #f9faff;
  padding: 20px;
  margin-top: 0
}

.greenbg .founder-div {
  background: #fff;
  padding: 20px;
  height: 680px
}

.greenbg .founder-div img {
  width: 100%
}

.greenbg .founder-div h5 {
  font-size: 24px;
  line-height: 29px;
  margin-top: 28px;
  margin-bottom: 15px
}

.greenbg .founder-div h5,
.greenbg .founder-div span {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  color: #151515
}

.greenbg .founder-div span {
  font-size: 18px;
  line-height: 22px
}

.greenbg .founder-div p {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 176%;
  text-align: justify;
  color: #4f4f4f;
  margin-top: 28px
}

.arrowbg {
  width: 110px;
  height: 90.97px;
  position: absolute;
  bottom: 33px;
  right: 0;
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/brand-assets/images/arrowbg.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%
}

.legal {
  padding: 80px 0;
  background: #fafafa
}

.legal .legalDiv {
  padding-right: 158px
}

.legal .legalDiv .title {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 800;
  font-size: 28px;
  line-height: 34px;
  color: #151515;
  margin-bottom: 25px
}

.legal .legalDiv p {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 180%;
  text-align: justify;
  color: hsla(0, 0%, 8%, .8);
  margin-bottom: 25px
}

.legal .disclaimerDiv {
  padding-left: 15px
}

.legal .disclaimerDiv h3 {
  font-family: Ilisarniq;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 34px;
  text-align: justify;
  letter-spacing: .01em;
  color: #151515;
  margin-bottom: 25px
}

.legal .disclaimerDiv ul li {
  list-style: none;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #686f79;
  list-style-position: outside;
  margin-bottom: 10px;
  position: relative
}

.legal .disclaimerDiv ul li:after {
  content: "";
  position: absolute;
  top: 9px;
  left: -40px;
  width: 26px;
  height: 26px;
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/brand-assets/images/closeul.svg);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat
}

.featured_title {
  font-family: IBM Plex Mono, monospace;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 176%;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: hsla(0, 0%, 8%, .5)
}

.innews_title {
  font-family: Ubuntu, sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 47px;
  line-height: 56px;
  padding: 24px 0 0;
  margin-bottom: 20px
}

.venture_logos {
  width: 18%;
  padding: 10px;
  height: 100px;
  border: 1px solid #eaeaea;
  vertical-align: middle;
  align-items: center;
  display: flex;
  justify-content: center
}

.venture_logos .wid-100 {
  width: 100%
}

.copy-div .footer_col {
  padding-top: 0 !important;
  padding-bottom: 0 !important
}

.home_news {
  padding: 80px 0
}

.sticky_header_brand {
  position: fixed !important;
  top: 8%;
  left: 0;
  right: 0;
  margin-top: 0 !important;
  width: 100% !important;
  background: #deeaff !important;
  box-shadow: 0 4px 20px -11px #ccc !important;
  border-radius: unset !important;
  z-index: 9;
  padding: 10px 0 !important
}

buttonfocus {
  border: unset;
  outline: none
}

.brand_assets li a {
  position: relative;
  cursor: pointer
}

.brand_assets li a.active {
  color: #cf2228
}

.brand_assets li a.active:after {
  content: "";
  position: absolute;
  left: 0;
  border-radius: 100%;
  background: #cf2228;
  width: 5px;
  height: 5px;
  top: 18px
}

.founderarrow {
  position: absolute;
  left: 0;
  top: 28%;
  width: 162px;
  height: 90px;
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/founderarrow.svg);
  background-repeat: no-repeat;
  background-position: 0;
  background-size: contain
}

.founder_sec {
  position: relative;
  padding-bottom: 80px
}

.founder_sec .brand_type {
  height: 477px
}

.founder_sec .pad64 {
  position: relative
}

.founder_sec .pad64 .overflow-hidden {
  padding: 4px
}

.founder_sec .pad64 img {
  width: 100%;
  transition: .5s;
  border: 2px solid transparent;
  cursor: pointer
}

.founder_sec .pad64 .showhide {
  opacity: 0;
  transition: "0.5s" ease
}

.founder_sec .pad64 .founder_flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex-direction: row;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 12px;
  padding-left: 53px;
  padding-right: 5px
}

.founder_sec .pad64 .founder_flex .slideshow {
  display: flex;
  align-items: flex-start;
  justify-content: space-between
}

.founder_sec .pad64 .founder_flex .slideshow div {
  width: 16%;
  cursor: pointer;
  position: relative
}

.founder_sec .pad64 .founder_flex .slideshow div:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  opacity: .5;
  width: 100%;
  height: 100%;
  transition: .5s
}

.founder_sec .pad64 .founder_flex .slideshow div:hover img {
  border: 2px solid #fff;
  transition: .5s
}

.founder_sec .pad64 .founder_flex .slideshow div:hover:after {
  background: unset;
  transition: .5s
}

.founder_sec .pad64 .founder_flex .slideshow div.active img {
  border: 2px solid #fff;
  transition: .5s
}

.founder_sec .pad64 .founder_flex .slideshow div.active:after {
  background: unset;
  transition: .5s
}

.founder_sec .pad64 .founder_flex .downloadicon {
  padding: 7px;
  cursor: pointer;
  width: 200px
}

.founder_sec .pad64 .founder_flex .downloadicon img {
  height: 24px;
  width: 100%
}

.founder_sec .single_hover {
  cursor: pointer
}

.founder_sec .single_hover .founder_flex {
  padding-left: 10px;
  padding-right: 0
}

.founder_sec .single_hover .founder_flex .slideshow div {
  width: 24%;
  cursor: pointer;
  position: relative
}

.founder_sec .single_hover .founder_flex .downloadicon {
  padding: 10px
}

.legibility_sec .legihead {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: .01em;
  color: #151515
}

.legibility_sec .legibility_para {
  font-weight: 400;
  margin: 20px 0 28px;
  font-style: normal;
  font-size: 18px;
  line-height: 160%;
  text-align: justify;
  letter-spacing: .01em;
  color: #4f4f4f
}

.legibility_sec .legibility_para span {
  color: #cf2228
}

.founder_first {
  margin-left: 0 !important
}

.founder_last {
  margin-right: 0 !important
}

@media screen and (max-width:767px) {
  .copy-last-footer_col .copy-right {
    text-align: left
  }

  .downloadlegibi {
    opacity: 1 !important
  }

  .brandtitle {
    font-size: 25px;
    line-height: normal
  }

  .brandtitle:after {
    width: 46px;
    height: 4px;
    top: -14px
  }

  .padzero {
    padding: 0 15px !important
  }

  .brandAsset_wrapper p {
    font-size: 15px !important;
    margin-bottom: 10px !important
  }

  .banner {
    background: #c8dcff;
    padding: 70px 0
  }

  .banner p {
    font-size: 15px;
    line-height: 31px
  }

  .banner .stickyul {
    display: none
  }

  .innerbrand_logo {
    flex-direction: column
  }

  .brand_content {
    padding: 0 !important;
    width: 100% !important
  }

  .do-flex {
    display: block !important;
    padding: 0 !important;
    height: unset !important
  }

  .dos .col-md-12.col-lg-6.padzero {
    padding: 0 15px !important
  }

  .dos .col-md-12.col-lg-6.padzero .btndownload {
    width: 100%
  }

  .dos .col-md-12.col-lg-6.padzero .btndownload button {
    padding: 7px 14px;
    width: auto
  }

  .dos-inner {
    width: 100%;
    margin: auto;
    padding: 20px 0 0
  }

  .dos-inner .title_do img {
    width: auto
  }

  .dos-inner img {
    width: 100%
  }

  .dos-inner .lastChild {
    padding-top: 10px
  }

  .title_do {
    font-size: 25px !important
  }

  .title_do img {
    width: 25px
  }

  .secDiv .col-md-5.padzero {
    padding: 0 15px
  }

  .secDiv .pad64 .col-md-3 {
    padding: 0;
    margin-bottom: 20px
  }

  #typeface .col-md-5.padzero {
    padding: 0 0 0 15px
  }

  #typeface .col-md-5.padzero .brand_type {
    height: auto !important
  }

  #typeface .pad64 .row {
    margin: 0
  }

  #typeface .pad64 .row .col-md-4 {
    padding: 0
  }

  #typeface .pad64 .row .col-md-4 .brand_font {
    height: auto;
    padding: 65px 20px;
    text-align: center
  }

  #typeface .pad64 .row .col-md-4 .brand_font img {
    width: 65%
  }

  #typeface .pad64 h5 {
    margin-top: 30px
  }

  #founder .brand_type {
    padding: 50px 20px 30px 30px !important;
    height: auto
  }

  #founder .pad64 {
    margin-top: 30px
  }

  .legal .container .col-md-12 {
    padding: 0 20px !important
  }

  .legal .container .col-md-12 .col-md-6 {
    padding: 0
  }

  .legal .container .col-md-12 .col-md-6 .disclaimerDiv {
    padding-left: 0
  }

  .tickdownload img {
    margin: 6px 0;
    width: 30px
  }

  .tickdownload button {
    font-size: 14px !important
  }

  .tickdownload button img {
    width: auto
  }

  .tickdownload a {
    font-size: 14px !important
  }

  .tickdownload a img {
    width: auto
  }

  .lediv {
    display: block;
    width: 100%;
    text-align: center
  }

  .legibi {
    width: 45%;
    display: inline-block;
    margin: 20px 3px
  }

  .legibi span {
    font-size: 13px
  }

  .lediv:after {
    display: none
  }

  .pad64 {
    padding-left: 10px !important;
    padding-right: 10px !important
  }

  .secondary_div img {
    width: 100%
  }

  .secondary_div p {
    line-height: normal !important
  }

  .brandFlex {
    display: block !important
  }

  .brandFlex div {
    width: 100% !important;
    margin-bottom: 20px
  }

  .brand_color {
    padding: 46px 30px 30px !important
  }

  .secDiv {
    padding: 20px !important
  }

  .secDiv .d-flex {
    display: block !important
  }

  .secDiv .d-flex div {
    width: 100% !important
  }

  .brandcolor .bgColor .bgWhite {
    padding: 0 15px !important
  }

  .brandcolor .bgColor .bgWhite .primary_color {
    padding: 25px 15px !important
  }

  .brandcolor .bgColor .bgWhite .primary_color p {
    line-height: normal
  }

  .secDiv .bluesupport_img div p {
    line-height: normal !important
  }

  .legibility_sec .container {
    padding: 0 20px !important
  }

  .legibility_sec .container .legibility_para {
    margin: 8px 0 10px
  }

  .legibility_sec .container .legihead {
    font-size: 25px
  }

  .legibility_sec .container .legibi_head {
    font-size: 20px
  }

  .legibility_sec .container .padright {
    padding-right: 0
  }

  .legibility_sec .container .documentafter {
    padding-left: 0
  }

  .brandcolor {
    padding: 80px 0 0 !important
  }

  .brand_type {
    padding: 50px 30px 30px !important
  }

  .brand_font {
    display: block !important;
    padding-left: 20px !important
  }

  .brand_font .pad64 img {
    width: 100%
  }

  .brand_font div {
    width: 100% !important
  }

  .founder_sec {
    padding: 40px 0
  }

  .founder_sec .greenbg .founder_flex {
    bottom: 37px !important;
    opacity: 1 !important
  }

  .founder_sec .founder_flex {
    bottom: 8px !important;
    padding-left: 17px !important;
    opacity: 1 !important
  }

  .founder_sec .founder_flex .showhide {
    opacity: 1
  }

  .founder_sec .founder_flex .downloadicon {
    width: 10% !important
  }

  .founder_sec .brandtitle {
    margin-bottom: 20px
  }

  .founder_sec .d-flex {
    display: block !important
  }

  .founder_sec .d-flex div {
    width: 100% !important;
    margin: 8px 0 !important
  }

  .founder_sec .d-flex .download button {
    font-size: 15px !important
  }

  .founder_sec .d-flex .download button img {
    width: 18px !important
  }

  .founder_sec button {
    font-size: 15px !important
  }

  .founder_sec button img {
    width: 18px !important
  }

  .legalDiv {
    padding-right: 0 !important
  }

  .legalDiv .title {
    font-size: 25px !important
  }

  .disclaimerDiv h3 {
    font-size: 24px !important
  }

  .innews_title {
    font-size: 27px !important;
    line-height: normal !important;
    padding-top: 10px
  }

  .venture_logos {
    width: 43%;
    height: auto;
    display: inline-block;
    margin: auto 10px 20px
  }

  .medium_col {
    display: block !important
  }

  .home_news {
    padding-bottom: 0
  }

  .home_news .padzero {
    padding: 0 15px !important
  }

  .home_news .viewallinx {
    float: unset;
    left: 12px;
    bottom: -9px
  }

  .brand_FaceSec,
  .brand_logosec,
  .dos {
    padding: 40px 0
  }
}

@media screen and (min-width:768px) and (max-width:991px) {

  .sticky_header,
  .stickyul {
    width: 100% !important
  }

  .dont-img {
    width: 100%
  }

  .document {
    width: 37%
  }

  .brandtitle {
    font-size: 30px;
    line-height: 40px
  }

  .brand_type {
    padding: 80px 20px 60px 64px !important
  }

  .brand_content:first-child,
  .do-flex {
    padding-right: 0 !important
  }

  .do-flex {
    justify-content: space-evenly !important
  }

  .do-flex:after {
    display: none
  }

  .do-flex .tickdownload,
  .tickdownload {
    width: 100% !important
  }

  .dontdiv {
    padding-left: 0
  }

  .dontdiv .title_do {
    margin-top: 30px
  }

  .legihead {
    font-size: 30px !important
  }

  .lediv {
    display: block
  }

  .lediv .legibi {
    width: 47%
  }

  .primary_color {
    padding: 0 15px !important
  }

  .secondary_div img {
    width: 100%
  }

  .secDiv.bg-white .col-md-12.padzero {
    padding: 0 15px
  }

  .brand_type {
    height: auto !important
  }

  .brand_type p {
    margin-top: 0 !important
  }

  .brand_FaceSec .pad64 {
    padding-left: 15px;
    padding-top: 40px
  }

  .greenbg .founder-div {
    height: 541px
  }

  .greenbg .founder-div h5 {
    margin: 0;
    font-size: 19px
  }

  .greenbg .founder-div span {
    font-size: 14px
  }

  .greenbg .founder-div p {
    margin-top: 12px
  }

  .arrowbg {
    display: none
  }

  .legalDiv {
    padding-right: 15px !important
  }

  .brandfontimg {
    width: 100%;
    padding: 20px
  }

  .brandfontimg2 {
    width: 85%;
    padding: 20px
  }

  .brand_font {
    padding-left: 0 !important
  }

  .brand_font h5 {
    padding-left: 20px !important
  }

  .found-content {
    height: 519px !important
  }

  .found-content h5 {
    font-size: 16px !important;
    line-height: 23px !important
  }

  .found-content span {
    font-size: 12px !important;
    margin-bottom: 0 !important
  }

  .found-content .download button {
    font-size: 14px !important
  }

  .found-content .download button img {
    width: 19px !important
  }

  button {
    font-size: 14px !important
  }

  button img {
    width: 19px !important
  }
}

@media screen and (min-width:992px) and (max-width:1024px) {
  .banner ul li a {
    position: relative;
    font-size: 13px
  }

  .banner ul li {
    position: relative;
    left: -12px
  }

  .stickyul {
    width: 57% !important
  }

  .brandAsset_wrapper .sticky_header {
    top: 39px;
    width: 100% !important
  }

  .dos-inner {
    height: 215px !important
  }

  .do-flex:after {
    right: -32px !important
  }

  .do-flex {
    height: auto !important
  }

  .tickdownload.btndownload button {
    padding: 7px 17px !important;
    width: auto !important
  }
}

@media screen and (min-width:1025px) and (max-width:1440px) {
  .banner ul li {
    position: relative;
    left: -25px
  }
}

@media screen and (min-width:1024px) and (max-width:1199px) {
  .found-content {
    height: 513px !important
  }

  .dont-img {
    width: 100%
  }
}

@media screen and (min-width:1600px) and (max-width:1999px) {
  .stickyul {
    width: 32% !important
  }

  .sticky_header,
  .sticky_header_brand {
    width: 100% !important
  }
}

.secondary_div img {
  width: 100%
}

.tickdownload.btndownload button {
  transition: .5s
}

.tickdownload.btndownload button:hover {
  transition: .5s;
  transform: translateY(-10px)
}

.hoverscale {
  transition: .5s
}

.hoverscale:hover {
  transition: .5s;
  transform: scale(1.05)
}

.founder-div .single_hover {
  overflow: hidden
}

.founder-div img {
  transition: .5s
}

.founder-div img:hover {
  transition: .5s;
  transform: scale(1.05)
}

.padrightzero {
  padding-right: 0
}

.mainimg-hover {
  overflow: hidden
}

.mainimg-hover img {
  transition: .5s
}

.mainimg-hover img:hover {
  transition: .5s;
  transform: scale(1.02)
}

.arrowtop {
  bottom: unset;
  top: 35px;
  right: unset;
  left: 0;
  z-index: 1;
  right: 0;
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/brand-assets/images/arrowtop.svg)
}

@media screen and (max-width:767px) {
  .arrowtop {
    display: none
  }
}

.secspan {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 167%;
  color: #fff;
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  width: auto;
  text-align: center
}

@media screen and (max-width:767px) {
  .secspan {
    font-size: 24px
  }

  .stickyul {
    display: none !important
  }
}

@media screen and (min-width:768px) and (max-width:991px) {
  .secspan {
    font-size: 10px
  }
}

.bluesupport_img .secspan {
  text-align: left;
  left: 40px
}

.primary_color .secspan {
  text-align: left;
  left: 20px
}

.bluesupport_img {
  padding: 0 10px
}

.bluesupport_img p {
  font-size: 15px !important
}

.secondary_div p {
  font-size: 15px
}

.navbar-toggler-icon {
  width: 24px !important;
  height: 17px !important
}

@media (min-width:768px) {
  .navbar-expand-md .navbar-nav .nav-link {
    padding: 1.302vw .104vw
  }
}

@media screen and (min-width:768px) and (max-width:991px) {
  .brandAsset_wrapper .sticky_header {
    top: 44px
  }
}

.showhide.active {
  opacity: 1 !important;
  transition: ".5s" ease !important
}

.width-80.betterhalf_carousel {
  margin: auto
}

::-webkit-scrollbar {
  width: 5px
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px
}

::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px
}

::-webkit-scrollbar-thumb:hover {
  background: #412c76
}

body {
  overflow-x: hidden;
  font-family: Ubuntu !important
}

a:focus {
  outline: none
}

footer ul li a:focus {
  color: #fff
}

.padzero {
  padding: 0 !important
}

#messages {
  position: absolute;
  bottom: 0;
  width: 93%;
  margin: 0 0 10px;
  left: 30px
}

#messages .close {
  right: 0;
  top: 0
}

.alert h4 {
  font-weight: 400;
  font-family: Ubuntu;
  font-size: 16px;
  line-height: 22px;
  color: #151515;
  margin: 0
}

#myModal .modal-body {
  padding: 0 40px 40px;
  overflow-y: scroll
}

a:focus,
a:hover {
  text-decoration: none
}

button:focus {
  outline: none
}

.better-half {
  overflow: hidden
}

body {
  padding-right: 0 !important
}

header {
  background: #fff
}

.custom-banner {
  padding-left: 15% !important
}

.custom-banner img {
  width: 100%;
  position: relative;
  top: -40px
}

.footer-icon {
  margin-right: 5px
}

.absolute-logo {
  width: 60px !important;
  height: 60px !important
}

.footer-logo {
  width: 60px;
  height: 60px
}

.head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative
}

.head .dark-btn {
  margin: 0;
  cursor: pointer
}

.head img {
  width: 160px
}

.head h2 {
  font-family: dancescript;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: normal;
  color: #000;
  margin: 0
}

.m2ppotential img {
  width: 90%
}

.better-half {
  text-align: center
}

.bg-sets {
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/betterhalf/images/careerbg.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain
}

.bg-sets p {
  width: 75%;
  margin: auto;
  font-size: 20px !important;
  line-height: 33px !important
}

.title-head {
  font-family: DmseriRegular;
  font-size: 45px;
  line-height: normal;
  color: #151515;
  margin-bottom: 37px
}

.better-half p,
.title-head {
  font-style: normal;
  font-weight: 400;
  text-align: center
}

.better-half p {
  font-family: Ubuntu;
  font-size: 16px;
  line-height: 30px;
  color: #4f4f4f
}

.bg-sets:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/betterhalf/images/leftcircle.svg);
  background-position: 0;
  width: 276px;
  height: 276px;
  background-repeat: no-repeat;
  background-size: contain
}

.bg-sets:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/betterhalf/images/rightcircle.svg);
  background-position: 100%;
  width: 166px;
  height: 169px;
  background-repeat: no-repeat;
  background-size: contain
}

.gap {
  display: flex;
  align-items: start;
  justify-content: center
}

.gap h2 {
  margin-bottom: 14px;
  margin-top: 0;
  font-size: 30px
}

.gap h2,
.gap p {
  width: 90%;
  text-align: left;
  margin-left: auto
}

.gap img {
  margin-right: 15px;
  width: 100%
}

.whatsin {
  display: flex;
  align-items: center;
  justify-content: space-evenly
}

.specification {
  background: #fff;
  box-shadow: 0 0 30px rgb(0 0 0/9%);
  border-radius: 30px;
  padding: 20px 20px 20px 30px;
  width: 90%;
  height: 150px;
  margin-bottom: 50px;
  transition: .5s
}

.specification:hover {
  transform: scale(1.03)
}

.specification img {
  margin-bottom: 10px;
  width: 34px
}

.specification p {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 19px;
  line-height: 28px;
  color: #151515
}

.bg-img {
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/betterhalf/images/bg-pipe.png);
  background-size: contain;
  background-position: top;
  background-repeat: no-repeat;
  padding-top: 37px
}

.kindles {
  list-style: auto;
  padding-left: 0
}

.kindles li {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 26px;
  color: #4f4f4f;
  list-style: none;
  margin-bottom: 19px
}

.bg-seashell {
  background: #fffcfa
}

.bg-seashell .title-head {
  text-align: left
}

.bg-seashell:after {
  content: "";
  position: absolute;
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/betterhalf/images/kindles.svg);
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 877px;
  height: 100%;
  top: 0;
  right: 0
}

.accordion {
  overflow: hidden
}

.opening {
  padding-left: 5px;
  width: 49% !important
}

.accordion__button {
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  width: 100%;
  color: #151515;
  font-family: Ubuntu;
  line-height: normal;
  text-align: left;
  background: #fff;
  border-bottom: 1px solid rgb(0 0 0/8%) !important;
  border: unset;
  border-radius: 0;
  transition: background .3s ease;
  cursor: pointer;
  transition: .5s
}

.accordion-button_betterhalf:hover {
  background: #f5f5f5;
  transition: .5s
}

.accordion__button span {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 29px;
  color: hsla(0, 0%, 8%, .6);
  width: 50%
}

.accordion__button.is-active:after {
  content: "";
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/betterhalf/images/open-arrow.svg);
  transition: .5s
}

.accordion__button:focus {
  outline: none
}

.accordion__body {
  max-height: 0;
  background: #fff;
  transition: max-height .3s ease;
  overflow: hidden;
  border-bottom: 1px solid rgba(0, 0, 0, .3) !important
}

.accordion__body .mb-5 {
  margin-bottom: 30px
}

.role {
  padding-left: 18px !important
}

.opening,
.role {
  width: 49%;
  display: inline-block;
  align-items: center;
  justify-content: space-between;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 29px;
  color: hsla(0, 0%, 8%, .6);
  margin: 0;
  padding: 10px 0 15px
}

.roles-div {
  border-bottom: 1px solid hsla(0, 0%, 8%, .6)
}

.accordion__body p,
.accordion__body p b,
.accordion__body ul li {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  color: #292929;
  margin-bottom: 0
}

.accordion__body ul {
  padding: 0;
  margin-bottom: 20px
}

.accordion__button span:first-child {
  color: #151515;
  font-weight: 700;
  text-transform: capitalize
}

.accordion__body>div {
  padding: 30px 20px 40px
}

.accordion__body ul li {
  list-style-position: inside !important;
  list-style: auto
}

.accordion__body p b {
  font-weight: 700
}

.dark-btn:focus,
.dark-btn:hover {
  color: #fff;
  background: #412c76;
  outline: none
}

.dark-btn {
  background: #412c76;
  border-radius: 10px;
  border: unset;
  box-shadow: unset;
  padding: 10px 49px 10px 35px;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: normal;
  color: #fff;
  margin-top: 15px;
  position: relative;
  transition: .5s;
  cursor: pointer
}

.dark-btn,
.dark-btn:hover:after {
  animation: btnArrow 1.5s ease 0s 1 normal forwards
}

.dark-btn:after {
  position: absolute;
  content: "";
  top: 15px;
  width: 25px;
  height: 10px;
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/betterhalf/images/arrow.svg) 50%/contain no-repeat;
  right: 21px;
  transition: .5s
}

footer {
  background: #000;
  padding: 50px 0;
  color: #fff
}

footer p {
  font-family: Ilisar_light;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 24px;
  color: hsla(0, 0%, 100%, .6)
}

.social-links li {
  position: relative
}

.social-links li a {
  padding-left: 34px
}

.social-links li:after {
  content: "";
  background: url(https://m2pfintech.com/assets/images/mail.svg);
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50%;
  position: absolute;
  left: 0;
  top: 2px
}

.phone-ul li {
  padding-left: 34px
}

.phone-ul li:after {
  background: url(https://m2pfintech.com/assets/images/phone-call.svg)
}

footer ul {
  list-style: none;
  padding-left: 0
}

footer ul li a {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 29px;
  color: #fff;
  opacity: .8
}

.triangle {
  position: absolute;
  top: 0;
  right: 0;
  background-size: contain;
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/betterhalf/images/smalltriangle.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  width: 75px;
  height: 75px
}

.left-tri {
  background-size: contain;
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/betterhalf/images/bigtriangle.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  width: 121px;
  height: 121px;
  left: 0;
  right: auto;
  top: auto;
  bottom: 0
}

.flex-div {
  display: flex;
  align-items: center;
  justify-content: start;
  flex-direction: column;
  text-align: left !important;
  margin-left: 24px;
  margin-bottom: 40px
}

.flex-div h5 {
  font-family: DmseriRegular;
  font-size: 20px;
  line-height: normal;
  color: #151515;
  text-align: left;
  margin: 0;
  width: 100%
}

.flex-div h5,
.flex-div span {
  font-style: normal;
  font-weight: 400
}

.flex-div span {
  font-family: Ubuntu;
  font-size: 16px;
  line-height: 30px;
  color: #4f4f4f
}

.flex {
  justify-content: flex-start
}

.flex,
.img-div {
  display: flex;
  align-items: center
}

.img-div {
  background: #fff;
  box-shadow: 0 0 13px rgba(0, 0, 0, .1);
  border-radius: 20px;
  width: 55px;
  height: 55px;
  justify-content: center
}

.img-div img {
  margin: 0;
  width: 23px
}

.namediv {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.namediv div {
  width: 48%
}

.forminput {
  border: 1px solid #c4c4c4;
  width: 100% !important;
  border-radius: 7px !important;
  height: 38px
}

.forminput,
.otpinput {
  font-family: Ubuntu;
  background: #fff;
  padding: 0 11px;
  font-size: 14px;
  font-weight: 400;
  color: #000
}

.otpinput {
  border: 1px solid #c4c4c4;
  width: 40px !important;
  border-radius: 10px !important;
  height: 40px;
  text-align: center
}

.otpinput:focus {
  outline: none !important
}

.otpSix {
  display: flex;
  align-items: center;
  justify-content: space-between
}

#emailopt {
  width: 100% !important
}

::-webkit-file-upload-button {
  display: none
}

::file-selector-button {
  display: none
}

::-webkit-input-placeholder {
  color: #d0d0d0
}

::-moz-placeholder {
  color: #d0d0d0
}

:-ms-input-placeholder {
  color: #d0d0d0
}

:-moz-placeholder {
  color: #d0d0d0
}

.forminput:focus {
  outline: none
}

.uploadtag {
  position: relative
}

.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%
}

.upload-btn-wrapper {
  position: absolute;
  overflow: hidden;
  display: inline-block;
  right: 52px;
  top: 3.4px;
  padding-left: 4px;
  border-left: 1px solid #000
}

.upload-btn-wrapper .btn {
  border: unset;
  color: #fff;
  background-color: #151515;
  padding: 7px 34px 7px 19px;
  border-radius: 16px;
  font-size: 12px;
  font-weight: 400;
  position: relative;
  font-family: Ubuntu
}

.upload-btn-wrapper .btn:after {
  content: "";
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/betterhalf/images/upload.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 18px;
  height: 18px;
  position: absolute;
  right: 10px;
  top: 8px
}

.upload-btn-wrapper .btn img {
  width: auto;
  padding: 0
}

.betterhalf-form span {
  display: block;
  font-family: Ubuntu;
  font-weight: 700;
  font-size: 12px;
  line-height: 22px;
  color: #000;
  padding-top: 5px
}

.betterHalf_wrapper .errTxt {
  font-size: 12px
}

.submit.betterHalf_btn:disabled {
  background-color: #9c9c9c
}

.submit.dark-btn:after {
  right: 15px
}

.bootstrap-select button {
  padding: 7px 15px;
  border-radius: 10px;
  border: unset
}

.betterhalf-form label {
  font-weight: 400;
  font-family: Ubuntu;
  font-size: 13px;
  line-height: 22px;
  color: #000;
  margin-top: 25px;
  display: block
}

.betterHalf_wrapper .modal-dialog {
  width: 700px
}

.betterHalf_wrapper .modal-body {
  padding: 0 40px 40px
}

#myModal .modal-header {
  border: unset;
  padding-left: 40px;
  background: #412c76;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%
}

#myModal .modal-header .modal-title {
  color: #fff
}

.betterhalf-danger {
  background-color: #f2dede !important;
  border-color: #ebccd1 !important;
  left: 0 !important;
  right: 0;
  padding: 5px 10px !important;
  width: 100% !important;
  margin-bottom: 0 !important
}

.betterhalf-danger h4 {
  font-size: 12px;
  line-height: normal;
  font-weight: 400;
  font-family: Ubuntu
}

.modal-header:after,
.modal-header:before {
  display: none
}

.betterHalf_wrapper .modal-title {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 38px;
  text-align: left;
  color: #fff;
  padding-left: 40px;
  text-transform: capitalize
}

button.close {
  position: absolute;
  opacity: 1;
  z-index: 99;
  margin: 0 !important;
  right: 0
}

button.close img {
  width: 25px
}

.form-div {
  margin-top: 22px
}

.betterhalfname {
  margin-top: 10px
}

.form-div:last-child {
  width: 40%
}

.form-div img {
  width: 100%;
  padding: 30px
}

.submit {
  margin-top: 30px;
  padding-right: 65px
}

.fulldiv .flex {
  margin-bottom: 30px
}

.fulldiv .flex-div {
  margin-bottom: 0
}

.mar-top {
  margin-top: 40px !important
}

#scroll-stop {
  padding-top: 0
}

.outer {
  position: relative
}

.left {
  width: 65%
}

.fulldiv,
.left {
  margin-left: auto
}

.fulldiv {
  width: 90%;
  margin-top: 40px
}

.right {
  float: left;
  position: absolute;
  left: 0;
  width: 35%
}

.mobile-visible {
  display: none
}

.betterHalf_wrapper .sticky_header {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  animation-duration: .7s;
  -webkit-animation-duration: .7s;
  animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  background: #fff !important;
  box-shadow: 0 4px 32px rgb(0 0 0/8%);
  padding: 10px
}

#myModal .modal-content {
  border: unset
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

@media screen and (max-width:767px) {
  .accordion-button:after {
    flex-shrink: 0;
    height: 14px;
    background-size: .85rem;
    width: 20px
  }

  .accordion-button {
    padding: 0
  }

  .otpinput {
    width: 35px !important;
    height: 35px
  }

  #myModal .modal-dialog {
    width: 90% !important
  }

  .better-half {
    overflow: visible
  }

  .bg-sets .title-head br {
    display: none
  }

  .mobilebtn {
    clear: both;
    width: 100%;
    text-align: center;
    margin: 30px 0
  }

  .head .dark-btn {
    margin-top: 20px;
    cursor: pointer
  }

  .head img {
    width: 100px;
    height: unset !important
  }

  label.file {
    width: 100%
  }

  .absolute-logo {
    width: 32px !important
  }

  .bg-sets p,
  .flex-div span,
  .kindles li {
    font-size: 14px !important
  }

  .specification {
    width: 100%;
    padding: 20px;
    height: auto;
    border-radius: 23px;
    margin: 0 0 20px;
    display: flex
  }

  .specification p {
    font-size: 14px;
    line-height: 23px;
    margin-left: 15px
  }

  .bg-seashell:after,
  .bg-sets:after,
  .bg-sets:before,
  .triangle {
    display: none
  }

  .bg-sets {
    background: unset
  }

  .banner_betterhalf {
    height: auto;
    padding-top: 75px !important
  }

  .gap h2,
  .title-head {
    font-size: 30px
  }

  .better-half p {
    width: 100%;
    text-align: justify;
    font-size: 14px;
    line-height: 26px !important
  }

  .gap {
    display: block
  }

  .gap img,
  .right {
    width: 100%
  }

  .right {
    position: unset
  }

  .left {
    width: 100%;
    clear: both
  }

  .gap h2 {
    width: 100%;
    padding-top: 30px
  }

  .gap h2,
  .gap h2:last-child {
    text-align: left
  }

  .mobile-mar-top {
    padding-top: 0 !important
  }

  .fulldiv {
    width: 96%
  }

  .img-div {
    min-width: 50px;
    width: 52px;
    height: 52px;
    border-radius: 14px
  }

  .flex-div span {
    line-height: 27px
  }

  .img-div img {
    width: 17px
  }

  .title-head {
    margin-bottom: 20px
  }

  .specification img {
    margin-bottom: 10px;
    width: 30px
  }

  .kindles li {
    font-size: 14px;
    line-height: 24px
  }

  .bg-img {
    background: unset
  }

  .bg-seashell {
    padding: 40px 0
  }

  .bg-seashell .title-head {
    margin-top: 0;
    margin-bottom: 20px
  }

  .mobile-visible {
    display: block
  }

  img.mobile-visible {
    width: 100%
  }

  .fintech-revolution {
    margin-bottom: 25px
  }

  .role {
    font-size: 13px;
    padding: 10px 0 10px 8px
  }

  .opening {
    font-size: 13px;
    padding: 10px 0
  }

  .accordion__button span {
    font-size: 12px;
    line-height: 20px
  }

  .accordion__button:after {
    width: 10px;
    height: 10px;
    margin-left: 0
  }

  .accordion__body>div {
    padding: 20px 10px
  }

  .accordion__body p,
  .accordion__body p b,
  .accordion__body ul li {
    font-size: 14px;
    line-height: 26px
  }

  .accordion__body .mb-5 {
    margin-bottom: 15px
  }

  .dark-btn {
    padding: 9px 41px 9px 20px;
    font-size: 11px;
    margin: 0
  }

  .dark-btn:after {
    top: 11px;
    width: 14px;
    height: 10px;
    right: 16px
  }

  footer p {
    font-size: 13px;
    line-height: 24px;
    margin-bottom: 22px;
    text-align: left
  }

  .footer-flex>div:first-child img {
    margin-bottom: 0;
    width: 40px;
    height: 40px
  }

  .modal-dialog {
    width: auto
  }

  .modal-title {
    font-size: 15px;
    line-height: normal
  }

  button.close img {
    width: 20px
  }

  .form-div {
    width: 100%
  }

  .form-div:last-child {
    display: none
  }

  .forminput {
    width: 100% !important
  }

  .upload-btn-wrapper {
    right: 3px
  }

  .submit {
    margin-top: 20px !important
  }

  .submit.dark-btn:after {
    right: 15px;
    top: 10px
  }

  .upload-btn-wrapper .btn:after {
    width: 15px;
    height: 17px
  }

  .footer-flex {
    display: block !important
  }

  .footer-flex>div {
    width: 100% !important;
    margin-bottom: 25px
  }
}

@media screen and (min-width:768px) and (max-width:991px) {
  #myModal form {
    width: 100%
  }

  .mailus {
    width: 100% !important
  }

  .mail-div {
    top: 37% !important;
    left: 32% !important
  }

  .mail-div p {
    font-size: 13px !important;
    line-height: 25px !important
  }

  .mobilebtn {
    clear: both;
    width: 100%;
    text-align: center;
    margin: 30px 0
  }

  .better-half {
    overflow: visible
  }

  .file {
    width: 100%
  }

  .onlyOnMobile img {
    width: 50% !important
  }

  .title-head {
    font-size: 27px;
    margin-bottom: 11px
  }

  .better-half p {
    width: 68%;
    font-size: 14px !important;
    line-height: 23px !important
  }

  .bg-sets:before {
    width: 161px;
    height: 209px
  }

  .bg-sets:after {
    width: 158px;
    height: 158px
  }

  .gap h2 {
    margin-bottom: 14px;
    font-size: 18px
  }

  .gap p {
    width: 90%
  }

  .right {
    width: 40%
  }

  .right img {
    width: 100%
  }

  .left {
    width: 60%
  }

  .mar-top {
    margin-top: 25px !important
  }

  .fulldiv {
    margin-top: 30px
  }

  .flex-div {
    margin-left: 20px
  }

  .flex-div span {
    font-size: 13px;
    line-height: 24px
  }

  .flex-div h5 {
    font-size: 16px
  }

  .img-div img {
    width: 19px
  }

  .img-div {
    width: 50px;
    height: 50px;
    min-width: 50px
  }

  section {
    padding: 50px 0
  }

  .specification {
    height: 120px;
    border-radius: 24px;
    margin-bottom: 35px
  }

  .specification img {
    width: 26px
  }

  .specification p {
    font-size: 13px;
    line-height: 20px
  }

  .kindles li {
    font-size: 13px;
    line-height: 21px
  }

  .bg-seashell:after {
    width: 100%;
    height: 100%
  }

  .kindles {
    padding-left: 0
  }

  .accordion__button:after {
    width: 15px;
    height: 15px;
    margin-left: 10px
  }

  .accordion__button span {
    font-size: 15px;
    line-height: 29px
  }

  .opening,
  .role {
    font-size: 16px;
    line-height: normal
  }

  .accordion__button {
    padding: 10px 14px
  }

  .accordion__body p,
  .accordion__body p b,
  .accordion__body ul li {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 8px
  }

  .dark-btn:after {
    top: 14px;
    width: 25px;
    height: 9px;
    right: 17px
  }

  .dark-btn {
    padding: 10px 45px 10px 25px;
    font-size: 12px;
    margin-top: 5px
  }

  .modal-dialog {
    width: 600px
  }

  .form-div:last-child {
    display: none
  }

  .form-div {
    width: 95%;
    margin: auto
  }

  .betterhalf-form label {
    display: block;
    width: 100%
  }

  .forminput {
    width: 100% !important
  }

  .upload-btn-wrapper {
    right: 4px
  }

  .footer-flex {
    display: block !important
  }

  .footer-flex>div {
    width: 49% !important;
    display: inline-block;
    margin-bottom: 30px
  }

  .footer-flex>div:first-child {
    width: 100% !important
  }

  .footer-flex:last-child {
    margin-top: 0 !important
  }

  .footer-flex:last-child>div:first-child {
    margin: 0 !important
  }

  .footer-flex:last-child>div {
    margin-bottom: 0 !important
  }

  footer p {
    text-align: left
  }

  .legal a:first-child {
    margin-right: 5px
  }

  footer ul {
    margin: 0
  }

  .legal {
    margin-top: 5px
  }
}

.legal a:first-child {
  margin-right: 5px
}

.redborder {
  border: 1px solid red
}

.greyborder {
  border: 1px solid #d4d4d4
}

@media screen and (min-width:992px) and (max-width:1300px) {
  .footer-flex:last-child p {
    font-size: 12px !important
  }
}

.mailus {
  width: 70%;
  margin: 50px auto auto;
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/betterhalf/images/mailus.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  height: 620px;
  position: relative
}

.mail-div {
  position: absolute;
  top: 36%;
  left: 33%
}

.mail-div p {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 25px;
  text-align: center;
  color: #151515
}

.mail-div p b,
.mail-div p b a {
  font-weight: 700;
  color: #000
}

.mail-b {
  font-size: 16px
}

.scrollToTop {
  bottom: 40px;
  cursor: pointer;
  display: none;
  height: 40px;
  position: fixed;
  right: 30px;
  width: 40px;
  z-index: 99;
  text-align: center
}

.scrollToTop img {
  vertical-align: bottom
}

.footer-flex {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start
}

.footer-flex>div {
  width: 27%;
  text-align: left
}

.last-div {
  width: auto !important
}

.footer-flex>div:last-child {
  width: 10%
}

.footer-flex>div:first-child {
  width: 8%
}

.footer-flex>div h2 {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #fff;
  margin-top: 0;
  margin-bottom: 20px;
  text-transform: uppercase
}

.social_icons ul li {
  display: inline-block
}

.legal a {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 14px;
  color: #fff
}

footer .container-fluid {
  max-width: 90%
}

.footer-flex:last-child {
  margin-top: 25px
}

footer a:hover {
  color: #fff
}

.social_icons a {
  margin-right: 8px
}

.legal {
  display: flex;
  align-items: center;
  justify-content: flex-start
}

.legal-menu {
  padding-right: 20px
}

.animation-element.slide-top {
  opacity: 0;
  transition: all .6s linear;
  transform: translateZ(0)
}

.animation-element.slide-bottom {
  opacity: 0;
  transition: all .5s linear;
  transform: translate3d(0, 50px, 0)
}

.animation-element.slide-left {
  opacity: 0;
  transition: all .6s linear;
  transform: translate3d(-50px, 0, 0)
}

.animation-element.slide-right {
  transform: translate3d(30px, 0, 0)
}

.animation-element.fade,
.animation-element.slide-right {
  opacity: 0;
  transition: all .6s linear
}

.animation-element.fade.in-view,
.animation-element.slide-bottom.in-view,
.animation-element.slide-left.in-view,
.animation-element.slide-right.in-view,
.animation-element.slide-top.in-view {
  opacity: 1;
  transform: translateZ(0)
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

.betterHalf_wrapper input[type=file] {
  border: 1px solid #c4c4c4;
  padding: 6px 11px;
  height: 38px;
  width: 100%;
  border-radius: 6px;
  cursor: pointer
}

.betterHalf_wrapper input[type=file]:focus {
  outline: none
}

.file {
  margin-bottom: 15px
}

.resume {
  margin-top: 10px !important
}

.success-div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

.success-div .title {
  font-family: DmseriRegular;
  font-style: normal;
  font-weight: 400;
  font-size: 25px;
  line-height: 55px;
  color: #151515
}

.bootstrap-select span {
  color: #000
}

.success-div p {
  margin-top: 14px;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  text-align: center;
  color: #6e6f72
}

.submit.bg-load:after {
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/betterhalf/images/loader.gif);
  width: 23px;
  height: 21px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  top: 8px
}

#form .modal-dialog,
#success .modal-dialog {
  width: 482px;
  height: 100%;
  margin-top: 0
}

#success .modal-body {
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/betterhalf/images/new/successbottom.svg);
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: 100% 100%
}

#success button.close img {
  width: 30px
}

#success button {
  background: unset;
  border: unset;
  top: 5px
}

#success .modal-header {
  border: unset
}

#form {
  overflow-x: hidden;
  overflow-y: auto
}

.success-div img {
  width: 27%
}

.application {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  text-align: center;
  color: #263238
}

#success .modal-content {
  border-radius: 16px
}

.betterHalf_wrapper .modal-dialog {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto
}

#myModal .modal-dialog {
  width: 570px;
  margin: auto;
  height: 100%
}

#myModal .modal-content {
  border-radius: 10px;
  max-height: calc(100vh - 50px);
  overflow: hidden;
  height: 90%
}

.loader {
  display: none
}

.modal-popupsuccess {
  float: left;
  position: absolute;
  top: 0;
  left: 0;
  width: 100px
}

@media screen and (min-width:992px) and (max-width:1199px) {
  .mail-div {
    top: 38%;
    left: 32%
  }

  .mail-div p {
    font-size: 12px;
    line-height: 19px
  }
}

@media only screen and (max-width:767px) {
  #myModal .modal-content {
    width: 100%
  }

  .onlyOnDesktop {
    display: none
  }

  .onlyOnMobile {
    display: block;
    text-align: center;
    margin-top: 30px
  }

  .onlyOnMobile img {
    width: 80%;
    height: auto
  }
}

@media only screen and (min-width:1000px) {
  .onlyOnDesktop {
    display: block
  }

  .onlyOnMobile {
    display: none !important
  }
}

.alert-danger {
  background-color: transparent;
  border-color: transparent
}

.alert-danger #messages_content h4 {
  color: red
}

.bengalurepad {
  padding-top: 25px
}

.dark-btn a {
  color: #fff
}

@keyframes animate {
  0% {
    box-shadow: 0 0 0 0 #da242f
  }

  40% {
    box-shadow: 0 0 0 50px rgba(255, 193, 7, 0)
  }

  80% {
    box-shadow: 0 0 0 50px rgba(255, 193, 7, 0)
  }

  to {
    box-shadow: 0 0 0 rgba(255, 193, 7, 0)
  }
}

.banner_betterhalf {
  height: 100vh
}

.banner_betterhalf,
.bannerflex {
  display: flex;
  align-items: center
}

.bannerflex {
  justify-content: space-between
}

.bannerflex>div {
  width: 50%
}

.bannerflex>div:last-child {
  width: 50%;
  text-align: center
}

.bannertitle {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 65px;
  line-height: 75px;
  text-transform: capitalize;
  color: #d2232c;
  margin-bottom: 25px
}

.bannerflex p {
  font-weight: 400;
  line-height: 35px;
  margin: 15px 0 18px
}

.bannerflex .callback,
.bannerflex p {
  font-family: Ubuntu;
  font-style: normal;
  font-size: 24px;
  color: #000
}

.bannerflex .callback {
  font-weight: 700;
  line-height: 40px
}

.hear {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: normal;
  color: #000;
  background: #fff;
  box-shadow: 0 4px 4px rgba(0, 0, 0, .1);
  border-radius: 15px;
  height: 48px;
  width: 311px;
  display: flex;
  padding: 6px 10px;
  position: relative;
  align-items: center;
  margin: auto
}

.hear img {
  width: 53px;
  height: 53px;
  position: absolute;
  right: -8px;
  top: 7px;
  object-fit: unset;
  cursor: pointer
}

.bannerimg {
  width: 245px !important;
  margin-top: 28px
}

.flexdiv {
  justify-content: space-between;
  margin-top: 50px;
  width: 100%
}

.flexdiv,
.tickdiv {
  display: flex;
  align-items: center
}

.tickdiv {
  justify-content: center
}

.tickdiv h5 {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 25px;
  line-height: 40px;
  text-transform: capitalize;
  color: #412c76;
  margin-left: 15px
}

.comeback {
  width: 100%
}

.founderdiv {
  text-align: center;
  width: 85%;
  margin: auto;
  position: relative
}

.founderimg {
  width: 100%;
  margin: auto
}

.found-hear {
  padding: 5px 10px;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 48px;
  text-transform: capitalize;
  color: #fff;
  background: #412c76;
  margin: 0
}

.foundabsolute {
  position: absolute;
  bottom: 27%;
  left: 3%
}

.foundname {
  background: #d2232c;
  padding: 10px 13px;
  margin: 0;
  position: absolute;
  left: 15%;
  width: 95%
}

.foundname h5 {
  font-weight: 700;
  font-size: 26px;
  line-height: 39px;
  margin: 0
}

.foundname h5,
.foundname span {
  font-family: Ubuntu;
  font-style: normal;
  color: #fff
}

.foundname span {
  font-weight: 400;
  font-size: 16px;
  line-height: 29px
}

.playbtn {
  position: absolute;
  left: 44%;
  right: 0;
  top: 40%;
  width: 74px;
  cursor: pointer;
  opacity: .6;
  transition: .5s;
  border-radius: 100%
}

.playbtn-tumbsec:hover,
.playbtn:hover,
.thumbslider .item:hover .play-btn {
  opacity: 1;
  transition: .5s;
  animation: animate 2s linear infinite
}

.closeIcon img {
  cursor: pointer;
  width: 18px;
  position: absolute;
  right: -22px;
  top: -18px
}

.youtube-vidio .modal-dialog {
  height: calc(100vh - 10px);
  width: 70%
}

.youtube-vidio .modal-content {
  width: 70%;
  background: transparent
}

.youtube-vidio .modal-body {
  padding: 0
}

.youtube-vidio iframe {
  height: 500px;
  background: transparent;
  border: none
}

.foundersec {
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/betterhalf/images/new/linebg.png);
  background-position: bottom;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding-bottom: 100px;
  padding-top: 100px
}

.padbot {
  padding-bottom: 0
}

.full-time-job {
  padding-top: 0
}

.full-title {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 45px;
  line-height: 60px;
  text-transform: capitalize;
  color: #000
}

.full-title span {
  display: block;
  color: #d2232c
}

.sub-title {
  font-weight: 700;
  font-size: 21px;
  line-height: 32px;
  color: #000;
  width: 100%;
  display: inline-block
}

.para,
.sub-title {
  font-family: Ubuntu;
  font-style: normal
}

.para {
  font-weight: 400;
  font-size: 18px;
  line-height: 29px;
  color: #6e6f72;
  width: 74%;
  margin-top: 20px
}

.flex-testi {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-top: 30px
}

.flex-testi>div {
  position: relative;
  width: 50%
}

.playbtn-tumbsec {
  position: absolute;
  left: 44%;
  top: 36%;
  width: 70px;
  opacity: .6;
  transition: .5s;
  cursor: pointer;
  border-radius: 100%
}

.titlecaro {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 35px;
  line-height: 48px;
  text-transform: capitalize;
  color: #fff;
  margin-bottom: 30px
}

.width-80 {
  width: 92%;
  margin-left: auto
}

.slider-sec {
  background: #412c76;
  overflow: hidden;
  padding: 60px 0
}

.thumbslider img {
  width: 100%
}

.thumbslider .item {
  position: relative
}

.thumbslider .item:hover .play-btn {
  animation: animate 2s linear infinite
}

.thumbslider .item .play-btn {
  position: absolute;
  top: 30%;
  left: 43%;
  right: 0;
  width: 50px;
  height: 50px;
  opacity: .6;
  transition: .5s;
  border-radius: 100%;
  cursor: pointer
}

.thumbslider .owl-dots {
  display: block !important;
  text-align: center
}

.thumbslider .owl-dots button.active {
  background: #fff;
  border-radius: 20px;
  width: 73px;
  transition: .5s;
  opacity: 1
}

.thumbslider .owl-dots button {
  width: 5px;
  height: 5px;
  background: #fff !important;
  border-radius: 100%;
  margin: 0 5px;
  opacity: .5;
  transition: .5s
}

.gap-sec {
  position: relative;
  padding: 60px 0 0
}

.gap-flex {
  display: flex;
  align-items: center;
  justify-content: center
}

.m2ppotential h5 {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  line-height: 54px;
  text-transform: capitalize;
  color: #fff;
  position: absolute;
  top: 32%;
  left: 13%
}

.gap-flex>div {
  width: 50%;
  position: relative
}

.storydiv h5 {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 26px;
  line-height: 40px;
  color: #000
}

.storydiv h5 span {
  color: #da242f;
  text-transform: uppercase
}

.storydiv h6 {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 26px;
  line-height: 37px;
  color: #263238;
  margin: 20px 0
}

.storydiv p {
  font-size: 18px;
  line-height: 30px;
  color: #6e6f72
}

.betterHalf_wrapper .title,
.storydiv p {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400
}

.betterHalf_wrapper .title {
  font-size: 45px;
  line-height: 53px;
  text-transform: capitalize;
  margin-bottom: 20px
}

.thumb1 {
  width: 100%
}

.red-title {
  color: #da242f
}

.ficility .title {
  width: 90%;
  margin-left: auto
}

.title span {
  color: #da242f;
  display: block
}

.betterhalf-para {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #6e6f72
}

.width-70 {
  width: 65%
}

.kindlessec {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/betterhalf/images/new/bgwavessecond.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding-bottom: 150px;
  width: 100%;
  padding-top: 170px;
  overflow: unset
}

.kindlessec .title span {
  display: inline
}

.square {
  float: right;
  width: 180px;
  position: absolute;
  bottom: 90px;
  right: 100px
}

.facilities-flex {
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
  width: 90%;
  margin-right: 0;
  margin-left: auto
}

.facilities-flex>div {
  padding-right: 35px
}

.facilitydiv {
  display: flex;
  align-items: center;
  margin-bottom: 45px
}

.facilitydiv img {
  width: 55px
}

.facilitydiv h5 {
  font-style: normal;
  font-size: 20px;
  line-height: 15px;
  color: #221f1f
}

.facilitydiv h5,
.facilitydiv span {
  font-family: Ubuntu;
  font-weight: 400
}

.facilitydiv span {
  font-size: 16px
}

.facilitydiv>div {
  margin-left: 35px
}

.kindlespan {
  display: block;
  margin-bottom: 50px;
  margin-top: 10px
}

.arrowdots {
  position: absolute;
  left: 0;
  width: 137px
}

.benefitssec {
  background: #412c76;
  text-align: center;
  padding: 60px 0 0
}

.benefitssec h5 {
  color: #fff;
  text-align: center
}

.benefitssec img {
  width: 90%;
  margin-top: 40px
}

.js-accordion__button.is-active {
  border-bottom: unset !important
}

.js-accordion__button.is-active span {
  color: #412c76;
  font-weight: 700
}

.fintech-revolution .title {
  color: #cf2228
}

.linkedinDiv {
  position: relative
}

.linkedinDiv input {
  padding-left: 40px
}

.linkedinDiv:before {
  content: "";
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/betterhalf/images/new/inPin.svg) no-repeat;
  width: 14px;
  height: 14px;
  left: 12px;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  background-size: contain;
  border-right: 1.5px solid #d0d0d0;
  padding-right: 21px
}

.datepicker {
  padding: 4px 4px 4px 11px
}

.datepicker::placeholder {
  padding: 4px 4px 4px 11px
}

.bannerbg {
  position: absolute;
  top: -158px;
  left: 0
}

.kindlessec:before {
  right: unset;
  left: 0;
  top: -21px;
  position: absolute;
  width: 153px;
  height: 153px;
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/betterhalf/images/new/bannerbg.svg);
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat
}

#myModal .modal-content {
  border-top-right-radius: 14px !important;
  border-top-left-radius: 14px !important
}

@keyframes gradient {
  0% {
    background-position: 0 50%
  }

  50% {
    background-position: 100% 50%
  }

  to {
    background-position: 0 50%
  }
}

@keyframes btnArrow {
  0% {
    transform: scaleX(1)
  }

  30% {
    transform: scale3d(1.25, .75, 1)
  }

  40% {
    transform: scale3d(.75, 1.25, 1)
  }

  50% {
    transform: scale3d(1.15, .85, 1)
  }

  65% {
    transform: scale3d(.95, 1.05, 1)
  }

  75% {
    transform: scale3d(1.05, .95, 1)
  }

  to {
    transform: scaleX(1)
  }
}

.dark-btn:hover:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .4) 53%, hsla(0, 0%, 100%, .2));
  background-size: 400% 400%;
  animation: gradient 1s ease
}

.protfolio-div {
  position: relative;
  width: 40%
}

.protfolio-div img {
  width: 100%
}

.protfolio-div>div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 0;
  background: #000000c7;
  height: 0%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: .5s
}

.protfolio-div>div h5 {
  font-size: 50px;
  color: #fff;
  font-family: Ubuntu;
  font-weight: 700
}

.protfolio-div:hover>div {
  opacity: 1;
  width: 96%;
  height: 93%;
  transition: .5s
}

.opening {
  padding-right: 86px !important;
  text-align: right
}

.accordion__button span:nth-child(2n) {
  text-align: right;
  padding-right: 50px
}

.tickdiv img {
  width: 13%
}

@keyframes moving {
  0% {
    transform: translateZ(-10px)
  }

  50% {
    transform: translateZ(0)
  }

  to {
    transform: translateZ(10px)
  }
}

@keyframes bounce-in {
  0% {
    opacity: 0;
    transform: scale(.3)
  }

  50% {
    opacity: 1;
    transform: scale(1.05)
  }

  70% {
    transform: scale(.9)
  }

  to {
    transform: scale(1)
  }
}

.flexrow {
  width: 100%
}

.mobile {
  display: none
}

.desktop {
  display: block
}

.para_m2p {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 36px;
  color: #263238
}

.para_m2p a {
  color: #da242f
}

.div_space {
  width: 92%;
  margin: auto;
  position: relative
}

.mail_icon {
  position: absolute;
  right: 0;
  bottom: 10px;
  width: 92px
}

.mail_sec {
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/betterhalf/images/new/mail_bg.svg);
  background-position: 50%;
  background-size: 100% 91%;
  background-repeat: no-repeat;
  padding: 200px 0;
  overflow: unset
}

.mail_new {
  position: absolute;
  top: -133px;
  left: -80px;
  width: 140px
}

.div_space .title span {
  display: inline-block
}

.color_red {
  color: #cf2228
}

@media screen and (max-width:1199px) {
  .banner_betterhalf {
    height: auto
  }
}

@media screen and (max-width:330px) {
  .flexdiv.flexrow {
    width: 60% !important
  }
}

@media (max-width:767px) {
  .mail_sec {
    background: unset;
    padding: 0 0 40px
  }

  .mail_icon,
  .mail_new {
    display: none
  }

  .div_space,
  .youtube-vidio .modal-content {
    width: 100%
  }

  .youtube-vidio .modal-dialog {
    width: 90%;
    height: calc(100vh - 10px) !important
  }

  .youtube-vidio iframe {
    height: 100%
  }

  .closeIcon img {
    width: 11px;
    right: -12px;
    top: -16px
  }

  .benefitssec .title {
    text-align: left
  }

  .legal {
    justify-content: flex-start
  }

  .legal a:first-child {
    margin-right: 10px
  }

  footer {
    padding-bottom: 30px
  }

  footer ul {
    margin-bottom: 25px
  }

  .facilitydiv {
    margin-bottom: 30px
  }

  .benefitssec h5 {
    margin-top: 0
  }

  .flexrow {
    flex-direction: column !important;
    margin-bottom: 0 !important
  }

  .bannerbg {
    display: none
  }

  .opening {
    padding-right: 0 !important
  }

  .tickdiv {
    width: 100%;
    justify-content: flex-start;
    margin-bottom: 7px
  }

  .tickdiv h5 br {
    display: none
  }

  .banner_betterhalf {
    height: auto !important;
    padding-top: 30px;
    padding-bottom: 0
  }

  .betterHalf_wrapper p,
  .callback {
    font-size: 14px !important;
    line-height: 22px !important
  }

  .bannerflex>div {
    width: 100% !important;
    text-align: center
  }

  .bannerflex {
    flex-direction: column
  }

  .bannertitle {
    font-size: 32px;
    line-height: 44px;
    width: 91%;
    margin: 0 auto 16px
  }

  .bannerflex p {
    width: 76%;
    margin: auto auto 15px;
    line-height: 24px !important
  }

  .callback span {
    color: #d2232c
  }

  .onlyOnMobile {
    width: 150px;
    margin: 15px auto
  }

  .marginzero {
    width: 100px !important;
    margin: 0
  }

  .flexdiv.flexrow {
    width: 50%
  }

  .tickdiv:first-child {
    margin-top: 30px
  }

  .bannerflex br {
    display: none
  }

  .hear {
    height: 36px;
    right: 0;
    top: 5px;
    font-size: 14px;
    width: 232px;
    border-radius: 9px;
    margin-top: 30px
  }

  .full-time-job {
    padding-top: 30px
  }

  .full-time-job .sub-title {
    margin-top: 15px;
    margin-bottom: 5px
  }

  .accordion__body p {
    margin-bottom: 15px
  }

  .mobile {
    display: block !important;
    margin-top: 30px
  }

  .desktop {
    display: none !important
  }

  .hear img {
    width: 48px;
    height: 42px;
    right: -7px;
    top: 4px
  }

  .bannerimg {
    width: 100% !important;
    margin-top: 0
  }

  .foundersec {
    background-size: auto;
    background-repeat: no-repeat;
    padding-bottom: 0;
    padding-top: 40px;
    background: unset
  }

  .tickdiv h5 {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 0 7px
  }

  .flexdiv {
    flex-direction: row;
    justify-content: space-evenly;
    margin-bottom: 10px;
    width: 100%;
    margin-top: 10px;
    align-items: baseline
  }

  .tickdiv:last-child {
    margin-bottom: 0
  }

  .mt-0 {
    margin-top: 0
  }

  .tickdiv img {
    width: 11px
  }

  .founderdiv {
    width: 100%
  }

  .playbtn {
    width: 34px;
    top: 31%
  }

  .foundabsolute {
    bottom: 21%;
    left: 1%
  }

  .found-hear {
    padding: 5px 10px;
    font-size: 10px;
    line-height: 16px
  }

  .foundname {
    padding: 4px 13px;
    width: 100%
  }

  .foundname h5 {
    font-size: 11px;
    line-height: 16px
  }

  .foundname span {
    font-size: 10px;
    line-height: 29px
  }

  .betterHalf_wrapper .title {
    font-size: 24px;
    line-height: 33px;
    margin-bottom: 5px
  }

  .title br {
    display: none
  }

  .flex-testi {
    flex-direction: column;
    margin-top: 10px
  }

  .flex-testi>div {
    width: 100%
  }

  .sub-title {
    font-size: 14px;
    line-height: 20px;
    width: 100%
  }

  .para {
    width: 100%;
    margin-top: 7px;
    margin-bottom: 20px
  }

  .playbtn-tumbsec {
    width: 34px
  }

  .thumb1 {
    margin-bottom: 40px
  }

  .slider-sec {
    padding-bottom: 25px;
    padding-top: 25px
  }

  .width-80 {
    width: 100%;
    padding: 0 15px
  }

  .titlecaro {
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 30px
  }

  .thumbslider .item .play-btn {
    width: 34px;
    height: 34px
  }

  .thumbslider .owl-dots {
    margin-top: 20px
  }

  .gap-flex {
    flex-direction: column
  }

  .m2ppotential h5 {
    font-size: 20px;
    line-height: 30px;
    left: 0;
    text-align: center;
    top: 0;
    width: 100%;
    height: 81%;
    display: flex;
    align-items: center;
    justify-content: center
  }

  .m2ppotential img {
    width: 100%;
    margin: auto
  }

  .gap-flex>div {
    width: 100%
  }

  .gap-flex>div:first-child {
    text-align: center
  }

  .thumbslider .owl-dots button.active {
    width: 41px
  }

  .thumbslider .owl-dots button {
    width: 4px;
    height: 4px;
    margin: 0 3px
  }

  .mobilewheel {
    position: absolute;
    top: -69px;
    left: 0
  }

  .storydiv h6 {
    font-size: 14px;
    line-height: 20px;
    margin: 15px 0
  }

  .storydiv h5 {
    font-size: 16px;
    line-height: 24px;
    margin-top: 30px
  }

  .width-70 {
    width: 100%
  }

  .arrowdots,
  .square {
    display: none
  }

  .facilities-flex {
    flex-direction: column;
    width: 100%
  }

  .sticky_header {
    padding: 7px 0;
    z-index: 999
  }

  .kindlessec {
    padding: 40px 0 0;
    background: unset
  }

  .benefitssec img {
    width: 100%
  }

  .ficility .title {
    width: 100%;
    line-height: 30px;
    font-size: 24px
  }

  .ficility .title span {
    margin-top: 0
  }

  .facilitydiv>div {
    margin-left: 21px
  }

  .facilitydiv img {
    width: 40px
  }

  .circle {
    position: absolute;
    right: 7px;
    top: 93px;
    width: 90px;
    height: 90px
  }

  .mobilebenifits {
    margin-bottom: 0
  }

  .accordion__button span:nth-child(2n) {
    padding-right: 10px
  }

  .accordion__body ul {
    padding-left: 16px
  }

  .accordion__body ul li {
    list-style-position: outside !important
  }

  .facilitydiv span {
    font-size: 11px;
    line-height: normal
  }

  .facilitydiv h5 {
    font-size: 18px;
    line-height: 12px
  }

  #form .modal-dialog {
    width: 100%;
    margin: auto
  }

  #success .modal-dialog {
    width: 100%;
    height: calc(100vh - 10px) !important
  }

  .application {
    font-size: 16px;
    line-height: 23px
  }

  .namediv input {
    width: 100% !important
  }

  .namediv input:first-child {
    margin-bottom: 20px
  }

  .namediv {
    display: block
  }

  .betterhalf-form {
    padding: 0 5px
  }

  .form-div {
    width: 100%;
    height: auto;
    padding: 0;
    overflow: hidden
  }

  #myModal .modal-body {
    padding: 0 15px 40px;
    height: calc(100vh - 110px);
    overflow-y: scroll
  }

  .betterhalf-form label {
    margin-top: 15px
  }

  .bengalurepad {
    padding-top: 0
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .onlyOnMobile {
    display: none !important
  }

  .onlyOnDesktop {
    display: block !important
  }
}

@media screen and (min-width:768px) and (max-width:991px) {

  .mail_icon,
  .mail_new {
    display: none
  }

  .betterHalf_wrapper p {
    font-size: 18px
  }

  .banner_betterhalf {
    height: auto
  }

  .bannertitle {
    font-size: 43px;
    line-height: 47px
  }

  .bannerflex p {
    font-size: 16px;
    line-height: 23px
  }

  .bannerflex .callback {
    font-size: 18px;
    line-height: 14px
  }

  .bannerimg {
    width: 200px
  }

  .hear {
    font-size: 18px;
    line-height: 24px;
    height: 48px;
    width: 268px
  }

  .betterHalf_wrapper .sticky_header {
    padding: 0;
    overflow: hidden
  }

  .hear img {
    width: 49px;
    height: 58px;
    right: -19px;
    top: 6px
  }

  .tickdiv h5 {
    font-size: 18px;
    line-height: 23px
  }

  .playbtn {
    width: 69px
  }

  .title {
    font-size: 40px
  }

  .sub-title {
    width: 90%;
    font-size: 21px
  }

  .para {
    font-size: 18px;
    line-height: 29px;
    color: #6e6f72;
    width: 89%
  }

  .playbtn-tumbsec {
    width: 55px
  }

  .thumbslider .item {
    margin-bottom: 30px
  }

  .thumbslider .item .play-btn {
    width: 45px;
    height: 45px;
    top: 29%
  }

  .m2ppotential img {
    width: 100%
  }

  .m2ppotential h5 {
    font-size: 25px;
    line-height: 41px;
    left: 21%
  }

  .storydiv {
    padding-left: 30px
  }

  .storydiv h5 {
    font-size: 22px;
    line-height: 27px
  }

  .storydiv h6 {
    font-size: 19px;
    line-height: 25px
  }

  .storydiv p {
    font-size: 13px !important;
    line-height: 21px
  }

  .kindlessec {
    background: unset
  }

  .storydiv h6 br {
    display: none
  }

  .arrowdots {
    width: 97px
  }

  .facilitydiv img {
    width: 55px
  }

  .ficility .title {
    width: 88%
  }
}

@media screen and (min-width:992px) and (max-width:1024px) {

  .mail_icon,
  .mail_new {
    display: none
  }

  .banner_betterhalf {
    height: auto
  }

  .bannerflex .callback {
    font-size: 20px;
    line-height: 25px
  }

  .bannerflex p {
    font-size: 20px;
    line-height: 30px
  }

  .bannertitle {
    font-size: 50px;
    line-height: 54px
  }

  .bannerimg {
    width: 231px
  }

  .tickdiv h5 {
    font-size: 20px;
    line-height: 30px
  }

  .foundname {
    padding: 10px 13px;
    width: 100%
  }

  .foundname h5 {
    font-size: 22px;
    line-height: 21px
  }

  .foundname span {
    font-size: 13px;
    line-height: 29px
  }

  .found-hear {
    font-size: 20px;
    line-height: 39px
  }

  .playbtn {
    width: 80px
  }

  .para,
  .sub-title {
    width: 75%
  }

  .playbtn-tumbsec {
    width: 65px
  }

  .thumbslider .item .play-btn {
    width: 50px;
    height: 50px
  }

  .thumbslider .owl-dots button.active {
    width: 50px
  }

  .m2ppotential img {
    width: 100%
  }

  .storydiv {
    padding-left: 35px
  }

  .arrowdots {
    width: 108px
  }
}

@media screen and (min-height:500px) and (max-height:650px) {
  .flexdiv {
    margin-top: 13px
  }
}

#form .modal-dialog {
  width: 350px
}

#form .modal-content,
.otpform {
  width: 100%
}

#form .modal-body {
  padding: 0 0 30px;
  clear: both
}

#form .modal-header {
  border-bottom: unset;
  padding: 0;
  width: 100%;
  justify-content: flex-end;
  position: relative;
  height: 35px
}

.otpform label {
  margin-top: 10px
}

@media (min-width:991px) {
  .youtube-vidio .modal-dialog {
    max-width: 70% !important
  }
}

.control {
  position: relative;
  display: inline-block;
  padding-left: 1.5rem;
  color: #555;
  cursor: pointer
}

.control input {
  position: absolute;
  opacity: 0;
  z-index: -1
}

.control-indicator {
  position: absolute;
  top: .25rem;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  font-size: 65%;
  color: #eee;
  text-align: center;
  background-color: #eee;
  background-size: 50% 50%;
  background-position: 50%;
  background-repeat: no-repeat;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.control input:focus~.control-indicator {
  box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9
}

.control input:checked~.control-indicator {
  color: #fff;
  background-color: #0074d9
}

.control input:active~.control-indicator {
  color: #fff;
  background-color: #84c6ff
}

.checkbox .control-indicator {
  border-radius: .25rem
}

.checkbox input:checked~.control-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=)
}

.radio .control-indicator {
  border-radius: 50%
}

.radio input:checked~.control-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQsMUMyLjMsMSwxLDIuMywxLDRzMS4zLDMsMywzczMtMS4zLDMtM1M1LjcsMSw0LDF6Ii8+DQo8L3N2Zz4NCg==)
}

.control-x input:checked~.control-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xLjQsMEwwLDEuNGwwLjcsMC43bDEuOCwxLjhMMC43LDUuN0wwLDYuNGwxLjQsMS40bDAuNy0wLjdsMS44LTEuOGwxLjgsMS44bDAuNywwLjdsMS40LTEuNEw3LjEsNS43DQoJTDUuMywzLjlsMS44LTEuOGwwLjctMC43TDYuNCwwTDUuNywwLjdMMy45LDIuNUwyLjEsMC43QzIuMSwwLjcsMS40LDAsMS40LDB6Ii8+DQo8L3N2Zz4NCg==)
}

.control-dash input:checked~.control-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLDN2Mmg4VjNIMHoiLz4NCjwvc3ZnPg0K)
}

.select {
  position: relative
}

.select,
.select select {
  display: inline-block;
  color: #555
}

.select select {
  width: 100%;
  margin: 0;
  padding: .5rem 2.25rem .5rem 1rem;
  line-height: 1.5;
  background-color: #eee;
  border: 0;
  border-radius: .25rem;
  cursor: pointer;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.select select:focus:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000
}

.select:after {
  position: absolute;
  top: 50%;
  right: 1.25rem;
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  margin-top: -.15rem;
  pointer-events: none;
  border: .35rem solid transparent;
  border-top-color: currentcolor
}

.select select:focus {
  box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9
}

.select select:active {
  color: #fff;
  background-color: #0074d9
}

.select select::-ms-expand {
  display: none
}

@-moz-document url-prefix() {
  .select select {
    text-indent: .01px;
    text-overflow: "";
    padding-right: 1rem
  }

  .select option {
    background-color: #fff
  }
}

@media screen and (min-width:0\0) {
  .select select {
    z-index: 1;
    padding: .5rem 1.5rem .5rem 1rem
  }

  .select:after {
    z-index: 5
  }

  .select:before {
    position: absolute;
    top: 0;
    right: 1rem;
    bottom: 0;
    z-index: 2;
    content: "";
    display: block;
    width: 1.5rem;
    background-color: #eee
  }

  .select select:active,
  .select select:focus,
  .select select:hover {
    color: #555;
    background-color: #eee
  }
}

.file {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 100%;
  margin-top: 0 !important
}

.file input {
  min-width: 14rem;
  margin: 0;
  filter: alpha(opacity=0);
  opacity: 1
}

.file-custom {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  height: 38px;
  padding: 0 11px;
  line-height: 1.5;
  color: #fff !important;
  background-color: transparent;
  border-radius: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.file-custom:after {
  content: "No File Selected";
  color: #9c9c9c;
  top: 7px;
  position: absolute;
  left: 14px;
  display: none
}

.file-custom:before {
  position: absolute;
  top: 12px;
  right: 1px;
  bottom: 0;
  z-index: 6;
  display: block;
  content: "Upload";
  height: 86%;
  padding: 5px 20px;
  font-family: Sen;
  font-size: 13px;
  line-height: 22px;
  background: transparent;
  border-radius: 16px;
  margin: 2px;
  color: #db2530;
  font-weight: 700
}

.progress {
  display: inline-block;
  height: 1rem
}

.progress[value] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  color: #0074d9
}

.progress[value]::-webkit-progress-bar {
  background-color: #eee;
  border-radius: .2rem
}

.progress[value]::-webkit-progress-value {
  background-color: #0074d9;
  border-top-left-radius: .2rem;
  border-bottom-left-radius: .2rem
}

.progress[value="100"]::-webkit-progress-value {
  border-top-right-radius: .2rem;
  border-bottom-right-radius: .2rem
}

@-moz-document url-prefix() {
  .progress[value] {
    background-color: #eee;
    border-radius: .2rem
  }

  .progress[value]::-moz-progress-bar {
    background-color: #0074d9;
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
  }

  .progress[value="100"]::-moz-progress-bar {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
  }
}

@media screen and (min-width:0\0) {
  .progress {
    background-color: #eee;
    border-radius: .2rem
  }

  .progress-bar {
    display: inline-block;
    height: 1rem;
    text-indent: -999rem;
    background-color: #0074d9;
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
  }

  .progress[width="100%"] {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
  }
}

.controls-stacked {
  margin: 1rem 0
}

.controls-stacked .control,
.controls-stacked .progress {
  display: block
}

.controls-stacked .control+.control,
.controls-stacked .progress+.progress {
  margin-top: .5rem
}

.controls-inline {
  margin: 1rem 0
}

.controls-inline .control {
  display: inline-block;
  height: 1rem
}

.controls-inline .control+.control {
  margin-left: 1rem
}

section#explore-roles {
  padding: 60px 0
}

.accordion-button_betterhalf:not(.collapsed) {
  background: none;
  border: none;
  box-shadow: none
}

.accordion-button:focus {
  border: none;
  box-shadow: none
}

.acc_better>div {
  padding: 30px 20px 40px
}

.acc_better p,
.acc_better ul li {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  color: #292929;
  margin-bottom: 0
}

.acc_better ul li {
  list-style: decimal
}

.css-1u9des2-indicatorSeparator {
  width: 0 !important
}

.better_popbtn {
  padding: 0 40px;
  border-radius: 5px !important;
  height: 40px !important;
  margin: 30px 5px 5px
}

.betterHalf_select.ant-select {
  width: 100%;
  position: relative
}

.betterHalf_select.ant-select:hover .ant-select-selector,
.betterHalf_select.ant-select:hover .ant-select-selector:focus {
  border-color: #c4c4c4 !important;
  box-shadow: unset !important
}

.betterHalf_select.ant-select .ant-select-selector {
  border: 1px solid #c4c4c4;
  border-radius: 7px;
  align-items: center;
  height: 38px
}

.betterHalf_select.ant-select .ant-select-selector:hover {
  border: 1px solid #c4c4c4
}

.ant-select-dropdown .ant-select-item-option-content,
.betterHalf_select.ant-select .ant-select-selection-item {
  font-size: 14px;
  font-family: Ubuntu !important
}

.betterHalf_select.ant-select .ant-select-selection-placeholder {
  font-size: 14px;
  font-family: Ubuntu !important;
  font-weight: 400
}

.ant-select-dropdown .ant-select-item-option {
  align-items: center
}

.betterHalf_select.ant-select.ant-select-focused:where(.css-dev-only-do-not-override-yp8pcc).ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector {
  border-color: #c4c4c4;
  box-shadow: unset
}

.betterHalf_select.ant-select span {
  padding: unset
}

.ant-select-dropdown {
  z-index: 9999
}

body.modal-open {
  overflow-y: hidden !important
}

.forminput.file-input {
  width: 100%;
  border: 1px solid #c4c4c4;
  border-radius: 7px;
  padding: 7px 10px;
  height: 38px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400
}

.forminput.file-input::placeholder {
  color: #9c9c9c
}

.betterhalf-form .react-datepicker__view-calendar-icon input {
  padding: 0 11px
}

@media (max-width:425px) {
  .namediv div {
    width: 100%
  }
}

.betterHalf_wrapper .site_logo img {
  max-width: 100%;
  width: 60px
}

.betterHalf_wrapper .accordion-button.collapsed .moonlight_role {
  color: #151515;
  font-weight: 700
}

.betterHalf_wrapper .accordion-button.collapsed .moonlight_location {
  color: hsla(0, 0%, 8%, .6);
  font-weight: 400
}

.betterHalf_wrapper .accordion-button .moonlight_location,
.betterHalf_wrapper .accordion-button .moonlight_role {
  color: #412c76;
  font-weight: 700
}

.paper-content {
  margin: auto;
  padding: 0 40px
}

.paper-content>h1 {
  font-style: normal;
  font-weight: 600;
  font-size: 31px;
  line-height: 140%;
  padding: 23px 0 38px;
  margin-bottom: 0;
  color: #000;
  text-align: center
}

.paper-inner-left-content>p {
  padding-right: 15px;
  font-weight: 300;
  font-size: 20px;
  line-height: 170%;
  text-align: justify;
  color: #383838
}

.paper-inner-right-content>.form-btn {
  text-align: center
}

.paper-inner-content {
  display: flex;
  justify-content: space-evenly;
  width: 100%
}

.paper-inner-left-content,
.paper-inner-right-content {
  width: 50%
}

.form-btn>button {
  height: 64px;
  width: 100%;
  border-radius: 10px;
  font-style: normal;
  font-weight: 500;
  font-size: 23px;
  line-height: 170%;
  color: #fff;
  background-color: #cf2228 !important
}

.paper-inner-right-content>p {
  padding: 32px 0 13px;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  text-transform: capitalize;
  color: #383838
}

.key-box {
  background-color: #f9f9f9;
  border-radius: 10px;
  padding: 12px 3px
}

.key-box>ul>li {
  padding-bottom: 15px
}

.key-box>ul>li:last-child {
  padding-bottom: 0
}

.paper-related-products {
  padding: 35px 0
}

.paper-related-products>p {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  color: #363636;
  margin-bottom: 0
}

.paper-related-products-content {
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 20px;
  margin: 35px auto;
  padding: 60px 0
}

.paper-related-products-content>p {
  font-weight: 600;
  font-size: 42px;
  line-height: 53px;
  text-transform: capitalize;
  color: #383838;
  text-align: center
}

.paper-related-banner-content {
  margin: 31px 40px 56px;
  display: flex;
  justify-content: space-between
}

.paper-banner-image {
  height: 188px;
  width: 160px;
  background: #e8e8e8;
  border-radius: 10px
}

.explore-products {
  display: flex;
  justify-content: right;
  align-items: center;
  margin: auto 40px
}

.explore-products>p {
  font-style: normal;
  font-weight: 500;
  font-size: 22.269px;
  text-align: right;
  color: #383838
}

.explore-products>img {
  height: 20.269007px;
  width: 22.269006729125977px;
  margin-left: 13px
}

.modal-paper>.modal-dialog {
  border-radius: 7.31911px;
  height: 91.4888687133789px;
  max-width: 40vw
}

.modal-top .btn-close {
  color: #fff !important;
  background-repeat: no-repeat;
  background-size: contain
}

.modal-top {
  background-color: #cf2228
}

.modal-top .modal-title {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  line-height: unset
}

.modal-top .modal-title.h4 {
  font-size: unset
}

.modal-top .modal-title .modal-top-left {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px
}

.modal-top .modal-title .modal-top-left h5 {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #fff;
  margin: unset
}

.modal-top .modal-title p {
  margin-bottom: 0;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 28px;
  color: #fff
}

.modal-top-right>img {
  cursor: pointer
}

.modal-form>div>input:focus {
  box-shadow: none;
  border-color: inherit
}

.modal-form>div>input {
  border-radius: 0;
  border: 1px solid #797d82 !important;
  border-radius: 5px;
  height: 51px;
  padding: 6px 10px
}

.modal-form>button {
  cursor: pointer;
  background: #000 !important;
  border-radius: 37.3275px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 55px
}

.modal-paper>.modal-dialog>.modal-content>.modal-body {
  padding: 30px 40px
}

.modal-form>div>.form-label {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #000;
  float: left
}

.modal-form>div> {
  text-align: left
}

.modal-form>div>.form-text {
  font-size: 14px;
  color: #cf2228;
  margin: 15px auto auto
}

.modal-form>div>p {
  color: #cf2228;
  font-size: 14px !important;
  font-weight: 500;
  margin-top: 5px;
  text-align: left
}

.PhoneInput {
  padding: 0;
  border: 1px solid #797d82 !important;
  border-radius: 0;
  padding: 6px 10px 6px 15px !important;
  border-radius: 5px;
  height: 51px
}

input:-internal-autofill-selected {
  background-color: transparent !important
}

.PhoneInput>input {
  border: none !important
}

:focus-visible {
  outline: 0 auto -webkit-focus-ring-color !important
}

.mobileNum .react-tel-input .flag-dropdown {
  position: absolute;
  top: 26px !important;
  height: 35px !important
}

.mobileNum .react-tel-input .selected-flag {
  padding: 0 !important;
  width: 0 !important
}

@media screen and (max-width:991px) {
  .case-block-section-header>p {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    text-transform: capitalize;
    color: #000
  }

  .paper-banner>h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 45px;
    color: #000
  }

  .paper-inner-content {
    display: block
  }

  .paper-inner-left-content,
  .paper-inner-right-content {
    width: 100%
  }

  .paper-banner>img {
    border-radius: 20px;
    height: 200px;
    margin: 16px auto
  }

  .paper-inner-left-content>p {
    padding: 0 16px;
    font-style: normal;
    font-weight: 400;
    font-size: 20px !important;
    line-height: 170% !important
  }

  .form-btn>button {
    margin: 24px auto
  }

  .paper-inner-right-content>p {
    font-style: normal;
    font-weight: 600;
    font-size: 32px !important;
    line-height: 40px !important;
    color: #000
  }

  .key-box>ul>li {
    font-style: normal;
    font-weight: 400;
    font-size: 20px !important;
    line-height: 170% !important;
    color: #000
  }

  .key-box {
    background-color: #fff
  }

  .paper-related-products>p {
    display: none
  }

  .paper-related-products-content {
    border: none
  }

  .paper-related-banner-content {
    margin: 15px 40px;
    flex-wrap: wrap;
    flex-direction: row;
    margin: auto;
    width: 90vw;
    text-align: center
  }

  .paper-banner-image {
    width: 80px;
    height: 80px;
    margin: 16px
  }

  .explore-products {
    margin-top: 30px;
    align-items: center !important
  }

  .explore-products>p {
    margin-bottom: 0 !important
  }

  .paper-related-products-content {
    padding: 0
  }

  .form-btn>button {
    width: 80%;
    margin: auto;
    font-style: normal;
    font-weight: 500;
    font-size: 23px !important;
    line-height: 170% !important;
    color: #fff
  }

  .paper-inner-right-content>.form-btn {
    margin: 24px auto !important
  }

  .paper-related-products {
    padding: 0
  }

  .white-read {
    padding-bottom: 0
  }
}

.white-read {
  padding-bottom: 20px
}

.reports_content {
  padding: 20px 0;
  font-weight: 300;
  font-size: 20px;
  line-height: 170%;
  text-align: justify;
  color: #383838
}

@media (max-width:425px) {
  .modal-paper .modal-dialog {
    width: 100%;
    height: 100%;
    max-width: 95%;
    margin: auto
  }

  .paper-content {
    padding: 0
  }

  .paper-inner-left-content>p {
    padding: unset
  }

  .form-btn>button {
    width: 100%
  }

  .modal-paper>.modal-dialog>.modal-content>.modal-body {
    padding: 30px 20px
  }

  .paper-banner>h1 {
    font-size: 20px;
    line-height: 30px
  }

  .paper-banner>img {
    height: 100px
  }
}

.resource_pagination .paginationBtn .nextBtn a,
.resource_pagination .paginationBtn .previousBtn a {
  height: 32px;
  width: 32px;
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  box-shadow: 0 4px 32px rgba(0, 0, 0, .1)
}

.resource_pagination .paginationBtn .activeClassName {
  background-color: #cf2129;
  border-radius: 50%;
  color: #fff;
  padding: 5px 12px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center
}

.resource_teleSelect .react-tel-input .form-control {
  height: 51px;
  padding: 10px 60px;
  border: 1px solid #797d82
}

.resource_teleSelect .react-tel-input .flag-dropdown {
  top: 27px;
  border-radius: 5px 0 0 5px
}

.modal-paper .successTxt {
  color: #3c763d
}

.modal-paper .errorTxt,
.modal-paper .successTxt {
  font-size: 16px;
  margin-top: 20px !important;
  font-weight: 500
}

.modal-paper .errorTxt {
  color: #a94442
}

.d-show {
  display: none
}

.d-hide {
  display: block
}

.case-study-header {
  margin: auto;
  text-align: center
}

.case-study-header>h1 {
  font-size: 3.611111111111111vw;
  font-family: ubuntu;
  font-style: normal;
  font-weight: 600;
  line-height: 66px;
  color: #383838
}

.case-study-header>p {
  font-style: normal;
  font-weight: 300;
  font-size: 1.1111111111111112vw;
  line-height: 20px;
  color: #383838
}

.nav-item>.nav-link>.inner>span {
  white-space: nowrap
}

.case-slider-item {
  padding: 36px 5px 50px
}

.case_slider>.slick-slider>.slick-arrow {
  display: none !important
}

.case_slider>.slick-slider>ul {
  position: absolute;
  pointer-events: auto;
  width: -moz-fit-content;
  width: fit-content;
  top: 0;
  left: -7%;
  bottom: 0 !important;
  display: flex !important;
  align-items: baseline;
  justify-content: center;
  flex-direction: column
}

.case_slider>.slick-slider>ul>li>button:before {
  font-size: .6944444444444444vw !important
}

.case-slider-item>.row>.case_2>.recent_content>h1 {
  font-style: normal;
  font-weight: 700;
  font-size: 1.6666666666666667vw;
  line-height: 30px;
  text-transform: capitalize
}

.case-slider-item>.row>.case_2>.recent_content>p {
  font-style: normal;
  font-weight: 400;
  font-size: 1.1111111111111112vw;
  line-height: 170%;
  color: #383838
}

.case-study-link>div>p {
  padding: 16px 0 21px
}

.case-slider-item>.row>.case_2,
.read-case-link {
  display: flex;
  align-items: center
}

.read-case-link {
  justify-content: left
}

.read-case-link>img {
  width: 15px;
  height: 15px;
  margin-left: 10px
}

.read-case-link>p {
  font-weight: 500;
  font-size: 1.1111111111111112vw;
  line-height: 20px;
  margin: 0;
  color: #383838 !important
}

.case-study-flex>p {
  margin: 0
}

.case-study-flex {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.case-block {
  background: #fff;
  border: 1px solid hsla(215, 8%, 44%, .2);
  border-radius: 10px;
  overflow: hidden;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fill-available
}

.case-equal-spacing {
  padding: 16px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around
}

.case-equal-spacing>.info-case {
  padding: 4px 8px;
  background: rgba(0, 102, 204, .05);
  border-radius: .6944444444444444vw;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center
}

.case-equal-spacing>.info-case>span {
  font-style: normal;
  font-weight: 500;
  font-size: .6944444444444444vw;
  line-height: 13px;
  text-align: center;
  text-transform: capitalize;
  color: #06c
}

.case-equal-spacing>.case-title {
  padding: 8px 0
}

.case-equal-spacing>.case-title>p {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 25px;
  text-transform: capitalize;
  color: #383838
}

.case-equal-spacing>.case-text {
  padding-bottom: 16px
}

.case-equal-spacing>.case-text>p {
  font-style: normal;
  font-weight: 300;
  font-size: .8333333333333334vw;
  line-height: 150%;
  text-transform: capitalize;
  color: #686f79
}

.case-equal-spacing>.case-date>p:first-child {
  font-style: normal;
  font-weight: 500;
  font-size: .6944444444444444vw;
  line-height: 13px;
  text-transform: capitalize;
  color: #cf2228
}

.case-equal-spacing>.case-date {
  display: flex;
  justify-content: left;
  align-items: center
}

.case-equal-spacing>.case-date>p:nth-child(2) {
  font-style: normal;
  font-weight: 500;
  font-size: .6944444444444444vw;
  line-height: 13px;
  text-transform: capitalize;
  color: #686f79;
  margin-left: 12px
}

.case-block-container {
  width: 100%
}

.case-section {
  padding: 0 112px;
  background-color: #fff;
  width: 90%;
  border-radius: 4px;
  margin: auto
}

.case-block-section-header {
  padding: 40px 0 26px;
  display: flex;
  align-items: flex-start;
  justify-content: left;
  width: -moz-fit-content;
  width: fit-content
}

.case-block-section-header>p {
  font-style: normal;
  font-weight: 500;
  font-size: 1.3888888888888888vw;
  line-height: 25px;
  text-transform: capitalize;
  color: #383838
}

.case-block-section-header>img {
  width: 24px;
  height: 24px;
  margin-right: 10px
}

.case-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 49px 0 32px
}

.case-share-icons {
  display: flex;
  justify-content: right
}

.case-share-icons>a,
.case-share-icons>button {
  display: flex;
  cursor: pointer;
  outline: none;
  border: none;
  pointer-events: auto;
  align-items: center;
  background: hsla(215, 8%, 44%, .05);
  border-radius: 57px;
  padding: 9px;
  margin-left: 8px
}

.case-chip {
  background: rgba(0, 102, 204, .05);
  border-radius: 57px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 7px 10px;
  display: flex;
  align-items: center;
  justify-content: center
}

.case-chip>p {
  font-style: normal;
  font-weight: 500;
  margin-bottom: 0;
  font-size: .6944444444444444vw !important;
  line-height: 13px;
  text-align: center;
  text-transform: capitalize;
  color: #06c
}

.case-share-icons>a>img {
  width: 15px;
  height: 15px
}

.case-block-label>p:first-child {
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  padding-bottom: 15px;
  line-height: 45px;
  text-transform: capitalize;
  color: #383838
}

.case-label-date {
  padding-bottom: 34px
}

.case-label-date>.case-label-reader>p:first-child {
  font-style: normal;
  font-weight: 500;
  font-size: .6944444444444444vw;
  line-height: 13px;
  text-transform: capitalize;
  color: #cf2228;
  margin-right: 12px
}

.case-label-date>.case-label-reader>p:nth-child(2) {
  font-weight: 500;
  font-size: .6944444444444444vw;
  line-height: 13px;
  text-transform: capitalize;
  color: #686f79;
  margin-right: 17px
}

.case-label-viewer {
  display: flex;
  align-items: flex-start
}

.case-label-viewer>p {
  font-style: normal;
  font-weight: 600;
  font-size: .8333333333333334vw;
  line-height: 15px;
  text-transform: capitalize;
  color: #383838
}

.case-label-viewer>img {
  margin-right: 7px
}

.case-label-date,
.case-label-reader {
  display: flex;
  align-items: center
}

.case-banner-placeholder {
  position: relative;
  padding-bottom: 23px
}

.case-block-Content>h3:first-child {
  padding-top: 0
}

.case-block-Content>h3 {
  padding: 20px 0 0;
  font-style: normal;
  font-weight: 600;
  font-size: 1.6666666666666667vw;
  line-height: 30px;
  text-transform: capitalize;
  color: #383838
}

.case-check-content {
  display: flex;
  justify-content: left;
  align-items: baseline;
  padding-bottom: 25px
}

.case-Check-text>h3 {
  margin: 1px 0 5px
}

.case-Check-text {
  margin-left: 40px
}

.case-Check-text>h3 {
  font-weight: 700;
  font-size: 1.3888888888888888vw
}

.case-Check-text>h3,
.case-Check-text>p {
  font-style: normal;
  line-height: 140.3%;
  letter-spacing: .1em;
  color: rgba(0, 0, 0, .7)
}

.case-Check-text>p {
  font-weight: 200;
  font-size: 1.1111111111111112vw
}

.case-check-section {
  padding-top: 32px
}

.case-check-section>h3 {
  padding-bottom: 36px;
  margin: 0
}

.case-slider-section>h3 {
  text-align: left;
  padding-top: 73px;
  font-style: normal;
  font-weight: 600;
  font-size: 1.6666666666666667vw;
  line-height: 30px;
  color: #363636
}

.case-slider-content {
  margin: 46px auto 151px
}

.case-block-slider {
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 20px;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  user-select: auto;
  padding: 51px
}

.case-view-middle>.view-mirror {
  height: 375px;
  width: 292px;
  margin: auto;
  padding: 10px
}

.case-view-middle>.view-mirror>img {
  height: 100%;
  margin: auto
}

.case-slider-view {
  display: flex !important;
  justify-content: space-between;
  align-items: center
}

.case-view-left,
.case-view-middle,
.case-view-right {
  width: 39.3%
}

.case-view-left>.level1 {
  font-weight: 400;
  font-size: 1.1111111111111112vw;
  line-height: 20px
}

.case-view-left>.level1,
.case-view-left>h4 {
  font-style: normal;
  text-transform: capitalize;
  color: #383838
}

.case-view-left>h4 {
  font-weight: 600;
  font-size: 1.5277777777777777vw;
  line-height: 28px;
  padding: 17px 0 24px
}

.case-view-left>.level2,
.case-view-left>.level3 {
  font-style: normal;
  font-weight: 400;
  font-size: 1.1111111111111112vw;
  line-height: 20px;
  text-transform: capitalize;
  color: #383838
}

.case-view-left>.level3 {
  padding-top: 6px
}

.case-view-right>.case-read>p {
  font-style: normal;
  font-weight: 500;
  font-size: .6944444444444444vw;
  line-height: 13px;
  text-transform: capitalize;
  color: #686f79
}

.case-view-right>.case-read>span {
  display: flex;
  align-items: flex-start;
  margin-left: 3px
}

.case-view-right>.case-read>span>p {
  font-style: normal;
  font-weight: 600;
  font-size: .8333333333333334vw;
  line-height: 15px;
  text-transform: capitalize;
  color: #383838
}

.case-view-right>.case-read {
  display: flex;
  align-items: center
}

.case-view-right>.case-read>span>img {
  margin-right: 7px
}

.case-view-right>.case-statement>h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 1.3888888888888888vw;
  line-height: 25px;
  text-transform: capitalize;
  color: #383838;
  padding: 9px 0 12px;
  margin: 0
}

.case-statement>hr {
  margin: 0
}

.case-statement>p {
  padding-top: 12px;
  padding-bottom: 34px
}

.case-statement>.read-more {
  font-style: normal;
  font-weight: 600;
  font-size: .9722222222222222vw;
  line-height: 18px;
  text-align: justify;
  text-transform: uppercase;
  color: #383838
}

ol {
  margin-top: 15px
}

ol>li {
  padding: 3px
}

.fontChanger {
  position: absolute;
  background: #fff;
  width: 200px;
  height: 48px;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 12px;
  bottom: 60px;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center
}

.fontChanger>button {
  margin-left: 10px;
  outline: none;
  border: none;
  width: 30px;
  height: 30px;
  border-radius: 50%
}

@page {
  size: auto;
  margin: 6.35mm
}

.case-block>.case-banner>img {
  width: -moz-fit-content;
  width: fit-content;
  height: 14vw
}

.case-block>.white_paper_banner.case-banner>img {
  width: 100%;
  height: auto;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px
}

.case-block-slider>.slick-dots {
  display: none !important
}

@media screen and (max-width:500px) {
  .case-study-header>h1 {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    color: #383838
  }

  .case_slider>.slick-slider>ul {
    bottom: 50% !important
  }

  .case_slider>.slick-slider>ul>li>button:before {
    font-size: 7px !important
  }

  .case-study-flex {
    align-items: baseline
  }

  .case-study-flex>.news_feature {
    font-size: 16px !important
  }

  .case-study-flex>.filter-select>option {
    font-size: 14px !important
  }

  .case-banner>img {
    width: 100% !important;
    height: max-content !important
  }

  .case-block {
    padding-top: 0 !important
  }

  .case-equal-spacing>.info-case {
    border-radius: 10px
  }

  .case-equal-spacing>.info-case>span {
    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase
  }

  .case-equal-spacing>.case-title>p {
    font-size: 20px !important
  }

  .case-equal-spacing>.case-text>p {
    font-size: 12px !important
  }

  .case-equal-spacing>.case-date>p:first-child,
  .case-equal-spacing>.case-date>p:nth-child(2) {
    font-size: 10px !important
  }

  .case_2>.recent_content {
    margin-top: 24px !important
  }

  .case_2>.recent_content>h1 {
    font-size: 16px !important;
    line-height: 22px !important
  }

  .case-slider-item {
    padding: 36px 0 10px
  }

  .case-slider-item>.row>.case_2>.recent_content>p,
  .read-case-link>p {
    font-size: 12px !important
  }

  .case-study-link>div>p {
    padding: 16px 0 8px !important
  }

  .read-case-link>img {
    width: 10px !important;
    height: 10px !important
  }

  .case-Study-container>.news_sections {
    padding-top: 0 !important
  }

  .case-block-section-header>p {
    font-size: 20px !important;
    line-height: 25px !important
  }

  .case-block-section-header {
    align-items: self-start;
    padding: 40px 0 26px 10px !important
  }

  .d-show {
    display: block !important
  }

  .d-hide {
    display: none !important
  }

  .case-section {
    width: 100%;
    padding: 0 16px
  }

  .case-chip>p {
    font-size: 10px !important;
    line-height: 13px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #06c;
    margin-bottom: 0 !important
  }

  .case-chip {
    padding: 5px 15px !important
  }

  .case-block-label>p {
    font-size: 36px !important;
    font-weight: 700 !important;
    margin-top: 5px !important;
    line-height: 45px !important
  }

  .case-label-date>.case-label-reader>p:first-child,
  .case-label-date>.case-label-reader>p:nth-child(2) {
    font-size: 10px !important
  }

  .case-label-viewer>p {
    margin-bottom: 0 !important
  }

  .case-label-date,
  .case-label-reader {
    align-items: start !important
  }

  .case-section-header {
    padding: 0 0 32px !important
  }

  .case-label-date {
    padding-bottom: 20px !important
  }

  .case-block-container>section:first-child {
    padding: 0 !important
  }

  .case-block-Content>h3 {
    font-size: 32px !important;
    line-height: 40px !important;
    padding: 20px 0 0 !important
  }

  .fontChanger-mobile {
    position: relative;
    bottom: 0;
    display: flex !important;
    align-items: center
  }

  .case-block-Content>p,
  .case-block-Content>ul>li {
    font-size: 20px !important;
    line-height: 170% !important
  }

  .case-slider-section {
    margin: 25px 20px auto
  }

  .case-slider-content>.slick-slider {
    padding: 15px
  }

  .case-slider-section>.case-slider-content {
    margin: 15px auto 45px
  }

  .case-slider-section>h3 {
    font-weight: 600 !important;
    font-size: 16px !important;
    padding-top: 0;
    line-height: 20px !important
  }

  .case-slider-view {
    display: block !important
  }

  .case-slider-responsive {
    display: flex !important;
    flex-direction: column-reverse
  }

  .case-slider-responsive>div {
    width: 100% !important
  }

  .case-view-right {
    width: 100%
  }

  .case-view-left>h4 {
    font-size: 16px !important;
    line-height: 20px !important;
    padding: 15px 0 10px !important
  }

  .case-Check-img>img {
    object-fit: none !important;
    max-width: -moz-fit-content !important;
    max-width: fit-content !important
  }

  .case-Check-img {
    position: relative;
    top: 7px
  }

  .case-Check-text {
    margin-left: 20px
  }

  .case-check-content {
    padding-bottom: 0;
    padding-top: 16px
  }

  .case-check-section>h3 {
    padding-bottom: 0 !important
  }

  .case-Check-text>p {
    font-size: 16px !important
  }

  .case-view-right>.case-read>p,
  .case-view-right>.case-read>span>p {
    margin-bottom: 0 !important
  }

  .case-statement {
    margin-top: 15px !important
  }

  .case-check-section {
    padding-top: 8px
  }

  .case-Block-section {
    padding: 0 !important
  }

  .case-view-left>.level2 {
    margin-bottom: 0 !important
  }

  .case-view-left>.level2,
  .case-view-left>.level3 {
    font-size: 12px !important
  }

  .case-label-viewer>p,
  .case-view-right>.case-read>p {
    font-size: 10px !important
  }

  .case-view-right>.case-read>span>p {
    font-size: 12px !important
  }

  .case-block-label>.case-chip {
    margin-bottom: 15px !important
  }

  .case-slider-content>.case-block-slider>button {
    display: none !important
  }

  .case-view-middle>.view-mirror {
    width: -moz-fit-content;
    width: fit-content;
    height: 260px
  }

  .case-statement>p {
    padding-bottom: 10px
  }

  .read-more {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }
}

@media screen and (max-width:991px) {
  .case-study-header>h1 {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    color: #383838
  }

  .case_slider>.slick-slider>ul {
    bottom: 50% !important
  }

  .case_slider>.slick-slider>ul>li>button:before {
    font-size: 7px !important
  }

  .case-study-flex {
    align-items: baseline
  }

  .case-study-flex>.news_feature {
    font-size: 16px !important
  }

  .case-study-flex>.filter-select>option {
    font-size: 14px !important
  }

  .case-banner>img {
    width: 100% !important;
    height: max-content !important
  }

  .case-block {
    padding-top: 0 !important
  }

  .case-equal-spacing>.info-case {
    border-radius: 10px
  }

  .case-equal-spacing>.info-case>span {
    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase
  }

  .case-equal-spacing>.case-title>p {
    font-size: 20px !important
  }

  .case-equal-spacing>.case-text>p {
    font-size: 12px !important
  }

  .case-equal-spacing>.case-date>p:first-child,
  .case-equal-spacing>.case-date>p:nth-child(2) {
    font-size: 10px !important
  }

  .case_2>.recent_content {
    margin-top: 24px !important
  }

  .case_2>.recent_content>h1 {
    font-size: 16px !important;
    line-height: 22px !important
  }

  .case-slider-item>.row>.case_2>.recent_content>p,
  .read-case-link>p {
    font-size: 12px !important
  }

  .case-study-link>div>p {
    padding: 16px 0 8px !important
  }

  .read-case-link>img {
    width: 10px !important;
    height: 10px !important
  }

  .case-Study-container>.news_sections {
    padding-top: 0 !important
  }

  .case-block-section-header>p {
    font-size: 20px !important;
    line-height: 25px !important
  }

  .case-block-section-header {
    align-items: self-start;
    padding: 40px 0 26px 10px !important
  }

  .d-show {
    display: block !important
  }

  .d-hide {
    display: none !important
  }

  .case-section {
    width: 100%;
    padding: 0 16px
  }

  .case-chip>p {
    font-size: 10px !important;
    line-height: 13px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #06c;
    margin-bottom: 0 !important
  }

  .case-chip {
    padding: 5px 15px !important
  }

  .case-block-label>p {
    font-size: 36px !important;
    font-weight: 700 !important;
    margin-top: 5px !important;
    line-height: 45px !important
  }

  .case-label-date>.case-label-reader>p:first-child,
  .case-label-date>.case-label-reader>p:nth-child(2) {
    font-size: 10px !important
  }

  .case-label-viewer>p {
    margin-bottom: 0 !important
  }

  .case-label-date,
  .case-label-reader {
    align-items: start !important
  }

  .case-section-header {
    padding: 0 0 32px !important
  }

  .case-label-date {
    padding-bottom: 20px !important
  }

  .case-block-container>section:first-child {
    padding: 0 !important
  }

  .case-block-Content>h3 {
    font-size: 32px !important;
    line-height: 40px !important;
    padding: 20px 0 0 !important
  }

  .fontChanger-mobile {
    position: relative;
    bottom: 0;
    display: flex !important;
    align-items: center
  }

  .case-block-Content>p,
  .case-block-Content>ul>li {
    font-size: 20px !important;
    line-height: 170% !important
  }

  .case-slider-section {
    margin: 25px 20px auto
  }

  .case-slider-content>.slick-slider {
    padding: 15px
  }

  .case-slider-section>.case-slider-content {
    margin: 15px auto 45px
  }

  .case-slider-section>h3 {
    font-weight: 600 !important;
    font-size: 16px !important;
    padding-top: 0;
    line-height: 20px !important
  }

  .case-slider-view {
    display: block !important
  }

  .case-slider-responsive {
    display: flex !important;
    flex-direction: column-reverse
  }

  .case-slider-responsive>div {
    width: 100% !important
  }

  .case-view-right {
    width: 100%
  }

  .case-view-left>h4 {
    font-size: 16px !important;
    line-height: 20px !important;
    padding: 15px 0 10px !important
  }

  .case-Check-img>img {
    object-fit: none !important;
    max-width: -moz-fit-content !important;
    max-width: fit-content !important
  }

  .case-Check-img {
    position: relative;
    top: 7px
  }

  .case-Check-text {
    margin-left: 20px
  }

  .case-check-content {
    padding-bottom: 0;
    padding-top: 16px
  }

  .case-check-section>h3 {
    padding-bottom: 0 !important
  }

  .case-Check-text>p {
    font-size: 16px !important
  }

  .case-view-right>.case-read>p,
  .case-view-right>.case-read>span>p {
    margin-bottom: 0 !important
  }

  .case-statement {
    margin-top: 15px !important
  }

  .case-check-section {
    padding-top: 8px
  }

  .case-Block-section {
    padding: 0 !important
  }

  .case-view-left>.level2 {
    margin-bottom: 0 !important
  }

  .case-view-left>.level2,
  .case-view-left>.level3 {
    font-size: 12px !important
  }

  .case-label-viewer>p,
  .case-view-right>.case-read>p {
    font-size: 10px !important
  }

  .case-view-right>.case-read>span>p {
    font-size: 12px !important
  }

  .case-block-label>.case-chip {
    margin-bottom: 15px !important
  }

  .case-slider-content>.case-block-slider>button {
    display: none !important
  }

  .case-view-middle>.view-mirror {
    width: -moz-fit-content;
    width: fit-content
  }

  .case-statement>p {
    padding-bottom: 10px
  }

  .read-more {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }
}

.case-slider-responsive {
  width: 100%;
  display: flex
}

.fontChanger-mobile {
  display: none
}

.case-slider-responsive>div {
  width: 45%;
  align-items: center;
  vertical-align: middle;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start
}

.case-view-right>.case-statement>h4 {
  font-size: 16px !important;
  line-height: 20px !important
}

.MuiBox-root,
.MuiBox-root>.MuiFormControl-root>.sel_pressrelease {
  padding: 0 !important;
  border: 0 !important
}

.MuiBox-root>.MuiFormControl-root>.sel_pressrelease,
.MuiBox-root>.MuiSelect-select {
  padding: 0 15px
}

.MuiBox-root>.MuiFormControl-root>.sel_pressrelease>fieldset {
  border: none !important
}

.filter-menu {
  padding: 10px !important
}

.filter-menu.sel_pressrelease_menu {
  padding: 10px !important;
  border-radius: 8px;
  font-size: 12px
}

.filter-menu.sel_pressrelease_menu.Mui-selected {
  background-color: #cf222824 !important;
  color: #cf2228;
  font-weight: 600
}

.MuiMenu-paper>.MuiList-padding {
  padding: 10px !important;
  width: 120px
}

.whp_imgDiv img {
  transform: perspective(3000px) scaleZ(2) rotateY(40deg);
  border-radius: 40px
}

.sel_pressrelease .MuiSelect-select.MuiSelect-outlined {
  font-size: 16px !important;
  font-weight: 600
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexmono/v6/-F6rfjptAgt5VM-kVkqdyU8n1ioStndl.ttf) format("truetype")
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexmono/v6/-F6sfjptAgt5VM-kVkqdyU8n1ioSGlZFhw.ttf) format("truetype")
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexmono/v6/-F6sfjptAgt5VM-kVkqdyU8n1ioSflVFhw.ttf) format("truetype")
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexmono/v6/-F6pfjptAgt5VM-kVkqdyU8n3kwq0g.ttf) format("truetype")
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexmono/v6/-F6qfjptAgt5VM-kVkqdyU8n3uAL8lc.ttf) format("truetype")
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexmono/v6/-F6qfjptAgt5VM-kVkqdyU8n3oQI8lc.ttf) format("truetype")
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexmono/v6/-F63fjptAgt5VM-kVkqdyU8n5ig.ttf) format("truetype")
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexmono/v6/-F6qfjptAgt5VM-kVkqdyU8n3twJ8lc.ttf) format("truetype")
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ibmplexmono/v6/-F6qfjptAgt5VM-kVkqdyU8n3pQP8lc.ttf) format("truetype")
}

a {
  outline: none
}

.navactive {
  color: #ee3224
}

.spring_inner_section {
  width: 100%;
  font-size: 18px
}

.spring_inner_section b {
  font-weight: 600
}

.developer_first {
  padding-left: 15px
}

@media only screen and (max-width:1024px) and (min-width:768px) and (orientation:portrait) {
  .developer_first {
    margin-top: 15px
  }
}

.padding0 {
  padding-top: 0 !important
}

.flow_black {
  background: #151515
}

.flow_black .yap_navbar .navbar-nav li a {
  color: #fff
}

.flow_black .yap_navbar .navbar-nav li a.butn-dark {
  background: hsla(0, 0%, 100%, .16)
}

header.fix .yap_navbar img.flow_nav {
  display: none
}

header.fix .yap_navbar img.flow_black_logo {
  display: block
}

header.fix .yap_navbar .navbar-nav li a {
  color: #151515
}

header.fix .yap_navbar .navbar-nav li a.butn-dark {
  background-color: #151515
}

.padding_90 {
  padding-bottom: 90px !important
}

.opa {
  opacity: .16
}

.pad_min {
  padding-top: 27px
}

.all_article_sec .single_articles .social_media ul li a:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
  left: 9px;
  top: 9px;
  position: absolute;
  transition: left .3s ease-in-out
}

.all_article_sec .single_articles .social_media ul li a.link-icon:after {
  background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/blog/click.svg)
}

.all_article_sec .single_articles .social_media ul li a.facebook-icon:after {
  background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/blog/facebook.svg)
}

.all_article_sec .single_articles .social_media ul li a.twitter-icon:after {
  background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/blog/twittet.svg)
}

.all_article_sec .single_articles .social_media ul li a.linked-icon:after {
  background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/blog/linked.svg)
}

.trycolor {
  color: #151515
}

.trycolor:hover {
  text-decoration: none
}

.trycolor:after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 8px;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  left: 8px;
  transition: left .3s ease-in-out
}

.trycolor:hover:after {
  left: 15px
}

.trycolor-out {
  color: #fff !important;
  color: #151515 !important
}

.trycolor-out:after {
  background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/product/arrow.svg)
}

.trycolor-white {
  color: #151515 !important
}

.trycolor-white:after {
  background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/product/arrow.svg)
}

.trycolor-white-trans {
  background-color: hsla(0, 0%, 100%, .16);
  color: #fff !important
}

.trycolor-white-trans:after {
  background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/product/arrow.svg)
}

.trycolor-plain-light {
  color: #151515;
  background-color: rgba(0, 0, 0, .06);
  border-radius: 12px;
  border: 1px solid transparent
}

.trycolor-plain-light:after {
  content: "";
  display: none
}

.trycolor-plain-light:hover {
  background-color: #151515;
  color: #fff;
  border-color: #fff
}

.butn {
  width: 180px;
  height: 44px;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  position: relative;
  font-weight: 700;
  transition: all .3s ease-in-out
}

@media only screen and (max-width:1024px) and (min-width:768px) {
  .butn {
    width: 200px;
    font-size: 14px;
    margin-right: 12px !important
  }
}

.butn:hover {
  text-decoration: none
}

.butn:after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 8px;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  left: 8px;
  transition: left .3s ease-in-out
}

.butn:hover:after {
  left: 15px
}

.butn-dark {
  background-color: #151515;
  color: #fff !important
}

.butn-dark:after {
  background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/whitearrow.svg)
}

.butn-light {
  background-color: rgba(0, 0, 0, .06);
  color: #151515 !important
}

.butn-light:after {
  background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/arrow.svg)
}

.butn-white {
  background-color: #fff;
  color: #151515 !important
}

.butn-white:after {
  background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/arrow.svg)
}

.butn-white-trans {
  background-color: hsla(0, 0%, 100%, .16);
  color: #fff !important
}

.butn-white-trans:after {
  background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/whitearrow.svg)
}

.butn-plain-light {
  color: #151515;
  background-color: rgba(0, 0, 0, .06);
  border-radius: 12px;
  border: 1px solid transparent
}

.butn-plain-light:after {
  content: "";
  display: none
}

.butn-plain-light:hover {
  background-color: #151515;
  color: #fff;
  border-color: #fff
}

.grp_btn {
  padding-top: 64px
}

.grp_btn .butn {
  margin-right: 24px
}

@media only screen and (max-width:568px) and (min-width:320px) {
  .order-xs-0 {
    order: 0
  }

  .order-xs-1 {
    order: 1
  }

  .order-xs-2 {
    order: 2
  }

  .order-xs-3 {
    order: 3
  }

  .order-xs-4 {
    order: 4
  }

  .order-xs-5 {
    order: 5
  }

  .order-xs-6 {
    order: 6
  }
}

.f-full {
  width: 100% !important
}

.navactive {
  color: #ee3224 !important
}

.recent_blog {
  text-decoration: none !important
}

.mb_55 {
  margin-bottom: 80px
}

p.single_para_top {
  padding-top: 24px
}

.homepage_margin {
  padding: 10px 0 0 !important
}

@media only screen and (max-width:568px) and (min-width:320px) {
  .homepage_margin {
    padding: 0 0 20px !important
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) {
  .homepage_margin {
    overflow: hidden
  }
}

.homepage_margin .news_number {
  margin-top: 64px
}

.homepage_margin .news_number .slider_ctrl {
  text-align: right;
  padding-right: 65px
}

@media only screen and (max-width:568px) and (min-width:320px) {
  .homepage_margin .news_number .slider_ctrl {
    padding-right: 5px
  }

  .homepage_margin.home_no_padd_btm {
    padding-bottom: 0 !important
  }
}

.homepage_margin .investor_wrap #right_caro {
  top: -64px;
  position: absolute;
  right: 21px !important;
  left: auto;
  cursor: pointer
}

.homepage_margin .investor_wrap #left_caro {
  position: absolute;
  top: -64px;
  cursor: pointer;
  right: 43px !important;
  left: auto
}

.init_section {
  margin-top: 90px
}

.banner_container-fluid {
  padding-top: 38px
}

.banner_container-fluid .banner_tag_line {
  background: hsla(0, 0%, 8%, .1);
  color: #151515;
  font-size: 16px;
  padding: 5px 15px;
  line-height: 167%;
  border-radius: 18px;
  font-family: Ubuntu;
  display: inline-block;
  margin-bottom: 20px
}

.banner_container-fluid h1.home_banner_title {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 800;
  font-size: 120px;
  line-height: 110px;
  color: #151515;
  float: left;
  width: 100%;
  text-align: center
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .banner_container-fluid h1.home_banner_title .text_bg {
    font-size: 20px;
    line-height: 33px;
    color: #151515;
    background-position: 13% -4px;
    background-repeat: no-repeat;
    background-size: 78% 101%
  }

  .banner_container-fluid .banner_tag_line {
    font-size: 13px
  }

  .banner_container-fluid .inner_section {
    overflow: hidden
  }
}

.yap_title {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 800;
  font-size: 47px;
  line-height: 56px;
  padding: 24px 0 0;
  margin-bottom: 20px;
  letter-spacing: -1px
}

@media only screen and (max-width:1024px) and (min-width:768px) {
  .yap_title {
    font-size: 36px;
    line-height: 46px
  }
}

@media only screen and (max-width:767px) {
  .yap_title {
    font-size: 32px;
    line-height: 39px
  }
}

.yap_tagline {
  font-family: IBM Plex Mono, monospace;
  font-style: normal;
  font-weight: 500;
  line-height: 176%;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: hsla(0, 0%, 8%, .5)
}

@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2) {
  .yap_tagline {
    color: hsla(0, 0%, 8%, .5) !important
  }
}

.yap_sub_title {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  color: #0e0e0e;
  padding-bottom: 16px
}

.icon_box .hover_btn {
  display: none;
  transition: .3s ease-in-out
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .icon_box .hover_btn {
    display: block
  }
}

.icon_list {
  padding-top: 50px;
  padding-bottom: 30px
}

@media only screen and (max-width:1024px) and (min-width:768px) {
  .icon_list {
    overflow: hidden;
    float: left;
    width: 100%
  }
}

.icon_list .icon_box {
  position: relative;
  padding: 34px;
  min-height: 536px;
  transition: box-shadow .25s ease-in-out, border-radius .3s linear
}

@media only screen and (max-width:565px) and (min-width:250px) {
  .icon_list .icon_box {
    min-height: auto !important;
    padding: 10px
  }
}

.icon_list .icon_box:hover {
  box-shadow: 0 4px 32px rgba(0, 0, 0, .12);
  border-radius: 16px
}

@media only screen and (max-width:767px) {
  .icon_list .icon_box:hover {
    box-shadow: unset;
    border-radius: unset
  }
}

.icon_list .icon_box:hover .hover_btn {
  transition: .3s ease-in-out;
  display: block !important;
  transition: background-color .3s ease-in-out
}

.icon_list .icon_box .icon {
  padding: 14px;
  margin-bottom: 23px;
  transition: background-color .3s ease-in-out, border-radius .4s linear;
  display: inline-block
}

.icon_list .icon_box:hover .icon {
  border-radius: 16px;
  background-color: rgba(0, 0, 0, .06)
}

.icon_list .icon_box .icon_content h3 {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 21px;
  min-height: 47px;
  line-height: 29px;
  color: #151515;
  margin-bottom: 15px
}

.icon_list .icon_box .icon_content p {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 157%;
  color: rgba(0, 0, 0, .5)
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .icon_list .icon_box .icon_content p {
    width: auto
  }
}

.icon_list .icon_box .icon_btn {
  position: absolute;
  bottom: 80px;
  width: 100%
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .icon_list .icon_box .icon_btn {
    position: relative
  }
}

.icon_list .icon_box:hover .butn-light {
  background-color: #151515;
  color: #fff !important
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .icon_list .icon_box:hover .butn-light {
    margin-top: 0
  }
}

.icon_list .icon_box:hover .butn-light:after {
  background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/whitearrow.svg)
}

@media only screen and (max-width:767px) {

  .footer_section,
  .home_news .padzero {
    padding: 0 15px
  }
}

.yap_tab_nav {
  padding-bottom: 48px
}

.yap_tab_nav ul {
  margin-bottom: 0;
  padding: 0;
  display: inline-block;
  border-bottom: 1px solid hsla(0, 0%, 8%, .5)
}

.yap_tab_nav ul li {
  display: inline-block;
  font-family: Ubuntu;
  font-style: normal;
  font-size: 18px;
  line-height: 22px;
  padding: 8px 22px;
  position: relative;
  list-style: none;
  cursor: pointer
}

.yap_tab_nav ul li,
.yap_tab_nav ul li .current {
  font-weight: 400;
  color: #151515
}

.yap_tab_nav ul li:hover {
  font-weight: 400
}

.yap_tab_nav ul li:before {
  bottom: 0;
  display: block;
  left: 0;
  height: 3px;
  width: 0;
  content: "";
  background-color: #151515;
  transition: all .35s ease;
  position: absolute
}

.yap_tab_nav ul li:after {
  left: 0;
  top: 0;
  padding: 8px 22px;
  position: absolute;
  content: attr(data-hover);
  color: #151515;
  white-space: nowrap;
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  transition: all .35s ease
}

.yap_tab_nav ul li.current:before,
.yap_tab_nav ul li:hover:before {
  color: #151515;
  opacity: 1;
  width: 100%
}

.yap_tab_nav ul li.current:after,
.yap_tab_nav ul li:hover:after {
  max-width: 100%;
  opacity: 1
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {

  .yap_tab_nav ul li,
  .yap_tab_nav ul li:after {
    padding: 8px 15px
  }
}

.yap_tab_container-fluid .yap_tab_content {
  display: none
}

.yap_tab_container-fluid .yap_tab_content.current {
  display: block
}

.yap_tab_col {
  padding: 66px 30px;
  transition: all .35s ease-in
}

.yap_tab_col .yap_col_tag {
  font-family: IBM Plex Mono, monospace;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 21px;
  color: hsla(0, 0%, 8%, .3)
}

.yap_tab_col h4 {
  padding-top: 10px;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  padding-bottom: 15px
}

.yap_tab_col h4,
.yap_tab_col p {
  font-family: Ubuntu;
  font-style: normal
}

.yap_tab_col p {
  font-weight: 400;
  font-size: 14px;
  line-height: 167%;
  color: hsla(0, 0%, 8%, .7)
}

.yap_tab_col:hover {
  background-color: #151515
}

.yap_tab_col:hover .yap_col_tag {
  color: hsla(0, 0%, 100%, .2)
}

.yap_tab_col:hover h4 {
  color: #fff
}

.yap_tab_col:hover p {
  color: hsla(0, 0%, 100%, .5)
}

.yap_tab_col:hover .butn-plain-light {
  background-color: #151515;
  border-color: #fff;
  color: #fff
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .yap_tab_col {
    padding: 20px 30px
  }
}

.section__products .marg_54 {
  margin-top: 75px
}

.news-rows {
  float: left;
  width: 100%
}

.section_api {
  position: relative;
  width: 100%;
  background: #fff
}

.section_api .bluecircle {
  width: 29px;
  height: 29px;
  background: #09f;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 11%
}

.section_api .grp_btn {
  padding-top: 0
}

@media only screen and (max-width:1024px) and (min-width:768px) {
  .section_api .grp_btn {
    display: flex !important
  }
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .section_api {
    padding: 15px 0
  }
}

.plain_icon_col {
  padding: 0 0 40px
}

@media only screen and (max-width:1024px) and (min-width:768px) {
  .plain_icon_col {
    padding: 0 0 25px
  }
}

.plain_icon_col .plain_icon_box {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 10px 10px 0 0;
  flex-direction: row
}

@media only screen and (max-width:568px) and (min-width:320px) {
  .plain_icon_col .plain_icon_box {
    justify-content: center;
    padding-top: 0;
    min-height: 65px
  }
}

.plain_icon_col .plain_icon_title h4 {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 56px;
  margin-left: 20px;
  color: #000
}

@media only screen and (max-width:568px) and (min-width:320px) {
  .plain_icon_col .plain_icon_title h4 {
    margin-bottom: 0
  }
}

.plain_icon_col .plain_icon_content {
  padding: 5px 5px 5px 0
}

@media screen and (max-width:767px) {
  .plain_icon_col .plain_icon_content {
    padding-right: 0 !important
  }
}

.plain_icon_col .plain_icon_content p {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 167%;
  margin-bottom: 0;
  color: #4f4f4f;
  padding-right: 191px
}

@media only screen and (max-width:1024px) and (min-width:768px) and (orientation:portrait) {
  .plain_icon_col .plain_icon_content p {
    padding-right: 0
  }
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .plain_icon_col .plain_icon_content p {
    padding-right: 0;
    font-size: 16px !important
  }
}

.plain_icon_col .plain_icon_content a {
  font-family: IBM Plex Mono, monospace;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 167%;
  color: #0074df;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .plain_icon_col {
    text-align: left;
    padding: 15px 10px
  }

  .plain_icon_col .plain_icon_content {
    padding: 0
  }
}

.springbo_sec.bg {
  background: linear-gradient(90deg, rgba(0, 0, 0, .7), transparent 148.94%), url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/sec5backg.png) no-repeat 50%;
  background-size: cover;
  min-height: 550px;
  flex-direction: row
}

.springbo_sec.bg,
.springbo_sec.bg .content {
  display: flex;
  flex-wrap: wrap;
  align-content: center
}

.springbo_sec.bg .content {
  flex-direction: column;
  justify-content: center
}

.springbo_sec.bg .content .tagline {
  color: #fff;
  opacity: .5;
  font-family: IBM Plex Mono, monospace;
  padding-bottom: 15px;
  line-height: 176%;
  letter-spacing: .1em
}

.springbo_sec.bg .content h4 {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 56px;
  color: #fff
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .springbo_sec.bg .content h4 {
    font-size: 36px
  }
}

.springbo_sec.bg .content .grp_btn {
  padding-top: 44px
}

@media only screen and (max-width:1024px) and (min-width:768px) and (orientation:portrait) {
  .springbo_sec.bg .content .grp_btn {
    display: -webkit-flex
  }
}

.springbo_sec.bg .springbo_content h4 {
  font-family: Ubuntu;
  padding-top: 43px;
  font-style: normal;
  font-weight: 700;
  font-size: 104px;
  line-height: 78px;
  letter-spacing: -.03em;
  color: #fff;
  opacity: .4
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .springbo_sec.bg .springbo_content h4 {
    font-size: 60px;
    padding-top: 15px
  }

  .springbo_sec.bg .springbo_content img.sprinbo_img {
    width: 142px
  }

  .springbo_sec.bg {
    padding: 20px 0
  }
}

.section__6 {
  padding-top: 50px;
  padding-bottom: 120px
}

@media only screen and (max-width:1024px) and (min-width:768px) and (orientation:portrait) {
  .section__6 {
    padding-right: 34px
  }
}

@media only screen and (min-device-width:720px) and (max-device-width:1280px) {
  .section__6 {
    padding: 50px;
    overflow: hidden
  }
}

.section__6.about {
  padding-bottom: 40px
}

.section__6.about .author {
  margin-bottom: 65px
}

.about.section__investor {
  padding-bottom: 70px
}

.about.section__investor .news_number {
  margin-top: 64px
}

@media only screen and (max-width:568px) and (min-width:320px) {
  .about.section__investor .news_number {
    display: none
  }
}

.about.section__investor .news_number .slider_ctrl {
  text-align: right;
  padding-right: 65px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .about.section__investor .news_number .slider_ctrl {
    padding-right: 61px
  }

  .about.section__investor .investor_wrap .row .investor_col .investor_logos {
    padding: 5px;
    width: 228px
  }

  .about.section__investor .investor_wrap #right_caro {
    top: -85px;
    right: 20px !important;
    left: auto
  }

  .about.section__investor .investor_wrap #left_caro {
    top: -85px;
    right: 47px;
    left: auto
  }
}

.testimonial_container-fluid {
  padding: 36px 91px;
  width: 1125px;
  margin: 0 auto;
  background-color: hsla(0, 0%, 8%, .03);
  min-height: 350px;
  transform: skewX(-10deg);
  border-radius: 46px
}

@media only screen and (max-width:767px) {
  .testimonial_container-fluid {
    width: 100%;
    transform: skewX(0deg);
    padding: 30px
  }
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .testimonial_container-fluid {
    padding: 35px;
    width: 100%;
    transform: skewX(0deg)
  }
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:landscape) {
  .testimonial_container-fluid {
    width: 100%
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) and (orientation:portrait) {
  .testimonial_container-fluid {
    width: 85%
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) and (orientation:landscape) {
  .testimonial_container-fluid {
    width: 85%
  }
}

.testimonial_container-fluid .testimonial_content {
  transform: skewX(10deg)
}

@media only screen and (max-width:767px) {
  .testimonial_container-fluid .testimonial_content {
    transform: skewX(0deg)
  }
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .testimonial_container-fluid .testimonial_content {
    transform: skewX(0deg)
  }
}

.testimonial_container-fluid .testimonial_content .tagline {
  font-family: IBM Plex Mono, monospace;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 176%;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: hsla(0, 0%, 8%, .5);
  margin-bottom: 15px;
  display: block
}

.testimonial_container-fluid .slick-slide:focus {
  outline: 0
}

.testimonial_container-fluid .testimonial_title {
  font-size: 24px;
  line-height: 32px;
  font-family: Ubuntu;
  color: #151515;
  position: relative;
  font-weight: 700
}

.testimonial_container-fluid .testimonial_title:after,
.testimonial_container-fluid .testimonial_title:before {
  content: '"';
  font-weight: 700;
  font-family: Ubuntu;
  transform: skewX(-10deg);
  display: inline-block
}

.testimonial_container-fluid .author_content p {
  font-family: Ubuntu;
  font-size: 16px;
  color: #878787;
  line-height: 167%;
  font-weight: 300;
  font-style: normal;
  margin-bottom: 1.042vw
}

.testimonial_container-fluid .author p {
  color: #151515;
  font-family: Ubuntu;
  font-size: 16px;
  line-height: 167%;
  font-style: normal;
  font-weight: 400
}

.testimonial_container-fluid .author p span {
  color: #4f4f4f
}

.testimonial_container-fluid .author p.career_author {
  margin-bottom: 85px
}

.testimonial_container-fluid .author a {
  font-family: IBM Plex Mono, monospace;
  font-size: 14px;
  line-height: 167%;
  text-decoration: underline;
  color: #0074df
}

.testimonial_container-fluid .slider_ctrl {
  padding: 25px 0
}

.testimonial_container-fluid .slider_ctrl .pagingInfo {
  font-weight: "IBM Plex Mono", monospace;
  font-size: 14px;
  color: #151515;
  text-decoration: underline;
  line-height: 167%
}

.testimonial_container-fluid #left_caro {
  position: absolute;
  top: -45px;
  cursor: pointer;
  left: 30px
}

.testimonial_container-fluid #right_caro {
  top: -45px;
  position: absolute;
  left: 50px;
  cursor: pointer
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .about.testimonial .testimonial_container-fluid {
    transform: skewX(0deg)
  }
}

.about.testimonial .testimonial_container-fluid .testimonial_content {
  transform: skewX(10deg)
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .about.testimonial .testimonial_container-fluid .testimonial_content {
    transform: skewX(0deg)
  }
}

.about.testimonial .testimonial_container-fluid .testimonial_slider {
  padding-top: 28px
}

.about.testimonial .testimonial_container-fluid .slider_ctrl {
  position: absolute;
  bottom: 0
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .about.testimonial .testimonial_container-fluid .slider_ctrl {
    bottom: -29px
  }
}

.about.testimonial .testimonial_container-fluid #left_caro {
  bottom: 28px;
  z-index: 9;
  top: auto
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .about.testimonial .testimonial_container-fluid #left_caro {
    bottom: 0
  }
}

.about.testimonial .testimonial_container-fluid #right_caro {
  left: 50px;
  cursor: pointer;
  bottom: 28px;
  top: auto
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .about.testimonial .testimonial_container-fluid #right_caro {
    bottom: 0
  }
}

.section__about {
  padding-top: 60px
}

.section__about.mr_btm {
  padding-bottom: 100px
}

.section__about.no_top {
  padding-top: 0
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .section__about .mar_24 {
    margin-top: 30px
  }
}

.section__about .substory {
  padding-top: 0
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .section__about .substory {
    padding-top: 0
  }
}

.section__about .intro {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 176%;
  color: #151515
}

.section__about .intro span {
  color: #ee3224
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .section__about {
    padding: 34px 0
  }
}

.team {
  padding-bottom: 40px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .team {
    padding-top: 0
  }
}

.team .col-md-3 .mem_info {
  width: 100%
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .team .col-md-3 .mem_info {
    margin-bottom: 28px
  }
}

.team .col-md-3 .mem_info .mem_details {
  transition: background-color .3s ease-in-out;
  background-color: hsla(0, 0%, 8%, .03);
  padding: 18px 16px 20px 14px
}

.team .col-md-3 .mem_info .mem_details h4 {
  font-size: 18px;
  position: relative
}

.team .col-md-3 .mem_info .mem_details h4 a {
  top: 1px;
  display: inline-flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  right: 16px;
  padding-left: 0
}

.team .mem_info {
  width: 325px;
  position: relative
}

@media screen and (min-width:992px) and (max-width:1024px) {
  .team .mem_info {
    width: 100%
  }
}

.team .mem_info.full_width_mem {
  width: 100%
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .team .mem_info {
    width: auto
  }
}

.team .mem_info .mem_headshot {
  position: relative;
  max-height: 100%;
  z-index: 4
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .team .mem_info .mem_headshot {
    max-height: none
  }
}

.team .mem_info .mem_headshot img {
  width: 100%
}

.team .mem_info .mem_details {
  padding: 28px 0 40px;
  transition: background-color .3s ease-in-out
}

@media screen and (min-width:992px) and (max-width:1024px) {
  .team .mem_info .mem_details {
    padding: 28px 0 40px
  }
}

.team .mem_info .mem_details h4 {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  line-height: 29px;
  color: #0e0e0e
}

@media screen and (min-width:992px) and (max-width:1024px) {
  .team .mem_info .mem_details h4 {
    font-size: 20px
  }
}

.team .mem_info .mem_details h4 a {
  float: right;
  padding-left: 16px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .team .mem_info .mem_details h4 a {
    padding-left: 0
  }
}

.team .mem_info .mem_details p {
  font-family: Ubuntu;
  margin-bottom: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: hsla(0, 0%, 8%, .5)
}

.team .mem_info .mem_details .desc {
  font-family: Ubuntu;
  font-weight: 300;
  font-size: 14px;
  line-height: 147%;
  color: #4f4f4f;
  padding-top: 18px;
  width: 320px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .team .mem_info .mem_details .desc {
    width: auto
  }
}

.team .mem_info:after {
  content: "";
  display: block;
  z-index: -9 !important
}

.team .mem_info_1:after {
  width: 72px;
  height: 72px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/aboutus/ellipse_dot1.svg);
  z-index: 4
}

.team .mem_info_2:after {
  width: 76px;
  height: 76px;
  position: absolute;
  top: -35px;
  right: 0;
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/aboutus/ellipse_dot2.svg);
  z-index: 2
}

.team .mem_info_3:after {
  width: 72px;
  height: 72px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/aboutus/ellipse_dot3.svg);
  z-index: 4
}

.team .mem_info_4:after {
  width: 54px;
  height: 54px;
  position: absolute;
  bottom: 92px;
  right: -25px;
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/green_dot.svg);
  z-index: 2
}

.team .mem_info_5:after {
  width: 36px;
  height: 36px;
  position: absolute;
  top: 62.8%;
  left: 0;
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/aboutus/ellipse_dot3.svg);
  background-size: contain;
  transform: rotate(180deg);
  z-index: 4
}

.team .mem_info_6:after {
  width: 76px;
  height: 76px;
  position: absolute;
  top: 0;
  left: -21px;
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/green_dot.svg);
  background-repeat: no-repeat;
  z-index: 2
}

.team .team_sec_row {
  padding-top: 62px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .team .team_sec_row {
    padding-top: 0
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) {
  .team .team_sec_row {
    padding-top: 0
  }
}

.section__career {
  height: 465px;
  position: relative;
  background-color: #151515
}

.section__career.career_top {
  margin-top: 100px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .section__career.product-no-btm {
    margin-bottom: 0
  }

  .section__career {
    height: auto;
    padding: 0 0 95px;
    margin-top: 0;
    margin-bottom: 50px;
    overflow: hidden
  }
}

@media only screen and (min-device-width:720px) and (max-device-width:1280px) {
  .section__career {
    overflow: hidden
  }
}

.section__career img {
  position: relative;
  z-index: 1
}

.section__career .yap_tagline {
  color: hsla(0, 0%, 100%, .6)
}

.section__career .yap_title {
  color: #fff;
  z-index: 1
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .section__career .yap_title {
    font-size: 32px;
    line-height: 40px
  }
}

.section__career .yap_title.career_subscribe_text {
  width: auto;
  margin-bottom: 40px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .section__career .yap_title.see_openings {
    width: 320px
  }
}

.section__career .yap_title.carrer-heading {
  width: 474px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .section__career .yap_title.carrer-heading {
    width: 320px
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) {
  .section__career .yap_title.carrer-heading {
    width: auto
  }
}

.section__career .para16 {
  color: hsla(0, 0%, 100%, .5);
  z-index: 1
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .section__career .para16 {
    width: 320px
  }
}

.section__career .career_content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-content: center;
  justify-content: center
}

.section__career .career_content .career_btn {
  width: 240px
}

@media only screen and (max-width:1024px) and (min-width:768px) {
  .section__career .career_content {
    z-index: 1
  }
}

.section__career .career_left {
  padding-left: 73px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .section__career .career_left {
    padding-left: 43px;
    padding-top: 48px
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) and (orientation:portrait) {
  .section__career .career_res_left {
    padding-left: 0
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) and (orientation:landscape) {
  .section__career .career_res_left {
    padding-left: 0
  }
}

.section__career:after {
  content: "";
  position: absolute;
  right: 0;
  width: 125px;
  height: 465px;
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/black_half_circle.svg);
  display: block
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .section__career:after {
    opacity: .5;
    display: none
  }
}

.section__yapfintech {
  padding-top: 40px
}

.section__yapfintech .invest-title {
  margin-bottom: 54px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .section__yapfintech h2 {
    font-size: 40px;
    line-height: 46px
  }

  .section__yapfintech .ventures h3 {
    padding: 0;
    font-size: 35px
  }

  .section__investor {
    margin-top: 30px
  }
}

.section__investor p {
  color: #151515;
  opacity: .7
}

.section__investor .investor_container-fluid {
  padding-top: 18px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .section__investor .slick-slide img {
    width: 100%
  }
}

.section__investor.home_news {
  padding-bottom: 70px !important
}

@media only screen and (max-width:767px) {
  .section__investor.home_news {
    padding-bottom: 0 !important
  }
}

footer {
  background-color: #151515
}

@media only screen and (max-width:1024px) and (min-width:768px) {
  footer .inner_section {
    padding-top: 45px;
    padding-bottom: 30px
  }
}

footer img {
  width: 100%
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  footer img {
    width: auto
  }
}

footer img.footer_logo {
  width: 60px;
  height: 60px
}

footer .footer_col .footer_title {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 19px;
  line-height: 176%;
  color: #fff;
  margin-bottom: 24px;
  text-transform: uppercase;
  margin-top: 0;
  text-align: left
}

@media only screen and (max-width:1000px) and (min-width:900px) {
  footer .footer_col .footer_title {
    margin-bottom: 13px
  }
}

@media screen and (min-width:768px) and (max-width:992px) {
  footer .footer_col .footer_title {
    font-size: 16px
  }
}

footer .footer_col .footer_title a {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 176%;
  color: #fff;
  margin-bottom: 24px;
  transition: color .34s ease-in-out;
  text-align: left !important
}

footer .footer_col .footer_title a:hover {
  color: #ee3224;
  text-decoration: none
}

footer .footer_col .footer_title a:focus {
  color: #ee3224
}

footer .footer_col ul {
  padding: 0
}

footer .footer_col ul li {
  list-style-type: none;
  padding-bottom: 0;
  text-align: left
}

footer .footer_col ul li a {
  text-decoration: none;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 176%;
  color: #fff;
  opacity: .6;
  transition: color .34s ease-in-out
}

@media only screen and (max-width:1000px) and (min-width:900px) {
  footer .footer_col ul li a {
    font-size: 12px !important;
    line-height: 19px !important
  }
}

footer .footer_col ul li a:hover {
  opacity: .6;
  text-decoration: none
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  footer .footer_col {
    padding-top: 36px
  }

  footer .footer_col.padd_left {
    padding-left: 57px
  }
}

footer .social_icons ul {
  padding: 0
}

footer .social_icons ul li {
  list-style-type: none;
  display: inline-block;
  padding-right: 13px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  footer .social_icons ul li {
    padding-right: 6px
  }
}

footer .social_icons ul li i {
  color: #fff
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  footer {
    padding-top: 36px
  }

  footer .bor_btm {
    border-bottom: 1px solid #ffffff2b;
    padding-bottom: 15px
  }
}

footer .copy_rights {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  padding-right: 27px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  footer .copy_rights {
    padding-bottom: 35px;
    justify-content: space-between
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) {
  footer .copy_rights {
    justify-content: space-between
  }
}

footer .copy_rights p {
  margin-right: 20px;
  font-size: 14px;
  margin-bottom: 0;
  color: #ffffff21
}

@media only screen and (max-width:1024px) and (min-width:768px) {
  footer .copy_rights p {
    padding-left: 25px
  }
}

footer .copy_rights p a.legal {
  color: #fff
}

footer .copy_rights p a.legal:hover {
  text-decoration: none
}

.investor_wrap {
  padding-top: 18px
}

.investor_wrap #left_caro {
  position: absolute;
  top: -64px;
  cursor: pointer;
  right: 43px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .investor_wrap #left_caro {
    top: -43px;
    left: 32px
  }
}

.investor_wrap #right_caro {
  top: -64px;
  position: absolute;
  right: 21px;
  cursor: pointer
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .investor_wrap #right_caro {
    top: -43px;
    left: 55px
  }
}

.investor_wrap .row .investor_col {
  outline: none;
  text-align: center
}

.investor_wrap .row .investor_col .investor_logos {
  min-height: 103px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

.investor_wrap .row .investor_col .investor_logos.bg_blk {
  background: #262626
}

.investor_wrap .row .investor_col .investor_logos.bg_white {
  background: #fff;
  border: 1px solid rgba(38, 38, 38, .1)
}

.investor_wrap .row .investor_col .investor_logos.bg_red {
  background: #da2127 !important
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .investor_wrap .row .investor_col .investor_logos {
    padding: 5px;
    width: auto
  }
}

@media only screen and (min-width:320px) and (orientation:portrait) {
  .investor_wrap .row .investor_col .investor_logos {
    padding: 5px;
    width: 100%
  }
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .investor_wrap .row .investor_col .investor_logos .inc_img {
    width: 50%
  }
}

.venture_wrap {
  padding-top: 20px;
  padding-bottom: 40px
}

.venture_wrap .row .venture_col {
  text-align: center
}

.venture_wrap .row .venture_col:nth-child(2n) .venture_logos {
  background-color: #000;
  border: 1px solid rgba(38, 38, 38, .1)
}

.venture_wrap .row .venture_col:nth-child(odd) .venture_logos {
  background-color: #fff;
  border: 1px solid rgba(38, 38, 38, .1)
}

.venture_wrap .row .venture_col .flourish-div,
.venture_wrap .row .venture_col .insight-div {
  background: #fff !important
}

.venture_wrap .row .venture_col .insight-div img {
  width: 50%
}

.venture_wrap .row .venture_col .mufg-div img {
  width: 60%
}

.venture_wrap .row .venture_col .venture_logos {
  min-height: 103px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
  height: 100px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .venture_wrap .row .venture_col .venture_logos {
    width: auto
  }
}

@media only screen and (min-width:320px) and (orientation:portrait) {
  .venture_wrap .row .venture_col .venture_logos {
    width: 260px
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) {
  .venture_wrap .row .venture_col .venture_logos {
    width: 100%
  }
}

.swipe_down {
  display: none
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .testimonial {
    padding-right: 35px;
    padding-left: 36px
  }

  .testimonial.pad_top {
    padding-top: 50px
  }

  .testimonial.pad_top .testimonial_container-fluid,
  .testimonial.pad_top .testimonial_container-fluid .testimonial_content {
    transform: skewX(0deg)
  }

  .testimonial.pad_top .testimonial_container-fluid .responsive_height {
    height: 380px
  }

  .grp_btn a.butn {
    margin-bottom: 20px;
    margin-right: 16px !important;
    width: 100%;
    display: inline-flex
  }

  .section__products {
    padding: 15px 0;
    overflow: hidden
  }

  .swipe_down {
    padding-top: 68px;
    display: block
  }

  .swipe_down img {
    animation: bounce 2s infinite
  }

  .swipe_down span {
    display: block;
    padding-top: 10px;
    font-size: 14px;
    color: #151515;
    opacity: .6;
    line-height: 167%;
    font-family: Ubuntu;
    font-weight: 300;
    padding-left: 5px
  }

  .icon_footer {
    display: flex;
    align-items: center;
    justify-content: start
  }

  .social_icons ul {
    margin-bottom: 0
  }

  .my-xs-30 {
    margin-top: 60px
  }

  .px-xs-15 {
    padding: 0
  }

  .mt-xs-5 {
    margin-top: 90px
  }

  .social_icons {
    width: 100%;
    padding-left: 0;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    margin-top: 10px
  }
}

@media only screen and (max-width:600px) and (min-width:320px) {
  .social_icons {
    width: 100%;
    padding-left: 0;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    margin-top: 10px
  }
}

@keyframes bounce {

  0%,
  20%,
  50%,
  80%,
  to {
    transform: translateY(0)
  }

  40% {
    transform: translateY(-30px)
  }

  60% {
    transform: translateY(-15px)
  }
}

.bg_black {
  background-color: #262626 !important
}

.bg_white {
  background-color: #fff !important
}

.pro_list .icon_list .icon_box .butn-light {
  width: 154px;
  font-size: 15px
}

.pro_list .mb {
  margin-bottom: 80px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .pro_list .mb {
    flex-direction: column-reverse
  }

  .pro_list .grp_btn a {
    width: 100%
  }
}

.pro_list h2 {
  width: 243px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .pro_list h2 {
    width: auto
  }
}

.pro_list p {
  width: auto
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .pro_list p {
    width: auto
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) and (orientation:portrait) {
  .pro_list .pro_list_mar_top {
    margin-top: 45px
  }
}

.pro_list .bg_grey {
  background-color: rgba(0, 0, 0, .06);
  border-radius: .25rem;
  width: 415px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .pro_list .bg_grey {
    width: 309px
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) and (orientation:portrait) {
  .pro_list .bg_grey {
    padding-left: 0
  }
}

@media only screen and (min-width:320px) and (orientation:portrait) {
  .pro_list ul.mobile_tab_scroll {
    display: inline-flex !important;
    width: 100%;
    overflow-x: auto;
    -ms-overflow-style: none !important;
    flex-wrap: inherit;
    height: 40px
  }
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .pro_list ul.mobile_tab_scroll li {
    width: 133px
  }

  .pro_list ul.mobile_tab_scroll li a {
    padding: .5rem 1rem;
    text-align: center;
    font-size: 15px
  }
}

@media only screen and (min-width:320px) and (orientation:portrait) {
  .pro_list .mobile_tab_scroll::-webkit-scrollbar {
    display: none
  }
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .pro_list .icon_list .icon_box .icon_btn .butn-light {
    margin-top: 15px;
    width: 100%
  }

  .pro_list .icon_list .icon_box .icon_btn {
    position: inherit;
    text-align: center;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center
  }
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: #fff;
  background-color: #151515
}

.nav-pills .nav-link {
  color: #151515;
  padding: .8rem 2rem;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: #0e0e0e
}

.border_color {
  border: 1px solid #e9e9e9;
  margin-bottom: 25px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .blog_bg .reverse {
    flex-direction: column-reverse
  }
}

.blog_bg .blog_container-fluid {
  width: 1191px;
  background-color: hsla(0, 0%, 8%, .03);
  min-height: 350px;
  border-radius: .25rem
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .blog_bg .blog_container-fluid {
    padding: 20px;
    width: 100%;
    transform: skewX(0deg)
  }
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:landscape) {
  .blog_bg .blog_container-fluid {
    width: 100%
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) and (orientation:portrait) {
  .blog_bg .blog_container-fluid {
    width: 100%
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) and (orientation:landscape) {
  .blog_bg .blog_container-fluid {
    width: 100%
  }
}

.blog_bg .blog_container-fluid .blog_content {
  padding: 25px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .blog_bg .blog_container-fluid .blog_content {
    padding: 0;
    transform: skewX(0deg)
  }
}

.blog_bg .blog_container-fluid .blog_content a {
  font-family: IBM Plex Mono, monospace;
  font-size: 14px;
  line-height: 167%;
  text-decoration: underline;
  color: #0074df
}

.blog_bg .blog_container-fluid .blog_content .slick-list.draggable .blog_slider_pad_left {
  padding: 20px 0 0 70px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .blog_bg .blog_container-fluid .blog_content .slick-list.draggable .blog_slider_pad_left {
    padding: 20px 0 0 15px
  }
}

.blog_bg .blog_container-fluid .blog_content .blog_title {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 800;
  font-size: 48px;
  line-height: 56px;
  padding: 24px 195px 14px 0
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .blog_bg .blog_container-fluid .blog_content .blog_title {
    line-height: 40px;
    font-size: 32px;
    padding: 0
  }
}

.blog_bg .blog_container-fluid .blog_content .blog_img,
.blog_bg .blog_container-fluid .blog_content .blog_img img {
  width: 100%;
  float: left
}

.blog_bg .blog_container-fluid .blog_content .tagline {
  font-family: IBM Plex Mono, monospace;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 176%;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #fda600
}

.blog_bg .blog_container-fluid .slick-slide:focus {
  outline: 0
}

.blog_bg .blog_container-fluid .testimonial_title {
  font-size: 24px;
  line-height: 32px;
  font-family: Ubuntu;
  color: #151515;
  position: relative;
  font-weight: 700
}

.blog_bg .blog_container-fluid .testimonial_title:after,
.blog_bg .blog_container-fluid .testimonial_title:before {
  content: '"';
  font-weight: 700;
  font-family: Ubuntu;
  transform: skewX(-10deg);
  display: inline-block
}

.blog_bg .blog_container-fluid .slider_ctrl {
  padding: 25px 0 25px 54px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .blog_bg .blog_container-fluid .slider_ctrl {
    padding: 10px 0 25px
  }
}

.blog_bg .blog_container-fluid .slider_ctrl .pagingInfo {
  font-weight: "IBM Plex Mono", monospace;
  font-size: 14px;
  color: #151515;
  text-decoration: underline;
  line-height: 167%
}

.blog_bg .blog_container-fluid #left_caro {
  position: absolute;
  top: -45px;
  cursor: pointer;
  left: 83px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .blog_bg .blog_container-fluid #left_caro {
    top: -43px;
    left: 32px
  }
}

.blog_bg .blog_container-fluid #right_caro {
  top: -45px;
  position: absolute;
  left: 105px;
  cursor: pointer
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .blog_bg .blog_container-fluid #right_caro {
    top: -43px;
    left: 55px
  }
}

h4.article_headings {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 600;
  line-height: 56px;
  padding: 24px 0
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .article_sections .article_div img {
    width: 100%
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) and (orientation:portrait) {
  .article_sections .article_div img {
    width: 100%
  }
}

.article_sections .articles_details {
  padding-top: 28px
}

.article_sections .articles_details h3 {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 800;
  font-size: 24px;
  line-height: 29px;
  color: #151515;
  margin-top: 20px;
  width: 333px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .article_sections .articles_details h3 {
    width: auto
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) and (orientation:portrait) {
  .article_sections .articles_details h3 {
    width: auto
  }
}

.article_sections .articles_details p {
  margin-bottom: 20px;
  font-family: Ilisarniq;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: hsla(0, 0%, 8%, .5)
}

.article_sections .articles_details span {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #fca8b0
}

.article_sections .articles_details span.investment {
  color: #37bbc3
}

.article_sections .articles_details span.neo_banking {
  color: #09f
}

.all_article_sec {
  padding: 80px 111px 0
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .all_article_sec {
    padding: 50px 0
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) and (orientation:portrait) {
  .all_article_sec {
    padding: 50px 0
  }
}

.all_article_sec h2 {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 43px;
  color: #0e0e0e
}

.all_article_sec input {
  border-radius: 16px;
  box-sizing: border-box;
  height: 44px
}

.all_article_sec .form-group {
  position: relative
}

.all_article_sec a.search {
  position: absolute;
  top: 7px;
  right: 15px
}

.all_article_sec .single_articles {
  margin-top: 60px;
  overflow: hidden;
  position: relative;
  border-radius: 16px 0 0 16px;
  height: 325px;
  transition: all .2s linear
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .all_article_sec .single_articles {
    height: auto
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) and (orientation:portrait) {
  .all_article_sec .single_articles {
    height: 401px
  }
}

.all_article_sec .single_articles:hover {
  background-color: hsla(0, 0%, 8%, .03);
  transition: all .2s linear;
  opacity: 1
}

.all_article_sec .single_articles:hover .social_media {
  transition: all .2s linear;
  opacity: 1
}

.all_article_sec .single_articles .social_media {
  opacity: 0
}

.all_article_sec .single_articles .all_articles_img {
  float: left;
  margin-right: 30px;
  height: 325px;
  overflow: hidden;
  position: relative;
  width: 360px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid hsla(0, 0%, 8%, .1)
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .all_article_sec .single_articles .all_articles_img {
    float: none;
    width: 100%;
    height: auto
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) and (orientation:portrait) {
  .all_article_sec .single_articles .all_articles_img {
    height: 401px
  }
}

.all_article_sec .single_articles .all_articles_img img {
  margin-top: 15px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .all_article_sec .single_articles .all_articles_img img {
    width: 100%;
    margin-top: 0
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) and (orientation:portrait) {
  .all_article_sec .single_articles .all_articles_img img {
    margin-top: 50px
  }
}

.all_article_sec .single_articles .single_articles_details {
  padding: 30px 30px 0
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .all_article_sec .single_articles .single_articles_details {
    padding: 30px
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) and (orientation:portrait) {
  .all_article_sec .single_articles .single_articles_details .single_article_desc {
    height: 401px
  }
}

.all_article_sec .single_articles .single_articles_details .article_flex {
  display: flex;
  vertical-align: middle;
  justify-content: space-between
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .all_article_sec .single_articles .single_articles_details .article_flex {
    display: block
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) and (orientation:portrait) {
  .all_article_sec .single_articles .single_articles_details .article_flex {
    display: block
  }
}

.all_article_sec .single_articles .single_articles_details .article_flex ul {
  padding: 0;
  list-style: none
}

.all_article_sec .single_articles .single_articles_details .article_flex ul li {
  display: inline-block;
  margin-right: 20px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .all_article_sec .single_articles .single_articles_details .article_flex ul li {
    margin-right: 18px
  }
}

.all_article_sec .single_articles .single_articles_details .article_flex ul li a {
  color: #fff;
  position: relative;
  margin-right: 5px;
  font-size: 15px;
  background: hsla(0, 0%, 8%, .03);
  width: 35px;
  display: block;
  height: 35px;
  line-height: 25px;
  text-align: center;
  border-radius: 50%
}

.all_article_sec .single_articles .single_articles_details .article_flex ul li a img {
  width: 16px;
  height: 16px
}

.all_article_sec .single_articles .single_articles_details .single_article_desc span {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #46dbc9
}

.all_article_sec .single_articles .single_articles_details .single_article_desc span.article_span_two {
  color: #ff9b6f
}

.all_article_sec .single_articles .single_articles_details .single_article_desc h3 {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 800;
  font-size: 24px;
  line-height: 29px;
  color: #151515;
  margin-top: 20px
}

.all_article_sec .single_articles .single_articles_details .single_article_desc p {
  font-family: Sen;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 147%;
  padding-right: 134px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .all_article_sec .single_articles .single_articles_details .single_article_desc p {
    padding-right: 0
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) and (orientation:portrait) {
  .all_article_sec .single_articles .single_articles_details .single_article_desc p {
    padding-right: 0
  }
}

.all_article_sec .single_articles .single_articles_details .single_article_desc a {
  font-family: IBM Plex Mono, monospace;
  font-size: 16px;
  line-height: 21px;
  font-style: normal;
  font-weight: 400;
  text-decoration: underline;
  color: #151515
}

.all_article_sec p {
  margin-bottom: 20px;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: hsla(0, 0%, 8%, .5)
}

.no_padd {
  padding-top: 0
}

.our_subscribe {
  background: #151515;
  position: relative;
  padding-top: 100px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .our_subscribe {
    padding-bottom: 50px
  }
}

.our_subscribe .subscribe_img {
  position: absolute
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .our_subscribe .subscribe_img {
    top: 0
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) and (orientation:portrait) {
  .our_subscribe .subscribe_img {
    top: 0
  }
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .our_subscribe .subscribe_img img {
    width: 81px
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) {
  .our_subscribe .subscribe_img img {
    width: 160px
  }
}

.our_subscribe img.mailbox {
  position: absolute;
  top: 44px;
  left: 37%
}

.our_subscribe img.right_mailbox {
  position: absolute;
  right: 139px;
  bottom: 65px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .our_subscribe img.right_mailbox {
    right: 0;
    bottom: 188px
  }
}

.our_subscribe img.right_round {
  position: absolute;
  right: 13px;
  top: 48px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .our_subscribe img.right_round {
    top: 18px
  }
}

.our_subscribe span {
  font-family: IBM Plex Mono, monospace;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 176%;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: hsla(0, 0%, 100%, .5)
}

.our_subscribe h2.subscribe_title {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 800;
  font-size: 36px;
  line-height: 43px;
  color: #fff
}

@media only screen and (max-width:1024px) and (min-width:768px) and (orientation:portrait) {
  .our_subscribe h2.subscribe_title {
    white-space: nowrap
  }
}

.our_subscribe .form-group input {
  color: #fff;
  background: no-repeat;
  border: 1px solid hsla(0, 0%, 100%, .5);
  height: 48px;
  box-sizing: border-box;
  border-radius: 4px;
  margin-top: 48px;
  margin-bottom: 16px
}

.our_subscribe .form-group a {
  width: 100%
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .section_api .mar-top-building {
    margin-top: 40px
  }

  .section_api {
    padding: 34px 0
  }
}

.section_api .spring_inner_section {
  width: 100%
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .section_api .spring_inner_section {
    padding: 0 31px 0 36px
  }
}

.section_api .springbo_bannersection {
  text-align: center
}

.section_api .springbo_bannersection img {
  margin-bottom: 45px
}

.section_api .springbo_bannersection .no_center {
  text-align: left;
  padding-top: 150px;
  padding-bottom: 35px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .section_api .springbo_bannersection .no_center {
    padding-top: 90px
  }
}

.section_api .springbo_bannersection .no_center img.no_padding {
  margin-bottom: 5px;
  animation: bounceHero 4s infinite
}

.section_api .springbo_bannersection .no_center a:hover {
  text-decoration: none
}

.section_api .springbo_bannersection .no_center p {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #151515;
  opacity: .3
}

.section_api .springbo_bannersection h1 {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 144px;
  line-height: 78px;
  letter-spacing: -.03em;
  color: #000;
  opacity: .08
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .section_api .springbo_bannersection h1 {
    font-size: 65px
  }
}

.section_api .spring_secound_sec {
  position: relative
}

.section_api .spring_secound_sec img {
  width: 100%
}

.section_api .spring_secound_sec .spring_description {
  background: #fff;
  position: absolute;
  top: 0;
  width: 589px;
  padding: 0 50px 80px 0
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .section_api .spring_secound_sec .spring_description {
    width: auto;
    padding: 0;
    position: inherit
  }
}

.section_api .spring_secound_sec .spring_description p {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 157%;
  padding: 0 134px 25px 0;
  opacity: .5
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .section_api .spring_secound_sec .spring_description p {
    padding: 0
  }
}

.section_api .spring_secound_sec .spring_description img.shape {
  position: absolute;
  bottom: -48px;
  left: -40px;
  width: auto
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .section_api .spring_secound_sec .spring_description img.shape {
    display: none
  }
}

.section_facilities {
  padding-bottom: 80px;
  padding-top: 117px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .section_facilities {
    padding-top: 37px
  }
}

.section_facilities .spring_inner_section {
  width: 100%
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .section_facilities .spring_inner_section {
    padding: 0 31px 0 36px
  }
}

.section_facilities .spring_inner_section .facilities_title h1 {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 144px;
  line-height: 78px;
  letter-spacing: -.03em;
  opacity: .08
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .section_facilities .spring_inner_section .facilities_title h1 {
    font-size: 65px
  }
}

.section_facilities .spring_inner_section h2 {
  font-size: 45px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .section_facilities .spring_inner_section h2 {
    font-size: 36px
  }
}

.section_facilities .spring_inner_section .facilities_title {
  text-align: right
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .section_facilities .spring_inner_section .facilities_title {
    text-align: center
  }
}

.section_facilities .spring_inner_section .research {
  padding-top: 49px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .section_facilities .spring_inner_section .research {
    padding-bottom: 24px
  }
}

.section_facilities .spring_inner_section .research_bottom {
  margin-bottom: 52px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .section_facilities .spring_inner_section .research_bottom {
    margin-bottom: 0
  }
}

.section_facilities .spring_secound_facilities {
  position: relative
}

.section_facilities .spring_secound_facilities img {
  width: 100%
}

.section_facilities .spring_secound_facilities .top_0 {
  top: 0
}

.section_facilities .spring_secound_facilities .spring_description {
  background: #fff;
  position: absolute;
  bottom: 0;
  width: 383px;
  padding: 0 0 40px 28px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .section_facilities .spring_secound_facilities .spring_description {
    width: auto;
    padding: 0;
    position: inherit
  }
}

.section_facilities .spring_secound_facilities .spring_description:hover .butn-light {
  background-color: #141414;
  color: #fff !important
}

.section_facilities .spring_secound_facilities .spring_description:hover .butn-light:after {
  background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/whitearrow.svg)
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .section_facilities .spring_secound_facilities .spring_description .icon_btn {
    display: flex;
    align-items: center
  }
}

.section_facilities .spring_secound_facilities .spring_description p {
  font-family: Ilisarniq;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 167%;
  color: #878787;
  margin-bottom: 39px;
  padding-right: 0
}

.section_facilities .spring_secound_facilities .spring_description img.shape {
  position: absolute;
  bottom: -48px;
  left: -40px;
  width: auto
}

.section_facilities .spring_secound_facilities .spring_description a.trycolor {
  color: #0074df !important
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .section_facilities .spring_secound_facilities .spring_description a.trycolor {
    width: 152px
  }
}

.section_facilities .spring_secound_facilities .spring_description a.butn-light {
  font-weight: 700;
  font-family: Ubuntu;
  text-decoration: none
}

.section_facilities .spring_secound_facilities .spring_description h4 {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 56px
}

.section_facilities .yap_col_content {
  margin-top: 29px
}

.section_facilities .yap_col_content h4 {
  padding-top: 10px;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  padding-bottom: 15px
}

.section_facilities .yap_col_content p {
  font-family: Ilisarniq;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 167%;
  color: #878787;
  width: 300px
}

.facilities_bottom,
.other_service {
  margin-bottom: 90px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .other_service {
    padding-top: 37px
  }
}

.other_service .other_service_bottom {
  margin-bottom: 24px
}

.other_service .spring_inner_section {
  width: 100%
}

.other_service .other_service_description {
  transform: skewX(-5deg);
  border-radius: 46px;
  border: 1px solid hsla(0, 0%, 8%, .1);
  box-sizing: border-box;
  border-radius: 16px;
  padding: 50px 47px 80px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .other_service .other_service_description {
    transform: skewX(0deg);
    margin-bottom: 15px
  }
}

.other_service .other_service_description h4 {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 56px;
  color: #151515
}

.other_service .other_service_description p {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 157%;
  color: #4f4f4f
}

.other_service .other_service_description .yap_col_content {
  transform: skewX(5deg)
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .other_service .other_service_description .yap_col_content {
    transform: skewX(0deg)
  }
}

.other_service .other_service_description span span.number_tag {
  font-size: 12px
}

.footer_contact .spring_inner_section {
  width: 100%
}

.footer_contact h1 {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 144px;
  line-height: 78px;
  letter-spacing: -.03em;
  opacity: .08
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .footer_contact h1 {
    font-size: 84px
  }
}

.footer_contact .facilities_title {
  text-align: right
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .footer_contact .facilities_title {
    text-align: center
  }
}

.footer_section .no_pad {
  padding: 0
}

.footer_section .bg_black {
  background-color: #151515
}

.footer_section .map {
  height: 100%;
  font-family: IBM Plex Mono, monospace !important;
  font-style: normal;
  font-weight: 400;
  font-size: 14px !important;
  line-height: 167%;
  -webkit-text-decoration-line: underline !important;
  text-decoration-line: underline !important;
  color: #46dbc9 !important
}

.footer_section .map iframe {
  height: 100%
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .footer_section .map iframe {
    height: 450px
  }
}

.footer_section .logo-col {
  padding: 50px 0
}

@media only screen and (max-width:898px) and (min-width:768px) {
  .footer_section .logo-col {
    width: 100% !important
  }
}

.footer_section .footer_col {
  padding: 0;
  width: 33.3%;
  float: left
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .footer_section .footer_col {
    width: auto;
    padding: 40px 0 0 36px
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) {
  .footer_section .footer_col {
    padding: 30px 0 0
  }
}

.footer_section .footer_col h5 {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 19px;
  line-height: 176%;
  color: #fff
}

.footer_section .footer_col h5 a {
  color: #fff
}

.footer_section .footer_col h5 a:hover {
  text-decoration: none
}

.footer_section .footer_col ul {
  padding: 0
}

.footer_section .footer_col ul li {
  list-style-type: none;
  padding-bottom: 10px
}

.footer_section .footer_col ul li a {
  text-decoration: none;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 176%;
  color: #fff;
  opacity: .6;
  transition: color .34s ease-in-out
}

@media screen and (min-width:768px) and (max-width:992px) {
  .footer_section .footer_col ul li a {
    font-size: 12px !important;
    line-height: 19px !important
  }
}

.footer_section .footer_col ul li a.footer_anchar {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 167%;
  color: #46dbc9;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline
}

@media only screen and (max-width:767px) {
  .home_responsive {
    margin-top: 10px !important
  }
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .home_responsive {
    margin-top: 140px
  }
}

@media only screen and (min-device-width:720px) and (max-device-width:1280px) {
  .home_responsive .grp_btn {
    display: block
  }
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {

  .home_responsive .grp_btn .butn-dark,
  .home_responsive .grp_btn .butn-light {
    width: 100%
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) and (orientation:portrait) {
  .home_responsive .grp_btn .butn-light {
    margin-right: 5px
  }
}

@media only screen and (min-device-width:720px) and (max-device-width:1280px) {
  .home_responsive .grp_btn .butn-light {
    margin-right: 12px
  }
}

.home_api_responsive .inner_section {
  padding: 50px 0
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .home_api_responsive .inner_section {
    padding: 0 31px 0 36px
  }

  .home_api_responsive .grp_btn {
    display: flex;
    flex-direction: column;
    align-items: center
  }
}

@media only screen and (min-device-width:720px) and (max-device-width:1280px) {
  .home_api_responsive .grp_btn {
    display: flex
  }
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {

  .home_api_responsive .grp_btn .butn-dark,
  .home_api_responsive .grp_btn .butn-light {
    width: 100%
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) and (orientation:portrait) {
  .home_api_responsive .grp_btn .butn-light {
    margin-right: 5px
  }
}

@media only screen and (min-device-width:720px) and (max-device-width:1280px) {
  .home_api_responsive .grp_btn .butn-light {
    margin-right: 12px
  }
}

.home_api_responsive .developer_first {
  margin: 50px 0 0
}

.home_api_responsive .developer_first p {
  padding-right: 0
}

@media only screen and (max-width:1024px) and (min-width:768px) and (orientation:portrait) {
  .home_api_responsive .developer_first p {
    width: auto
  }
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .home_api_responsive .developer_first {
    padding-left: 0
  }
}

.flow_banner {
  background: #151515
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .flow_banner {
    padding: 34px 0
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) and (orientation:portrait) {
  .flow_banner {
    padding: 34px 0
  }
}

.flow_banner .yap_tagline {
  font-family: IBM Plex Mono, monospace;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 176%;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: hsla(0, 0%, 100%, .6)
}

.flow_banner .yap_title {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 800;
  font-size: 48px;
  line-height: 56px;
  color: #fff;
  width: auto
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .flow_banner .yap_title {
    width: auto
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) {
  .flow_banner .yap_title {
    font-size: 38px;
    line-height: 46px
  }
}

.flow_banner p {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 157%;
  color: #fff;
  opacity: .5;
  width: 420px;
  margin-bottom: 48px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .flow_banner p {
    width: auto
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) and (orientation:portrait) {
  .flow_banner p {
    width: auto
  }
}

@media only screen and (min-device-width:720px) and (max-device-width:1280px) {
  .flow_banner .grp_btn {
    display: flex
  }
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .flow_banner .grp_btn .butn {
    width: 180px
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) and (orientation:portrait) {
  .flow_banner .grp_btn .butn {
    margin-right: 5px
  }
}

@media only screen and (min-device-width:720px) and (max-device-width:1280px) {
  .flow_banner .grp_btn .butn {
    margin-right: 12px
  }
}

.flow_banner .butn-light {
  background: hsla(0, 0%, 100%, .16);
  color: #fff !important
}

.flow_banner .butn-light:after {
  background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/whitearrow.svg)
}

.flow_banner .butn-dark {
  background-color: #fff;
  color: #151515 !important
}

.flow_banner .butn-dark:after {
  background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/arrow.svg)
}

.secound_flow_section {
  padding-bottom: 50px
}

.secound_flow_section .mar_24 {
  margin-top: 24px
}

.secound_flow_section .mar_24 a.read_flow_details {
  font-family: IBM Plex Mono, monospace;
  font-size: 14px;
  line-height: 167%;
  text-decoration: underline;
  color: #0074df
}

.secound_flow_section .big_title {
  margin-bottom: 72px
}

.secound_flow_section .big_title h2 {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 800;
  font-size: 48px;
  line-height: 56px;
  color: #151515
}

.secound_flow_section h4 {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  width: 260px
}

.secound_flow_section h4.flow_product_name {
  width: 174px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .secound_flow_section h4.flow_product_name {
    width: auto
  }
}

.secound_flow_section p {
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 167%;
  margin-bottom: 36px;
  font-family: Ubuntu;
  color: #4f4f4f;
  width: 380px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .secound_flow_section p {
    width: auto
  }
}

.secound_flow_section .inner_flow_content {
  border: 1px solid #e9e9e9;
  padding: 24px;
  box-sizing: border-box;
  border-radius: 12px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .secound_flow_section .inner_flow_content {
    margin-bottom: 10px
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) and (orientation:portrait) {
  .secound_flow_section .inner_flow_content {
    margin-bottom: 10px
  }
}

.secound_flow_section .inner_flow_content span.tagline {
  font-family: IBM Plex Mono, monospace;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 176%;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: hsla(0, 0%, 8%, .5)
}

@media only screen and (max-width:1024px) and (min-width:768px) {
  .secound_flow_section .inner_flow_content span.tagline {
    white-space: nowrap
  }
}

.secound_flow_section .inner_flow_content span {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 32px;
  color: #151515
}

.secound_flow_section .inner_flow_content p.no_bottom {
  margin-bottom: 0;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  margin-top: 24px;
  line-height: 32px;
  color: #151515
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .flows_feature {
    margin-bottom: 10px
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) and (orientation:portrait) {
  .flows_feature {
    margin-bottom: 10px
  }
}

.flows_feature h2 {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 800;
  font-size: 48px;
  line-height: 56px;
  color: #151515;
  padding: 24px 0
}

@media screen and (max-width:767px) {
  .flows_feature h2 {
    font-size: 32px;
    line-height: 39px
  }
}

.flows_feature h4 {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 56px;
  width: 100%
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .flows_feature h4.carrer_life {
    width: 216px
  }
}

.flows_feature p.flo {
  padding-right: 0 !important;
  width: 380px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .flows_feature p.flo {
    width: auto !important
  }
}

.flows_feature p.no_wi {
  padding-right: 0;
  width: 300px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .flows_feature p.no_wi {
    width: auto
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) and (orientation:portrait) {
  .flows_feature p.no_wi {
    width: auto
  }
}

@media only screen and (min-device-width:720px) and (max-device-width:1280px) {
  .flows_feature p.no_wi {
    width: auto
  }
}

.flow_mobile_section h4 {
  font-size: 18px !important;
  line-height: 32px !important;
  width: 176px !important;
  padding: 24px 0 !important
}

.flow_mobile_section p {
  font-family: Ubuntu !important;
  font-size: 16px !important;
  color: #4f4f4f !important;
  width: 380px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .flow_mobile_section p {
    width: auto
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) and (orientation:portrait) {
  .flow_mobile_section p {
    width: auto
  }
}

@media only screen and (min-device-width:720px) and (max-device-width:1280px) {
  .flow_mobile_section p {
    width: auto
  }
}

.flow_mobile_section p.no_wi {
  padding-right: 0;
  width: 300px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .flow_mobile_section p.no_wi {
    width: auto
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) and (orientation:portrait) {
  .flow_mobile_section p.no_wi {
    width: auto
  }
}

.flow_mobile_section .mobile_section_contents {
  border: 8px solid #151515;
  border-radius: 1.25rem;
  box-shadow: 0 10px 20px rgba(0, 0, 0, .3), inset 0 3px 10px rgba(0, 0, 0, .2);
  -ms-box-shadow: 0 10px 20px rgba(0, 0, 0, .3), inset 0 3px 10px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, .3), inset 0 3px 10px rgba(0, 0, 0, .2);
  margin-bottom: 150px;
  width: 55%;
  height: 720px;
  margin-left: auto
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .flow_mobile_section .mobile_section_contents {
    width: auto
  }
}

@media only screen and (min-device-width:720px) and (max-device-width:1280px) {
  .flow_mobile_section .mobile_section_contents {
    width: 80%
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) and (orientation:portrait) {
  .flow_mobile_section .mobile_section_contents {
    width: auto
  }
}

.flow_mobile_section .mobile_section_contents h1 {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 48px;
  line-height: 62px;
  margin-bottom: 48px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .flow_mobile_section .mobile_section_contents h1 {
    font-size: 37px
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) and (orientation:portrait) {
  .flow_mobile_section .mobile_section_contents h1 {
    font-size: 43px
  }
}

@media only screen and (min-device-width:720px) and (max-device-width:1280px) {
  .flow_mobile_section .mobile_section_contents h1 {
    font-size: 42px
  }
}

.flow_mobile_section .mobile_section_contents .inner_mobile_section_desc {
  padding: 25px
}

.flow_mobile_section .mobile_section_contents .inner_mobile_section_desc .inner_mobile_logos {
  display: flex;
  align-items: end;
  justify-content: space-between
}

.flow_mobile_section .mobile_section_contents .inner_mobile_section_desc .inner_mobile_mar_top {
  margin-top: 90px
}

.flow_mobile_section .mobile_section_contents .inner_mobile_section_desc .butn {
  height: 60px
}

.flow_mobile_section .actional_items ul {
  padding: 0;
  width: 266px
}

.flow_mobile_section .actional_items ul li {
  list-style: none;
  border-bottom: .5px solid #ccc;
  padding: 20px 0 20px 5px
}

.flow_mobile_section .actional_items ul li a {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 167%;
  color: #0074df
}

.flow_mobile_section .actional_items ul li a .side_arrow {
  float: right
}

.flow_mobile_section .actional_items ul li a:hover {
  text-decoration: none
}

.flow_mobile_section .activity_items {
  margin-bottom: 30px
}

.flow_mobile_section h4 {
  padding-top: 10px;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  padding-bottom: 15px
}

.flow_mobile_section p {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 167%;
  color: #878787
}

.flow_mobile_section .yap_col_content p.no_padd_right {
  padding-right: 0
}

.flow_mobile_section .mar_btm {
  margin-top: 50px
}

.flow_contact_sales {
  padding: 70px 0 80px;
  background: #f9fcff
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .flow_contact_sales {
    padding: 50px 0
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) and (orientation:portrait) {
  .flow_contact_sales {
    padding: 50px 0
  }
}

.flow_contact_sales .content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column
}

.flow_contact_sales span.tagline {
  font-family: IBM Plex Mono, monospace;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 176%;
  letter-spacing: .1em;
  text-transform: uppercase;
  padding-bottom: 15px;
  color: hsla(0, 0%, 8%, .5);
  opacity: .7
}

.flow_contact_sales h4 {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 800;
  font-size: 48px;
  line-height: 56px;
  color: #151515
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .flow_contact_sales h4 {
    margin-bottom: 25px
  }
}

.flow_contact_sales .form-group input {
  height: 48px;
  border: 1px solid hsla(0, 0%, 8%, .2);
  box-sizing: border-box;
  border-radius: 4px;
  margin-bottom: 35px;
  background: transparent
}

.flow_contact_sales .form-group label {
  font-family: Ilisarniq;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 17px;
  color: #151515
}

.flow_contact_sales .form-group label span {
  color: #ff9100
}

.flow_contact_sales a {
  width: 100%
}

.flow_contact_sales p {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #4f4f4f;
  padding: 25px
}

.flow_contact_sales p span {
  text-decoration: underline
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .flow_contact_sales p {
    padding: 25px 0
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) and (orientation:portrait) {
  .flow_contact_sales p {
    padding: 25px 0
  }
}

.banner_for_single_product .mb {
  margin-bottom: 80px
}

.banner_for_single_product h2 {
  width: 351px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .banner_for_single_product h2 {
    width: auto
  }
}

.banner_for_single_product .wallet_gift {
  width: 100%
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .banner_for_single_product .wallet_gift {
    width: auto
  }
}

.banner_for_single_product .newsletter_span {
  font-style: normal !important;
  font-weight: 900 !important;
  font-size: 24px !important;
  line-height: 167% !important;
  margin-bottom: 36px !important;
  font-family: Ilisarniq !important;
  color: #151515 !important
}

@media screen and (max-width:767px) {
  .banner_for_single_product .newsletter_span {
    font-size: 16px !important;
    line-height: 25.13px !important;
    text-align: left
  }
}

.banner_for_single_product .fleett {
  width: 523px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .banner_for_single_product .fleett {
    width: auto
  }
}

.banner_for_single_product .cross-border {
  width: 475px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .banner_for_single_product .cross-border {
    width: auto
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) {
  .banner_for_single_product .cross-border {
    width: auto
  }
}

.banner_for_single_product .lending-corporate {
  width: 524px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .banner_for_single_product .lending-corporate {
    width: auto
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) {
  .banner_for_single_product .lending-corporate {
    width: auto
  }
}

.banner_for_single_product .banking-account {
  width: 438px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .banner_for_single_product .banking-account {
    width: auto
  }
}

.banner_for_single_product .banking-deposit {
  width: 482px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .banner_for_single_product .banking-deposit {
    width: auto
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) {
  .banner_for_single_product .banking-deposit {
    width: auto
  }
}

.banner_for_single_product p {
  width: 470px
}

@media screen and (max-width:767px) {
  .banner_for_single_product p {
    width: 100% !important
  }
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .banner_for_single_product p {
    width: 100%
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) {
  .banner_for_single_product p {
    width: 100% !important
  }
}

@media screen and (max-width:767px) {
  .plain_icon_content p {
    width: 100%
  }
}

.single_products_flow h4 {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 56px
}

.single_products_flow p {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 167%;
  width: 318px;
  padding-right: 0 !important
}

@media only screen and (max-width:1024px) and (min-width:768px) {
  .single_products_flow p {
    width: 100%
  }
}

@media only screen and (max-width:767px) {
  .single_products_flow p {
    width: 100%
  }
}

.mr0 {
  margin-bottom: 0
}

.sm-img a {
  text-align: center
}

.sm-img img {
  width: 80%
}

.padding0 p {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 167%;
  color: #4f4f4f
}

.padding0 .fleet {
  width: 310px
}

.padding0 .cross_nopadd {
  padding: 100 50px 50px 200px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .padding0 .cross_nopadd {
    padding: 100 31px 0 36px
  }
}

.padding0 .corporate {
  width: 500px
}

.padding0 .creditcard {
  width: 475px
}

.we_support_sec h4 {
  font-weight: 700;
  line-height: 29px;
  margin-bottom: 16px
}

.we_support_sec h4,
.we_support_sec p {
  font-family: Ubuntu;
  font-style: normal;
  font-size: 16px
}

.we_support_sec p {
  font-weight: 300;
  line-height: 157%;
  margin-bottom: 30px !important;
  padding-right: 0 !important;
  width: 280px
}

@media screen and (max-width:767px) {
  .we_support_sec p {
    width: 100%
  }
}

.we_support_sec a {
  font-family: Ubuntu !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 15px !important;
  line-height: 167% !important;
  text-decoration: none !important
}

.we_support_sec .plain_icon_content {
  padding: 8px 45px 5px 0
}

@media only screen and (max-width:1024px) and (min-width:768px) {
  .we_support_sec .plain_icon_content {
    padding: 0
  }
}

.end_point_overview {
  background: #eaf0ff61;
  padding-bottom: 0
}

@media only screen and (max-width:1024px) and (min-width:768px) {
  .end_point_overview {
    padding: 50px 0;
    overflow: hidden
  }
}

.end_point_overview img.overloay_img {
  position: absolute;
  top: -72px;
  z-index: -1;
  width: 100%
}

@media only screen and (max-width:1024px) and (min-width:768px) {
  .end_point_overview img.overloay_img {
    display: none
  }
}

.end_point_overview h2 {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  width: 300px
}

.end_point_overview p {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 167%;
  color: #4f4f4f;
  width: 380px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .end_point_overview p {
    width: auto
  }
}

.end_point_overview .api_list ul {
  padding: 0;
  width: 508px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .end_point_overview .api_list ul {
    width: auto
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) {
  .end_point_overview .api_list ul {
    width: auto
  }
}

.end_point_overview .api_list ul .list_effect,
.end_point_overview .api_list ul .lst_wht {
  border-bottom: .5px solid #cccccc00;
  background: #fff
}

.end_point_overview .api_list ul .list_effect {
  border-radius: 6px;
  box-shadow: 0 4px 32px rgba(0, 0, 0, .12);
  transition: box-shadow .25s ease-in-out, border-radius .3s linear
}

.end_point_overview .api_list ul .list_effect span {
  background: #2db22a30
}

.end_point_overview .api_list ul .list_effect span img.greentick {
  display: inline-flex
}

.end_point_overview .api_list ul .list_effect span img.blacktick {
  display: none
}

.end_point_overview .api_list ul li {
  list-style: none;
  border-bottom: .5px solid #ccc;
  padding: 20px 15px 20px 16px;
  display: flex;
  transition: box-shadow .25s ease-in-out, border-radius .3s linear
}

.end_point_overview .api_list ul li a {
  font-family: IBM Plex Mono, monospace;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #151515;
  text-decoration: none;
  margin-left: 16px;
  opacity: .7;
  width: calc(100% - 30px)
}

.end_point_overview .api_list ul li span {
  text-align: center;
  background: #2db22a00;
  width: 30px;
  height: 30px;
  display: table;
  border-radius: 50px
}

.end_point_overview .api_list ul li span img.greentick {
  display: none
}

.end_point_overview .api_list ul li:first-child:hover {
  background: #fff;
  box-shadow: 0 4px 32px rgba(0, 0, 0, .12);
  border-radius: 6px;
  border-bottom: .5px solid #cccccc00
}

.end_point_overview .api_list ul li:first-child:hover span {
  background: #2db22a30
}

.end_point_overview .api_list ul li:first-child:hover span img.greentick {
  display: inline-flex
}

.end_point_overview .api_list ul li:first-child:hover span img.blacktick {
  display: none
}

.end_point_overview .api_list ul li:first-child:hover a {
  opacity: 1
}

.end_point_overview .api_list ul li:nth-child(2):hover {
  background: #fff;
  box-shadow: 0 4px 32px rgba(0, 0, 0, .12);
  border-radius: 6px;
  border-bottom: .5px solid #cccccc00
}

.end_point_overview .api_list ul li:nth-child(2):hover span {
  background: #2db22a30
}

.end_point_overview .api_list ul li:nth-child(2):hover span img.greentick {
  display: inline-flex
}

.end_point_overview .api_list ul li:nth-child(2):hover span img.blacktick {
  display: none
}

.end_point_overview .api_list ul li:nth-child(2):hover a {
  opacity: 1
}

.end_point_overview .api_list ul li:nth-child(3):hover {
  background: #fff;
  box-shadow: 0 4px 32px rgba(0, 0, 0, .12);
  border-radius: 6px;
  border-bottom: .5px solid #cccccc00
}

.end_point_overview .api_list ul li:nth-child(3):hover span {
  background: #2db22a30
}

.end_point_overview .api_list ul li:nth-child(3):hover span img.greentick {
  display: inline-flex
}

.end_point_overview .api_list ul li:nth-child(3):hover span img.blacktick {
  display: none
}

.end_point_overview .api_list ul li:nth-child(3):hover a {
  opacity: 1
}

.end_point_overview .api_list ul li:nth-child(4):hover {
  background: #fff;
  box-shadow: 0 4px 32px rgba(0, 0, 0, .12);
  border-radius: 6px;
  border-bottom: .5px solid #cccccc00
}

.end_point_overview .api_list ul li:nth-child(4):hover span {
  background: #2db22a30
}

.end_point_overview .api_list ul li:nth-child(4):hover span img.greentick {
  display: inline-flex
}

.end_point_overview .api_list ul li:nth-child(4):hover span img.blacktick {
  display: none
}

.end_point_overview .api_list ul li:nth-child(4):hover a {
  opacity: 1
}

.end_point_overview .api_list ul li:nth-child(5):hover {
  background: #fff;
  box-shadow: 0 4px 32px rgba(0, 0, 0, .12);
  border-radius: 6px;
  border-bottom: .5px solid #cccccc00
}

.end_point_overview .api_list ul li:nth-child(5):hover span {
  background: #2db22a30
}

.end_point_overview .api_list ul li:nth-child(5):hover span img.greentick {
  display: inline-flex
}

.end_point_overview .api_list ul li:nth-child(5):hover span img.blacktick {
  display: none
}

.end_point_overview .api_list ul li:nth-child(5):hover a {
  opacity: 1
}

.end_point_overview .api_list ul li:nth-child(6):hover {
  background: #fff;
  box-shadow: 0 4px 32px rgba(0, 0, 0, .12);
  border-radius: 6px;
  border-bottom: .5px solid #cccccc00
}

.end_point_overview .api_list ul li:nth-child(6):hover span {
  background: #2db22a30
}

.end_point_overview .api_list ul li:nth-child(6):hover span img.greentick {
  display: inline-flex
}

.end_point_overview .api_list ul li:nth-child(6):hover span img.blacktick {
  display: none
}

.end_point_overview .api_list ul li:nth-child(6):hover a {
  opacity: 1
}

.end_point_overview .api_list ul li:nth-child(7):hover {
  background: #fff;
  box-shadow: 0 4px 32px rgba(0, 0, 0, .12);
  border-radius: 6px;
  border-bottom: .5px solid #cccccc00
}

.end_point_overview .api_list ul li:nth-child(7):hover span {
  background: #2db22a30
}

.end_point_overview .api_list ul li:nth-child(7):hover span img.greentick {
  display: inline-flex
}

.end_point_overview .api_list ul li:nth-child(7):hover span img.blacktick {
  display: none
}

.end_point_overview .api_list ul li:nth-child(7):hover a {
  opacity: 1
}

.end_point_overview .api_list ul li:nth-child(8):hover {
  background: #fff;
  box-shadow: 0 4px 32px rgba(0, 0, 0, .12);
  border-radius: 6px;
  border-bottom: .5px solid #cccccc00
}

.end_point_overview .api_list ul li:nth-child(8):hover span {
  background: #2db22a30
}

.end_point_overview .api_list ul li:nth-child(8):hover span img.greentick {
  display: inline-flex
}

.end_point_overview .api_list ul li:nth-child(8):hover span img.blacktick {
  display: none
}

.end_point_overview .api_list ul li:nth-child(8):hover a {
  opacity: 1
}

.end_point_overview .api_list ul li:nth-child(9):hover {
  background: #fff;
  box-shadow: 0 4px 32px rgba(0, 0, 0, .12);
  border-radius: 6px;
  border-bottom: .5px solid #cccccc00
}

.end_point_overview .api_list ul li:nth-child(9):hover span {
  background: #2db22a30
}

.end_point_overview .api_list ul li:nth-child(9):hover span img.greentick {
  display: inline-flex
}

.end_point_overview .api_list ul li:nth-child(9):hover span img.blacktick {
  display: none
}

.end_point_overview .api_list ul li:nth-child(9):hover a {
  opacity: 1
}

.end_point_overview .api_list .view_api_docs {
  padding: 20px 0 20px 16px
}

@media only screen and (max-width:1024px) and (min-width:768px) {
  .end_point_overview .api_list .view_api_docs {
    text-align: center
  }
}

.end_point_overview .api_list .view_api_docs a {
  width: 420px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .end_point_overview .api_list .view_api_docs a {
    width: 100%
  }
}

.end_point_overview .code_bx {
  box-shadow: 0 4px 16px rgba(0, 0, 0, .24)
}

.end_point_overview .code_bx .tlt_sec {
  border-bottom: 1px solid #303030;
  display: block;
  justify-content: space-between;
  background: #111;
  border-radius: 6px 6px 0 0
}

.end_point_overview .code_bx .tlt_sec .hed_tlt_sec {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.end_point_overview .code_bx .tlt_sec .hed_tlt_sec p {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #bbb;
  padding: 15px;
  margin-bottom: 0
}

.end_point_overview .code_bx .tlt_sec .hed_tlt_sec .ac_center {
  padding: 0 15px
}

.end_point_overview .code_bx .tlt_sec .hed_tlt_sec .ac_center span {
  background: #ffbc39;
  font-family: IBM Plex Mono, monospace;
  border-radius: 6px;
  padding: 4px 30px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px
}

.end_point_overview .code_bx .language-json {
  background: #111;
  margin: 0;
  border-radius: 0 0 6px 6px
}

.end_point_overview .code_bx .language-json::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  border-radius: 10px
}

.end_point_overview .code_bx .language-json::-webkit-scrollbar {
  width: 5px;
  height: 5px
}

.end_point_overview .code_bx .language-json::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #555
}

.end_point_overview .code_bx .language-json::-webkit-scrollbar-thumb::horizontal {
  width: 5px;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #555
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .career_section .res_top {
    margin-top: 45px
  }
}

.career_section p {
  font-family: Ubuntu !important;
  font-style: normal !important;
  font-weight: 300 !important;
  font-size: 18px !important;
  line-height: 167% !important;
  color: #4f4f4f !important;
  width: 469px;
  margin-top: 14px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .career_section p {
    width: auto;
    font-size: 16px !important;
    margin-top: 0
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) {
  .career_section p {
    width: auto
  }
}

.career_section h2 {
  width: 384px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .career_section h2 {
    width: auto;
    font-size: 31px;
    line-height: 40px
  }
}

.career_section h2.designation {
  width: auto !important;
  padding-bottom: 0
}

@media only screen and (min-width:320px) and (orientation:portrait) {
  .career_section .grp_btn {
    display: block
  }
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .career_section .grp_btn .butn {
    width: 100%;
    display: flex
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) and (orientation:portrait) {
  .career_section .grp_btn .butn {
    margin-right: 5px
  }
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .career_section .grp_btn.career_btn_left {
    text-align: left
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) and (orientation:portrait) {
  .career_section .res_top {
    margin-top: 90px
  }
}

.career_section .current_open .marg_24 {
  padding: 24px 0
}

.career_section .current_open .marg_24 p.carre_para {
  font-family: Ubuntu !important;
  font-style: normal;
  font-weight: 300;
  font-size: 16px !important;
  line-height: 167% !important;
  width: 380px !important;
  padding-right: 0 !important;
  color: #4f4f4f
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .career_section .current_open .marg_24 p.carre_para {
    width: auto !important
  }
}

.career_section .current_open h4 {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 16px;
  width: 303px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .career_section .current_open h4 {
    width: auto
  }
}

.hide_mobile {
  display: none
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .position.hide_mobile {
    display: block
  }
}

.position .position_details ul {
  padding: 0;
  list-style: none
}

.position .position_details ul li {
  padding: 25px 0
}

.position .position_details ul li .tagline {
  font-family: IBM Plex Mono, monospace;
  font-style: normal;
  font-weight: 500;
  line-height: 176%;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: hsla(0, 0%, 8%, .5)
}

.position .position_details ul li a {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  color: #151515;
  display: -webkit-flex;
  justify-content: space-between
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .position .position_details ul li a {
    font-size: 18px
  }
}

.position .position_details ul li a span {
  flex: 0 0 33.333333%;
  max-width: 33.333333%
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .position .position_details ul li a span {
    flex: auto;
    max-width: none;
    display: block
  }

  .position .position_details ul li a span.text {
    font-size: 14px !important
  }

  .career_desc .inner_career_content h4 {
    font-size: 25px !important
  }

  .career_desc .inner_career_content .career_list li {
    font-size: 16px !important
  }
}

.position .position_details ul li a span.no_widht {
  flex: auto;
  max-width: -moz-fit-content;
  max-width: fit-content
}

.position .position_details ul li a span.text {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: #151515;
  opacity: .6
}

.position .position_details ul li a:hover {
  text-decoration: none
}

.position .position_details ul li:first-child {
  display: flex;
  justify-content: space-between;
  margin-bottom: 25px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .position .position_details ul li:first-child {
    display: none
  }
}

.position .position_details ul li:first-child img {
  visibility: hidden
}

.position .position_details ul li:nth-child(2),
.position .position_details ul li:nth-child(3),
.position .position_details ul li:nth-child(4),
.position .position_details ul li:nth-child(5) {
  padding: 30px 0;
  border-bottom: 1px solid #e5e5e5
}

.position .no_padd {
  padding-top: 0
}

.pad_top {
  padding-top: 100px !important
}

.current_open .marg_24 {
  padding: 24px 0
}

.current_open h4 {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 16px
}

.current_open p {
  font-family: Ubuntu !important;
  font-style: normal;
  color: #4f4f4f;
  font-weight: 300;
  line-height: 170% !important
}

.pad_90 {
  padding-top: 90px !important
}

.news-sub-sec .news-sub-btn {
  border: 1px solid #ffffff38
}

.job_description {
  position: relative
}

.job_description .job_desc_mobile {
  display: none
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .job_description .job_desc_mobile {
    display: block
  }
}

.job_description .jobs_inner_section {
  display: flex;
  justify-content: space-between;
  width: 100%;
  position: relative
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .job_description .jobs_inner_section.mobile_description {
    padding: 0
  }

  .job_description .jobs_inner_section {
    padding: 0 0 0 36px;
    margin-top: 50px
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) {
  .job_description .jobs_inner_section {
    margin-top: 40px
  }
}

.job_description .jobs_inner_section .job_tabs .nav-item {
  margin-right: 36px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .job_description .jobs_inner_section .job_tabs .nav-item {
    margin-right: 0
  }
}

.job_description .jobs_inner_section .job_tabs .nav-links {
  display: block;
  padding: .5rem 1rem
}

.job_description .jobs_inner_section .job_tabs .nav-links:hover {
  text-decoration: none;
  color: #ee3224
}

.job_description:after {
  width: 100%;
  height: 1px;
  background: #cfcfcf;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0
}

.job_description.no_after:after {
  display: none
}

.job_description .next_prev_jobs {
  padding: 0;
  list-style: none;
  margin: 0
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .job_description .next_prev_jobs {
    text-align: center;
    margin-top: 25px
  }
}

.job_description .next_prev_jobs.job_desc_desk {
  display: block
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .job_description .next_prev_jobs.job_desc_desk {
    display: none
  }
}

.job_description .next_prev_jobs li {
  display: inline-block;
  margin-right: 10px
}

.job_description .next_prev_jobs li span.job_title {
  font-family: IBM Plex Mono, monospace;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 167%;
  text-transform: uppercase;
  color: #151515;
  opacity: .5
}

.job_description .next_prev_jobs li span.left_bg {
  margin-right: 5px
}

.job_description .next_prev_jobs li span.right_bg {
  margin-left: 5px
}

.job_description .next_prev_jobs li:first-child span {
  font-family: IBM Plex Mono, monospace;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 167%;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline
}

.job_description .next_prev_jobs li:nth-child(2) span.left_bg,
.job_description .next_prev_jobs li:nth-child(2) span.right_bg,
.job_description .next_prev_jobs li:nth-child(4) span.left_bg,
.job_description .next_prev_jobs li:nth-child(4) span.right_bg {
  text-align: center;
  background: #151515;
  width: 19px;
  display: inline-flex;
  padding: 5px;
  height: 19px;
  border-radius: 3px
}

.nav-pills .nav-links.active,
.nav-pills .show>.nav-links {
  color: #000;
  background-color: #15151500 !important;
  border-radius: 0;
  border-bottom: 3px solid;
  font-weight: 700
}

.nav-links,
.nav-pills .nav-links.active,
.nav-pills .show>.nav-links {
  font-style: normal;
  font-size: 18px;
  line-height: 22px;
  font-family: Ubuntu
}

.nav-links {
  color: #151515;
  font-weight: 400
}

.career_desc {
  margin: 25px 0
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .career_desc {
    margin-top: 36px
  }

  .career_desc .spring_inner_section {
    padding: 0 31px 0 36px
  }
}

.career_desc .marg_90 {
  margin-top: 90px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .career_desc .marg_90 {
    margin-top: 50px
  }
}

.career_desc .inner_career_content h4 {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 16px
}

.career_desc .inner_career_content p {
  font-family: Ubuntu !important;
  font-style: normal;
  font-weight: 300;
  font-size: 16px !important;
  line-height: 167% !important;
  color: #4f4f4f
}

.career_desc .inner_career_content .career_list {
  padding-left: 20px;
  margin-bottom: 0;
  margin-top: 20px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .career_desc .inner_career_content .career_list {
    margin-top: 35px
  }
}

.career_desc .inner_career_content .career_list li {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 300;
  line-height: 167%;
  color: #4f4f4f;
  margin-bottom: 15px
}

.career_desc .inner_career_content .job_application .tagline {
  font-family: IBM Plex Mono, monospace;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 176%;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: hsla(0, 0%, 8%, .5)
}

.career_desc .inner_career_content .job_application h4 {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 800;
  font-size: 48px;
  line-height: 56px;
  margin-top: 24px
}

.career_desc .inner_career_content .jobs_form {
  margin-top: 48px
}

.career_desc .inner_career_content .jobs_form .flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .career_desc .inner_career_content .jobs_form .flex {
    display: block;
    margin-top: 25px
  }
}

.career_desc .inner_career_content .jobs_form .flex .tagline {
  font-family: IBM Plex Mono, monospace;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 176%;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: hsla(0, 0%, 8%, .5)
}

.career_desc .inner_career_content .jobs_form .flex .butn {
  width: 280px;
  background: #2b87bb
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .career_desc .inner_career_content .jobs_form .flex .butn {
    margin-top: 25px
  }
}

.career_desc .inner_career_content .jobs_form .form-group {
  margin-bottom: 37px
}

.career_desc .inner_career_content .jobs_form .form-group label {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 17px;
  color: #151515
}

.career_desc .inner_career_content .jobs_form .form-group label span {
  color: #ff9100
}

.career_desc .inner_career_content .jobs_form .form-group .input_pos {
  position: relative
}

.career_desc .inner_career_content .jobs_form .form-group .input_pos a {
  position: absolute;
  top: 15px;
  right: 23px;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  color: #4f4f4f
}

.career_desc .inner_career_content .jobs_form .form-group input {
  height: 48px;
  border: 1px solid hsla(0, 0%, 8%, .2);
  box-sizing: border-box;
  border-radius: 4px
}

.career_desc .inner_career_content .jobs_form .form-group p.pdf_txt {
  font-style: normal;
  font-weight: 400;
  font-size: 14px !important;
  line-height: 17px !important;
  font-family: Ilisarniq !important;
  color: #a6a6a6;
  margin-top: 14px
}

.career_subscribe {
  background: #151515;
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px
}

.career_subscribe .inner_subscribe {
  padding-left: 109px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .career_subscribe .inner_subscribe {
    padding-left: 0
  }
}

.career_subscribe .subscribe_img {
  position: absolute;
  left: -30px;
  top: 0
}

.career_subscribe img.mailbox {
  position: absolute;
  top: 44px;
  left: 37%
}

.career_subscribe img.right_mailbox {
  position: absolute;
  right: 139px;
  bottom: 65px
}

.career_subscribe img.right_round {
  position: absolute;
  right: 13px;
  top: 48px
}

.career_subscribe span {
  font-family: IBM Plex Mono, monospace;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 176%;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: hsla(0, 0%, 100%, .5)
}

.career_subscribe h2.subscribe_title {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 800;
  font-size: 36px;
  line-height: 43px;
  color: #fff
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .career_subscribe h2.subscribe_title {
    font-size: 32px;
    margin-top: 16px
  }
}

.career_subscribe .form-group input {
  color: #fff;
  background: no-repeat;
  border: 1px solid hsla(0, 0%, 100%, .5);
  height: 48px;
  box-sizing: border-box;
  border-radius: 4px;
  margin-top: 0;
  margin-bottom: 16px
}

.career_subscribe .form-group a {
  width: 100%
}

.career_subscribe .form-group,
.career_subscribe .top_btn {
  margin-top: 48px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .career_subscribe .form-group {
    margin-top: 16px
  }

  .career_subscribe .form-group.no_margin_top {
    margin-top: 0
  }
}

.career_subscribe .form-group label {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 17px;
  color: #fff
}

.career_subscribe .form-group label span.star {
  color: #ff9100;
  font-family: auto
}

.section_doodle_animation {
  background: #151515
}

.section_doodle_animation h2 {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 800;
  font-size: 48px;
  line-height: 56px;
  color: #fff;
  padding: 24px 0
}

.section_doodle_animation a.butn-white-trans {
  background-color: transparent;
  color: #fff !important;
  border: 1px solid #ffffff38;
  width: 255px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .section_doodle_animation a.butn-white-trans {
    width: auto
  }
}

.section_doodle_animation .doodle_img {
  text-align: right
}

.section_doodle_animation .slider_ctrl {
  padding: 25px 0;
  position: relative
}

.section_doodle_animation .slider_ctrl .pagingInfo {
  font-weight: "IBM Plex Mono", monospace;
  font-size: 14px;
  color: #fff;
  text-decoration: underline;
  line-height: 167%;
  right: 108px;
  position: absolute
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .section_doodle_animation .slider_ctrl .pagingInfo {
    right: 58px;
    top: 6px
  }
}

.section_doodle_animation #left_caro {
  position: absolute;
  top: -40px;
  cursor: pointer;
  right: 90px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .section_doodle_animation #left_caro {
    right: 40px
  }
}

.section_doodle_animation #right_caro {
  top: -40px;
  position: absolute;
  right: 70px;
  cursor: pointer
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .section_doodle_animation #right_caro {
    right: 15px
  }
}

.section_doodle_animation .yap_tagline {
  font-family: IBM Plex Mono, monospace;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 176%;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: hsla(0, 0%, 100%, .5)
}

.section_doodle_animation .inner_section.doodle_height {
  padding: 50px 0;
  width: 100%
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .section_doodle_animation .inner_section.doodle_height {
    margin-bottom: 45px
  }
}

.section_doodle_animation .inner_section.doodle_height .doode_top {
  margin-top: 75px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .section_doodle_animation .inner_section.doodle_height .doode_top {
    margin-top: 0
  }
}

.section_doodle_animation .inner_section.doodle_height .investor_col {
  outline: none
}

.section_doodle_animation .inner_section.doodle_height .investor_col .doodle {
  cursor: pointer;
  width: 100px;
  height: 100px;
  border: 1px solid hsla(0, 0%, 100%, .5);
  box-sizing: border-box;
  border-radius: 20px;
  display: block;
  text-align: center;
  line-height: 99px
}

.section_doodle_animation .inner_section.doodle_height .investor_col .doodle a {
  float: left;
  width: 100%
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .section_doodle_animation .inner_section.doodle_height .investor_col .doodle {
    width: 150px;
    height: 150px;
    line-height: 129px
  }
}

.section_doodle_animation .inner_section.doodle_height .investor_col .doodle .fine_ap span {
  display: block;
  color: #fff
}

.section_doodle_animation .inner_section.doodle_height .investor_col .doodle a {
  font-size: "Ubuntu";
  display: block;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  border: 1px solid #151515;
  border-radius: 12px;
  height: 44px;
  line-height: 36px;
  color: #151515;
  width: 180px;
  margin: 0 auto
}

.section_doodle_animation .inner_section.doodle_height .doodle_mg {
  margin-top: 82px
}

.section_doodle_animation .inner_section.doodle_height .fina {
  width: 100px;
  height: 100px;
  border: 1px solid hsla(0, 0%, 100%, .5);
  box-sizing: border-box;
  border-radius: 20px;
  display: block;
  color: #fff;
  text-align: center;
  line-height: 99px
}

.section_doodle_animation .inner_section.doodle_height .fina .fine_aplle_height {
  padding: 25px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .section_doodle_animation .inner_section.doodle_height .fina .fine_aplle_height {
    padding: 50px
  }

  .section_doodle_animation .inner_section.doodle_height .fina {
    width: 150px;
    height: 150px
  }
}

.section_doodle_animation .inner_section.doodle_height .face {
  width: 100px;
  height: 100px;
  box-sizing: border-box;
  border-radius: 20px;
  display: block;
  color: #fff;
  text-align: center;
  line-height: 99px;
  background: #045fb3
}

.section_doodle_animation .inner_section.doodle_height .face .fb_rotate {
  padding: 0 0 0 18px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .section_doodle_animation .inner_section.doodle_height .face .fb_rotate {
    padding: 0 0 0 38px
  }

  .section_doodle_animation .inner_section.doodle_height .face {
    width: 150px;
    height: 150px
  }
}

.section_doodle_animation .inner_section.doodle_height .mail {
  width: 100px;
  height: 100px;
  background: #fed955;
  box-sizing: border-box;
  border-radius: 20px;
  display: block;
  color: #151515;
  text-align: center;
  line-height: 99px;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 900
}

.section_doodle_animation .inner_section.doodle_height .mail .mail_height {
  padding: 42px 14px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .section_doodle_animation .inner_section.doodle_height .mail .mail_height {
    padding: 66px 34px
  }

  .section_doodle_animation .inner_section.doodle_height .mail {
    width: 150px;
    height: 150px
  }
}

.section_doodle_animation .inner_section.doodle_height .stroke {
  width: 100px;
  height: 100px;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 900;
  box-sizing: border-box;
  border-radius: 20px;
  display: block;
  color: #fff;
  text-align: center;
  line-height: 99px;
  background: #506ac4
}

.section_doodle_animation .inner_section.doodle_height .stroke .stroke_pad {
  padding: 42px 25px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .section_doodle_animation .inner_section.doodle_height .stroke .stroke_pad {
    padding: 63px 50px
  }

  .section_doodle_animation .inner_section.doodle_height .stroke {
    width: 150px;
    height: 150px
  }
}

.terms_condtions h2 {
  width: 193px
}

.terms_condtions p {
  font-size: 16px
}

.terms_condtions .pleasenotes {
  color: #ee3224
}

.terms_condtions .marg_60 {
  margin-top: 60px
}

.terms_condtions .marg_60 h4 {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 16px
}

.terms_condtions .marg_60 h5 {
  font-family: IBM Plex Mono, monospace;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 176%;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #151515
}

.terms_footer {
  background: #fff;
  border-top: 1px solid #ee3224
}

.terms_footer h5 {
  color: #151515 !important
}

.terms_footer .footer_col .footer_title a {
  color: #151515 !important;
  opacity: 1 !important;
  text-align: left
}

.terms_footer a {
  color: #151515 !important
}

.homeScroll {
  bottom: 90px !important
}

.scrollTop {
  position: fixed;
  right: 25px;
  bottom: 40px;
  opacity: 0;
  transition: all .4s ease-in-out 0s;
  z-index: 999999
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .scrollTop {
    right: 30px;
    bottom: 61px;
    z-index: 999
  }
}

.hidden {
  display: none
}

.career-testi {
  margin-bottom: 60px
}

.testimonial {
  padding-bottom: 0;
  margin-top: 50px
}

@media only screen and (max-width:767px) {
  .testimonial {
    padding: 50px 30px 0
  }
}

.position_details ul li:hover a span:first-child {
  color: #ee3224
}

.text_bg {
  color: #151515;
  background-position: 25% -29px;
  background-repeat: no-repeat;
  background-size: 63% 110%;
  float: left;
  font-size: 60px;
  font-weight: 400;
  line-height: 86px
}

.header_bg {
  background: #fff
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .mb-xs-20 {
    margin-bottom: 40px
  }

  .slider_ctrl,
  .xs-hidden {
    display: none
  }

  .mr_btm {
    padding-bottom: 20px
  }

  .butn-dark {
    width: 100%
  }

  .testimonial {
    padding-bottom: 20px;
    padding-top: 10px
  }

  .flow-xs-rev {
    flex-direction: column-reverse;
    padding: 0 40px
  }

  .doodle_height {
    padding-top: 0 !important
  }

  .doodle_height .row {
    padding-right: 0
  }

  .icon_btn {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    float: none;
    width: 238px !important;
    bottom: 0 !important;
    text-align: center
  }

  .icon_btn a {
    margin-bottom: 0;
    width: 100%
  }

  .icon_btn a:nth-child(2) {
    margin-top: 20px
  }

  .banner_for_single_product .inner_section .row:first-child .yap_title {
    padding-bottom: 10px
  }

  .ac_center {
    display: none
  }

  .mob_drop:before {
    content: "";
    position: absolute;
    width: 95%;
    height: 1px;
    top: 53px;
    left: 0;
    background: #ffffff14
  }
}

#run_code_ss {
  cursor: pointer
}

.vet_slide_cont {
  float: left;
  width: 100%;
  height: 140px;
  overflow: hidden;
  margin-bottom: 100px;
  margin-top: 20px;
  line-height: 150px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .vet_slide_cont {
    height: 60px;
    line-height: 60px;
    margin-top: 5px;
    margin-bottom: 40px
  }
}

.verti_slide {
  display: inline-block;
  color: #000;
  position: relative;
  white-space: nowrap;
  top: 0;
  left: 0
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .verticalFlip span {
    font-size: 53px
  }
}

.verticalFlip {
  display: inline;
  text-indent: 0
}

.verticalFlip span {
  animation: vertical 7.5s linear 0s infinite;
  -ms-animation: vertical 7.5s linear 0s infinite;
  -webkit-animation: vertical 7.5s linear 0s infinite;
  color: #ee3224;
  opacity: 0;
  overflow: hidden;
  position: absolute
}

.verticalFlip span:nth-child(2) {
  animation-delay: 2.5s;
  -ms-animation-delay: 2.5s;
  -webkit-animation-delay: 2.5s
}

.verticalFlip span:nth-child(3) {
  animation-delay: 5s;
  -ms-animation-delay: 5s;
  -webkit-animation-delay: 5s
}

.prl {
  text-decoration: none;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 176%;
  color: #fff;
  opacity: .6;
  transition: color .34s ease-in-out;
  position: relative;
  top: -1px
}

.news_sec {
  padding: 0
}

.news_section {
  display: flex;
  margin-top: 30px
}

.news_section,
.news_section a {
  float: left;
  width: 100%
}

@media only screen and (max-width:600px) {
  .news_section {
    flex-direction: column
  }
}

.news_section .news_img_top {
  float: left;
  margin-right: 30px;
  width: 420px;
  height: 340.03px;
  overflow: hidden;
  position: relative;
  border-radius: 16px;
  background: #fff;
  border: 1px solid hsla(0, 0%, 8%, .1)
}

@media only screen and (max-width:600px) {
  .news_section .news_img_top {
    width: 100%;
    height: 250px
  }
}

.news_section .news_img_top img {
  object-fit: cover;
  height: 100%;
  width: 100%
}

.news_section .news_img_cont {
  width: 60%;
  float: left;
  padding-left: 0;
  padding-right: 40px
}

@media only screen and (max-width:991px) {
  .news_section .news_img_cont {
    width: 100%;
    margin-top: 20px;
    padding-left: 0
  }
}

.news_section .news-imgs {
  float: left;
  width: 40%
}

@media only screen and (max-width:991px) {
  .news_section .news-imgs {
    width: 100%;
    margin-top: 20px
  }
}

.news_section .news-imgs img {
  width: 100%
}

.news_section .main-news-data {
  float: left;
  width: 100%;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 147%;
  color: silver
}

@media only screen and (max-width:600px) {
  .news_section .main-news-data {
    font-size: 15px
  }
}

.news_section .main_news_pub_date {
  font-style: italic;
  font-weight: 500;
  font-size: 14px;
  line-height: 147%;
  font-family: Ubuntu;
  color: #151515
}

.news_section .indic {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 176%;
  float: left;
  width: 100%;
  color: #ee3224
}

.news_section .subscribe_title {
  margin-top: 10px;
  float: left;
  width: 100%;
  padding-right: 40px
}

@media only screen and (max-width:600px) {
  .news_section .subscribe_title {
    line-height: 30px;
    padding-right: 0;
    font-size: 24px
  }
}

.news-list {
  float: left;
  width: 100%;
  margin-top: 90px;
  margin-bottom: 50px
}

.news-list a {
  float: left;
  padding: 0 20px;
  margin-bottom: 25px;
  width: 100%
}

@media only screen and (max-width:600px) {
  .news-list a {
    padding: 0
  }
}

.news-list h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 43px;
  font-family: Ubuntu;
  float: left;
  width: 100%;
  margin-bottom: 40px
}

.news-list .news_dlt {
  float: left;
  width: 100%;
  background: #fff;
  box-shadow: 1px 1px 6px transparent;
  border-radius: 10px;
  margin-bottom: 30px
}

.news-list .news_dlt:hover {
  box-shadow: 0 4px 24px rgba(0, 0, 0, .08)
}

.news-list .news_logo-sec {
  width: 100%;
  height: 169.58px;
  background: #fff;
  border: 1px solid transparent;
  box-sizing: border-box;
  border-radius: 10px 10px 0 0;
  display: flex;
  align-items: center;
  justify-content: center
}

@media only screen and (max-width:600px) {
  .news-list .news_logo-sec {
    width: 100%
  }
}

.news-list .news_logo-sec img {
  width: 100%;
  padding: 0 40px;
  height: 50%;
  object-fit: contain
}

@media only screen and (max-width:600px) {
  .news-list .news_logo-sec img {
    width: 100%;
    padding: 0 20px
  }
}

.news-list .news_tlt-sec {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: #151515;
  float: left;
  width: 100%;
  padding: 18px;
  display: block;
  display: -webkit-box;
  max-width: 100%;
  height: 83px;
  margin: 0 auto 20px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis
}

.pnk-awrd {
  background: #fff7f7;
  border: 1px solid rgba(249, 176, 183, .5);
  position: relative
}

.pnk-awrd:after {
  content: "";
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/awards/awrd-1.svg);
  width: 36px;
  height: 36px;
  display: inline-block;
  position: absolute;
  right: 40px;
  top: 40px
}

.grn-awrd {
  background: #f7fff9;
  border: 1px solid rgba(32, 197, 152, .4);
  position: relative
}

.grn-awrd:after {
  content: "";
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/awards/awrd-2.svg);
  width: 36px;
  height: 36px;
  display: inline-block;
  position: absolute;
  right: 40px;
  top: 40px
}

.awards {
  float: left;
  width: 100%;
  margin-bottom: 40px
}

.awrd-bx {
  float: left;
  width: 95%;
  height: 233px;
  padding: 40px 90px 40px 40px;
  box-sizing: border-box;
  border-radius: 5px;
  margin-top: 40px;
  position: relative
}

@media only screen and (max-width:600px) {
  .awrd-bx {
    width: 100%;
    height: auto
  }
}

.awrd-bx .awrd-tlt {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 800;
  font-size: 24px;
  line-height: 29px;
  color: #010032;
  margin-bottom: 16px
}

.awrd-bx .awrd-desc {
  margin-bottom: 0;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 174.5%;
  text-align: justify;
  color: #878787
}

.awrd-bx .award-img {
  float: left;
  position: absolute;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .1);
  box-sizing: border-box;
  border-radius: 6px;
  width: 96px;
  height: 103px;
  right: -40px;
  top: 80px;
  bottom: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden
}

@media only screen and (max-width:600px) {
  .awrd-bx .award-img {
    right: -20px;
    top: 80px
  }
}

.awrd-bx .award-img img {
  object-fit: cover
}

.leg_drp:after {
  content: "";
  filter: invert(1)
}

.contry-drp {
  float: right;
  height: 40px;
  border: .5px solid #ccc;
  box-sizing: border-box;
  border-radius: 9px;
  position: relative;
  width: 140px
}

@media screen and (min-width:991px) and (max-width:1024px) {
  .contry-drp {
    margin-bottom: 0 !important
  }
}

@media screen and (max-width:767px) {
  .contry-drp {
    margin-bottom: 0 !important
  }
}

@media only screen and (max-width:600px) and (min-width:320px) {
  .contry-drp {
    left: 7px
  }
}

@media only screen and (max-width:1279px) and (min-width:992px) {
  .contry-drp {
    margin: 0 !important
  }
}

@media only screen and (max-width:991px) and (min-width:768px) {
  .contry-drp {
    margin-bottom: 0 !important;
    margin-top: 20px
  }
}

.contry-drp:after {
  content: "";
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/drop-wht.svg) 50% no-repeat;
  width: 10px;
  height: 7px;
  display: inline-block;
  position: absolute;
  right: 15px;
  bottom: 15px;
  margin: auto;
  transform: rotate(0deg);
  transition: all .5s ease;
  filter: invert(1)
}

@media only screen and (max-width:1024px) {
  .contry-drp {
    border-color: #fff;
    margin-bottom: 110px
  }

  .contry-drp:after {
    filter: invert(0) !important
  }
}

.contry-drp .selected {
  position: absolute;
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 10px;
  top: 0;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  color: #000
}

@media screen and (min-width:992px) and (max-width:1024px) {
  .contry-drp .selected {
    color: #000 !important
  }
}

@media only screen and (max-width:991px) {
  .contry-drp .selected {
    color: #fff
  }
}

@media only screen and (min-width:992px) and (max-width:1024px) {
  .contry-drp .selected {
    color: #000
  }
}

@media only screen and (max-width:991px) and (min-width:768px) {
  .contry-drp .selected {
    color: #fff
  }
}

.contry-drp .selected span {
  float: left;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 10px
}

.contry-drp .selected span img {
  width: 100%;
  float: left
}

.contry-drp ul {
  top: 130%;
  padding: 0;
  margin: 0;
  list-style: none;
  position: absolute;
  left: 0;
  width: 100%;
  border-top: 0;
  background: #fff;
  box-shadow: 2px 4px 10px hsla(0, 0%, 8%, .1);
  border-radius: 9px;
  z-index: 9999999999
}

@media only screen and (max-width:1024px) {
  .contry-drp ul {
    border: 1px solid #fff;
    background: transparent
  }
}

.contry-drp ul li {
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 3px 10px
}

@media only screen and (max-width:600px) {
  .contry-drp ul li {
    background: #161616
  }

  .contry-drp ul li:first-child {
    border-radius: 9px 9px 0 0
  }

  .contry-drp ul li:nth-child(2) {
    border-radius: 0 0 9px 9px
  }
}

.contry-drp ul li:hover {
  background: #f9f9f9
}

@media only screen and (max-width:1024px) {
  .contry-drp ul li:hover {
    background: #2c2c2cf5
  }
}

.contry-drp ul li span {
  float: left;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 10px
}

.contry-drp ul li span img {
  width: 100%;
  float: left
}

.contry-drp ul li a {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
  padding: 10px;
  width: 80%;
  float: left;
  color: #000
}

@media screen and (min-width:992px) and (max-width:1024px) {
  .contry-drp ul li a {
    color: #000
  }
}

@media only screen and (max-width:991px) {
  .contry-drp ul li a {
    color: #fff
  }
}

.contry-drp ul:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 10px solid #fff;
  position: absolute;
  top: -10px;
  right: 10px
}

.regi_drop {
  display: none
}

@media only screen and (max-width:1024px) {
  .rot:after {
    filter: invert(0) !important
  }
}

.rot:after {
  content: "";
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/drop-wht.svg) no-repeat 50%;
  width: 10px;
  height: 7px;
  display: inline-block;
  position: absolute;
  right: 15px;
  bottom: 15px;
  margin: auto;
  transform: rotate(180deg);
  transition: all .5s ease;
  filter: invert(1)
}

@media only screen and (max-width:600px) {
  .cnt-lst {
    display: flex;
    justify-content: center;
    position: relative;
    top: -20px;
    left: -10px
  }
}

@media only screen and (max-width:1024px) and (min-width:768px) {
  .cnt-lst {
    display: flex;
    justify-content: flex-start;
    margin: 0;
    padding: 0
  }
}

@media only screen and (max-width:767px) {
  .cnt-lst {
    float: right !important
  }
}

@media only screen and (max-width:600px) and (min-width:320px) {
  .social_icons {
    display: flex !important;
    justify-content: center;
    margin-bottom: 20px;
    margin-top: 10px;
    padding-left: 0 !important
  }

  .copy_rights {
    display: block;
    width: 100%;
    text-align: center;
    flex-direction: column;
    padding-right: 0 !important;
    padding: 0 0 40px
  }

  .copy_rights p {
    margin-right: 0 !important
  }
}

.contact-txt {
  font-family: Ubuntu !important;
  font-style: normal;
  font-weight: 800 !important;
  font-size: 48px !important;
  line-height: 56px !important;
  padding: 24px 0 0;
  width: 60%
}

@media only screen and (max-width:600px) {
  .contact-txt {
    font-size: 28px !important;
    line-height: 36px !important;
    padding: 24px 0 0;
    width: 90% !important
  }
}

.legal p {
  text-align: justify
}

.pgm-mgnt-lst {
  padding: 0 0 0 18px;
  margin: 0;
  list-style-position: inside;
  list-style: circle
}

.pgm-mgnt-lst li {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  color: #4f4f4f;
  margin-bottom: 8px
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffffc7;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  z-index: 99999999999;
  justify-content: center
}

.overlay,
.overlay .popup {
  display: flex;
  align-items: center
}

.overlay .popup {
  float: left;
  background: #fff;
  padding: 25px 60px 33px;
  flex-direction: column;
  border-radius: 20px;
  box-shadow: 2px 4px 10px hsla(0, 0%, 8%, .1)
}

.overlay .popup p {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 176%;
  color: #151515;
  margin-bottom: 16px
}

.overlay .popup .pop_drop {
  border: 1px solid #ccc;
  float: left;
  list-style: none;
  padding: 0;
  margin: 0;
  border-radius: 6px
}

.overlay .popup .pop_drop li {
  float: left;
  overflow: hidden
}

@media only screen and (max-width:680px) {
  .overlay .popup .pop_drop li {
    width: 100%
  }
}

.overlay .popup .pop_drop li a {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  color: #4f4f4f;
  padding: 12px 30px;
  border-right: 1px solid #ccc;
  float: left;
  text-decoration: none
}

.overlay .popup .pop_drop li a span {
  height: 18px;
  width: 18px;
  float: left;
  margin-right: 8px;
  line-height: 5px
}

.overlay .popup .pop_drop li a span img {
  width: 100%
}

@media only screen and (max-width:680px) {
  .overlay .popup .pop_drop li a {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #ccc;
    padding: 12px 15px
  }
}

.overlay .popup .pop_drop li:last-child a {
  border-right: none
}

@media only screen and (max-width:680px) {
  .overlay .popup .pop_drop li:last-child a {
    border-bottom: none
  }
}

.overlay .popup .pop_drop li:hover {
  background: #f9f9f9
}

@media only screen and (max-width:680px) {
  .overlay .popup {
    width: 80%;
    padding: 20px 30px
  }

  .subs-sec {
    margin-bottom: 0 !important
  }

  .subs-sec h2 {
    text-align: center;
    font-size: 25px;
    line-height: 1.5
  }

  .subs-sec a {
    width: 60% !important
  }

  .subs-txt {
    color: #fff !important;
    padding: 0 15px;
    font-size: 16px !important
  }
}

.subs-fluid {
  position: relative;
  float: left;
  width: 100%
}

.subs-fluid:before {
  content: "";
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/careers/subs1.svg) no-repeat 50%;
  display: inline-block;
  width: 192px;
  height: 192px;
  position: absolute;
  left: 0;
  top: 0
}

@media only screen and (max-width:1024px) {
  .subs-fluid:before {
    display: none
  }
}

.subs-fluid:after {
  content: "";
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/careers/subs2.svg) no-repeat 50%;
  display: inline-block;
  width: 76px;
  height: 76px;
  position: absolute;
  right: 10px;
  bottom: 10px
}

@media only screen and (max-width:680px) {
  .subs-fluid:after {
    right: 0;
    bottom: 0;
    background-size: 50%
  }
}

.story-sec {
  float: left;
  width: 100%;
  margin-bottom: 0
}

@media only screen and (max-width:568px) and (min-width:320px) {
  .story-sec {
    margin-bottom: 0
  }
}

.story-summery {
  float: left;
  width: 100%;
  text-align: center
}

.story-summery .subpara {
  width: 100%;
  padding: 0 20%
}

@media only screen and (max-width:568px) and (min-width:320px) {
  .story-summery .subpara {
    text-align: left;
    padding: 0
  }
}

.timline-sec {
  float: left;
  width: 100%;
  position: relative;
  padding-top: 180px;
  margin-bottom: 80px
}

@media only screen and (max-width:568px) and (min-width:320px) {
  .timline-sec {
    margin-top: 30px
  }
}

.timline-sec:before {
  content: "";
  width: 2px;
  height: 96%;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  background: transparent;
  background-image: linear-gradient(180deg, hsla(0, 0%, 8%, .08) 100%, #fff 0);
  background-position: 0 0;
  background-size: 2px 13px;
  background-repeat: repeat-y;
  padding: 0;
  z-index: 2
}

.timline-sec .tl-head {
  position: absolute;
  width: 174px;
  height: 174px;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: #fff;
  border: 1px dashed hsla(0, 0%, 8%, .1);
  border-radius: 50%
}

@media only screen and (max-width:568px) and (min-width:320px) {
  .timline-sec .tl-head {
    top: 0
  }
}

.timline-sec .tl-head span {
  box-shadow: 0 4px 12px hsla(0, 0%, 8%, .06);
  width: 142px;
  height: 142px;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 32px;
  text-align: center;
  color: #151515;
  border-radius: 50%;
  top: 0;
  bottom: 0;
  padding: 36px 0
}

.timline-sec .tl-foot,
.timline-sec .tl-head span {
  background: #fff;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto
}

.timline-sec .tl-foot {
  display: none;
  width: 174px;
  height: 174px;
  z-index: 2;
  bottom: -7%;
  border: 1px dashed hsla(0, 0%, 8%, .1);
  border-radius: 50%
}

@media only screen and (max-width:568px) and (min-width:320px) {
  .timline-sec .tl-foot {
    bottom: -3%
  }
}

.timline-sec .tl-foot span {
  background: #fff;
  box-shadow: 0 4px 12px hsla(0, 0%, 8%, .06);
  width: 142px;
  height: 142px;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 32px;
  text-align: center;
  color: #151515;
  border-radius: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding: 36px 0
}

.timline-sec ul {
  padding: 80px 0 0;
  margin: 0;
  width: 100%;
  float: left;
  list-style: none
}

@media only screen and (max-width:568px) and (min-width:320px) {
  .timline-sec ul {
    padding: 220px 0 90px
  }
}

.timline-sec ul li {
  width: 42%;
  list-style: none;
  background: none;
  padding: 18px 20px;
  border-radius: 12px;
  position: relative;
  margin-bottom: 100px;
  z-index: 3
}

@media only screen and (max-width:568px) and (min-width:320px) {
  .timline-sec ul li {
    width: 100%;
    box-shadow: 0 4px 32px rgba(0, 0, 0, .08);
    background: #fff;
    z-index: 3;
    padding: 20px 24px
  }
}

.timline-sec ul li .yap_tagline {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 176%;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: hsla(0, 0%, 8%, .5);
  font-family: IBM Plex Mono, monospace;
  margin-bottom: 0
}

.timline-sec ul li .story-tlt {
  font-weight: 700;
  line-height: 27px;
  color: #151515;
  margin-bottom: 16px
}

.timline-sec ul li .story-desc,
.timline-sec ul li .story-tlt {
  float: left;
  width: 100%;
  font-family: Ubuntu;
  font-style: normal;
  font-size: 18px
}

.timline-sec ul li .story-desc {
  font-weight: 400;
  line-height: 167%;
  color: #4f4f4f;
  margin-bottom: 0
}

.timline-sec ul li:nth-child(odd) {
  float: left;
  clear: right;
  transform: translateX(-30px)
}

@media only screen and (max-width:568px) and (min-width:320px) {
  .timline-sec ul li:nth-child(odd) {
    margin-bottom: 30px;
    clear: none;
    transform: none
  }
}

.timline-sec ul li:nth-child(odd):before {
  content: "";
  position: absolute;
  width: 100px;
  height: 55%;
  right: -12.5%;
  top: -10%;
  border-radius: 0 0 90px 0;
  border: 2px dashed transparent;
  transform: translateX(62px)
}

.timline-sec ul li:nth-child(2n) {
  float: right;
  clear: left;
  transform: translateX(30px)
}

@media only screen and (max-width:568px) and (min-width:320px) {
  .timline-sec ul li:nth-child(2n) {
    margin-bottom: 30px;
    clear: none;
    transform: none
  }
}

.timline-sec ul li:nth-child(2n):before {
  content: "";
  position: absolute;
  width: 100px;
  height: 55%;
  left: -12.5%;
  top: -20%;
  border-radius: 0 0 0 90px;
  border: 2px dashed transparent;
  transform: translateX(-62px)
}

.timline-sec ul li:nth-child(odd):after {
  content: "";
  width: 64px;
  height: 64px;
  display: inline-block;
  position: absolute;
  right: -32%;
  top: 15px;
  margin: auto;
  transform: scale(1.9)
}

@media only screen and (max-width:568px) and (min-width:320px) {
  .timline-sec ul li:nth-child(odd):after {
    background: none !important
  }
}

@media only screen and (max-width:999px) and (min-width:569px) {
  .timline-sec ul li:nth-child(odd):after {
    transform: scale(1.5)
  }
}

.timline-sec ul li:nth-child(2n):after {
  content: "";
  width: 64px;
  height: 64px;
  display: inline-block;
  position: absolute;
  left: -32%;
  top: 15px;
  margin: auto;
  transform: scale(1.9)
}

@media only screen and (max-width:568px) and (min-width:320px) {
  .timline-sec ul li:nth-child(2n):after {
    background: none !important
  }
}

@media only screen and (max-width:999px) and (min-width:569px) {
  .timline-sec ul li:nth-child(2n):after {
    transform: scale(1.5)
  }
}

.timline-sec ul li:first-child:after {
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/OurStory/Chai.svg) no-repeat 50%
}

.timline-sec ul li:nth-child(2):after {
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/OurStory/Trio.svg) no-repeat 50%
}

.timline-sec ul li:nth-child(2):before {
  top: 0
}

.timline-sec ul li:nth-child(3):after {
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/OurStory/M2PReg.svg) no-repeat 50%
}

.timline-sec ul li:nth-child(4):after {
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/OurStory/m2p/%20paas.svg) no-repeat 50%
}

.timline-sec ul li:nth-child(5):after {
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/OurStory/DCB/%20bank.svg) no-repeat 50%
}

.timline-sec ul li:nth-child(6):after {
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/OurStory/gold/%20loan.svg) no-repeat 50%
}

.timline-sec ul li:nth-child(7):after {
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/OurStory/launch.svg) no-repeat 50%
}

.timline-sec ul li:nth-child(8):after {
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/OurStory/PrepaidCard.svg) no-repeat 50%
}

.timline-sec ul li:nth-child(9):after {
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/OurStory/tech/%20house.svg) no-repeat 50%
}

.timline-sec ul li:nth-child(10):after {
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/OurStory/diversified.svg) no-repeat 50%
}

.timline-sec ul li:nth-child(11):after {
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/OurStory/TravelCard.svg) no-repeat 50%
}

.timline-sec ul li:nth-child(12):after {
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/OurStory/CreditCard.svg) no-repeat 50%
}

.timline-sec ul li:nth-child(13):after {
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/OurStory/seed/%20fund.svg) no-repeat 50%
}

.timline-sec ul li:nth-child(14):after {
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/OurStory/pandamic.svg) no-repeat 50%
}

.timline-sec ul li:nth-child(15):after {
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/OurStory/fundraise.svg) no-repeat 50%
}

.timline-sec ul li:nth-child(16):after {
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/OurStory/fundraise-1.svg) no-repeat 50%
}

.timline-sec ul li:nth-child(17):after {
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/OurStory/SBM/%20partner.svg) no-repeat 50%
}

.timline-sec ul li:nth-child(18):after {
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/OurStory/Neobanking.svg) no-repeat 50%
}

.timline-sec ul li:nth-child(19):after {
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/OurStory/launch.svg) no-repeat 50%
}

.timline-sec ul li:nth-child(20):after {
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/OurStory/B/%20fundraise.svg) no-repeat 50%
}

.timline-sec ul li:nth-child(21):after {
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/OurStory/VisaReady.svg) no-repeat 50%
}

.timline-sec ul li:nth-child(23):after {
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/OurStory/C%20fundraise.svg) no-repeat 50%
}

.timline-sec ul li:nth-child(22):after {
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/OurStory/launch.svg) no-repeat 50%
}

.published-sec {
  float: left;
  width: 100%;
  visibility: hidden
}

@media only screen and (max-width:767px) {
  .published-sec {
    visibility: visible !important
  }
}

@media only screen and (max-width:568px) and (min-width:320px) {
  .published-sec {
    visibility: visible
  }
}

.published-sec p {
  font-family: Ubuntu;
  font-style: italic;
  font-weight: 400;
  font-size: 12px;
  line-height: 147%;
  color: #878787;
  margin-bottom: 12px;
  margin-top: 20px
}

.published-sec ul {
  padding: 0;
  margin: 0;
  list-style: none;
  float: left;
  display: flex;
  flex-wrap: wrap
}

.published-sec ul li {
  float: left;
  background: none !important;
  box-shadow: none !important;
  padding: 0 15px 12px 0;
  clear: none !important;
  transform: none !important;
  width: auto;
  margin-bottom: 0;
  cursor: pointer
}

.published-sec ul li:before {
  display: none !important;
  content: "";
  background: none;
  border: none !important
}

.published-sec ul li:after {
  display: none !important;
  content: "";
  background: none !important
}

.published-sec ul li a {
  float: left;
  padding-right: 5px;
  width: 100px;
  height: 40px
}

.published-sec ul li a img {
  width: 100%;
  height: 100%;
  object-fit: contain
}

.viewallinx {
  float: right;
  font-family: IBM Plex Mono, monospace;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 167%;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  color: #0074df;
  position: absolute;
  bottom: 12%;
  right: 0
}

@media screen and (max-width:767px) {
  .viewallinx {
    padding-right: 20px
  }
}

.subs-txt {
  color: #fff !important
}

.career_section p a,
.subs-txt a {
  color: #0d6efd !important
}

.plain_icon_content a {
  color: #000;
  font-family: Ubuntu !important;
  font-style: normal;
  font-weight: 400 !important;
  font-size: 14px;
  line-height: 167%;
  text-decoration: none !important
}

.card-insurance {
  padding-bottom: 100px
}

.card-section-flows .icon_box .hover_btn {
  display: block
}

.card-section-flows .single_products_flow h4 {
  line-height: 26px;
  margin-bottom: 5px
}

@media only screen and (max-width:568px) and (min-width:320px) and (orientation:portrait) {
  .card-section-flows .icon_btn a {
    text-align: left;
    display: block
  }
}

.modern-cards {
  width: 100% !important;
  padding: 0 !important
}

.explore-product .icon_list .icon_box {
  min-height: 517px
}

@media screen and (min-width:992px) and (max-width:1024px) {
  .explore-product .icon_list .icon_box {
    min-height: 628px
  }
}

.explore-product .icon_list .icon_box .icon_content p {
  width: 100%;
  letter-spacing: normal
}

.single_products_flow h4 {
  line-height: 26px
}

p {
  word-spacing: normal
}

.custom-p {
  width: 100% !important;
  font-style: normal !important;
  font-weight: 300 !important;
  font-size: 18px !important;
  line-height: 30px !important;
  font-family: Ubuntu !important;
  color: #4f4f4f !important;
  clear: both
}

.min-height-para {
  height: 95px
}

.pad-top0 {
  padding-top: 0
}

@media only screen and (max-width:767px) and (min-width:200px) {
  .icon_list .icon_box .icon_content p {
    width: 100%
  }

  .icon_list .icon_box .icon_btn {
    bottom: 27px
  }
}

.build {
  font-size: 160px;
  font-weight: 800;
  line-height: 110px
}

@media only screen and (max-width:767px) {
  .build {
    font-size: 50px;
    line-height: 29px
  }
}

.home_banner_title p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 25.12px;
  color: #151515;
  font-family: Ubuntu
}

.banner-img,
footer {
  width: 100%
}

footer {
  float: left;
  padding-bottom: 20px;
  padding-top: 50px;
  overflow: hidden
}

footer .footer_section .footer_col {
  width: 27%
}

@media only screen and (max-width:767px) {
  footer .footer_section .footer_col {
    width: 100% !important;
    padding: 10px 0 0
  }
}

@media only screen and (max-width:899px) and (min-width:768px) {
  footer .footer_section .footer_col {
    width: 50%
  }
}

footer .footer_section .last-footer_col {
  width: 10%
}

footer .footer_section .last-footer_col ul li {
  text-align: left
}

footer .footer_section .last-footer_col ul li a {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #fff;
  opacity: .8
}

footer .footer_section .last-footer_col h5 {
  opacity: .8
}

.mail-ul li a,
.phone-ul li a {
  font-size: 15px !important;
  font-weight: 400 !important;
  opacity: .9 !important
}

.footer-logo {
  width: 8% !important;
  padding: 20px 0 !important
}

footer .container-fluid {
  max-width: 1280px
}

.media-div {
  padding: 10px
}

.black {
  background: #262626
}

.white {
  background-color: #fff;
  border: 1px solid rgba(38, 38, 38, .1)
}

.media-div img,
.venture_wrap {
  width: 100%
}

.media-col .venture_logos {
  background-color: #fff !important;
  border: 1px solid rgba(38, 38, 38, .1) !important
}

.bg-none {
  background: transparent !important;
  padding: 0;
  border: unset !important
}

.bg-none,
.partner-div {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center
}

.partner-div {
  background: #f8f8f8;
  border-radius: 10px;
  padding: 20px;
  height: 120px;
  vertical-align: middle;
  margin-bottom: 30px
}

@media only screen and (max-width:767px) {
  .partner-div {
    padding: 0;
    height: 90px
  }
}

.padtop {
  padding: 0
}

@media only screen and (max-width:767px) {
  .padtop {
    padding-top: 30px
  }
}

.redifing-sec {
  padding-bottom: 60px
}

.subscribe-sec {
  background: #151515;
  padding: 90px 0;
  width: 100%
}

@media only screen and (max-width:767px) {
  .subscribe-sec {
    padding: 50px 0
  }
}

.subscribe-sec .inner_section {
  padding: 0
}

.mail-img {
  display: flex;
  justify-content: flex-end;
  margin: auto 0 auto auto;
  padding-top: 20px
}

.subscribe-h2 {
  font-family: Ubuntu;
  font-weight: 800;
  font-size: 36px;
  line-height: 43px;
  color: #fff;
  opacity: .9
}

@media only screen and (max-width:767px) {
  .subscribe-h2 {
    text-align: center;
    font-size: 32px;
    line-height: 39px
  }

  #news_Submit {
    margin-top: 30px
  }
}

.subscribe-para {
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 176% !important;
  color: #fff !important;
  opacity: .6
}

@media only screen and (max-width:767px) {
  .subscribe-para {
    text-align: center
  }
}

.border-subscribe {
  width: 300px;
  box-shadow: unset;
  padding: 10px 20px;
  margin-right: 30px;
  background: hsla(0, 0%, 77%, .2);
  font-family: Ubuntu;
  border: 1px solid rgba(68, 68, 68, .4);
  border-radius: 4px;
  font-size: 14px;
  height: 48px
}

@media screen and (max-width:767px) {
  .border-subscribe {
    width: 100%
  }
}

.border-subscribe:active,
.border-subscribe:focus {
  outline: none
}

.careers_wrapper .submit {
  color: #fff !important;
  border: unset;
  background: #232323;
  border-radius: 16px;
  position: relative;
  height: 48px
}

.careers_wrapper .submit:after {
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/white-arrow.svg);
  background-repeat: no-repeat
}

.copy-div {
  padding-bottom: 30px
}

.copy-div .footer_col {
  padding-top: 30px;
  padding-bottom: 0
}

@media screen and (min-width:768px) and (max-width:991px) {
  .border-subscribe {
    margin-bottom: 30px
  }
}

@media only screen and (max-width:767px) {
  .mail-ul {
    margin: 0
  }
}

.mail-ul li {
  position: relative;
  padding-left: 30px
}

.mail-ul li:after {
  content: "";
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/mail.svg);
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50%;
  position: absolute;
  left: 0;
  top: 2px
}

.mail-ul li a {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 176%;
  color: #fff
}

@media only screen and (max-width:767px) {
  .phone-ul {
    margin: 0
  }
}

.phone-ul li {
  position: relative;
  padding-left: 30px
}

.phone-ul li:after {
  content: "";
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/phone-call.svg);
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 50%;
  position: absolute;
  left: 0;
  top: 2px
}

.phone-ul li a {
  font-weight: 400;
  font-size: 16px
}

.copy-right,
.phone-ul li a {
  font-family: Ubuntu;
  font-style: normal;
  line-height: 176%;
  color: #fff
}

.copy-right {
  font-weight: 300;
  font-size: 14px;
  opacity: .6;
  display: block;
  width: 100%;
  margin-bottom: 5px
}

@media screen and (min-width:768px) and (max-width:992px) {
  .copy-right {
    font-size: 12px !important
  }
}

@media only screen and (max-width:767px) {
  .copy-right {
    text-align: left
  }
}

.copy-right-a {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 176%;
  margin-left: 30px;
  color: #fff
}

.copy-right-a:hover {
  color: #fff;
  text-decoration: none
}

@media only screen and (max-width:1000px) and (min-width:899px) {
  .copy-right-a {
    font-size: 10px
  }
}

@media only screen and (max-width:1200px) and (min-width:1001px) {
  .copy-right-a {
    font-size: 11px
  }
}

@media only screen and (max-width:1300px) and (min-width:1201px) {
  .copy-right-a {
    font-size: 13px
  }
}

@media only screen and (max-width:767px) {
  .venture_logos {
    width: 100% !important;
    margin-bottom: 25px;
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center;
    vertical-align: middle
  }

  .social_icons {
    justify-content: start
  }
}

.social_icons a {
  opacity: 1 !important
}

.text_bg {
  text-align: center !important;
  width: 100%;
  padding-top: 50px;
  font-size: 90px;
  line-height: 110px
}

@media only screen and (max-width:767px) {
  .text_bg {
    font-size: 40px;
    line-height: 53px
  }
}

.home_banner p {
  width: 61%;
  text-align: center;
  margin: auto
}

@media only screen and (max-width:767px) {
  .home_banner p {
    width: 90%;
    margin: 15px auto auto
  }
}

@media only screen and (max-width:1279px) and (min-width:768px) {
  .home_banner p {
    width: 59%
  }
}

.padtop-div {
  text-align: center;
  margin-top: 40px
}

.bg-banner-new {
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/svector.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top;
  padding-bottom: 160px;
  float: left;
  width: 100%
}

@media only screen and (max-width:767px) {
  .bg-banner-new {
    background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/mobile-bg-banner.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top
  }
}

.bg-banner-new header {
  position: unset
}

@media only screen and (max-width:767px) {
  .bg-banner-new header {
    overflow-y: auto;
    background: #fff !important
  }
}

.bg-banner-new .header_bg {
  background: transparent
}

.contact-us-form input {
  width: 100%;
  font-size: 16px;
  height: 49px;
  border: unset;
  display: block;
  box-sizing: border-box;
  margin: 0 0 20px;
  padding: 10px;
  border: 1px solid hsla(0, 0%, 8%, .2);
  border-radius: 4px;
  box-shadow: none;
  font-weight: 400;
  line-height: 1.5;
  color: #4b4b4b;
  transition: box-shadow .5s, border-color .25s ease-in-out
}

.contact-us-form input :focus {
  outline: none;
  box-shadow: unset;
  border: 1px solid hsla(0, 0%, 8%, .2)
}

.contact-us-form textarea {
  border: unset;
  display: block;
  box-sizing: border-box;
  font-size: 16px;
  width: 100%;
  height: 100px;
  resize: none;
  margin-bottom: 15px;
  padding: .5rem;
  border: 1px solid hsla(0, 0%, 8%, .2);
  border-radius: 4px;
  box-shadow: none;
  font-weight: 400;
  line-height: 1.5;
  color: #4b4b4b;
  transition: box-shadow .5s, border-color .25s ease-in-out
}

.contact-us-form textarea :focus {
  outline: none;
  box-shadow: unset;
  border: 1px solid hsla(0, 0%, 8%, .2)
}

.contact-us-form select {
  border: unset;
  display: block;
  font-size: 16px;
  box-sizing: border-box;
  width: 100%;
  height: 51px;
  margin: 0 0 20px;
  padding: .5rem;
  border: 1px solid hsla(0, 0%, 8%, .2);
  border-radius: 4px;
  background-color: #fff;
  box-shadow: none;
  font-weight: 400;
  line-height: 1.5;
  color: #4b4b4b;
  transition: box-shadow .5s, border-color .25s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, gray 0), linear-gradient(135deg, gray 50%, transparent 0);
  background-position: calc(100% - 20px) calc(1em + 6px), calc(100% - 15px) calc(1em + 6px), calc(100% - 2.5em) .5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat
}

.contact-us-form select :focus {
  outline: none;
  box-shadow: unset;
  border: 1px solid hsla(0, 0%, 8%, .2)
}

.contact-us-form :focus {
  outline: none
}

.hs-error-msgs {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute
}

.hs-form-field {
  position: relative
}

.hs-button {
  background: #151515;
  border-radius: 16px !important;
  color: #fff !important
}

.hs_firstname {
  padding-right: 10px
}

.hs_email,
.hs_firstname {
  width: 50%;
  margin: 0;
  display: inline-block
}

.hs_email {
  padding-left: 10px
}

.submitted-message {
  padding-top: 50px
}

.submitted-message p {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  margin: 0 auto;
  line-height: 27px
}

.submitted-message :nth-child(2) {
  font-size: 20px;
  font-weight: 900;
  margin-top: 15px
}

.submitted-message strong {
  font-size: 16px
}

.banner-btn:hover {
  background-color: #151515;
  color: #fff !important
}

.padtop-div:hover .banner-btn:after {
  background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/whitearrow.svg)
}

.medium_col {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%
}

@media only screen and (max-width:767px) {
  .medium_col {
    display: block;
    text-align: center
  }
}

.medium_col .venture_logos {
  width: 18%;
  padding: 10px;
  height: 100px;
  border: 1px solid #eaeaea;
  vertical-align: middle;
  align-items: center;
  display: flex;
  justify-content: center
}

@media only screen and (max-width:767px) {
  .medium_col .venture_logos {
    height: auto;
    width: 40% !important;
    margin: 0 10px 30px;
    display: inline-block;
    vertical-align: unset;
    padding: 40px 10px
  }

  .medium_col .venture_logos img {
    width: 70%
  }

  .section__yapfintech .venture_logos:first-child {
    padding: 16px 10px
  }

  .section__yapfintech .venture_logos {
    padding: 10px
  }

  .section_doodle_animation .inner_section {
    width: 90% !important
  }
}

.padzero {
  padding: 0
}

.logo-title h2 {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 56px;
  color: #151515;
  text-align: center;
  margin-bottom: 40px
}

@media only screen and (max-width:767px) {
  .logo-title h2 {
    font-size: 20px;
    line-height: 28px
  }
}

.logo-div {
  background: #fff;
  border: 1px solid hsla(0, 0%, 73%, .2);
  border-radius: 20px;
  padding: 10px 45px;
  height: 99px;
  vertical-align: middle;
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0 auto 30px;
  box-shadow: 0 4px 34px rgb(0 0 0);
  flex-direction: column;
  width: 70%
}

.logo-div img {
  width: 70% !important
}

.marquee-div {
  display: flex;
  flex-direction: row;
  margin-bottom: 30px
}

.logo .owl-nav {
  text-align: center;
  padding-top: 20px
}

.owl-prev {
  font-size: 38px !important;
  line-height: 40px !important
}

.owl-prev:focus {
  outline: none
}

.owl-next {
  font-size: 38px !important;
  line-height: 40px !important
}

.owl-next:focus {
  outline: none
}

@media only screen and (max-width:767px) {
  .mob_drop li a {
    color: #151515 !important
  }
}

.copy-last-footer_col {
  width: auto !important
}

@media only screen and (max-width:1000px) and (min-width:899px) {
  .copy-last-footer_col {
    width: 23% !important
  }
}

@media only screen and (max-width:899px) and (min-width:768px) {
  .copy-last-footer_col {
    width: 50% !important;
    text-align: left !important
  }
}

@media only screen and (max-width:899px) {
  .space-footer {
    display: none
  }
}

.logo {
  margin-bottom: 30px
}

.contact-us-sec {
  padding-bottom: 110px;
  padding-top: 0
}

@media screen and (min-width:768px) and (max-width:991px) {
  .contact-us-sec {
    padding-top: 80px
  }
}

@media screen and (min-width:992px) and (max-width:1024px) {
  .contact-us-sec {
    padding-top: 80px
  }
}

@media screen and (width:1024px) and (height:1366px) {
  .contact-us-sec {
    padding-top: 150px
  }
}

.longEnough {
  max-height: 430px;
  width: 350px;
  overflow: auto;
  padding-bottom: 40px
}

@media only screen and (max-width:767px) {
  .longEnough {
    width: 100%;
    height: 100%
  }

  .mCustomScrollBox {
    max-height: 100%;
    height: 100%
  }
}

.about-us-div .logo-div {
  padding: 10px;
  width: 100%;
  height: 77px;
  background: #fff;
  border: 1px solid hsla(0, 0%, 73%, .2);
  box-shadow: 0 4px 34px rgb(0 0 0);
  border-radius: 10px;
  margin: 10px 0 30px;
  text-align: center
}

@media only screen and (min-width:999px) and (max-width:1200px) {
  .about-us-div .logo-div {
    padding: 4px
  }
}

.about-us-div .logo-div p {
  font-size: 14px !important;
  line-height: 16px;
  color: #141b56;
  margin: 0
}

@media only screen and (min-width:999px) and (max-width:1200px) {
  .about-us-div .logo-div p {
    font-size: 12px !important
  }
}

.about-us-div .logo-div p img {
  margin-right: 5px;
  width: auto !important
}

@media only screen and (max-width:767px) {
  .about-us-div .col-md-3.col-lg-2.col-sm-4.col-xs-6 {
    width: 50%
  }
}

.section__yapfintech .venture_logos p {
  font-family: Sen;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  margin: 0;
  text-align: left
}

.hs-input::-webkit-input-placeholder {
  font-family: Ubuntu;
  font-size: 16px
}

.hs-input:-moz-placeholder {
  font-family: Ubuntu
}

select.hs-input {
  opacity: .9
}

.hs-button,
.hs-input,
select.hs-input,
select.hs-input option {
  font-family: Ubuntu
}

.hs-button {
  font-weight: 700 !important
}

.hs_submit .actions {
  margin-bottom: 50px
}

.sentence {
  font-size: 110px;
  line-height: 133px;
  font-weight: 800;
  text-align: center;
  color: #151515;
  width: 50%;
  text-align: left
}

@media only screen and (max-width:767px) {
  .sentence {
    font-size: 50px;
    line-height: 90px
  }
}

@media only screen and (max-width:991px) and (min-width:768px) {
  .sentence {
    font-size: 90px;
    line-height: 116px;
    width: 58%
  }
}

@media only screen and (max-width:1279px) and (min-width:992px) {
  .sentence {
    font-size: 90px;
    line-height: 116px;
    width: 40%
  }
}

.wrapper {
  background-color: #f5f5f5;
  font-family: Raleway, sans-serif;
  margin: 100px auto;
  padding: 40px;
  position: relative;
  width: 70%
}

.slidingHorizontal {
  height: 100px;
  width: 50%;
  display: inline-block;
  text-indent: 8px;
  text-align: left
}

@media only screen and (max-width:767px) {
  .slidingHorizontal {
    width: 50%
  }
}

.slidingHorizontal span {
  animation: leftToRight 12.5s linear 0s infinite;
  color: #151515;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  font-size: 110px;
  top: 27px !important;
  width: auto;
  line-height: 101px;
  text-align: center;
  font-weight: 800;
  font-family: Sen
}

.slidingHorizontal span:nth-child(2) {
  animation-delay: 2.5s
}

.slidingHorizontal span:nth-child(3) {
  animation-delay: 5s
}

.slidingHorizontal span:nth-child(4) {
  animation-delay: 7.5s
}

.slidingHorizontal span:nth-child(5) {
  animation-delay: 10s
}

.slidingHorizontal span:nth-child(6) {
  animation-delay: 12.5s
}

@media only screen and (max-width:767px) {
  .slidingHorizontal span {
    font-size: 50px;
    top: 31px !important
  }
}

@media only screen and (max-width:1279px) and (min-width:768px) {
  .slidingHorizontal span {
    font-size: 90px;
    top: 16px !important
  }
}

.card-body .content {
  width: 100%
}

.content__container-fluid {
  font-weight: 600;
  padding: 0;
  width: 100%
}

.content__container-fluid__text {
  display: inline;
  float: left;
  margin: 0;
  font-family: Ubuntu;
  color: #151515;
  font-size: 160px;
  line-height: normal;
  font-weight: 800;
  width: 100%;
  text-align: center
}

@media only screen and (min-width:768px) and (max-width:1279px) {
  .content__container-fluid__text {
    font-size: 80px;
    width: 100%
  }
}

@media only screen and (max-width:767px) {
  .content__container-fluid__text {
    font-size: 40px;
    width: auto;
    line-height: normal
  }
}

.content__container-fluid__list {
  margin-top: 0;
  padding-left: 0;
  text-align: center;
  list-style: none
}

.content__container-fluid__list__item {
  line-height: normal;
  margin: 0;
  font-family: Ubuntu;
  color: #151515;
  font-size: 160px;
  font-weight: 800;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  animation: change 7.5s linear 0s infinite;
  -ms-animation: change 7.5s linear 0s infinite;
  -webkit-animation: change 7.5s linear 0s infinite;
  left: 0;
  right: 0
}

@media only screen and (min-width:768px) and (max-width:1279px) {
  .content__container-fluid__list__item {
    font-size: 80px
  }
}

@media only screen and (max-width:767px) {
  .content__container-fluid__list__item {
    font-size: 40px
  }
}

@keyframes spincube {
  0% {
    transform: rotateX(0deg)
  }

  20%,
  35% {
    transform: rotateX(130deg)
  }

  50%,
  65% {
    transform: rotateX(250deg)
  }

  86%,
  95%,
  to {
    transform: rotateX(1turn)
  }
}

.home h3 {
  position: absolute;
  margin-left: 15%
}

.stage {
  width: 100%;
  margin-top: 15px;
  height: 150px;
  text-align: center
}

@media (min-width:768px) and (max-width:1279px) {
  .stage {
    height: 90px;
    margin-top: 0
  }
}

@media (max-width:767px) {
  .stage {
    height: 50px
  }
}

.cubespinner {
  animation: spincube infinite;
  -ms-animation: spincube infinite;
  -webkit-animation: spincube infinite;
  animation-duration: 8s;
  transform-style: preserve-3d;
  transform-origin: 40px 40px 0
}

.cubespinner .face1 {
  transform: rotateX(-130deg) translateY(47px) translateZ(-80px);
  -webkit-backface-visibility: hidden
}

@media (min-width:768px) and (max-width:991px) {
  .cubespinner .face1 {
    transform: rotateX(-130deg) translateY(20px) translateZ(-50px)
  }
}

@media (min-width:992px) and (max-width:1279px) {
  .cubespinner .face1 {
    transform: rotateX(-130deg) translateY(10px) translateZ(-45px)
  }
}

@media (max-width:767px) {
  .cubespinner .face1 {
    transform: rotateX(-130deg) translateY(-30px) translateZ(0)
  }
}

.cubespinner .face2 {
  transform: rotateX(-250deg) translateY(30px) translateZ(-35px);
  -webkit-backface-visibility: hidden
}

@media (min-width:768px) and (max-width:1279px) {
  .cubespinner .face2 {
    transform: rotateX(-250deg) translateY(40px) translateZ(50px)
  }
}

@media (max-width:767px) {
  .cubespinner .face2 {
    transform: rotateX(-250deg) translateY(-10px) translateZ(10px)
  }
}

.cubespinner .face3 {
  transform: rotateX(-1turn) translateY(-35px) translateZ(-70px);
  -webkit-backface-visibility: hidden
}

@media (min-width:768px) and (max-width:1279px) {
  .cubespinner .face3 {
    transform: rotateX(-1turn) translateY(-190px) translateZ(-30px)
  }
}

@media (max-width:767px) {
  .cubespinner .face3 {
    transform: rotateX(-1turn) translateY(-100px) translateZ(-10px)
  }
}

.cubespinner div {
  position: absolute;
  text-align: center;
  font-size: 150px;
  font-weight: 800;
  font-family: Ubuntu;
  color: #151515;
  left: 0;
  right: 0
}

@media (max-width:767px) {
  .cubespinner div {
    font-size: 40px;
    position: unset
  }
}

@media (max-width:1279px) and (min-width:768px) {
  .cubespinner div {
    font-size: 80px;
    position: unset
  }
}

#resizing-h3 {
  width: 100%;
  text-align: center;
  margin: 0
}

.fintect {
  font-style: normal;
  font-weight: 400;
  font-size: 90px;
  line-height: 110px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #151515;
  justify-content: center;
  margin-top: 0;
  font-family: Sen
}

@media only screen and (max-width:767px) {
  .fintect {
    font-size: 23px;
    line-height: 26px;
    margin-top: 0;
    text-align: center
  }
}

@media only screen and (max-width:1279px) and (min-width:768px) {
  .fintect {
    font-size: 50px;
    line-height: 61px;
    margin: 22px 0
  }
}

.desktop-view {
  display: block
}

@media only screen and (max-width:767px) {
  .desktop-view {
    display: none
  }
}

.mobile-view {
  display: none
}

@media only screen and (max-width:767px) {
  .mobile-view {
    display: block
  }
}

.dropdown-toggle:after {
  vertical-align: middle
}

.single_products_flow {
  padding-top: 40px
}

.flex-footer {
  display: flex;
  align-items: center;
  justify-content: flex-start
}

@media only screen and (max-width:767px) {
  .flex-footer {
    justify-content: space-around;
    flex-direction: column;
    align-items: flex-start
  }
}

@media only screen and (min-width:768px) and (max-width:899px) {
  .flex-footer {
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column
  }
}

.flex-footer .legal-menu {
  padding-right: 20px
}

.flex-footer a {
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 176%;
  color: #fff;
  font-family: Ubuntu;
  opacity: .8
}

@media screen and (min-width:768px) and (max-width:992px) {
  .flex-footer a {
    font-size: 12px !important;
    line-height: 176% !important
  }
}

a:hover {
  text-decoration: none
}

.width-470 {
  width: 470px
}

@media screen and (max-width:767px) {
  .width-470 {
    width: 100%
  }
}

.bnpl-ul-expl {
  padding-left: 0
}

.bnpl-ul-expl li {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 29px;
  margin-bottom: 13px;
  color: #4f4f4f;
  position: relative;
  padding-left: 23px;
  list-style: none
}

.bnpl-ul-expl li:after {
  background: url(/assets/images/check-circle.svg);
  background-position: 50%
}

.bnpl-ul-expl li:after,
.hover-eff :hover .bnpl-ul-expl li:after {
  content: "";
  position: absolute;
  top: 10px;
  width: 15px;
  height: 15px;
  left: 0
}

.hover-eff :hover .bnpl-ul-expl li:after {
  background: url(/assets/images/check-circle-green.svg);
  background-position: 50%
}

.hiw li {
  font-size: 16px;
  line-height: 27px;
  margin-bottom: 16px
}

.hiw li:after {
  content: "";
  background: url(/assets/images/check-circle-green.svg)
}

@media only screen and (max-width:991px) {
  .empty-div {
    display: none
  }
}

@media only screen and (max-width:767px) {
  .empty-div img {
    width: 100%
  }
}

@media only screen and (min-width:768px) and (max-width:999px) {
  .empty-div img {
    width: 100%
  }
}

@media only screen and (max-width:767px) {
  .market-leading .venture_logos {
    height: 117px;
    width: 40% !important;
    vertical-align: middle
  }

  .market-leading img {
    width: 80px !important
  }
}

@media only screen and (min-width:768px) and (max-width:999px) {
  .market-leading img {
    width: 60%
  }

  .market-leading p {
    font-size: 13px !important;
    line-height: 18px !important
  }

  .investor img {
    width: 60%
  }
}

@media only screen and (max-width:767px) {
  .mob-bor {
    border: unset !important
  }
}

@media only screen and (max-width:575px) {
  .pad-mob .icon_box {
    padding: 10px;
    min-height: auto
  }

  .pad-mob .icon_btn {
    position: unset !important
  }

  .inner_section {
    padding: 50px 15px 30px
  }
}

.wid-100 {
  width: 100%
}

.awards .row {
  float: left;
  width: 100%
}

.inv_mobile_slider {
  width: 100%
}

@media (max-width:767px) {
  .yap_title {
    margin-bottom: 20px
  }
}

.res_top {
  clear: both
}

@media screen and (max-width:767px) {
  .mob-pad {
    padding: 0 15px
  }

  .text-left {
    text-align: center
  }
}

@media screen and (max-width:900px) and (min-width:767px) {
  .footer_section .footer_col:nth-child(5) {
    margin-bottom: 25px
  }

  .footer_section .last-footer_col {
    width: 22% !important
  }
}

@media screen and (width:1024px) and (height:1366px) {
  #footer.contact-us-footer footer {
    position: fixed;
    bottom: 0
  }
}

@media screen and (min-width:768px) and (max-width:1999px) {
  .first-img {
    width: 100%
  }
}

@media screen and (max-width:991px) {
  .about-us-div .row {
    width: 100%
  }
}

.tiger-logo img {
  width: 90%
}

#footer .footer-col::nth-child(2) a {
  cursor: auto
}

.cursor-poniter a {
  cursor: auto
}

.for_mail a {
  font-family: Ilisarniq !important;
  position: relative
}

.pad-bottom {
  padding-bottom: 80px
}

.name {
  width: 48%;
  display: inline-block;
  padding-right: 10px
}

@media screen and (max-width:991px) {
  .name {
    width: 100%;
    padding: 0
  }
}

.email {
  width: 50%;
  display: inline-block;
  padding-left: 10px
}

@media screen and (max-width:991px) {
  .email {
    width: 100%;
    padding: 0
  }
}

.submit-btn {
  background: #cf2127 !important;
  border: unset !important;
  box-shadow: unset;
  font-weight: 600 !important;
  font-size: 17px !important;
  width: 100%;
  padding: 10px !important;
  outline: none !important
}

.submit-btn,
.submit-btn:hover {
  color: #fff !important
}

.submit-btn:focus {
  outline: none !important;
  box-shadow: unset !important
}

.bootstrap-select {
  border-radius: 4px
}

.product {
  margin-bottom: 20px
}

.product .dropdown-toggle {
  padding: 0;
  border: unset !important;
  background: transparent !important
}

.product .dropdown-toggle .filter-option-inner-inner {
  opacity: .9;
  border: unset;
  display: block;
  font-size: 16px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  min-height: 100%;
  padding: 11px 27px 11px 10px;
  border: 1px solid hsla(0, 0%, 8%, .2);
  border-radius: 4px;
  background-color: #fff;
  box-shadow: none;
  font-weight: 400;
  line-height: 1.5;
  color: #4b4b4b;
  -webkit-appearance: none;
  -moz-appearance: none;
  white-space: normal;
  overflow-y: auto !important
}

.product .dropdown-toggle .filter-option-inner-inner:after {
  display: inline-block;
  margin-left: .255em;
  position: absolute;
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
  content: "";
  right: 11px;
  top: 23px
}

.product .dropdown-toggle:after {
  display: none !important
}

.product .dropdown-toggle:hover {
  background: #fff
}

.product .dropdown-toggle:focus {
  outline: unset;
  border: 1px solid hsla(0, 0%, 8%, .2)
}

.product .dropdown-toggle .bs-caret {
  display: none
}

.country .dropdown-toggle {
  padding: 0;
  border: unset !important;
  background: transparent !important
}

.country .dropdown-toggle .filter-option-inner-inner {
  opacity: .9;
  border: unset;
  display: block;
  font-size: 16px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  min-height: 100%;
  padding: 11px 27px 11px 10px;
  border: 1px solid hsla(0, 0%, 8%, .2);
  border-radius: 4px;
  background-color: #fff;
  box-shadow: none;
  font-weight: 400;
  line-height: 1.5;
  color: #4b4b4b;
  -webkit-appearance: none;
  -moz-appearance: none;
  white-space: normal;
  overflow-y: auto !important
}

.country .dropdown-toggle .filter-option-inner-inner:after {
  display: inline-block;
  margin-left: .255em;
  position: absolute;
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
  content: "";
  right: 11px;
  top: 23px
}

.country .dropdown-toggle:after {
  display: none !important
}

.country .dropdown-toggle:hover {
  background: #fff
}

.country .dropdown-toggle:focus {
  outline: unset;
  border: 1px solid hsla(0, 0%, 8%, .2)
}

.country .dropdown-toggle .bs-caret {
  display: none
}

.bootstrap-select .dropdown-toggle {
  border: unset !important;
  background-color: transparent !important
}

.bootstrap-select {
  width: 100% !important
}

.bootstrap-select:focus {
  background-color: transparent !important;
  outline: none !important;
  box-shadow: none !important
}

.bootstrap-select .dropdown-toggle {
  background-color: transparent
}

.bootstrap-select .dropdown-toggle:hover {
  background-color: transparent !important
}

.bootstrap-select .dropdown-toggle:focus {
  background-color: transparent !important;
  outline: none !important;
  box-shadow: none !important
}

.width-100 {
  max-width: 100%
}

.blackClr {
  background-color: #151515 !important
}

.hide {
  display: none
}

#messages {
  margin-top: 16px;
  padding: 10px;
  font-size: 15px;
  margin-bottom: 0;
  width: 100%;
  text-align: center;
  background-color: transparent;
  border-color: transparent;
  color: #000
}

@media screen and (max-width:1024px) {
  #messages {
    position: unset;
    margin-top: 25px
  }
}

#messages .close {
  display: none;
  padding: 3px 6px 0 0
}

@media screen and (max-width:1024px) {
  #messages .close {
    position: unset
  }
}

#messages .close span {
  line-height: 0
}

#messages #messages_content h4 {
  margin: 0
}

#messages #messages_content h4 img {
  animation: imgbounce 1s ease-in-out infinite alternate;
  margin-right: 7px;
  transition: .1s
}

#messages_Up {
  padding: 10px 0;
  font-size: 15px;
  margin-bottom: 0;
  width: 100%;
  text-align: left;
  background-color: transparent;
  border-color: transparent;
  color: #000;
  opacity: 0;
  transition: opacity .3s
}

#messages_Up.active {
  opacity: 1
}

@media screen and (max-width:1024px) {
  #messages_Up {
    position: unset
  }
}

#messages_Up .close {
  display: none;
  padding: 3px 6px 0 0
}

@media screen and (max-width:1024px) {
  #messages_Up .close {
    position: unset
  }
}

#messages_Up .close span {
  line-height: 0
}

#messages_Up #messages_content_Up h4 {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  transition: all 1s ease-in-out
}

#messages_Up #messages_content_Up h4 img {
  animation: imgbounce 1s ease-in-out infinite alternate;
  margin-right: 7px;
  transition: .1s
}

@keyframes imgbounce {
  0% {
    transform: scale(1);
    transition: .3s
  }

  to {
    transform: scale(1.3);
    transition: .3s
  }
}

.newsletter {
  background-color: #155724;
  width: auto;
  color: #fff
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

.intl-tel-input {
  display: table-cell
}

.intl-tel-input .selected-flag {
  z-index: 4
}

.intl-tel-input .country-list {
  z-index: 5
}

.iti {
  width: 100% !important;
  margin-bottom: 20px
}

.iti input {
  padding-left: 100px !important
}

.input-group .intl-tel-input .form-control {
  border-top-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 0
}

.company {
  display: block;
  font-size: 16px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  margin: 0 0 20px !important;
  padding: 6px 10px;
  border: 1px solid hsla(0, 0%, 8%, .2);
  border-radius: 4px !important;
  background-color: #fff !important;
  box-shadow: none;
  font-weight: 400;
  line-height: 1.5;
  color: #4b4b4b;
  -webkit-appearance: none;
  -moz-appearance: none
}

.company .dropdown-toggle {
  padding: 10px
}

.company .dropdown-toggle .filter-option-inner-inner {
  color: #4b4b4b;
  opacity: .9
}

.company .dropdown-toggle .filter-option-inner-inner:after {
  display: inline-block;
  margin-left: .255em;
  position: absolute;
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
  content: "";
  right: 9px;
  top: 21px
}

.company .dropdown-toggle:after {
  display: none !important
}

.iti__selected-flag {
  width: 90px;
  justify-content: center;
  background: rgba(0, 0, 0, .05)
}

.betterIcon {
  position: fixed;
  right: 15px;
  bottom: 15px;
  z-index: 999999;
  padding: 9px 12px 21px;
  box-shadow: 1px 0 21px -4px #a9a9a9;
  border-radius: 100%;
  background: #fff;
  width: 60px;
  height: 60px
}

@media screen and (max-width:767px) {
  .betterIcon {
    width: 50px;
    height: 50px
  }
}

.betterIcon img {
  width: 100%;
  cursor: pointer
}

#betterHalf .modal-content {
  position: relative;
  border-radius: 50%;
  width: 100%;
  height: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 500px;
  background: linear-gradient(0deg, #fff, #fff), linear-gradient(180deg, #c0eade, #b8e5ed);
  box-shadow: 0 0 50px rgba(0, 0, 0, .1);
  border: none !important
}

#betterHalf .modal-content .closeBtn {
  width: 100%;
  position: relative;
  padding: 1px;
  height: 20px
}

#betterHalf .modal-content .closeBtn:after {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/betterhalf/close.svg) no-repeat 50%;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0;
  cursor: pointer
}

#betterHalf .modal-content .modal-body,
#betterHalf .modal-content .modal-body .betImg,
#betterHalf .modal-content .modal-body .betLogo {
  display: flex;
  align-items: center;
  justify-content: center
}

#betterHalf .modal-content .modal-body .modalTxt h2 {
  font-family: "DMSerifText";
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 39px;
  text-align: center;
  color: #151515
}

#betterHalf .modal-content .modal-body .modalTxt .exploreBtn {
  margin-top: 30px !important;
  background: #151515;
  border-radius: 16px;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: #fff;
  width: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  position: relative;
  padding: 9px 60px 9px 35px
}

#betterHalf .modal-content .modal-body .modalTxt .exploreBtn:after {
  content: "";
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/betterhalf/arrow.svg) no-repeat 50%;
  position: absolute;
  width: 25px;
  height: 25px;
  right: 15px;
  top: 4px;
  bottom: 0;
  margin: auto
}

.betLogo img {
  width: 200px
}

@media only screen and (max-width:768px) {
  .betterIcon {
    right: 20px;
    bottom: 31px
  }

  .betterIcon img {
    width: 100%
  }

  #betterHalf .modal-content {
    max-width: 430px;
    max-height: 430px;
    margin: auto
  }

  #betterHalf .modal-content .modal-body .betLogo img {
    width: 230px
  }

  #betterHalf .modal-content .modal-body .betImg img {
    width: 160px
  }

  #betterHalf .modal-content .modal-body .modalTxt h2 {
    font-size: 25px !important;
    line-height: 32px !important
  }

  #betterHalf .modal-content .modal-body .modalTxt .exploreBtn {
    margin-top: 25px !important;
    width: 130px !important;
    padding: 7px 50px 7px 25px !important
  }

  #betterHalf .modal-content .modal-body .modalTxt .exploreBtn:after {
    right: 7px
  }
}

@media only screen and (max-width:600px) and (min-width:320px) {
  .betterIcon {
    right: 10px;
    bottom: 40px
  }

  .betterIcon img {
    width: 100%
  }

  #betterHalf .modal-content {
    max-width: 300px;
    max-height: 300px;
    margin: auto;
    position: relative;
    top: -10px
  }

  #betterHalf .modal-content .modal-body .modalBettre {
    transform: scale(.9)
  }

  #betterHalf .modal-content .modal-body .betLogo img {
    width: 170px
  }

  #betterHalf .modal-content .modal-body .betImg img {
    width: 130px
  }

  #betterHalf .modal-content .modal-body .modalTxt h2 {
    font-size: 18px !important;
    line-height: 25px !important
  }

  #betterHalf .modal-content .modal-body .modalTxt .exploreBtn {
    font-size: 15px !important;
    line-height: 22px !important;
    margin-top: 15px !important;
    width: 120px !important;
    padding: 7px 50px 7px 25px !important
  }

  #betterHalf .modal-content .modal-body .modalTxt .exploreBtn:after {
    right: 11px;
    top: 4px
  }
}

.insightpartner {
  width: 70% !important
}

.mufg {
  width: 85% !important
}

.hiw b {
  margin-right: 7px
}

.bnpl-merchant .icon_box {
  min-height: 869px !important
}

.bengalure-pad {
  padding-top: 0
}

.bgif {
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/bannergif.gif);
  background-position: 50%;
  background-size: cover;
  width: 150px;
  height: 150px;
  position: absolute;
  right: 0
}

.bgif h5 {
  font-size: 50px;
  margin: 15px 0 0
}

.Topheader {
  text-align: center;
  padding: 10px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
  width: 100%;
  opacity: 1;
  height: 56px;
  z-index: -1;
  -webkit-transition: all 1s Linear;
  -moz-transition: all 1s Linear;
  -o-transition: all 1s Linear;
  -ms-transition: all 1s Linear
}

.Topheader p {
  color: #fff;
  margin: 0;
  line-height: unset;
  font-size: 16px;
  font-family: Ubuntu
}

.Topheader .butn-light {
  background-color: #fff;
  color: #151515 !important;
  margin-left: 15px;
  width: 142px;
  height: 34px;
  border-radius: 10px !important;
  font-size: 14px;
  font-family: Ubuntu
}

.Topheader .butn-light:after {
  content: "";
  width: 18px;
  height: 8px;
  left: 8px;
  top: 2px
}

@media screen and (max-width:767px) {
  .box {
    height: 84px !important
  }

  .Topheader {
    height: 69px
  }

  .Topheader p {
    font-size: 11px
  }

  .Topheader a {
    margin-top: 6px;
    width: auto !important;
    height: auto !important;
    font-size: 11px !important;
    padding: 6px 22px 5px 13px
  }
}

@media screen and (max-width:424px) {
  .Topheader {
    flex-direction: column
  }

  .Topheader a {
    margin-left: 0 !important
  }
}

.noted {
  font-size: 12px !important;
  margin-top: 0;
  text-align: left;
  margin-bottom: 14px !important
}

.event-page .icon_box {
  margin-bottom: 60px;
  min-height: 460px
}

.event-page .icon_box .icon_btn {
  display: block
}

.event-page .icon_box .icon_btn .trycolor-out {
  color: #000 !important;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 167%;
  text-align: right
}

.consec {
  position: relative;
  background: #f8f8f8;
  text-align: center;
  padding: 100px 0;
  clear: both
}

.consec h5 {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 147%;
  text-align: center;
  color: #151515;
  margin: 30px 0
}

#contact::placeholder {
  color: #fff
}

.newsletter_para {
  margin-bottom: 25px
}

.newsletter_div {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.newsletter_div input {
  background: hsla(0, 0%, 77%, .2);
  opacity: 1;
  border: 1px solid #b9b9b9;
  box-sizing: border-box;
  border-radius: 4px;
  width: 60%;
  height: 42px;
  padding: 10px
}

.newsletter_div input:focus {
  outline: none
}

.newsletter_div .subscribe {
  margin-right: 0;
  margin-left: 0
}

.bannerimg {
  width: 100%
}

@media screen and (max-width:767px) {
  .bannerimg {
    margin-top: 30px
  }
}

.newsletter_overall {
  width: 90%;
  margin: auto
}

@media screen and (max-width:767px) {
  .newsletter_overall {
    width: 100%
  }
}

.newsletter_overall .headline_newsletter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px
}

.newsletter_overall .headline_newsletter h2 {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  color: #151515;
  margin: 0 0 15px
}

.newsletter_overall .headline_newsletter .sort {
  display: flex;
  align-items: center;
  justify-content: center
}

.newsletter_overall .headline_newsletter .sort .sort_by {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: #686f79
}

.newsletter_overall .flex_news_letter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: wrap
}

@media screen and (max-width:767px) {
  .newsletter_overall .flex_news_letter {
    flex-direction: column
  }
}

.newsletter_overall .flex_news_letter .pager {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 35px
}

.newsletter_overall .flex_news_letter .pager .pageNumbers {
  margin-bottom: 0;
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 400;
  font-size: 16px
}

.newsletter_overall .flex_news_letter .pager .pageNumbers a {
  padding: 5px 10px;
  color: #151515;
  margin: 0 10px;
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 400;
  font-size: 16px
}

.newsletter_overall .flex_news_letter .pager .pageNumbers .active {
  background: #e0e2e4;
  border-radius: 6px
}

.newsletter_overall .flex_news_letter .pager .previousPage {
  margin-right: 10px
}

.newsletter_overall .flex_news_letter .pager .nextPage,
.newsletter_overall .flex_news_letter .pager .previousPage {
  background-color: #151515;
  border-radius: 6px;
  color: #fff;
  padding: 5px 10px;
  cursor: pointer;
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 400;
  font-size: 16px
}

.newsletter_overall .flex_news_letter .pager .nextPage {
  margin-left: 10px
}

.newsletter_overall .flex_news_letter .recent_news {
  padding: 30px 20px;
  width: 100%;
  transition: .5s;
  border-radius: 16px;
  margin: 35px 0
}

@media screen and (max-width:1024px) {
  .newsletter_overall .flex_news_letter .recent_news {
    width: 100%
  }
}

@media screen and (max-width:767px) {
  .newsletter_overall .flex_news_letter .recent_news {
    width: 100%;
    display: block;
    padding: 15px;
    margin: 25px auto
  }
}

.newsletter_overall .flex_news_letter .recent_news:hover {
  box-shadow: 0 4px 32px rgba(0, 0, 0, .12);
  transition: .5s
}

.newsletter_overall .flex_news_letter .recent_news .blogs_img {
  width: 174px;
  height: 155px;
  object-fit: contain;
  padding: 0 20px 0 0;
  border-radius: 16px;
  max-width: -moz-fit-content;
  max-width: fit-content
}

@media screen and (max-width:767px) {
  .newsletter_overall .flex_news_letter .recent_news .blogs_img {
    width: 100px;
    height: 100px;
    padding: 0
  }
}

.newsletter_overall .flex_news_letter .recent_news span {
  display: block;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 176%;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: hsla(0, 0%, 8%, .5);
  margin: 10px 0 0;
  padding-right: 40px
}

@media screen and (max-width:767px) {
  .newsletter_overall .flex_news_letter .recent_news span {
    font-size: 12px;
    line-height: 176%;
    margin: 10px 0
  }
}

.newsletter_overall .flex_news_letter .recent_news .heading_newsletters {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 29px;
  color: #151515;
  margin: 0
}

@media screen and (max-width:767px) {
  .newsletter_overall .flex_news_letter .recent_news .heading_newsletters {
    font-size: 16px;
    line-height: normal
  }
}

.newsletter_overall .flex_news_letter .recent_news .para_newsletter {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 165%;
  color: #151515;
  margin-top: 10px;
  margin-bottom: 10px
}

@media screen and (max-width:767px) {
  .newsletter_overall .flex_news_letter .recent_news .para_newsletter {
    font-size: 12px;
    line-height: 166%;
    font-weight: 300;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
  }
}

.newsletter_footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 0;
  width: 100%
}

.newsletter_footer .footer_div {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer
}

.newsletter_footer .footer_div span {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #686f79
}

.newsletter_footer .footer_div:last-child span {
  color: #06c;
  text-transform: capitalize;
  letter-spacing: normal
}

.newsletter_footer .footer_div img {
  width: 15px;
  margin: 0 15px 0 0
}

.newsletter_footer .footer_div:hover .social_div {
  opacity: 1
}

.newsletter_footer .footer_div:hover i {
  display: flex;
  opacity: 1
}

.bottompad {
  padding-bottom: 50px
}

.bottompad .inner_section {
  padding: 0 !important
}

.fabs {
  position: relative
}

.fabs .social_div {
  position: absolute;
  right: -40px;
  top: 12px;
  width: 141px;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center
}

@media screen and (max-width:767px) {
  .fabs .social_div {
    right: 0;
    justify-content: flex-end
  }
}

.fabs .social_div a i {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  border-radius: 100%;
  background: #3b5998;
  color: #fff;
  transition: .5s;
  opacity: 0;
  display: none;
  margin: 7px;
  box-shadow: 0 0 4px rgb(0 0 0), 0 4px 8px rgb(0 0 0)
}

@media screen and (max-width:767px) {
  .fabs .social_div a i {
    width: 30px;
    height: 30px;
    font-size: 15px
  }
}

.fabs .social_div a:nth-child(2) i {
  background: #0e76a8
}

.fabs .social_div a:nth-child(3) i {
  background: #1d9bf0;
  margin-right: 0
}

.footershare {
  display: flex;
  align-items: center;
  justify-content: center
}

.footershare:hover .social_div {
  opacity: 1
}

#header_news {
  width: 100%
}

@media screen and (max-width:767px) {
  .bannerpad {
    padding-bottom: 0;
    margin-top: 0
  }
}

.prehead_news {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex-direction: column
}

@media screen and (max-width:767px) {
  .prehead_news {
    margin: 10px 0;
    width: 100%;
    display: block
  }
}

.prehead_news .newsletter_footer {
  justify-content: space-between
}

.prehead_news span {
  width: 100%;
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 176%;
  text-transform: uppercase;
  color: hsla(0, 0%, 8%, .5)
}

@media screen and (max-width:767px) {
  .prehead_news span {
    font-size: 10px;
    letter-spacing: normal;
    display: block;
    width: 100%;
    margin-bottom: 10px
  }
}

.prehead_news h5 {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 176%;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: hsla(0, 0%, 8%, .5)
}

@media screen and (max-width:767px) {
  .prehead_news h5 {
    letter-spacing: normal;
    margin-bottom: 0;
    font-size: 12px
  }
}

.banner_news {
  width: 70%;
  margin: auto;
  height: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  border-radius: 16px 16px 0 0
}

@media screen and (max-width:767px) {
  .banner_news {
    width: 100%
  }
}

.banner_news img {
  width: 100% !important
}

.banner_news .heading_newsletter {
  text-align: left;
  width: 100%
}

.banner_news .kickImg1 {
  width: 100% !important
}

@media screen and (max-width:767px) {
  .banner_news .kickImg1 {
    width: 100% !important
  }
}

.banner_news .budgetHead {
  text-align: left;
  width: 100%
}

@media screen and (max-width:767px) {
  .banner_news .budgetHead {
    font-size: 20px;
    width: 100%
  }
}

.banner_news .cash-para {
  width: 100% !important;
  text-align: left
}

@media screen and (max-width:767px) {
  .banner_news .cash-para {
    text-align: justify;
    width: 100% !important;
    font-size: 14px
  }
}

.banner_news .kickImg1 {
  width: 80% !important;
  margin-top: 20px !important
}

.banner_news .budgetHead {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 157%;
  margin-top: 30px
}

@media screen and (max-width:767px) {
  .banner_news .budgetHead {
    font-size: 20px
  }
}

.banner_news .cash-para {
  width: 80%;
  font-size: 20px;
  margin-top: 20px;
  color: #151515;
  margin-bottom: 0 !important
}

@media screen and (max-width:767px) {
  .banner_news .cash-para {
    text-align: justify
  }
}

.banner_news .cash-para b {
  color: #151515;
  font-weight: 900;
  font-family: Ubuntu
}

.banner_news .upiImg21 {
  width: 80%;
  margin-top: 30px
}

@media screen and (max-width:600px) {
  .banner_news .upiImg21 {
    width: 100%
  }
}

.banner_news .tame {
  width: 80%;
  height: 100%
}

.banner_news h5 {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 176%;
  text-align: center;
  color: #151515
}

@media screen and (max-width:767px) {
  .banner_news h5 {
    font-size: 20px
  }

  .padtop0 {
    padding-top: 0
  }
}

.padtop0 .inner_section {
  padding: 0
}

.content_news {
  width: 70%;
  text-align: center;
  margin: auto
}

.content_news h4 {
  text-align: left
}

@media screen and (max-width:767px) {
  .content_news {
    width: 100%
  }
}

.content_news h5 {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: normal;
  color: #151515;
  text-align: left
}

@media screen and (max-width:767px) {
  .content_news h5 {
    font-size: 20px !important;
    line-height: 150%
  }
}

.content_news .fin17head {
  font-size: 24px
}

@media screen and (max-width:767px) {
  .content_news .fin17head {
    font-size: 18px;
    line-height: 150%
  }
}

.content_news p {
  font-size: 18px;
  line-height: 35px;
  color: #151515;
  margin-bottom: 20px;
  text-align: left
}

.content_news p .tame-link {
  color: #5518ab;
  font-weight: 900
}

@media screen and (max-width:767px) {
  .content_news p {
    font-size: 14px;
    line-height: 167%;
    margin-bottom: 10px !important;
    text-align: justify;
    word-break: break-word
  }
}

.content_news p b {
  font-weight: 900
}

.content_news p .bolding {
  color: #cc2228;
  padding: 0 5px
}

.content_news ul li {
  font-size: 18px;
  line-height: 30px;
  color: #4f4f4f;
  list-style: auto;
  text-align: left
}

.content_news ul li:last-child {
  margin-bottom: 30px
}

@media screen and (max-width:767px) {
  .content_news ul li {
    font-size: 16px;
    line-height: 167%;
    text-align: justify
  }
}

.content_news ul .disc {
  list-style: disc
}

.content_news ul .disc b {
  font-family: Ubuntu
}

.content_news .margin-top {
  margin-top: 20px
}

.content_news .margin-left {
  margin-left: 20px !important
}

.content_news img {
  width: 100%;
  margin-bottom: 15px
}

.content_news .neo_IMG {
  margin-top: 40px !important;
  margin-bottom: 40px !important
}

.content_news .upiIconsImgs {
  width: 50px !important;
  height: 50px !important;
  margin-bottom: 0 !important;
  margin-right: 20px !important
}

.content_news .upiImage {
  float: left
}

.content_news .recent_news {
  width: 100%
}

.fintalk {
  font-family: IBM Plex Mono !important;
  font-style: normal;
  font-weight: 500;
  font-size: 14px !important;
  line-height: 176%;
  letter-spacing: .1em;
  text-transform: uppercase;
  text-align: right;
  color: hsla(0, 0%, 8%, .5) !important;
  padding-bottom: 30px;
  margin-right: 40px
}

@media screen and (max-width:767px) {
  .fintalk {
    font-size: 12px;
    line-height: 167%;
    text-align: left
  }
}

.new_letter_header {
  box-shadow: unset !important
}

.newsletter-home-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0;
  margin-top: 0
}

@media screen and (max-width:767px) {
  .newsletter-home-banner {
    margin-top: 0 !important;
    min-height: unset
  }

  .newsletter-home-banner .inner_section {
    padding-top: 0 !important
  }

  .newsletter-home-banner .inner_section .Banner_form {
    margin-top: 10px !important
  }
}

.newsletter_banner .inner_section {
  padding-top: 0 !important
}

@media screen and (max-width:767px) {
  .newsletter_banner {
    margin-top: 50px
  }
}

.newsletter_banner h1 {
  color: #151515
}

.newsletter_banner .newsLetter_text {
  width: 100%;
  text-align: center
}

.newsletter_banner .newsLetter_text .Banner_text {
  margin-bottom: 0;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 800;
  font-size: 72px;
  line-height: 94px;
  text-align: center;
  color: #151515
}

@media screen and (max-width:767px) {
  .newsletter_banner .newsLetter_text .Banner_text {
    font-size: 40px;
    line-height: 48.13px
  }
}

.newsletter_banner .newsLetter_text .Banner_text span {
  display: block
}

.newsletter_banner .newsLetter_text .Banner_text1 {
  width: 100%;
  margin: auto;
  padding-top: 24px;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: normal;
  text-align: center;
  opacity: 1
}

@media screen and (max-width:767px) {
  .newsletter_banner .newsLetter_text .Banner_text1 {
    font-size: 16px !important;
    line-height: 25.13px;
    width: 100% !important;
    text-align: center
  }
}

.newsletter_banner .newsLetter_text .Banner_form {
  margin-top: 50px
}

.newsletter_banner .newsLetter_text .Banner_form .border-subscribe1 {
  width: 300px;
  box-shadow: unset;
  padding: 10px 20px;
  margin-right: 30px;
  background: hsla(0, 0%, 77%, .2);
  font-family: Ubuntu;
  border: 1px solid rgba(68, 68, 68, .4);
  border-radius: 4px;
  font-size: 14px;
  height: 48px
}

@media screen and (max-width:767px) {
  .newsletter_banner .newsLetter_text .Banner_form .border-subscribe1 {
    width: 100%
  }
}

.newsletter_banner .newsLetter_text .Banner_form .border-subscribe1:focus {
  outline: none
}

.para_mar .para-div {
  display: flex;
  align-items: center;
  margin-bottom: 15px
}

.para_mar .para-div .upiFintalk {
  width: 50px;
  height: 50px;
  margin: 0 !important
}

@media screen and (max-width:767px) {
  .para_mar .para-div .upiFintalk {
    width: 35px;
    height: 35px
  }
}

.para_mar .para-div .upifintalk-Red {
  color: #0065cc;
  font-style: normal;
  font-weight: 700;
  font-size: 19px;
  line-height: 167%;
  margin-bottom: 36px;
  font-family: Ubuntu
}

@media screen and (max-width:767px) {
  .para_mar .para-div .upifintalk-Red {
    font-size: 14px
  }
}

.para_mar .cepa {
  align-items: flex-start
}

.para_mar .para-div1 {
  display: block !important;
  text-align: left
}

.para_mar .para-div1 .upiFintalk1 {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 167%;
  margin-bottom: 36px;
  font-family: IBM Plex Mono;
  color: #151515;
  position: relative;
  z-index: -1
}

.para_mar .para-div1 .upiFintalk1 .countryIcon {
  width: 25px;
  height: 25px;
  margin: 0 !important
}

.para_mar .para-div1 .upiFintalk1 .countryIcon1 {
  width: 40px;
  height: 40px;
  margin: 0 !important
}

.para_mar .para-div1 .upiParaDiv {
  margin-left: 0 !important
}

.para_mar p {
  margin-bottom: 10px;
  margin-left: 25px !important
}

.para_mar .upiPara {
  margin-bottom: 20px !important
}

.para_mar .diamond_style {
  position: relative;
  z-index: -1
}

.para_mar .diamond_style:after {
  content: "" !important;
  width: 10px !important;
  height: 10px !important;
  background-color: #006fd9 !important;
  transform: rotate(45deg) !important;
  position: absolute !important;
  left: -23px !important;
  top: 11px !important;
  z-index: -1
}

.lender_payoff {
  padding-left: 20px
}

.lender_payoff li {
  font-family: Ubuntu
}

.share-btn {
  margin: 0;
  align-items: start;
  justify-content: space-between;
  width: 100%
}

@media screen and (max-width:767px) {
  .share-btn {
    justify-content: space-between
  }
}

.share-btn .fintalk {
  line-height: normal;
  font-family: IBM Plex Mono;
  font-weight: 500;
  font-size: 16px;
  color: hsla(0, 0%, 8%, .5)
}

.share-btn .social_div:hover {
  z-index: auto
}

.header_btn p {
  width: auto;
  margin: 0;
  padding: 0;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 176%;
  letter-spacing: 0;
  text-transform: none;
  color: #151515
}

@media screen and (max-width:767px) {
  .header_btn p {
    font-size: 12px;
    margin-right: 0;
    justify-content: space-between
  }

  .header_btn .newsletter_footer {
    margin-top: 0;
    width: 100%
  }

  .header_btn .footer_div {
    display: none
  }
}

.header_btn .social_div,
.header_btn .social_div:hover {
  z-index: 999
}

.butn {
  border-radius: 16px !important
}

@media screen and (max-width:767px) {
  .new_letter_header {
    padding: 0 10px !important
  }

  .newsletter_footer {
    margin-top: 0;
    width: 100%
  }
}

@media screen and (min-width:768px) and (max-width:991px) {
  .newsletter_footer {
    width: 100%;
    margin: auto
  }
}

@media screen and (min-width:992px) and (max-width:1024px) {
  .newsletter_footer {
    width: 100%
  }
}

@media screen and (max-width:991px) {
  .prehead_news {
    flex-direction: column;
    align-items: flex-start
  }
}

@media screen and (min-width:768px) and (max-width:991px) {
  .header_btn p {
    text-align: start;
    display: block;
    justify-content: start
  }
}

@media screen and (min-width:991px) and (max-width:1024px) {
  .header_btn p {
    text-align: left
  }
}

@media screen and (max-width:767px) {
  .fixed-share {
    width: 100% !important;
    padding: 0 !important
  }
}

.mar_right {
  width: 100%;
  margin-top: 10px
}

.sec_facilities {
  margin-top: 0;
  padding-top: 0
}

.what_offer .inner_section {
  padding-top: 0
}

@media screen and (max-width:767px) {
  .upi_head .inner_section {
    padding-bottom: 0
  }

  .upi_head .inner_section .mb_55 {
    margin-bottom: 0
  }

  .sec_facilities .inner_section {
    padding-top: 0
  }
}

.share-button {
  position: relative;
  width: 78px !important
}

.toggle {
  width: 78px;
  height: 50px;
  z-index: 10;
  border-radius: 25px;
  cursor: pointer;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #06c;
  margin: 0;
  padding-left: 0;
  text-align: right
}

.toggle,
.toggle:after {
  position: relative;
  display: block
}

.toggle:after {
  content: "";
  width: 16px;
  height: 16px;
  font-size: 26px;
  text-align: center;
  left: 12px;
  top: -18px;
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/share.svg);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat
}

.toggle-input {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 12;
  opacity: 0;
  cursor: pointer
}

.network-list {
  padding: 0;
  margin: 0
}

.network-list li {
  position: absolute;
  top: 25px;
  left: 0;
  margin: 0;
  padding: 0;
  list-style-type: none;
  opacity: 0;
  transition: all .25s cubic-bezier(.43, 1.17, .69, 1.24);
  cursor: pointer
}

.network-list a,
.network-list li {
  display: block;
  width: 24px;
  height: 24px
}

.network-list a {
  position: relative;
  overflow: hidden;
  text-decoration: none;
  z-index: 9999
}

.network-list a:before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 25px;
  font-family: FontAwesome;
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  line-height: 50px;
  text-indent: 0
}

.network-list a:hover {
  background-color: #dfdfdf;
  border-radius: 50%;
  transition: all .5s ease
}

.network-list .twitter a:before {
  background-image: url(/_next/static/media/twitter_x_outlined.fd667460.svg);
  top: 3px
}

.network-list .copy-link a:before,
.network-list .twitter a:before {
  content: "";
  background-size: 24px;
  background-repeat: no-repeat;
  color: #00c3f3;
  width: 24px;
  height: 24px
}

.network-list .copy-link a:before {
  background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/network1.svg)
}

.network-list .facebook a:before {
  background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/network3.svg);
  color: #2c609b
}

.network-list .facebook a:before,
.network-list .linkedin a:before {
  content: "";
  background-size: 24px;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px
}

.network-list .linkedin a:before {
  background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/network4.svg)
}

input.opened~.network-list li {
  opacity: 1
}

input.opened~.network-list li:first-child {
  left: -76px
}

input.opened~.network-list li:nth-child(2) {
  left: -120px
}

input.opened~.network-list li:nth-child(3) {
  left: -163px
}

.fl-fl {
  background: #000;
  text-transform: uppercase;
  letter-spacing: 3px;
  width: 190px;
  position: fixed;
  right: -160px;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: start;
  font: normal normal 10px Arial;
  transition: all .25s ease;
  padding: 10px 0
}

.fl-fl .fa {
  font-size: 15px !important;
  color: #fff;
  width: 40px;
  margin-left: 8px;
  font-size: 14px
}

.fl-fl:hover {
  right: 0
}

.fl-fl a {
  color: #fff !important;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 500;
  font-size: 14px
}

.float-fb {
  top: calc(100vh - 62%)
}

@media screen and (max-width:767px) {
  .float-fb {
    top: calc(100vh - 60%)
  }
}

@media screen and (min-width:768px) and (max-width:991px) {
  .float-fb {
    top: calc(100vh - 57%)
  }
}

.float-lin {
  top: calc(100vh - 55%)
}

@media screen and (max-width:767px) {
  .float-lin {
    top: calc(100vh - 56%)
  }
}

@media screen and (min-width:768px) and (max-width:991px) {
  .float-lin {
    top: calc(100vh - 53%)
  }
}

.float-tw {
  top: calc(100vh - 48%)
}

@media screen and (max-width:767px) {
  .float-tw {
    top: calc(100vh - 51.77%)
  }
}

@media screen and (min-width:768px) and (max-width:991px) {
  .float-tw {
    top: calc(100vh - 48.4%)
  }
}

@media screen and (max-width:767px) {
  .logo_address {
    padding: 0 !important
  }
}

.last-footer_col li a {
  font-size: 16px !important;
  line-height: 186% !important
}

.footer_logo {
  margin-top: 55px
}

@media screen and (max-width:767px) {
  .padleft {
    padding-left: 15px
  }

  .mobzero {
    padding: 0
  }

  .careers_wrapper .submit {
    margin-top: 20px
  }
}

input.opened~.leftaligned_share li:first-child {
  left: 58px
}

@media screen and (max-width:767px) {
  input.opened~.leftaligned_share li:first-child {
    left: 57px
  }
}

input.opened~.leftaligned_share li:nth-child(2) {
  left: 33px
}

@media screen and (max-width:767px) {
  input.opened~.leftaligned_share li:nth-child(2) {
    left: 33px
  }
}

input.opened~.leftaligned_share li:nth-child(3) {
  left: -16px
}

@media screen and (max-width:767px) {
  input.opened~.leftaligned_share li:nth-child(3) {
    left: -14px
  }
}

input.opened~.leftaligned_share li:nth-child(4) {
  left: 7px
}

@media screen and (max-width:767px) {
  input.opened~.leftaligned_share li:nth-child(4) {
    left: 8px
  }
}

.toggle_div {
  height: 26px
}

@media screen and (max-width:767px) {
  .toggle_div {
    width: auto
  }
}

@media screen and (min-width:768px) and (max-width:991px) {
  .newsletter_banner {
    padding-top: 0
  }

  .newsletter_banner .inner_section {
    padding-top: 38px
  }
}

@media screen and (max-width:767px) {
  .newsletter_banner .inner_section {
    padding: 66px 15px 30px
  }

  .toggle_div .toggle {
    visibility: visible
  }

  .toggle_div .toggle:after {
    left: 15px;
    visibility: visible
  }

  .toggle_div .toggle:before {
    left: 0;
    visibility: visible
  }

  .leftaligned_share .toggle-input.opened+.toggle:after {
    visibility: visible;
    left: 10px
  }
}

.heading_newsletter {
  margin-top: 35px
}

.center {
  text-align: center
}

.button .prehead_news span {
  width: 100%;
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 176%;
  text-transform: uppercase;
  color: hsla(0, 0%, 8%, .5)
}

.button {
  outline: 0 !important;
  padding: 0;
  position: relative;
  overflow: hidden;
  background-color: #0000000f !important;
  box-sizing: border-box !important;
  border-radius: 16px !important;
  width: 180px;
  height: 44px;
  border: 0 !important
}

.button__text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #151515 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  background-color: #fff;
  border: 1px solid #151515 !important;
  border-radius: inherit;
  transition: 1s;
  font-family: Ubuntu !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 176% !important;
  display: flex;
  align-items: center;
  justify-content: center
}

.button__text:before {
  content: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/share-network.svg);
  width: 24px;
  height: 24px;
  position: absolute;
  left: 40px;
  top: 9px
}

.button__icons ul li {
  cursor: pointer;
  transform: scale(0);
  transition: 1s;
  margin-right: 12px
}

.ul-network {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin: 0;
  list-style: none;
  padding: 0
}

.button__icons ul li:last-child {
  margin-right: 12px
}

.button__icons ul li:first-child {
  margin-left: 12px
}

.button .button:active .button__text,
.button:hover .button__text {
  left: -110%
}

.button:active .button__icons ul li,
.button:hover .button__icons ul li {
  transform: scale(1)
}

.net-icons:hover {
  background-color: #dfdfdf;
  border-radius: 50%;
  transition: all .5s ease
}

@media screen and (max-width:768px) {
  .button__text {
    margin-bottom: 0 !important;
    display: flex !important;
    align-items: center
  }

  .button__text:before {
    left: 22px
  }

  .button__icons {
    margin-bottom: 0 !important
  }
}

@media screen and (min-width:768px) and (max-width:991px) {
  .button {
    padding: 0 14px;
    width: 280px
  }
}

@media screen and (max-width:425px) {
  .button__text:before {
    left: 15px
  }

  .button {
    width: 250px
  }
}

@media screen and (min-width:991px) and (max-width:1024px) {
  .button__text:before {
    left: 22px
  }

  .button {
    width: 250px
  }
}

#snackbar {
  width: auto;
  margin-left: -30px;
  font-family: Ubuntu !important;
  color: #151515;
  text-align: center;
  border-radius: 2px;
  line-height: 157%;
  font-weight: 400;
  padding: 0;
  z-index: 1;
  font-size: 14px;
  font-style: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 20px !important;
  right: 0;
  top: 50% !important;
  bottom: 0
}

.snackbar1 {
  width: 200px !important;
  justify-content: start !important;
  left: 2px !important;
  top: 32px !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  font-size: 12px !important
}

#snackbar.show,
.snackbar1 {
  visibility: visible
}

.opened .snackbar1 {
  visibility: visible !important
}

.fixed-share {
  width: 90%;
  padding: 0 60px;
  z-index: 999;
  margin: auto;
  transition: all .4s ease
}

@media screen and (max-width:768px) {
  .fixed-share {
    width: 95%
  }
}

.static {
  background-color: #fff !important;
  top: 55px;
  left: 0;
  right: 0;
  padding: 10px 0;
  position: fixed !important;
  box-shadow: 0 4px 32px rgba(0, 0, 0, .08);
  max-width: 100%;
  margin: 0 auto;
  transition: all .4s ease;
  z-index: 1
}

@media screen and (max-width:767px) {
  .static {
    top: 54px !important
  }
}

.static .fixed-share {
  max-width: 1034px;
  margin: auto
}

@media screen and (max-width:768px) {
  .static {
    top: 44px
  }

  .static .fixed-share {
    max-width: 78%;
    margin: auto;
    padding: 0 10px !important
  }
}

@media screen and (max-width:567px) {
  .static .fixed-share {
    max-width: 100%;
    margin: auto;
    padding: 0 15px !important
  }
}

@media screen and (min-width:991px) and (max-width:1024px) {
  .static {
    top: 39px
  }

  .static .fixed-share {
    max-width: 86%
  }
}

.new_Banner_News {
  background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/newsletterBanner.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
  width: 100%;
  float: left;
  padding-bottom: 0;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  margin-top: 10%
}

@media screen and (max-width:767px) {
  .new_Banner_News {
    padding-bottom: 15px;
    background: unset;
    height: auto;
    margin-top: 20%
  }
}

.Fintalk_Sec {
  width: 100%;
  clear: both
}

.Fintalk_Sec .Fintalk_Div {
  width: 85%;
  margin: auto
}

.padding-0 {
  padding: 0
}

.ptb-100 {
  padding: 100px 0
}

@media screen and (max-width:767px) {
  .Fintalk_Sec .Fintalk_Div {
    padding: 0;
    width: 90%
  }
}

.Fintalk_Sec .Fintalk_Div h3 {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 43px;
  text-align: center;
  color: #151515
}

@media screen and (max-width:767px) {
  .Fintalk_Sec .Fintalk_Div h3 {
    font-size: 24px;
    line-height: 32px;
    text-align: left
  }
}

.Fintalk_Sec .Fintalk_Div .Fintalk_Cards {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 50px
}

@media screen and (min-width:320px) and (max-width:767px) {
  .Fintalk_Sec .Fintalk_Div .Fintalk_Cards {
    width: 100%;
    display: block;
    margin-top: 30px
  }
}

.Fintalk_Sec .Fintalk_Div .Fintalk_Cards .fintalkcard {
  padding: 20px 30px 20px 20px;
  width: 252px;
  height: 160px;
  border-radius: 16px;
  display: flex;
  align-items: baseline;
  flex-direction: column;
  position: relative
}

@media screen and (min-width:1024px) and (max-width:1200px) {
  .Fintalk_Sec .Fintalk_Div .Fintalk_Cards .fintalkcard {
    width: 200px;
    height: 184px
  }
}

@media screen and (min-width:750px) and (max-width:1023px) {
  .Fintalk_Sec .Fintalk_Div .Fintalk_Cards .fintalkcard {
    width: 150px;
    height: 160px
  }
}

@media screen and (min-width:700px) and (max-width:749px) {
  .Fintalk_Sec .Fintalk_Div .Fintalk_Cards .fintalkcard {
    width: 179px;
    height: 190px
  }
}

@media screen and (min-width:320px) and (max-width:767px) {
  .Fintalk_Sec .Fintalk_Div .Fintalk_Cards .fintalkcard {
    width: 48%;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 20px;
    padding: 7px
  }
}

.Fintalk_Sec .Fintalk_Div .Fintalk_Cards .fintalkcard p {
  margin-top: 13px;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 160%;
  color: #151515;
  opacity: .8
}

@media screen and (max-width:767px) {
  .Fintalk_Sec .Fintalk_Div .Fintalk_Cards .fintalkcard p {
    font-size: 16px
  }
}

@media screen and (min-width:700px) and (max-width:1023px) {
  .Fintalk_Sec .Fintalk_Div .Fintalk_Cards .fintalkcard p {
    font-size: 14px
  }
}

.Fintalk_Sec .Fintalk_Div .Fintalk_Cards .fintalkcard:first-child {
  background-color: #ecefff
}

@media screen and (max-width:767px) {
  .Fintalk_Sec .Fintalk_Div .Fintalk_Cards .fintalkcard:first-child {
    margin-right: 6px
  }
}

.Fintalk_Sec .Fintalk_Div .Fintalk_Cards .fintalkcard:first-child:after {
  content: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/fintalkHome/vec1.svg);
  position: absolute;
  right: 0;
  top: 0
}

.Fintalk_Sec .Fintalk_Div .Fintalk_Cards .fintalkcard:nth-child(2) {
  background-color: #cfffee
}

.Fintalk_Sec .Fintalk_Div .Fintalk_Cards .fintalkcard:nth-child(2):after {
  content: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/fintalkHome/vec2.svg);
  position: absolute;
  right: 0;
  bottom: 0
}

.Fintalk_Sec .Fintalk_Div .Fintalk_Cards .fintalkcard:nth-child(3) {
  background-color: #cef1ff
}

@media screen and (max-width:767px) {
  .Fintalk_Sec .Fintalk_Div .Fintalk_Cards .fintalkcard:nth-child(3) {
    margin-right: 6px
  }
}

.Fintalk_Sec .Fintalk_Div .Fintalk_Cards .fintalkcard:nth-child(3):after {
  content: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/fintalkHome/vec3.svg);
  position: absolute;
  right: 0;
  top: 0
}

.Fintalk_Sec .Fintalk_Div .Fintalk_Cards .fintalkcard:nth-child(4) {
  background-color: #ffefb3
}

.Fintalk_Sec .Fintalk_Div .Fintalk_Cards .fintalkcard:nth-child(4):after {
  content: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/fintalkHome/vec4.svg);
  position: absolute;
  right: 0;
  bottom: 0
}

.newsletter_content {
  display: flex;
  align-items: start;
  justify-content: center
}

.newsletter_content .newslet_con {
  display: flex;
  align-items: self-start;
  justify-content: center;
  flex-direction: column
}

@media screen and (max-width:767px) {
  .newsletter_content .newslet_con {
    flex-direction: unset
  }
}

.share_content {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-top: 1px solid #b9b9b9
}

.share_content .news_let {
  width: 100%;
  display: flex;
  align-items: center
}

@media screen and (max-width:767px) {
  .share_content .news_let {
    display: block
  }

  .share_content .news_let span {
    margin: 10px 0 0 !important
  }

  .share_content .news_let span:nth-child(2) {
    margin-top: 0 !important
  }
}

.news-letter-sec {
  background: #f3f3f3
}

.news-letter-sec .subscribe-h2 {
  color: #151515;
  margin-bottom: 10px
}

.news-letter-sec .border-subscribe {
  border: 1px solid #151515;
  height: 47px
}

.news-letter-sec .subscribe-para {
  color: #151515 !important;
  opacity: 1;
  font-weight: 900 !important;
  font-size: 20px !important
}

.redhead {
  color: #cd2228 !important
}

@media screen and (max-width:767px) {
  .locateMe {
    display: none
  }
}

.locateMe1 {
  display: none
}

@media screen and (max-width:767px) {
  .locateMe1 {
    display: block;
    margin-right: 10px
  }
}

.newsletter-div {
  position: relative;
  padding-bottom: 20px
}

.newsletter-div,
.newsletter-div .newsletter-form {
  width: auto;
  display: inline-block
}

.newsletter-div .newsletter-form #messages {
  width: auto;
  left: 0;
  right: 0
}

.newsletter-div .newsletter-form #messages h4 {
  font-family: Ubuntu
}

.newsletter-div .newsletter-form #messages_bot {
  width: auto;
  left: 0;
  right: 0
}

.newsletter-div .newsletter-form #messages_bot h4 {
  font-family: Ubuntu
}

.bold-sub {
  font-size: 18px !important;
  font-family: Ubuntu !important;
  display: block;
  text-align: left
}

.headSize {
  font-size: 36px !important
}

@media screen and (max-width:767px) {
  .headSize {
    font-size: 20px !important
  }
}

#news_email_bot,
.newsletter-sub {
  color: #000
}

.home-newsletter h4 {
  color: #fff
}

@media screen and (min-height:500px) and (max-height:570px) {
  .Fintalk_Sec .Fintalk_Div {
    padding-top: 20px
  }

  .new_Banner_News header {
    padding-bottom: 0
  }
}

.betterIcon {
  display: none
}

.lms_imgDiv {
  padding-bottom: 25px
}

@media screen and (max-width:768px) {
  .subscribe-sec.news-letter-sec .mail-img {
    margin: auto !important
  }

  .fs-18 {
    font-size: 18px !important;
    line-height: 167% !important;
    margin-bottom: 36px !important
  }

  .subscribe-sec.news-letter-sec .row {
    display: block !important;
    text-align: center;
    margin: auto !important
  }

  .subscribe-sec.news-letter-sec .col-md-4,
  .subscribe-sec.news-letter-sec .col-md-8 {
    margin: auto
  }

  .subscribe-sec.news-letter-sec .border-subscribe {
    margin-right: 0 !important
  }
}

.inner_section_careers {
  padding: 0 5.7vw
}

.pad_tb_60 {
  padding: 60px 0
}

.send_detail p {
  font-size: 18px !important
}

.career_desc .marg_70 {
  margin-top: 70px
}

.mb_moonlight {
  margin-bottom: 1.042vw
}

@media screen and (max-width:420px) {
  .newsletter_overall .flex_news_letter .recent_news {
    padding: 5px 25px 15px 15px
  }

  ul.paginationBtn {
    gap: 1rem;
    justify-content: normal
  }
}

.press_news_date {
  line-height: 25px;
  text-transform: capitalize;
  color: #686f79
}

.press_news_date,
.press_news_text {
  font-family: Outfit, sans-serif;
  font-size: 20px
}

.press_news_text {
  margin-bottom: 30px;
  font-weight: 400;
  line-height: 170%
}

.press_news_subhead {
  font-family: Outfit, sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 20px !important
}

.press_news_points {
  font-size: 18px;
  line-height: 120%;
  margin-bottom: 25px
}

.press_news_points li {
  margin-bottom: 10px
}

.media_ct {
  font-family: Outfit, sans-serif;
  font-weight: 600;
  font-size: 32px;
  line-height: 40px
}

.pr_mail,
.pr_name {
  font-family: Outfit, sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 170%
}

.pr_mail {
  color: #06c;
  text-decoration: underline
}

li.previousBtn {
  padding: 4px 6px
}

li.nextBtn,
li.previousBtn {
  background: #fff;
  color: #cf2128;
  border-radius: 100px;
  font-size: 28px;
  font-weight: 400
}

li.nextBtn {
  padding: 4px 17px
}

.pad-160 {
  padding-top: 160px
}

.mh-287 {
  min-height: 315px
}

@media (max-width:768px) {
  .pad-160 {
    padding-top: 0
  }

  .press_news_container {
    margin-top: 14%
  }

  .press_news_head {
    font-size: 28px
  }

  .press_news_date,
  .press_news_text {
    font-size: 16px
  }

  .press_news_subhead {
    font-size: 20px
  }

  .media_ct {
    font-size: 24px
  }

  .pr_mail,
  .pr_name {
    font-size: 16px
  }

  .ftr_head_text {
    font-size: 26px
  }

  .ftr_text {
    font-size: 16px
  }
}

@media (max-width:425px) {
  .fs-30 {
    font-size: 30px !important
  }

  .mh-287 {
    min-height: 287px
  }

  .mh-478 {
    min-height: 478px
  }

  .press_news_container {
    margin-top: 25%;
    width: 90%
  }

  .press_share {
    display: block
  }

  .share_btns ul {
    padding: unset
  }

  .share_btns ul li {
    padding: 10px 10px 10px 0
  }

  .press_news_head {
    font-size: 26px;
    line-height: 36px
  }
}

.press_id {
  text-align: center;
  width: 238px;
  margin: auto;
  background-color: #000;
  color: #fff;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  border-radius: 30px
}

.press_id p {
  margin: 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  font-family: ubuntu
}

.press_id div {
  width: 30px;
  height: 30px;
  background-color: #cf2128;
  border-radius: 50%
}

.footer-input-error {
  color: #cf2128;
  font-size: 14px !important
}

.css-1jqq78o-placeholder {
  color: silver !important;
}
.productDropdown option[value="q"] {
  background-color: green;
  color: white;
}

.ril__outer {
  background-color: rgba(0, 0, 0, .48) !important
}

.ril__toolbar {
  background-color: transparent !important
}

@font-face {
  font-family: Outfit-Regular;
  src: url(/_next/static/media/Outfit-Regular.1f2dbd8a.ttf)
}

@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px)
  }

  to {
    transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0)
  }
}

.identity_Main main .headerMain.sticky_header .container-fluid.container-pd-vw {
  justify-content: start !important
}

.identity_Main main .headerMain.sticky_header .container-fluid.container-pd-vw .site_logo {
  width: 5%
}

.identity_Main main .headerMain.sticky_header .container-fluid.container-pd-vw .navbar_div {
  width: 70%;
  justify-content: start !important
}

.identity_Main main .headerMain.sticky_header .container-fluid.container-pd-vw .navbar_div .collapse.navbar-collapse {
  justify-content: start !important
}

.identity_Main main .headerMain.sticky_header .container-fluid.container-pd-vw .connect_btn {
  width: 25%
}

.identity_Main main .headerMain .container-fluid.container-pd-vw {
  justify-content: start !important
}

.identity_Main main .headerMain .container-fluid.container-pd-vw .site_logo {
  width: 7%
}

.identity_Main main .headerMain .container-fluid.container-pd-vw .navbar_div {
  width: 68%;
  justify-content: start !important
}

.identity_Main main .headerMain .container-fluid.container-pd-vw .navbar_div .collapse.navbar-collapse {
  justify-content: start !important
}

.identity_Main main .headerMain .container-fluid.container-pd-vw .connect_btn {
  width: 25%
}

.id_left_wrap {
  padding-left: 3vw;
  padding-top: 7vw
}

.id_left_wrap .id_header_txt {
  font-size: 3.33vw;
  font-weight: 300;
  line-height: 4.166vw
}

.id_left_wrap .id_txt_summary {
  font-size: 1.66vw;
  line-height: 2.08vw;
  margin-bottom: 20px;
  color: rgba(0, 0, 0, .698)
}

.id_prod_sec {
  background-color: #f5f5f5;
  position: relative;
  padding-top: 13vw;
  padding-bottom: 10vw
}

.id_prod_sec .stats_cont {
  position: absolute;
  left: 0;
  right: 0;
  top: -110px
}

.identity_wrapper {
  font-family: Outfit-Regular !important
}

.identity_wrapper .sec_wrp_Global .sect_wrp_in {
  padding-top: 6.292vw
}

.identity_wrapper .sect_wrp_in:after {
  content: "";
  right: 0;
  bottom: -2px;
  height: 7.813vw;
  width: 100%;
  position: absolute;
  background-image: url(/_next/static/media/Shape-TP-Grey.7730d694.svg);
  background-repeat: no-repeat, repeat-y;
  background-size: 100% auto
}

.identity_wrapper .id_stats {
  margin: auto;
  padding: 4.388vw 3.166vw;
  border-radius: 50px;
  background: url(/_next/static/media/id_bg_2.e061b3ae.svg) no-repeat;
  background-size: cover
}

.identity_wrapper .id_stats .id_stats_txt {
  padding: 10px 45px;
  position: relative
}

.identity_wrapper .id_stats .id_stats_txt:before {
  content: "";
  position: absolute;
  right: 0;
  top: 1vw;
  height: 80%;
  width: 2px;
  background-color: hsla(0, 0%, 100%, .467);
  border-radius: 10px
}

.identity_wrapper .id_stats .id_stats_txt:last-child:before {
  display: none
}

.identity_wrapper .id_stats .id_stats_txt p {
  margin: 0;
  text-align: center
}

.identity_wrapper .stats_num {
  font-weight: 600;
  font-size: 2.9166vw;
  line-height: 3.68vw;
  color: #fff
}

.identity_wrapper .stats_txt {
  font-weight: 500;
  font-size: 1.111vw;
  line-height: 1.3888vw;
  text-align: center;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: hsla(0, 0%, 100%, .7);
  margin-top: 4px !important
}

.identity_wrapper .idnt_prodcts {
  max-width: 100%;
  padding: unset;
  padding-top: 3.4vw
}

.identity_wrapper .idnt_prodts_sec {
  display: flex;
  justify-content: space-between;
  margin: unset
}

.identity_wrapper .id_idnty_prodts {
  font-weight: 400;
  font-size: 3.33vw;
  line-height: 4.1666vw;
  text-transform: capitalize;
  margin-bottom: 2.4vw;
  padding-left: 1.66vw
}

.identity_wrapper .id_join_us {
  max-width: 100%;
  margin: unset;
  padding: unset;
  padding-top: 7vw;
  padding-bottom: 4vw;
  background-color: #cf2128;
  position: relative;
  z-index: -1;
  margin-top: -5vw
}

.identity_wrapper .id_join_us:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  height: 10.813vw;
  width: 100%;
  background-repeat: no-repeat, repeat-y;
  z-index: 1;
  background: url(/_next/static/media/Shape-line-TP-black.3e6dbb48.svg);
  background-size: contain
}

.identity_wrapper .id_join_us .row .id_getStrd {
  padding: 7vw 4vw 0 5vw;
  margin-bottom: 7vw
}

.identity_wrapper .id_join_us .id_getStrd_bg {
  z-index: -1
}

.products_business {
  padding: 20px 20px 40px 40px;
  background: #fff;
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
  margin-bottom: 30px;
  width: 48%;
  height: -moz-fit-content;
  height: fit-content
}

.products_business a {
  display: block;
  padding: 16px 24px 16px 0;
  font-weight: 400;
  font-size: 1.458vw;
  line-height: 1.8vw;
  text-transform: capitalize;
  border: 1px solid #eee;
  border-radius: 8px;
  margin-bottom: 16px;
  position: relative
}

.products_business a>p {
  margin: unset;
  padding-left: 15px
}

.products_business a:hover {
  border: 1px solid #bb0c14;
  border-radius: 8px
}

.products_business a:hover:before {
  content: "";
  position: absolute;
  top: 12px;
  bottom: 0;
  left: 0;
  height: 60%;
  width: 4px;
  background-color: #bb0c14;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px
}

.products_usecase {
  padding: 20px 20px 40px 40px;
  background: #fff;
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
  margin-bottom: 30px;
  width: 48%;
  margin-top: 40px
}

.products_usecase a {
  display: block;
  padding: 16px 24px 16px 0;
  font-weight: 400;
  font-size: 1.458vw;
  line-height: 1.8vw;
  text-transform: capitalize;
  border: 1px solid #eee;
  border-radius: 8px;
  margin-bottom: 16px;
  position: relative
}

.products_usecase a>p {
  margin: unset;
  padding-left: 15px
}

.products_usecase a:hover {
  border: 1px solid #bb0c14;
  border-radius: 8px
}

.products_usecase a:hover:before {
  content: "";
  position: absolute;
  top: 12px;
  bottom: 0;
  left: 0;
  height: 60%;
  width: 4px;
  background-color: #bb0c14;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px
}

.prdt_type {
  font-weight: 400;
  font-size: 1.666vw;
  line-height: 2.08vw;
  text-transform: capitalize;
  color: #bb0c14;
  margin-bottom: 25px
}

.prod_bus_sec,
.prod_usecase_sec {
  display: flex;
  justify-content: space-between
}

.prod_list {
  width: 48%
}

.soltns_works_title {
  font-weight: 400;
  font-size: 3.33vw;
  line-height: 4.1666vw;
  text-transform: capitalize;
  margin-bottom: 35px;
  color: #fff
}

.soltn_work_cont {
  margin: 0;
  max-width: 100%;
  padding: unset;
  position: relative;
  transform: skewY(-5deg);
  margin-bottom: 3vw !important
}

.soltn_work_cont .bg_video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  line-height: 0;
  overflow: hidden
}

.soltn_work_cont .bg_video video {
  object-fit: cover;
  width: 100%;
  height: 100%
}

.soltn_work_cont:before {
  content: "";
  right: 0;
  bottom: calc(100% - 2px);
  height: 7.813vw;
  width: 100%;
  position: absolute;
  background-image: url(/_next/static/media/Shape-TP-Grey.7730d694.svg);
  background-repeat: no-repeat, repeat-y;
  background-size: 100% auto;
  rotate: 183deg;
  top: -5%;
  z-index: -99
}

.id_soltn_work {
  padding: 8vw 5vw;
  transform: skewY(5deg)
}

.id_soltn_type {
  text-align: center;
  padding: 25px 20px 35px;
  max-width: 25%;
  margin: auto
}

.id_soltn_type p {
  font-size: 1.388vw;
  line-height: 1.666vw;
  color: #fff;
  margin-top: 30px
}

.global_iden {
  max-width: 100%;
  margin: 0;
  padding: unset;
  padding-top: 8vw;
  padding-bottom: 5vw;
  position: relative
}

.global_iden:before {
  content: "";
  position: absolute;
  bottom: -3vw;
  left: 0;
  right: 0;
  height: 1px;
  width: 90%;
  background-color: rgba(0, 0, 0, .2);
  margin: auto;
  transform: skewY(-5deg)
}

.glbl_div {
  width: 90%;
  margin: auto !important;
  border-radius: 20px
}

.glbl_titleTxt {
  font-weight: 400;
  font-size: 2.777vw;
  line-height: 3.477vw;
  text-transform: capitalize;
  color: #ae312f;
  padding-bottom: 20px;
  margin: unset
}

.glbl_txt_summary {
  padding: 40px 0 40px 50px
}

.glbl_txt_summary .apiBtn {
  background: #191919
}

.glbl_subTxt {
  font-size: 1.388vw;
  line-height: 1.666vw;
  color: #191919;
  padding-bottom: 40px;
  margin: unset
}

.glbl_img_div {
  position: relative;
  background-image: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/recon-grid-img.png);
  background-position: 50%;
  background-size: contain;
  background-repeat: no-repeat, repeat-y;
  background-size: 100% auto
}

.glbl_img_div img {
  position: absolute;
  top: -35%
}

.id_clients_cont {
  max-width: 100%;
  margin: unset;
  padding: unset;
  padding-top: 4vw;
  padding-bottom: 6vw;
  background-color: #f5f5f5;
  position: relative;
  transform: skewY(-5deg)
}

.id_clients_cont .id_clients_div {
  width: 95%;
  margin: auto;
  padding: 40px 0 40px 50px;
  position: relative;
  transform: skewY(5deg)
}

.id_clients_cont .id_clients_div .id_clients_title {
  font-weight: 400;
  font-size: 2.777vw;
  line-height: 3.477vw;
  text-transform: capitalize;
  padding-bottom: 35px;
  margin: unset
}

.id_clients_cont .id_clients_div .clients_logo_wrapper .item_row {
  display: flex !important;
  align-items: center;
  padding: 2vw 0;
  justify-content: space-evenly
}

.id_clients_cont .id_clients_div .clients_logo_wrapper .item_row .item {
  margin: 0 1vw 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 13.88vw;
  height: 5.9vw;
  padding: 1.5vw;
  border-radius: 10px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
  background-color: #fff
}

.id_clients_cont .id_clients_div .clients_logo_wrapper .item_row .item img {
  width: 100%
}

.id_client_summary {
  background: #fff;
  border-radius: 10px;
  position: absolute;
  right: 2%;
  bottom: -35%;
  z-index: 9;
  padding: 4.08vw 2.77vw 5.08vw;
  margin: auto;
  height: -moz-fit-content;
  height: fit-content;
  width: 32vw;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25)
}

.id_client_summary img {
  width: 3vw
}

.client_title_txt {
  font-weight: 700;
  font-size: 2.222vw;
  line-height: 2.777vw;
  text-align: center;
  letter-spacing: .02em;
  margin-top: 20px
}

.client_cont_txt {
  font-weight: 400;
  padding: 0 1vw
}

.client_cont_txt,
.ftr_txt {
  font-size: 1.577vw;
  line-height: 2.3vw;
  text-align: center;
  letter-spacing: .02em;
  color: rgba(0, 0, 0, .698)
}

.ftr_txt {
  font-weight: 700;
  padding: 0 3vw;
  margin-bottom: 15px
}

.id_join_us {
  max-width: 100%;
  margin: unset;
  padding: unset;
  padding-top: 5vw;
  padding-bottom: 0;
  background-color: #cf2128;
  position: relative;
  z-index: -1;
  margin-top: -5vw
}

.id_join_us:after {
  content: "";
  position: absolute;
  bottom: -7.7vw;
  left: 0;
  height: 7.813vw;
  width: 100%;
  background-repeat: no-repeat, repeat-y;
  z-index: -1;
  background: url(https://m2p-website-static-files.s3.ap-south-1.amazonaws.com/images/Shape-TP-1.svg);
  background-size: contain;
  rotate: 180deg
}

.id_join_us .row .id_getStrd {
  padding: 9vw 2vw 2vw 3vw;
  margin-bottom: -3vw
}

.id_join_us .row .id_getStrd p {
  font-size: 3.33vw;
  color: #fff;
  text-transform: capitalize;
  padding-bottom: 2vw
}

.id_join_us .row .id_getStrd .apiTxt {
  font-size: 1.388vw
}

.id_navBar {
  max-width: 100%;
  padding: unset
}

.id_main_navBar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: url(/_next/static/media/id_bg_3.43bdfc44.svg) no-repeat;
  background-size: 100%;
  background-color: #151515
}

.id_main_navBar.idnt_menu_fix {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99
}

.id_main_navBar.idnt_menu_fix.fixNew {
  top: 3.8vw
}

.id_scroll_navBar.idnt_scrollMenu_fix.fixNew {
  top: 8.8vw
}

.main_navLogo {
  width: 30.33%;
  padding: 9px 0
}

.main_navLogo p {
  font-size: 1.666vw;
  line-height: 2.34vw;
  text-transform: capitalize;
  margin: 0
}

.main_navLogo p,
.main_navLogo span {
  font-weight: 700;
  color: #fff;
  padding-left: 2.7vw
}

.main_navLogo span {
  font-size: 1.09vw;
  line-height: 1.11vw
}

.main_navMenus {
  width: 35.33%
}

.main_navMenus ul {
  list-style: none;
  display: flex;
  margin: auto;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  padding: .6vw 1.11vw
}

.main_navMenus ul li {
  padding: 0 1.11vw;
  font-weight: 400;
  font-size: 1.11vw;
  line-height: 1.22vw;
  text-transform: capitalize;
  cursor: pointer;
  color: #fff;
  position: relative
}

.main_navMenus ul li:before {
  content: "";
  position: absolute;
  bottom: -40%;
  left: 38%;
  right: 0;
  width: 0;
  height: 3px;
  background: transparent;
  transition: width .5s ease, background-color .5s ease;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px
}

.main_navMenus ul .active:before {
  width: 30%;
  background: #cf2128;
  transition: width .5s ease, background-color .5s ease
}

.empty_div {
  width: 30.33%
}

.id_scroll_navBar {
  padding: 1.033vw 1.766vw;
  animation: smoothScroll .6s forwards
}

.id_scroll_navBar ul {
  list-style: none;
  display: flex;
  padding: unset;
  margin: unset
}

.id_scroll_navBar ul li {
  padding: 0 1.11vw;
  color: #888;
  cursor: pointer
}

.id_scroll_navBar ul li .scrollLink {
  position: relative
}

.id_scroll_navBar ul li .scrollLink:before {
  content: "";
  position: absolute;
  bottom: -20%;
  left: 0;
  right: 0;
  width: 0;
  height: 2px;
  background: transparent;
  border-radius: 10px;
  transition: width .5s ease, background-color .5s ease
}

.id_scroll_navBar ul li .scrollLink.active:before {
  width: 40%;
  background: #cf2128;
  transition: width .5s ease, background-color .5s ease
}

.id_scroll_navBar.idnt_scrollMenu_fix {
  position: fixed;
  top: 4.7vw;
  width: 100%;
  z-index: 99
}

.id_scroll_navBar.idnt_scrollMenu_fix,
.idnty_scroll .headerMain {
  background-color: #fff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
  animation: smoothScroll .6s forwards
}

.idnty_scroll .headerMain {
  top: 0;
  z-index: 9999
}

.idnty_scroll .headerMain .cst_navbar {
  padding-top: 0;
  padding-bottom: 0
}

.idnty_scroll .id_navBar {
  z-index: 999
}

.idnty_scroll .site_logo img {
  max-width: 3.052vw
}

.idnty_scroll .rgt_item .connect_btn>.apiBtn {
  padding: .265vw
}

.idnty_scroll .idnty_header_sec {
  padding-top: 3.9vw
}

.pgScroll_Header .id_navBar {
  animation: smoothScroll .9s forwards;
  position: fixed;
  z-index: 999;
  padding: unset;
  margin: 0
}

.pgScroll_Header .id_main_navBar {
  box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  position: relative;
  z-index: 9999
}

.pgScroll_Header .id_scroll_navBar {
  background-color: #fff
}

#clippedDiv {
  width: 200px;
  height: 200px;
  background-color: red;
  -webkit-clip-path: polygon(50% 0, 100% 0, 100% 35%, 50% 70%, 0 35%, 0 0);
  clip-path: polygon(50% 0, 100% 0, 100% 35%, 50% 70%, 0 35%, 0)
}

.id_prodts_list {
  z-index: 9
}

.id_prods {
  display: flex;
  justify-content: space-evenly;
  position: relative;
  z-index: 9
}

.id_prods:before {
  content: "";
  position: absolute;
  bottom: -8vw;
  right: -3vw;
  width: 130%;
  height: 100%;
  background: url(/_next/static/media/id_prodts_bg.30095323.svg) no-repeat;
  z-index: 9;
  rotate: -5deg;
  background-size: cover
}

.id_prodts {
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  margin-bottom: 3vw;
  cursor: pointer;
  height: 10.5vw;
  width: 16.5vw;
  transition: .4s ease-in-out
}

.id_prodts:hover {
  background-color: #2c0000
}

.id_prodts:hover .id_prod_name {
  color: #fff
}

.id_prodts .id_prod_img {
  width: 5.9vw;
  height: 5.9vw
}

.id_prod_cards {
  transition: .4s ease-in-out
}

.id_prod_card {
  display: flex;
  flex-direction: column;
  border-radius: .833vw;
  letter-spacing: -1px;
  transition: transform .6s;
  transform-style: preserve-3d;
  position: relative;
  height: 100%;
  justify-content: center;
  padding-left: 2vw
}

.id_prod_cursor {
  position: absolute;
  top: -2.604vw;
  left: -2.604vw;
  width: 3.208vw;
  height: 3.208vw;
  background: hsla(0, 0%, 100%, .1);
  border-radius: 50%;
  pointer-events: none;
  z-index: 9;
  opacity: 1;
  transition: .1s ease-in-out
}

.id_prod_name {
  font-size: 1.8vw;
  display: flex;
  justify-content: space-between;
  padding-right: 2vw
}

.id_prod_name img {
  width: 2.5vw
}

.id_prod_txt {
  font-size: 1.66vw;
  line-height: 2vw;
  padding-left: 2vw;
  padding-right: 7.5vw;
  color: rgba(0, 0, 0, .698)
}

.id_certified_txt {
  color: #000 !important;
  text-align: center
}

.id_getStrd_bg {
  height: 0;
  z-index: 9
}

.id_getStrd_bg img {
  width: 50vw;
  height: 35vw
}

.certified_slider {
  display: flex
}

.idnty_certified_wrap {
  padding: 7.135vw 0 9.134vw
}

.headerMain.hideHeader {
  top: -50%
}

.id_cursor {
  position: absolute;
  top: -2.604vw;
  left: -2.604vw;
  width: 4.208vw;
  height: 4.208vw;
  background: hsla(0, 0%, 100%, .1);
  border-radius: 50%;
  pointer-events: none;
  z-index: 9;
  opacity: 0;
  transition: .1s ease-in-out
}

.cardBx:hover .id_cursor {
  display: block;
  opacity: 1
}

.cardBx * {
  pointer-events: none
}

.id_product_wrapper {
  font-family: Outfit-Regular !important
}

.id_product_wrapper .sec_wrp_Global .sect_wrp_in {
  padding-top: 5.792vw
}

.id_product_wrapper .txt_title {
  font-size: 3.33vw;
  font-weight: 400;
  line-height: 2.736vw
}

.id_product_wrapper .prod_video .bg_video {
  border-radius: 2vw;
  overflow: hidden
}

.id_product_wrapper .prod_video .bg_video video {
  object-fit: contain;
  width: 100%;
  height: 100%;
  object-position: right bottom;
  transform: scale(1.1)
}

.id_product_wrapper .id_bnk_benefits {
  background: url(/_next/static/media/bank_bnfts_bg_1.b2bb0c80.png) no-repeat;
  background-size: cover;
  padding: 14vw 0
}

.id_product_wrapper .id_bnk_benefits .left_sec {
  padding: 0 7vw 0 3.7vw
}

.id_product_wrapper .id_bnk_benefits .left_sec .txt_wrapper .txt_title {
  color: #fff;
  margin-bottom: 2vw
}

.id_product_wrapper .id_bnk_benefits .left_sec .txt_wrapper .txt_subTxt {
  font-size: 1.388vw;
  line-height: 2.08vw;
  margin-bottom: 5vw;
  color: #fff
}

.id_product_wrapper .id_bnk_benefits .left_sec .bnk_cta .apiBtn {
  background-color: #fff
}

.id_product_wrapper .id_bnk_benefits .left_sec .bnk_cta .apiBtn .apiTxt {
  color: #000
}

.id_product_wrapper .id_bnk_benefits .right_sec .content_wrapper .item_row {
  display: flex;
  align-items: center;
  padding: 0 0 3vw
}

.id_product_wrapper .id_bnk_benefits .right_sec .content_wrapper .item_row .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #fff;
  border-radius: 9.236vw;
  padding: 2vw 3vw;
  margin: 0 1vw
}

.id_product_wrapper .id_bnk_benefits .right_sec .content_wrapper .item_row .item img {
  width: 5.69vw;
  height: 5.69vw
}

.id_product_wrapper .id_bnk_benefits .right_sec .content_wrapper .item_row .item p {
  font-size: 1.388vw;
  line-height: 1.666vw;
  text-transform: capitalize;
  font-weight: 700;
  color: #fff;
  padding-left: 1vw
}

.id_product_wrapper .id_bnk_benefits .right_sec .content_wrapper .row_2 {
  justify-content: end
}

.id_product_wrapper .id_nbfc_useCase.id_bnk_usecase .item_wrapper .item_row_wrapper .item_row.xtraRow {
  justify-content: start;
  padding-top: 2vw
}

.id_product_wrapper .id_insurance_useCase.id_bnk_usecase .item_wrapper .item_row_wrapper .item_row .item_col .item.cardBx.emptyCard,
.id_product_wrapper .id_nbfc_useCase.id_bnk_usecase .item_wrapper .item_row_wrapper .item_row .item_col .item.cardBx.emptyCard,
.id_product_wrapper .id_ppi_useCase.id_bnk_usecase .item_wrapper .item_row_wrapper .item_row .item_col .item.cardBx.emptyCard,
.id_product_wrapper .id_stock_brk_useCase.id_bnk_usecase .item_wrapper .item_row_wrapper .item_row .item_col .item.cardBx.emptyCard {
  opacity: 0;
  visibility: hidden
}

.id_product_wrapper .id_bnk_usecase {
  padding: unset
}

.id_product_wrapper .id_bnk_usecase .item_wrapper {
  padding: 3vw 0 3vw 3vw
}

.id_product_wrapper .id_bnk_usecase .item_wrapper .txt_title {
  margin-bottom: 4vw
}

.id_product_wrapper .id_bnk_usecase .item_wrapper .item_row_wrapper {
  background: url(/_next/static/media/how_it_bg.648ca42c.svg) no-repeat;
  background-size: cover
}

.id_product_wrapper .id_bnk_usecase .item_wrapper .item_row_wrapper .item_row {
  display: flex;
  align-items: center;
  justify-content: space-around
}

.id_product_wrapper .id_bnk_usecase .item_wrapper .item_row_wrapper .item_row .item_col {
  display: flex;
  align-items: center;
  padding: 1vw 0;
  justify-content: space-around;
  width: 50%
}

.id_product_wrapper .id_bnk_usecase .item_wrapper .item_row_wrapper .item_row .item_col .item {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  border-radius: 1.388vw;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .102);
  padding: 2.5vw 3.9vw;
  width: 20.5vw;
  height: 10.166vw;
  background-color: #fff;
  cursor: pointer;
  position: relative
}

.id_product_wrapper .id_bnk_usecase .item_wrapper .item_row_wrapper .item_row .item_col .item p {
  font-size: 1.666vw;
  line-height: 2.083vw;
  color: #000;
  transition: all .3s ease-in;
  margin: 0;
  text-align: center;
  width: 85%
}

.id_product_wrapper .id_bnk_usecase .item_wrapper .item_row_wrapper .item_row .item_col .item img {
  width: 15%
}

.id_product_wrapper .id_bnk_usecase .item_wrapper .item_row_wrapper .item_row .item_col .item:hover {
  background-color: #2c0000;
  transition: all .3s ease-in
}

.id_product_wrapper .id_bnk_usecase .item_wrapper .item_row_wrapper .item_row .item_col .item:hover p {
  color: #fff;
  transition: all .3s ease-in
}

.id_product_wrapper .id_bnk_usecase .item_wrapper .item_row_wrapper .item_row .cta_col {
  justify-content: start;
  padding: 0 3vw
}

.id_product_wrapper .id_bnk_usecase .item_wrapper .item_row_wrapper .item_row .cta_col p {
  font-size: 1.666vw;
  line-height: 2.083vw;
  color: #000;
  margin: 0
}

.id_product_wrapper .id_bnk_usecase .item_wrapper .item_row_wrapper .item_row .cta_col p a {
  color: #06f
}

.id_product_wrapper .id_bnk_usecase .item_wrapper .item_row_wrapper .item_row .cta_col p:first-child {
  padding-bottom: 1vw
}

.id_product_wrapper .id_bnk_usecase.id_insurance_useCase .item_wrapper .item_row_wrapper .item_row,
.id_product_wrapper .id_bnk_usecase.id_nbfc_useCase .item_wrapper .item_row_wrapper .item_row,
.id_product_wrapper .id_bnk_usecase.id_stock_brk_useCase .item_wrapper .item_row_wrapper .item_row {
  justify-content: start
}

.id_product_wrapper .id_bnk_compliance {
  position: relative;
  transform: skewY(-5deg);
  max-width: 100%;
  padding: 7vw 0;
  margin: 3vw 0 0
}

.id_product_wrapper .id_bnk_compliance .bg_video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  line-height: 0;
  overflow: hidden
}

.id_product_wrapper .id_bnk_compliance .bg_video video {
  object-fit: cover;
  width: 100%;
  height: 100%
}

.id_product_wrapper .id_bnk_compliance .compliance_wrapper {
  transform: skewY(5deg)
}

.id_product_wrapper .id_bnk_compliance .compliance_wrapper .complnce_caption {
  text-align: center
}

.id_product_wrapper .id_bnk_compliance .compliance_wrapper .complnce_caption .txt_title {
  color: #fff;
  margin-bottom: 1.11vw
}

.id_product_wrapper .id_bnk_compliance .compliance_wrapper .complnce_caption .txt_subtxt {
  font-size: 1.666vw;
  line-height: 2.083vw;
  color: #fff
}

.id_product_wrapper .id_bnk_compliance .compliance_wrapper .compliance_logo_wrapper {
  width: 80%;
  padding: 3vw 4vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 1.388vw;
  background-color: #fff;
  margin: 4vw auto auto
}

.id_product_wrapper .id_bnk_trusted {
  padding: 7vw 0;
  background-color: #f5f5f5;
  transform: skewY(-5deg)
}

.id_product_wrapper .id_bnk_trusted .trusted_wrapper {
  transform: skewY(5deg);
  padding: 3vw 0 0 5vw
}

.id_product_wrapper .id_bnk_trusted .trusted_wrapper .nbfc_logo_wrapper.clients_logo_wrapper .item_row {
  justify-content: space-evenly
}

.id_product_wrapper .id_bnk_trusted .trusted_wrapper .clients_logo_wrapper {
  padding: 5vw 0 0
}

.id_product_wrapper .id_bnk_trusted .trusted_wrapper .clients_logo_wrapper .item_row {
  display: flex !important;
  align-items: center;
  padding: 2vw 0
}

.id_product_wrapper .id_bnk_trusted .trusted_wrapper .clients_logo_wrapper .item_row .item {
  margin: 0 1vw 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 13.88vw;
  height: 5.9vw;
  padding: 1.5vw;
  border-radius: 10px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
  background-color: #fff
}

.id_product_wrapper .id_bnk_trusted .trusted_wrapper .clients_logo_wrapper .item_row .item img {
  width: 100%
}

.id_product_wrapper .id_bnk_faq {
  padding: 13vw 0
}

.id_product_wrapper .id_bnk_faq .faq_wrapper {
  padding: 3vw 3vw 4vw 7vw
}

.id_product_wrapper .id_bnk_faq .faq_wrapper .title_wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.id_product_wrapper .id_bnk_faq .faq_wrapper .title_wrapper .faq_all {
  display: block;
  padding: .784vw 2vw;
  border-radius: 2.083vw;
  background-color: #000;
  color: #fff
}

.id_product_wrapper .id_bnk_faq .faq_wrapper .faq_accord {
  width: 56%;
  position: relative;
  margin-top: 6vw
}

.id_product_wrapper .id_bnk_faq .faq_wrapper .faq_accord .faq_item .faq_header {
  padding: 2vw 1vw 1vw 0;
  font-size: 1.388vw;
  line-height: 1.738vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, .2);
  width: 85%;
  margin-left: 2vw;
  background: transparent;
  transition: background .3s;
  transition: color .3s;
  cursor: pointer
}

.id_product_wrapper .id_bnk_faq .faq_wrapper .faq_accord .faq_item .faq_header:last-of-type {
  border-bottom: unset
}

.id_product_wrapper .id_bnk_faq .faq_wrapper .faq_accord .faq_item .faq_header p {
  width: 90%;
  margin: 0
}

.id_product_wrapper .id_bnk_faq .faq_wrapper .faq_accord .faq_item .faq_header .faq_arrow {
  width: 2.638vw;
  height: 2.638vw;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center
}

.id_product_wrapper .id_bnk_faq .faq_wrapper .faq_accord .faq_item .faq_header.active {
  font-weight: 700;
  background: url(/_next/static/media/accordion_bg.9b023c68.svg) no-repeat;
  background-size: cover;
  color: #fff;
  border-radius: .69vw;
  padding: 1.5vw 2vw;
  margin-left: unset;
  width: 100%;
  transition: all .5s
}

.id_product_wrapper .id_bnk_faq .faq_wrapper .faq_accord .faq_item .faq_header.active p {
  padding-right: 2vw
}

.id_product_wrapper .id_bnk_faq .faq_wrapper .faq_accord .faq_item .faq_header.active .faq_arrow {
  background-color: #cf2128;
  transition: background-color .3s ease
}

.id_product_wrapper .id_bnk_faq .faq_wrapper .faq_accord .faq_body {
  position: absolute;
  top: -10%;
  right: -80%;
  width: 90%;
  min-height: 120%;
  max-height: -moz-fit-content;
  max-height: fit-content;
  background-color: #f5f5f5;
  z-index: -1;
  padding: 5vw 6vw;
  border-radius: 1.388vw;
  opacity: 0;
  font-size: 1.8vw;
  line-height: 2.77vw;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity .3s ease
}

.id_product_wrapper .id_bnk_faq .faq_wrapper .faq_accord .faq_body.show {
  opacity: 1;
  transition: opacity .3s ease
}

.id_product_wrapper .id_bnk_faq .faq_wrapper .right_sec {
  position: relative
}

.id_useCase_wrapper .id_useCase_works,
.id_useCase_wrapper .id_useCase_works .col-lg-5,
.id_useCase_wrapper .id_useCase_works .col-lg-6,
.id_useCase_wrapper .id_useCase_works .col-lg-7 {
  padding: unset
}

.id_useCase_wrapper .id_useCase_works .txt_wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 3vw
}

.id_useCase_wrapper .id_useCase_works .how_works {
  background-size: cover;
  position: relative
}

.id_useCase_wrapper .id_useCase_works .how_works .usecase_user_bg {
  width: 100%
}

.id_useCase_wrapper .id_useCase_works .how_works .usecase_user {
  position: absolute;
  top: 11vw;
  bottom: 0;
  left: 3vw;
  right: 0;
  width: 50%
}

.id_useCase_wrapper .id_useCase_works .how_works:before {
  content: "";
  position: absolute;
  top: 24vw;
  right: -4vw;
  width: 11vw;
  height: 2.4vw;
  background: url(/_next/static/media/dashed_lines_2.73a98591.svg) no-repeat;
  background-size: 100%;
  z-index: -1
}

.id_useCase_wrapper .id_useCase_works .process_wrapper {
  position: relative
}

.id_useCase_wrapper .id_useCase_works .process_wrapper .row {
  justify-content: space-evenly;
  align-items: center;
  margin: 2vw 0;
  padding: unset
}

.id_useCase_wrapper .id_useCase_works .process_wrapper .row .col-lg-6 {
  max-width: 46%
}

.id_useCase_wrapper .id_useCase_works .process_wrapper .row_1,
.id_useCase_wrapper .id_useCase_works .process_wrapper .row_2,
.id_useCase_wrapper .id_useCase_works .process_wrapper .row_3 {
  position: absolute
}

.id_useCase_wrapper .id_useCase_works .process_wrapper .row_1 {
  top: 0;
  left: -7vw
}

.id_useCase_wrapper .id_useCase_works .process_wrapper .row_2 {
  top: 15.5vw;
  left: 0
}

.id_useCase_wrapper .id_useCase_works .process_wrapper .row_3 {
  top: 35vw;
  left: -4vw
}

.id_useCase_wrapper .id_useCase_works .process_wrapper .process_div {
  background-color: #fff;
  box-shadow: 0 0 6px rgba(0, 0, 0, .1);
  padding: 1.66vw;
  border-radius: .7vw;
  position: relative
}

.id_useCase_wrapper .id_useCase_works .process_wrapper .process_div:hover .process_title {
  padding-left: 1vw;
  transition: padding .3s ease
}

.id_useCase_wrapper .id_useCase_works .process_wrapper .process_div:hover .process_title:before {
  opacity: 1;
  transition: opacity .3s ease
}

.id_useCase_wrapper .id_useCase_works .process_wrapper .process_div .process_title {
  font-size: 1.11vw;
  font-weight: 700;
  line-height: 1.388vw;
  color: #cf2228;
  padding-bottom: 1.11vw;
  position: relative;
  transition: padding .3s ease
}

.id_useCase_wrapper .id_useCase_works .process_wrapper .process_div .process_title:before {
  content: "";
  position: absolute;
  left: 0;
  top: -.35vw;
  width: 3px;
  height: 80%;
  background-color: #cf2228;
  border-radius: 20px;
  opacity: 0;
  transition: opacity .3s ease
}

.id_useCase_wrapper .id_useCase_works .process_wrapper .process_div .process_subTxt {
  font-size: .8vw;
  font-weight: 300;
  line-height: 1.04vw;
  text-transform: capitalize;
  padding-bottom: 1.38vw;
  padding-right: 2.11vw
}

.id_useCase_wrapper .id_useCase_works .process_wrapper .process_div .process_cta_div {
  display: flex;
  flex-wrap: wrap
}

.id_useCase_wrapper .id_useCase_works .process_wrapper .process_div .process_cta_div .process_cta {
  font-size: .84vw;
  font-weight: 300;
  line-height: 1.04vw;
  border-radius: .945vw;
  background-color: #f5f5f5;
  padding: .4vw 1vw;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: .5vw;
  margin-right: .5vw;
  cursor: pointer;
  transition: all .3s ease
}

.id_useCase_wrapper .id_useCase_works .process_wrapper .process_div .process_cta_div .process_cta:hover {
  background-color: #000;
  color: #fff;
  transition: all .3s ease
}

.id_useCase_wrapper .id_useCase_works .process_wrapper .process_div .r_1_card_1 {
  position: absolute;
  width: 8vw;
  height: 10vw;
  background: url(/_next/static/media/dashed_lines.e39131c3.svg) no-repeat;
  background-size: contain;
  display: block;
  top: 10.8vw;
  left: 0;
  z-index: -9
}

.id_useCase_wrapper .id_useCase_works .process_wrapper .process_div .r_1_card_2 {
  position: absolute;
  width: 29.6vw;
  height: 2.7vw;
  background: url(/_next/static/media/dashed_lines_3.b31a16f8.svg) no-repeat;
  background-size: contain;
  top: 11.9vw;
  left: -27.8vw;
  z-index: -9
}

.id_useCase_wrapper .id_useCase_works .process_wrapper .process_div .r_2_card_1 {
  position: absolute;
  width: 5.8vw;
  height: 13vw;
  background: url(/_next/static/media/dashed_lines.e39131c3.svg) no-repeat;
  background-size: 100%;
  display: block;
  top: 6.1vw;
  left: -7.1vw;
  z-index: -9;
  rotate: -45deg
}

.id_useCase_wrapper .id_useCase_works .process_wrapper .process_div .r_2_card_2 {
  position: absolute;
  width: 15.5vw;
  height: 8vw;
  background: url(/_next/static/media/dashed_lines_5.3d2d3a16.svg) no-repeat;
  background-size: 100%;
  display: block;
  bottom: -6.6vw;
  left: -.1vw;
  z-index: -9
}

.id_useCase_wrapper .id_useCase_works .process_wrapper .process_div .r_3_card_3 {
  position: absolute;
  width: 34.6vw;
  height: 1.3vw;
  background: url(/_next/static/media/dashed_lines_4.8f8746dc.svg) no-repeat;
  background-size: 100%;
  top: -1.2vw;
  left: -29.5vw;
  z-index: -9
}

@media(max-width:768px) {
  .id_main_navBar {
    background-size: cover
  }

  .id_main_navBar .main_navLogo p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: -8px
  }

  .id_main_navBar .main_navLogo span {
    font-size: 10px;
    line-height: 20px
  }

  .id_main_navBar .main_navMenus {
    width: 40%
  }

  .id_main_navBar .main_navMenus ul {
    padding: 10px 20px
  }

  .id_main_navBar .main_navMenus ul li {
    font-size: 12px;
    line-height: 20px
  }

  .id_scroll_navBar ul li a {
    font-size: 14px
  }

  .id_scroll_navBar.idnt_scrollMenu_fix {
    top: 8%
  }

  .id_scroll_navBar {
    padding: 13px
  }

  .id_main_navBar.idnt_menu_fix.fixNew {
    top: 9.5%
  }

  .id_scroll_navBar.idnt_scrollMenu_fix.fixNew {
    top: 18%
  }

  .id_client_summary {
    width: 300px;
    bottom: -35%
  }

  .id_prod_txt {
    font-size: 18px;
    line-height: 24px;
    padding-left: 15px;
    padding-right: 25px
  }

  .id_soltn_type p {
    font-size: 14px;
    line-height: 20px
  }

  .glbl_titleTxt {
    font-size: 30px !important;
    line-height: 36px !important
  }

  .glbl_subTxt {
    font-size: 16px !important;
    line-height: 24px !important
  }

  .glbl_img_div img {
    top: 0
  }

  .global_iden {
    padding-top: 30px;
    padding-bottom: 30px
  }

  .identity_wrapper .stats_txt {
    font-size: 14px !important;
    line-height: 24px !important
  }

  .client_title_txt {
    font-size: 20px !important;
    line-height: 28px !important
  }

  .client_cont_txt {
    font-size: 14px !important;
    line-height: 20px !important
  }
}

@media(max-width:425px) {
  .headerMain.hideHeader {
    top: 0
  }

  .headerMain.sticky_header,
  .headerMain.sticky_header.hideHeader {
    padding: unset
  }

  .id_main_navBar,
  .id_scroll_navBar {
    display: none
  }

  .sec_wrp_Global .sect_wrp_in.idnty_header_sec {
    padding-top: 40px;
    margin-bottom: -40px
  }

  .id_left_wrap {
    padding-left: unset;
    padding-top: 20px
  }

  .id_left_wrap .id_header_txt {
    font-size: 30px;
    line-height: 36px
  }

  .id_left_wrap .id_txt_summary {
    font-size: 16px;
    line-height: 24px
  }

  .getIn_touch_wrap_jit .rgt_item {
    margin: auto
  }

  .identity_wrapper .id_stats_txt p br {
    display: none
  }

  .identity_wrapper .id_stats {
    width: 80%;
    padding: 10px
  }

  .identity_wrapper .id_stats .id_stats_txt {
    padding: 0 35px;
    height: 148px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
  }

  .identity_wrapper .id_stats .id_stats_txt:before {
    left: 25%;
    bottom: 1vw;
    height: 2px;
    width: 50%;
    top: unset
  }

  .identity_wrapper .stats_num {
    font-size: 30px !important;
    line-height: 36px !important
  }

  .identity_wrapper .kycTop_banner {
    height: 400px !important;
    width: 450px;
    margin-left: -50px;
    margin-top: 35px
  }

  .identity_wrapper .sect_wrp_in:after {
    display: none
  }

  .id_prod_sec .stats_cont {
    position: unset
  }

  .identity_wrapper .idnt_prodcts {
    padding-top: 35px
  }

  .identity_wrapper .id_idnty_prodts {
    font-size: 30px !important;
    line-height: 36px !important;
    padding-left: 10px
  }

  .id_prod_txt {
    font-size: 16px !important;
    line-height: 24px !important;
    padding-left: 10px
  }

  .id_prods {
    padding-top: 20px
  }

  .id_prodts {
    height: 90px;
    width: 160px;
    margin-bottom: 25px
  }

  .id_prod_card {
    flex-direction: row;
    border-radius: 20px;
    padding-left: unset;
    align-items: center
  }

  .id_prodts .id_prod_img {
    width: 60px;
    height: 70px
  }

  .id_prod_name {
    font-size: 16px !important;
    display: flex;
    justify-content: space-between;
    padding-right: 0;
    margin: 0 !important
  }

  .id_prod_name img {
    display: none
  }

  .soltns_works_title {
    font-size: 30px !important;
    line-height: 36px !important
  }

  .id_soltn_type p {
    font-size: 18px !important;
    line-height: 30px !important
  }

  .id_soltn_type {
    max-width: 100%
  }

  .glbl_txt_summary {
    padding: 0 10px
  }

  .glbl_subTxt {
    padding-bottom: 20px;
    width: 70%
  }

  .glbl_div {
    width: 100%
  }

  .glbl_img_div img {
    top: -200px;
    right: -210px
  }

  .global_iden {
    padding-bottom: 100px
  }

  .global_iden:before {
    bottom: 7px;
    width: 100%
  }

  .soltn_work_cont:before {
    height: 120px
  }

  .id_prods:before {
    bottom: -35px;
    right: -80px;
    width: 120%
  }

  .idnty_certified_wrap {
    padding: 25px 10px 10px;
    margin-bottom: 40px
  }

  .idnty_certified_wrap .id_certified_txt {
    font-size: 28px;
    line-height: 36px
  }

  .idnty_certified_wrap .certifiedBx {
    margin: unset;
    padding: unset
  }

  .id_clients_cont .id_clients_div {
    width: unset;
    padding: 20px
  }

  .id_clients_title {
    font-size: 30px !important;
    line-height: 36px !important
  }

  .id_client_summary {
    width: 95%;
    padding: 20px 20px 40px;
    position: unset;
    margin: auto
  }

  .id_client_summary img {
    width: 24px
  }

  .client_cont_txt {
    font-size: 18px !important;
    line-height: 26px !important
  }

  .ftr_txt {
    font-size: 14px;
    line-height: 16px
  }

  .id_join_us .row .id_getStrd p {
    font-size: 26px !important;
    line-height: 40px !important
  }

  .id_join_us .row .id_getStrd .apiTxt {
    font-size: 14px
  }

  .id_getStrd_bg {
    display: none
  }

  .id_clients_cont .id_clients_div .clients_logo_wrapper .item_row {
    padding: 15px 0
  }

  .id_clients_cont .id_clients_div .clients_logo_wrapper .item_row .item {
    margin: 0 10px 0 0;
    max-width: 200px;
    height: 70px;
    padding: 10px
  }
}

@media(max-width:768px) {
  .id_product_wrapper .id_bnk_trusted .trusted_wrapper .clients_logo_wrapper .item_row .item {
    width: 130px
  }
}

@media(max-width:425px) {
  .id_product_wrapper .id_bnk_benefits {
    padding: 160px 0 70px
  }

  .id_product_wrapper .id_bnk_benefits .left_sec {
    padding: 0 10px
  }

  .id_product_wrapper .id_bnk_benefits .left_sec .txt_wrapper {
    padding-bottom: 30px
  }

  .id_product_wrapper .txt_title {
    font-size: 30px;
    line-height: 36px
  }

  .id_product_wrapper .id_bnk_benefits .left_sec .txt_wrapper .txt_subTxt {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 30px
  }

  .id_product_wrapper .idnty_header_sec .bg_video {
    padding-top: 30px
  }

  .id_product_wrapper .idnty_header_sec .bg_video video {
    border-radius: 16px
  }

  .id_product_wrapper .id_bnk_benefits .right_sec .content_wrapper .item_row {
    flex-direction: column;
    padding: unset
  }

  .id_product_wrapper .id_bnk_benefits .right_sec .content_wrapper .item_row .item {
    justify-content: space-evenly;
    border-radius: 50px;
    padding: 10px 20px;
    margin: 15px 0;
    width: 65%;
    height: 120px
  }

  .id_product_wrapper .id_bnk_benefits .right_sec .content_wrapper .item_row .item img {
    height: 75px;
    width: 75px
  }

  .id_product_wrapper .id_bnk_benefits .right_sec .content_wrapper .item_row .item p {
    font-size: 18px;
    line-height: 28px;
    margin: 0;
    width: 70%;
    text-align: center
  }

  .id_product_wrapper .id_bnk_usecase .item_wrapper .txt_title {
    margin-bottom: 20px
  }

  .id_product_wrapper .id_bnk_usecase .item_wrapper {
    padding: 25px 15px
  }

  .id_product_wrapper .id_bnk_usecase .item_wrapper .item_row_wrapper .item_row {
    flex-direction: column
  }

  .id_product_wrapper .id_bnk_usecase .item_wrapper .item_row_wrapper .item_row .item_col {
    padding: 15px 0;
    width: 100%;
    height: 120px
  }

  .id_product_wrapper .id_bnk_usecase .item_wrapper .item_row_wrapper .item_row .item_col .item {
    border-radius: 10px;
    justify-content: center;
    padding: 20px 10px;
    width: 45%;
    height: 100%
  }

  .id_product_wrapper .id_bnk_usecase .item_wrapper .item_row_wrapper .item_row .item_col .item p {
    font-size: 18px;
    line-height: 24px;
    width: unset
  }

  .id_product_wrapper .id_bnk_usecase .item_wrapper .item_row_wrapper .item_row .item_col .item img {
    display: none
  }

  .id_product_wrapper .id_bnk_usecase .item_wrapper .item_row_wrapper .item_row .item_col.cta_col {
    padding: 0 25px
  }

  .id_product_wrapper .id_bnk_usecase .item_wrapper .item_row_wrapper .item_row .item_col.cta_col p {
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 10px
  }

  .id_product_wrapper .id_bnk_compliance {
    padding: 40px 0 50px;
    margin: 20px 0 0
  }

  .id_product_wrapper .id_bnk_compliance .compliance_wrapper .complnce_caption .txt_subtxt {
    font-size: 18px;
    line-height: 28px;
    padding-top: 20px
  }

  .id_product_wrapper .id_bnk_compliance .compliance_wrapper .compliance_logo_wrapper {
    width: 95%;
    padding: 20px 10px;
    border-radius: 10px;
    margin-top: 30px
  }

  .id_product_wrapper .id_join_us {
    padding-top: 30px;
    padding-bottom: 20px;
    margin-top: -20px
  }

  .id_product_wrapper .id_join_us:before {
    height: 10.8vw
  }

  .id_product_wrapper .id_join_us .row .id_getStrd {
    padding: 40px 30px 0 10px;
    margin-bottom: 0
  }

  .id_product_wrapper .id_bnk_trusted .trusted_wrapper {
    padding: 40px 10px
  }

  .id_product_wrapper .id_bnk_trusted .trusted_wrapper .clients_logo_wrapper {
    padding: 20px 0
  }

  .id_product_wrapper .id_bnk_trusted .trusted_wrapper .clients_logo_wrapper .item_row {
    padding: 15px 0
  }

  .id_product_wrapper .id_bnk_trusted .trusted_wrapper .clients_logo_wrapper .item_row .item {
    margin: 0 10px 0 0;
    max-width: 200px;
    height: 70px;
    padding: 10px
  }

  .id_product_wrapper .id_bnk_faq {
    padding: 60px 0
  }

  .id_product_wrapper .id_bnk_faq .faq_wrapper {
    padding: 10px 15px
  }

  .id_product_wrapper .id_bnk_faq .faq_wrapper .title_wrapper .txt_title {
    margin: 0
  }

  .id_product_wrapper .id_bnk_faq .faq_wrapper .title_wrapper .faq_all {
    width: 30%;
    padding: 10px 15px;
    border-radius: 15px
  }

  .id_product_wrapper .id_bnk_faq .faq_wrapper .faq_accord {
    width: 100%;
    margin-top: 20px
  }

  .id_product_wrapper .id_bnk_faq .faq_wrapper .faq_accord .faq_item {
    display: flex;
    flex-direction: column
  }

  .id_product_wrapper .id_bnk_faq .faq_wrapper .faq_accord .faq_item .faq_header {
    font-size: 16px;
    line-height: 24px;
    margin-left: unset;
    width: 100%
  }

  .id_product_wrapper .id_bnk_faq .faq_wrapper .faq_accord .faq_item .faq_header p {
    width: 85%
  }

  .id_product_wrapper .id_bnk_faq .faq_wrapper .faq_accord .faq_item .faq_header .faq_arrow {
    width: 30px;
    height: 30px
  }

  .id_product_wrapper .id_bnk_faq .faq_wrapper .faq_accord .faq_item .faq_header.active {
    padding: 10px 15px;
    border-radius: 15px
  }

  .id_product_wrapper .id_bnk_faq .faq_wrapper .faq_accord .faq_item .faq_header.active .faq_arrow {
    transform: rotate(90deg)
  }

  .id_product_wrapper .id_bnk_faq .faq_wrapper .faq_accord .faq_item .faq_header.active p {
    padding-right: unset
  }

  .id_product_wrapper .id_bnk_faq .faq_wrapper .faq_accord .faq_body {
    min-height: unset;
    max-height: unset;
    position: unset;
    padding: 10px 20px;
    font-size: 18px;
    line-height: 28px;
    border-radius: 15px;
    height: 0;
    width: 100%;
    transition: all .3 ease
  }

  .id_product_wrapper .id_bnk_faq .faq_wrapper .faq_accord .faq_body.show {
    height: -moz-fit-content;
    height: fit-content;
    transition: height .3;
    margin: 10px 0
  }
}

.row,
p {
  margin: 0
}

.title_red_txt {
  color: #cf2228
}

.ppo_key_points ul {
  padding: 0
}

.ppo_key_points ul li {
  list-style: none;
  font-size: 1.25vw;
  font-weight: 400;
  line-height: 2.08vw;
  letter-spacing: 0;
  position: relative;
  display: flex;
  padding-bottom: 16px
}

.ppo_key_points ul li img {
  width: 1.11vw;
  height: 1.11vw;
  margin-top: 5px;
  margin-right: 15px
}

.ppo_header {
  position: fixed;
  top: 0;
  background-color: #fbfbfb;
  box-shadow: 0 4px 10px 0 hsla(0, 0%, 100%, .059);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  z-index: 9
}

.ppo_header .logos_div {
  display: flex;
  align-items: center;
  width: 33.33%;
  padding: 0 20px
}

.ppo_header .logos_div .ppo_m2pLogo {
  width: 40px
}

.ppo_header .logos_div .ppo_m2pLogo img {
  width: 100%
}

.ppo_header .logos_div .ppo_logo {
  width: 130px;
  margin-left: 25px
}

.ppo_header .logos_div .ppo_logo img {
  width: 100%
}

.ppo_header .scroll_menus {
  width: 33.33%
}

.ppo_header .scroll_menus ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding: 0
}

.ppo_header .scroll_menus ul .scroll_items {
  list-style: none;
  padding: 10px;
  cursor: pointer;
  position: relative
}

.ppo_header .scroll_menus ul .scroll_items a.active {
  color: #cf2228;
  font-weight: 500
}

.ppo_header .scroll_menus ul .scroll_items a.active:before {
  content: "";
  position: absolute;
  top: 45%;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #cf2228
}

.ppo_header .cta {
  width: 33.33%;
  display: flex;
  justify-content: end;
  padding-right: 20px
}

.ppo_sect_1 {
  padding: 10.5vw 0 0
}

.ppo_sect_1 .left_sec {
  padding: 0 1vw 0 7.5vw
}

.ppo_sect_1 .ppo_title {
  font-size: 3.33vw;
  font-weight: 700;
  line-height: 4.65vw;
  letter-spacing: 0;
  text-align: left;
  padding-bottom: 2vw
}

.ppo_sect_1 .right_sec .ppo_video {
  position: absolute;
  width: 88%;
  top: -1.5vw;
  left: auto;
  right: 0;
  line-height: 0;
  z-index: -1
}

.ppo_sect_1 .right_sec .ppo_video video {
  object-fit: contain;
  width: 100%;
  height: 100%;
  object-position: right bottom
}

.ppo_sect_2 {
  padding: 17.5vw 0 16vw;
  background: url(/_next/static/media/waves.5f3f6a40.png) no-repeat;
  background-size: cover;
  background-position: 50%
}

.ppo_sect_2 .row {
  align-items: center;
  justify-content: center
}

.ppo_sect_2 .row .ppo_logo_wrapper {
  background-color: #fff;
  border-radius: 25px;
  padding: 5vw 5vw 2vw 0;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, .102);
  position: relative
}

.ppo_sect_2 .row .ppo_logo_wrapper:before {
  bottom: 20px;
  left: 20px
}

.ppo_sect_2 .row .ppo_logo_wrapper:after,
.ppo_sect_2 .row .ppo_logo_wrapper:before {
  content: "";
  position: absolute;
  background: url(/_next/static/media/ppo_plus_cube.39a34de2.png) no-repeat;
  background-size: cover;
  background-position: 50%;
  width: 3.5vw;
  height: 3.5vw
}

.ppo_sect_2 .row .ppo_logo_wrapper:after {
  top: 20px;
  right: 20px
}

.ppo_sect_2 .row .ppo_logo_wrapper .ppo_trust_logs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 3vw
}

.ppo_sect_2 .row .ppo_logo_wrapper .ppo_trust_logs .item {
  width: 13.4vw;
  height: 4.357vw;
  display: flex;
  align-items: center;
  justify-content: center
}

.ppo_sect_2 .row .ppo_logo_wrapper .ppo_trust_logs .item img {
  width: 100%
}

.ppo_sect_2 .row .ppo_logo_wrapper .ppo_trust_logs.row_2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 4vw;
  justify-content: space-around
}

.ppo_sect_2 .ppo_title {
  font-size: 2.777vw;
  font-weight: 700;
  line-height: 3.2vw;
  letter-spacing: 0;
  text-align: left;
  padding-bottom: 5vw;
  text-align: center
}

.ppo_sect_3 {
  padding: 0 1vw 5vw 7.5vw
}

.ppo_sect_3 .row {
  align-items: center
}

.ppo_sect_3 .ppo_title {
  font-size: 3.33vw;
  font-weight: 700;
  line-height: 4.03vw;
  letter-spacing: 0;
  padding-bottom: 2.777vw
}

.ppo_sect_3 .ppo_content .txt_1 {
  font-size: 2.22vw
}

.ppo_sect_3 .ppo_content .txt_2 {
  color: #cf2228
}

.ppo_sect_4 {
  padding: 0 3.4vw 3vw 7.5vw
}

.ppo_sect_4 .ppo_card_wrapper {
  background-color: rgba(207, 35, 41, .102);
  border-radius: 30px;
  padding: 2.33vw 4vw;
  display: flex;
  justify-content: space-between;
  position: relative
}

.ppo_sect_4 .ppo_card_wrapper:before {
  bottom: 10px;
  left: 20px
}

.ppo_sect_4 .ppo_card_wrapper:after,
.ppo_sect_4 .ppo_card_wrapper:before {
  content: "";
  position: absolute;
  background: url(/_next/static/media/ppo_plus_cube.39a34de2.png) no-repeat;
  background-size: cover;
  background-position: 50%;
  width: 4.5vw;
  height: 4.5vw
}

.ppo_sect_4 .ppo_card_wrapper:after {
  top: 20px;
  right: 20px
}

.ppo_sect_4 .ppo_card_wrapper .card_sec {
  padding: 1vw 4vw
}

.ppo_sect_4 .ppo_card_wrapper .card_sec:first-child {
  position: relative
}

.ppo_sect_4 .ppo_card_wrapper .card_sec:first-child:after {
  content: "";
  position: absolute;
  top: -15px;
  right: 5px;
  background: url(/_next/static/media/ppo_plus_cube.39a34de2.png) no-repeat;
  background-size: cover;
  background-position: 50%;
  width: 4.5vw;
  height: 4.5vw
}

.ppo_sect_4 .ppo_card_wrapper .card_sec .card_img {
  width: 4.166vw;
  height: 4.166vw;
  display: flex;
  align-items: center;
  justify-content: center
}

.ppo_sect_4 .ppo_card_wrapper .card_sec .card_img img {
  width: 100%
}

.ppo_sect_4 .ppo_card_wrapper .card_sec .card_title {
  font-size: 1.666vw;
  line-height: 2.083vw;
  color: #1a0607;
  padding-bottom: 1.22vw;
  padding-top: 1.2vw;
  font-weight: 500
}

.ppo_sect_4 .ppo_card_wrapper .card_sec .card_content {
  font-size: 1.111vw;
  line-height: 1.666vw;
  color: #1a0607
}

.ppo_sect_5 {
  padding: 3vw 5vw 2vw 0
}

.ppo_sect_5 .left_sec {
  background: url(/_next/static/media/ppo_lender_bg.21783545.png) no-repeat;
  background-size: cover;
  background-position: 50%;
  padding: unset
}

.ppo_sect_5 .left_sec img {
  width: 85%
}

.ppo_sect_5 .right_sec {
  padding-left: 10vw
}

.ppo_sect_5 .row {
  align-items: center
}

.ppo_sect_5 .ppo_title {
  font-size: 3.33vw;
  font-weight: 700;
  line-height: 4.03vw;
  letter-spacing: 0;
  padding-bottom: 2.777vw
}

.ppo_sect_5 .ppo_key_points ul li {
  font-size: 1.388vw;
  line-height: 2.08vw;
  padding-bottom: 2vw
}

.ppo_sect_6 {
  padding: 3vw 0 3vw 5vw
}

.ppo_sect_6 .right_sec {
  background: url(/_next/static/media/ppo_merchant_bg.54afd1fb.png) no-repeat;
  background-size: cover;
  background-position: 50%;
  padding: unset
}

.ppo_sect_6 .right_sec img {
  width: 90%
}

.ppo_sect_6 .row {
  align-items: center
}

.ppo_sect_6 .ppo_title {
  font-size: 3.33vw;
  font-weight: 700;
  line-height: 4.03vw;
  letter-spacing: 0;
  padding-bottom: 2.777vw
}

.ppo_sect_6 .ppo_key_points ul li {
  font-size: 1.388vw;
  line-height: 2.08vw;
  padding-bottom: 2vw
}

.ppo_sect_7 {
  padding: 3vw 0 5vw
}

.ppo_sect_7 .left_sec {
  background: url(/_next/static/media/ppo_customer_bg.35f4e041.png) no-repeat;
  background-size: cover;
  background-position: 50%;
  padding: unset
}

.ppo_sect_7 .left_sec img {
  width: 100%
}

.ppo_sect_7 .ppo_title {
  font-size: 3.33vw;
  font-weight: 700;
  line-height: 4.03vw;
  letter-spacing: 0;
  padding-bottom: 4.777vw;
  text-align: center
}

.ppo_sect_7 .row {
  align-items: center
}

.ppo_sect_7 .ppo_key_points {
  position: relative
}

.ppo_sect_7 .ppo_key_points ul li img {
  margin-top: 10px
}

.ppo_sect_7 .ppo_key_points ul li .cust_keypoints .title {
  font-size: 1.948vw;
  line-height: 2.434vw;
  font-weight: 700;
  padding-bottom: 1vw
}

.ppo_sect_7 .ppo_key_points ul li .cust_keypoints .txt {
  font-size: 1.25vw;
  line-height: 1.666vw;
  color: rgba(0, 0, 0, .502)
}

.ppo_sect_7 .ppo_key_points ul li:first-child {
  position: absolute;
  top: -21.5vw;
  left: -7.11vw;
  width: 85%
}

.ppo_sect_7 .ppo_key_points ul li:nth-child(2) {
  position: absolute;
  top: -12.84vw;
  left: -2.16vw;
  width: 85%
}

.ppo_sect_7 .ppo_key_points ul li:nth-child(3) {
  position: absolute;
  top: -2.47vw;
  left: .667vw;
  width: 85%
}

.ppo_sect_7 .ppo_key_points ul li:nth-child(4) {
  position: absolute;
  bottom: -14.93vw;
  left: -1.144vw;
  width: 85%
}

.ppo_sect_7 .ppo_key_points ul li:nth-child(5) {
  position: absolute;
  bottom: -24.35vw;
  left: -7.847vw;
  width: 85%
}

.ppo_sect_8 {
  padding: 11vw 0 8vw;
  overflow: hidden
}

.ppo_sect_8 .left_sec {
  display: flex;
  align-items: center;
  padding: unset
}

.ppo_sect_8 .left_sec .contact_img_sec {
  width: 15%;
  filter: grayscale(1)
}

.ppo_sect_8 .left_sec .contact_contnt_sec {
  padding-left: 5vw
}

.ppo_sect_8 .left_sec .contact_contnt_sec .txt_1 {
  font-size: 2.22vw;
  line-height: 4.16vw;
  letter-spacing: 0;
  padding-bottom: .777vw
}

.ppo_sect_8 .left_sec .contact_contnt_sec .txt_2 {
  font-size: 3.33vw;
  line-height: 4.13vw;
  letter-spacing: 0;
  padding-bottom: .777vw;
  color: #cf2228;
  font-weight: 700
}

.ppo_sect_8 .left_sec .contact_contnt_sec .txt_3 {
  font-size: 1.66vw;
  line-height: 2.77vw;
  letter-spacing: 0;
  padding-bottom: 1.777vw
}

.ppo_sect_8 .right_sec {
  padding: unset
}

.ppo_sect_8 .right_sec .ppo_connect {
  position: relative
}

.ppo_sect_8 .right_sec .ppo_connect .ppo_img_wrap {
  width: 90%;
  margin: auto 0 auto auto;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px
}

.ppo_sect_8 .right_sec .ppo_connect .ppo_form_wrap {
  position: absolute;
  top: -4vw;
  left: 0;
  right: 0;
  padding: 3.166vw 2.77vw 1vw;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .251);
  width: 60%;
  margin: auto
}

.ppo_sect_8 .right_sec .ppo_connect .ppo_form_wrap .ppo_form .ppo_input_div {
  position: relative;
  margin-bottom: 2vw
}

.ppo_sect_8 .right_sec .ppo_connect .ppo_form_wrap .ppo_form .ppo_input_div label {
  padding-bottom: .5vw;
  font-size: 1.333vw;
  line-height: 2vw;
  color: #868c94
}

.ppo_sect_8 .right_sec .ppo_connect .ppo_form_wrap .ppo_form .ppo_input_div .react-tel-input input {
  border-radius: 8px;
  outline: unset;
  border: .5px solid #a4a9af;
  padding: 1vw 1vw 1vw 4.525vw;
  font-family: Ubuntu;
  height: -moz-fit-content;
  height: fit-content;
  font-size: 1.333vw;
  line-height: 1.66vw
}

.ppo_sect_8 .right_sec .ppo_connect .ppo_form_wrap .ppo_form .ppo_input_div .react-tel-input input::placeholder {
  color: #a4a9af;
  opacity: 1
}

.ppo_sect_8 .right_sec .ppo_connect .ppo_form_wrap .ppo_form .ppo_input_div .react-tel-input input:focus {
  color: #000;
  background-color: #fff;
  border-color: #a4a9af;
  outline: 0;
  box-shadow: unset
}

.ppo_sect_8 .right_sec .ppo_connect .ppo_form_wrap .ppo_form .ppo_input_div .react-tel-input .flag-dropdown {
  border-radius: 8px 0 0 8px;
  border: .5px solid #a4a9af
}

.ppo_sect_8 .right_sec .ppo_connect .ppo_form_wrap .ppo_form .ppo_input_div .react-tel-input .flag-dropdown .selected-flag {
  border-radius: 8px 0 0 8px
}

.ppo_sect_8 .right_sec .ppo_connect .ppo_form_wrap .ppo_form .ppo_input_div .react-tel-input .country-list {
  width: 24.7vw;
  height: 15.8vw
}

.ppo_sect_8 .right_sec .ppo_connect .ppo_form_wrap .ppo_form .ppo_input_div .react-tel-input .selected-flag {
  width: 3.5vw
}

.ppo_sect_8 .right_sec .ppo_connect .ppo_form_wrap .ppo_form .ppo_input {
  border-radius: 8px;
  outline: unset;
  border: .5px solid #a4a9af;
  padding: 1vw 1.33vw;
  display: block;
  width: 100%;
  font-size: 1.333vw;
  line-height: 1.66vw
}

.ppo_sect_8 .right_sec .ppo_connect .ppo_form_wrap .ppo_form .ppo_input ::placeholder {
  color: #a4a9af;
  opacity: 1
}

.ppo_sect_8 .right_sec .ppo_connect .ppo_form_wrap .form_title {
  font-size: 2.22vw;
  line-height: 2.777vw;
  font-weight: 500;
  padding-bottom: 1vw
}

.ppo_sect_8 .right_sec .ppo_connect .ppo_form_wrap .ppo_btn {
  border-radius: 8px;
  outline: none;
  padding: 1.33vw;
  background-color: #000;
  color: #fff;
  text-align: center;
  width: 100%;
  border: unset;
  outline: unset;
  cursor: pointer
}

.ppo_sect_8 .right_sec .ppo_connect .ppo_form_wrap .ppo_btn:disabled {
  cursor: not-allowed;
  pointer-events: all;
  background-color: #a4a9af
}

.ppo_sect_8 .right_sec .ppo_connect .ppo_form_wrap .intl-tel-input .country-list {
  max-width: 352px
}

.ppo_sect_8 .right_sec .ppo_connect .ppo_form_wrap .intl-tel-input.separate-dial-code .selected-dial-code {
  font-size: 1.11vw
}

.ppo_sect_8 .right_sec .ppo_connect .ppo_form_wrap .intl-tel-input .selected-flag .iti-arrow {
  border-left: .208vw solid transparent;
  border-right: .208vw solid transparent;
  border-top: .277vw solid #555
}

.ppo_sect_8 .right_sec .ppo_connect .ppo_form_wrap .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
  width: 6.11vw
}

.ppo_sect_8 .right_sec .ppo_connect .ppo_form_wrap .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input {
  padding-left: 6.9vw
}

.ppo_sect_8 .right_sec .ppo_connect .ppo_form_wrap .intl-tel-input.separate-dial-code .selected-dial-code {
  padding-left: 1.944vw !important
}

.ppo_sect_8 .right_sec .ppo_connect .ppo_form_wrap .ppoResponse {
  opacity: 0;
  font-size: 1vw;
  font-weight: 500;
  text-align: center;
  padding-top: 5px;
  transition: all .5s ease-in-out
}

.ppo_sect_8 .right_sec .ppo_connect .ppo_form_wrap .mobileNumErr {
  text-align: center;
  font-size: 1.11vw;
  padding-top: 1vw;
  color: #cf2228;
  font-weight: 500
}

.thank_you_popup {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -9;
  opacity: 0;
  transition: opacity .5s ease-out;
  background-color: rgba(0, 0, 0, .5);
  display: flex;
  align-items: center
}

.thank_you_popup img {
  width: 40vw;
  margin: auto;
  display: block
}

.thank_you_popup.active {
  z-index: 9;
  opacity: 1;
  transition: opacity .5s ease-out
}

@media(max-width:768px) {
  .ppo_header .logos_div {
    width: -moz-fit-content;
    width: fit-content
  }

  .ppo_header .logos_div .ppo_m2pLogo {
    width: 30px
  }

  .ppo_header .logos_div .ppo_logo {
    width: 100px
  }

  .ppo_header .scroll_menus {
    width: -moz-fit-content;
    width: fit-content
  }

  .ppo_header .scroll_menus .scroll_items {
    padding: 0 10px;
    font-size: 14px
  }

  .ppo_header .cta {
    width: -moz-fit-content;
    width: fit-content
  }

  .ppo_sect_1 {
    padding: 10.5vw 0 2vw
  }

  .ppo_sect_1 .ppo_banner {
    opacity: 1 !important
  }

  .ppo_key_points ul li {
    font-size: 14px !important;
    line-height: 24px !important
  }

  .ppo_sect_2 .ppo_trust_logs .item {
    width: 130px;
    height: 60px
  }

  .ppo_sect_2 .ppo_trust_logs.row_1,
  .ppo_sect_2 .ppo_trust_logs.row_2 {
    justify-content: space-evenly
  }

  .ppo_sect_4 .ppo_card_wrapper {
    padding: 20px 40px
  }

  .ppo_sect_4 .ppo_card_wrapper:before {
    left: 10px
  }

  .ppo_sect_4 .ppo_card_wrapper .card_sec {
    padding: 10px 20px;
    height: 230px
  }

  .ppo_sect_8 {
    padding: 95px 0
  }

  .ppo_sect_8 .left_sec .contact_contnt_sec .txt_1 {
    font-size: 24px;
    line-height: 30px;
    padding-bottom: 15px
  }

  .ppo_sect_8 .left_sec .contact_contnt_sec .txt_2 {
    font-size: 30px;
    line-height: 36px;
    padding-bottom: 15px
  }

  .ppo_sect_8 .left_sec .contact_contnt_sec .txt_3 {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 15px
  }

  .ppo_sect_8 .right_sec .ppo_connect .ppo_form_wrap {
    top: -55px;
    padding: 20px 25px 10px;
    width: 70%
  }

  .ppo_sect_8 .right_sec .ppo_connect .ppo_form_wrap .ppo_btn,
  .ppo_sect_8 .right_sec .ppo_connect .ppo_form_wrap .ppo_input {
    font-size: 14px;
    padding: 10px
  }

  .ppo_sect_8 .right_sec .ppo_connect .ppo_form_wrap .mobileNumErr {
    font-size: 12px
  }

  .ppo_sect_8 .right_sec .ppo_connect .ppo_form_wrap .ppo_form .intl-tel-input.separate-dial-code .selected-dial-code {
    font-size: 12px;
    padding-left: 25px !important
  }

  .ppo_sect_8 .right_sec .ppo_connect .ppo_form_wrap .ppo_form .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
    width: 70px
  }

  .ppo_sect_8 .right_sec .ppo_connect .ppo_form_wrap .ppo_form .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input {
    padding-left: 85px
  }

  .ppo_sect_8 .right_sec .ppo_connect .ppo_form_wrap .ppo_form .intl-tel-input .selected-flag .iti-arrow {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555
  }

  .ppo_sect_8 .right_sec .ppo_connect .ppo_form_wrap .ppo_form .ppo_input_div label {
    font-size: 14px
  }

  .ppo_sect_8 .right_sec .ppo_connect .ppo_form_wrap .ppoResponse {
    font-size: 12px;
    padding-top: 10px
  }
}

@media(max-width:425px) {
  .ppo_header .scroll_menus {
    display: none
  }

  .ppo_header .cta .rgt_item {
    margin-left: 0
  }

  .ppo_title {
    font-size: 24px !important;
    line-height: 30px !important;
    padding-bottom: 20px !important
  }

  .ppo_sect_1 {
    padding: 65px 0 20px
  }

  .ppo_sect_1 .left_sec {
    padding: 0 25px 30px 20px
  }

  .ppo_sect_1 .cta .rgt_item {
    margin-left: 8%
  }

  .ppo_sect_2 {
    padding: 30px 0 20px;
    margin-bottom: 30px
  }

  .ppo_sect_2 .row .ppo_logo_wrapper {
    padding: 10px 20px 10px 0
  }

  .ppo_sect_2 .row .ppo_logo_wrapper .ppo_trust_logs.row_1,
  .ppo_sect_2 .row .ppo_logo_wrapper .ppo_trust_logs.row_2 {
    padding-bottom: 10px
  }

  .ppo_sect_2 .row .ppo_logo_wrapper .ppo_trust_logs .item {
    height: 60px;
    width: 100%
  }

  .ppo_sect_3 {
    padding: 10px 10px 20px
  }

  .ppo_sect_3 .ppo_content .txt_1 {
    font-size: 16px
  }

  .ppo_sect_3 .ppo_content .txt_2 {
    font-size: 18px;
    padding-bottom: 5px
  }

  .ppo_sect_3 .ppo_content .txt_3 {
    font-size: 16px
  }

  .ppo_sect_3 .right_sec {
    padding-top: 25px
  }

  .ppo_sect_4 {
    padding: 15px 5px
  }

  .ppo_sect_4 .ppo_card_wrapper {
    padding: 15px 15px 60px
  }

  .ppo_sect_4 .ppo_card_wrapper:before {
    left: 20px;
    height: 40px;
    width: 40px
  }

  .ppo_sect_4 .ppo_card_wrapper:after {
    height: 40px;
    width: 40px
  }

  .ppo_sect_4 .ppo_card_wrapper .card_sec {
    padding: 10px
  }

  .ppo_sect_4 .ppo_card_wrapper .card_sec .card_img {
    width: 60px;
    height: 60px
  }

  .ppo_sect_4 .ppo_card_wrapper .card_sec .card_title {
    font-size: 16px;
    line-height: 24px;
    padding: 10px 0
  }

  .ppo_sect_4 .ppo_card_wrapper .card_sec .card_content {
    font-size: 14px;
    line-height: 24px
  }

  .ppo_sect_4 .ppo_card_wrapper .card_sec:first-child:after {
    display: none
  }

  .ppo_sect_5 {
    padding: 15px 0
  }

  .ppo_sect_5 .left_sec {
    text-align: center;
    background: unset
  }

  .ppo_sect_5 .right_sec {
    padding: 20px 15px 10px 25px
  }

  .ppo_key_points ul li img {
    width: 13px;
    height: 13px;
    margin-top: 7px
  }

  .ppo_key_points ul li {
    padding-bottom: 15px !important
  }

  .ppo_sect_6 {
    padding: 0
  }

  .ppo_sect_6 .row {
    flex-direction: column-reverse
  }

  .ppo_sect_6 .row .right_sec {
    padding: 0;
    width: 70%;
    background: unset
  }

  .ppo_sect_6 .row .left_sec {
    padding: 5px 15px
  }

  .ppo_sect_7 .ppo_title {
    padding: 0 15px 50px !important;
    text-align: left
  }

  .ppo_sect_7 .ppo_key_points ul li {
    position: relative !important;
    top: unset !important;
    left: unset !important;
    bottom: unset !important;
    width: 100% !important
  }

  .ppo_sect_7 .ppo_key_points ul li img {
    margin-top: 7px
  }

  .ppo_sect_7 .ppo_key_points ul li .cust_keypoints .title {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 10px
  }

  .ppo_sect_7 .ppo_key_points ul li .cust_keypoints .txt {
    font-size: 14px;
    line-height: 24px
  }

  .ppo_sect_7 .left_sec {
    margin-top: -30px;
    background: unset;
    padding-bottom: 20px;
    width: 70%
  }

  .ppo_sect_7 .right_sec {
    padding: 0 20px
  }

  .ppo_sect_8 {
    padding: 15px 0 30px
  }

  .ppo_sect_8 .left_sec .contact_img_sec {
    display: none
  }

  .ppo_sect_8 .left_sec .contact_contnt_sec {
    padding-left: 15px
  }

  .ppo_sect_8 .right_sec .ppo_connect {
    padding: 45px 0 0;
    height: 480px
  }

  .ppo_sect_8 .right_sec .ppo_connect .ppo_img_wrap {
    padding: 10px 0;
    transform: scale(3.4) translate(65px, 37px);
    -webkit-transform: scale(3.4) translate(65px, 37px);
    -moz-transform: scale(3.4) translate(65px, 37px);
    -o-transform: scale(3.4) translate(65px, 37px);
    width: 50%
  }

  .ppo_sect_8 .right_sec .ppo_connect .ppo_form_wrap {
    position: relative;
    padding: 20px 25px 25px;
    width: 90%;
    transform: translateY(-110px);
    -webkit-transform: translateY(-110px);
    -moz-transform: translateY(-110px);
    -o-transform: translateY(-110px)
  }

  .ppo_sect_8 .right_sec .ppo_connect .ppo_form_wrap .form_title {
    font-size: 18px;
    line-height: 30px;
    padding-bottom: 15px
  }

  .ppo_sect_8 .right_sec .ppo_connect .ppo_form_wrap .ppo_form .ppo_input_div {
    margin-bottom: 15px
  }

  .ppo_sect_8 .right_sec .ppo_connect .ppo_form_wrap .ppo_form .ppo_input_div label {
    padding-bottom: 10px
  }

  .ppo_sect_8 .right_sec .ppo_connect .ppo_form_wrap .ppo_form .ppo_input {
    padding: 15px 20px
  }

  .ppo_sect_8 .right_sec .ppo_connect .ppo_form_wrap .ppo_btn {
    padding: 15px
  }

  .ppo_sect_8 .thank_you_popup img {
    width: 330px;
    height: 255px
  }
}

@media(max-width:320px) {
  .ppo_header .logos_div {
    padding: 0 6px
  }

  .ppo_header .cta {
    padding-right: 5px
  }

  .ppo_sect_8 .right_sec .ppo_connect .ppo_form_wrap {
    transform: translateY(-72px);
    -webkit-transform: translateY(-72px);
    -moz-transform: translateY(-72px);
    -o-transform: translateY(-72px)
  }

  .ppo_sect_8 .right_sec .ppo_connect .ppo_img_wrap {
    transform: scale(3.7) translate(65px, 37px);
    -webkit-transform: scale(3.7) translate(65px, 37px);
    -moz-transform: scale(3.7) translate(65px, 37px);
    -o-transform: scale(3.7) translate(65px, 37px)
  }

  .ppo_sect_8 .right_sec .ppo_connect .ppo_form_wrap .ppo_form .ppo_input {
    padding: 10px 20px
  }
}

#payLaterModal .modal-dialog {
  min-width: unset;
  max-width: unset;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto
}

#payLaterModal .modal-content {
  background-color: unset;
  border: unset
}

.ppoOverlay {
  transition: opacity .5s;
  z-index: 999
}

.ppoOverlay .popup {
  position: relative;
  margin: auto;
  height: -moz-fit-content;
  height: fit-content;
  padding: 10.633vw .81vw 2.61vw;
  background: #fff;
  border-radius: 2.777vw;
  width: 29.305vw
}

.paylaterplusModalContent {
  text-align: center;
  margin: auto
}

.paylaterplusModalContent>p:first-child {
  font-style: normal;
  font-weight: 500;
  font-size: 1.66vw;
  line-height: 100%;
  color: #cf2228;
  text-align: center;
  margin-bottom: 1.96vw !important;
  position: relative;
  z-index: 999
}

.paylaterplusModalContent>p:nth-child(2) {
  text-align: center;
  font-style: normal;
  font-weight: 400;
  font-size: 1.111vw;
  line-height: 120%;
  color: #686f79
}

.popup .close {
  position: absolute;
  top: 2.6178010471vh;
  right: 2.0833333333vw;
  transition: all .2s;
  cursor: pointer;
  width: .9722222222vw;
  height: 1.832460733vh;
  font-weight: 700;
  text-decoration: none;
  color: #333
}

.popup .close:hover {
  color: #06d85f
}

.paylateroverlay>.popup>.popup-image {
  position: absolute;
  top: -8.01vw;
  margin: auto;
  text-align: center;
  left: 0;
  right: 0
}

.paylateroverlay>.popup>.popup-image>img {
  width: 19.375vw
}

.paylaterplusmodalBtn {
  border-radius: 2.083vw;
  margin-top: .61vw
}

.paylaterplustopbanner {
  background: #a9c2ec;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.33vw 0;
  display: none
}

.paylaterplustopbanner-img {
  margin-right: .8333333333vw
}

.paylaterplustopbanner-content {
  display: flex;
  justify-content: center;
  align-items: center
}

.paylaterplustopbanner-text>p {
  margin-bottom: 0 !important;
  font-style: normal;
  font-weight: 400;
  font-size: 1.1111111111vw;
  line-height: 1.25vw;
  color: #000
}

.paylaterplustopbanner-text>p>a {
  color: #06c;
  font-weight: 600;
  border-bottom: .5px solid #06c
}

.paylaterplusModalContent>a>span {
  opacity: 1;
  font-size: 1.12vw
}

.paylaterplusmodalBtn>.circleWrap {
  width: 2.806vw !important;
  height: 2.806vw !important
}

@media(max-width:768px) {
  .ppoOverlay .popup {
    padding: 130px 30px 35px;
    width: 420px;
    border-radius: 40px
  }

  .popup .close {
    top: 20px;
    right: 25px;
    cursor: pointer;
    width: 10px;
    height: 10px
  }

  .paylateroverlay>.popup>.popup-image {
    top: -80px
  }

  .paylateroverlay>.popup>.popup-image>img {
    width: 205px
  }

  .paylaterplusModalContent>p:first-child {
    font-size: 24px;
    margin-bottom: 30px !important
  }

  .paylaterplusModalContent>p:nth-child(2) {
    font-size: 16px
  }

  .paylaterplusmodalBtn {
    border-radius: 30px;
    margin-top: 10px
  }

  .paylaterplusmodalBtn>.circleWrap {
    width: 32px !important;
    height: 32px !important
  }

  .paylaterplusModalContent>a>span {
    font-size: 14px;
    padding: 5px 15px
  }
}

@media only screen and (max-width:600px) {
  .paylateroverlay>.popup {
    width: 88%
  }

  .paylaterplusModalContent>p:first-child {
    line-height: 30px;
    font-size: 18px;
    position: relative;
    z-index: 999;
    margin-bottom: 20px !important
  }

  .ppoOverlay.paylateroverlay>.popup {
    border-radius: 40px
  }

  .paylaterplusModalContent>p:nth-child(2) {
    font-size: 14px;
    line-height: 24px;
    position: relative;
    z-index: 999
  }

  .paylateroverlay>.popup>.popup-image {
    top: -100px !important
  }

  .paylaterplusmodalBtn {
    border-radius: 20px
  }

  .paylaterplusmodalBtn>.circleWrap {
    width: 26px !important;
    height: 26px !important
  }

  .paylateroverlay>.popup>.popup-image>img {
    width: 230px
  }

  #paylatermodalClose {
    width: 14px !important;
    right: 20px
  }

  #paylatermodalClose>img {
    width: 10px;
    height: 10px
  }

  .paylaterplustopbanner-text>p {
    font-size: 12px;
    width: -webkit-fill-available;
    margin: auto;
    white-space: nowrap
  }

  .paylaterplustopbanner-img {
    margin-right: 7px
  }

  .paylaterplustopbanner {
    padding: 7px 10px
  }

  .paylaterplusModalContent>a>span {
    opacity: 1;
    font-size: 14px
  }
}

@media only screen and (max-width:375px) {
  .paylateroverlay>.popup {
    padding: 100px 30px 30px
  }
}

@media only screen and (max-width:320px) {
  .paylateroverlay>.popup {
    padding-top: 80px !important
  }
}

.popupHide {
  transform: scale(.6) translate(20px, 20px)
}

.ppo_float_banner {
  position: fixed;
  bottom: 7%;
  right: 3%;
  width: 9.722vw;
  height: 9.722vw;
  border-radius: 3.322vw;
  background-color: #fdcd45;
  z-index: 99;
  overflow: hidden;
  animation: pulse 1.5s infinite;
  border-top: 2px solid #cf2228;
  cursor: pointer;
  rotate: -45deg;
  transition: .6s;
  transform-style: preserve-3d;
  display: flex;
  align-items: center;
  justify-content: end;
  flex-direction: column;
  padding-bottom: 2.4vw;
  opacity: 0
}

.ppo_float_banner.active {
  opacity: 1
}

.d-none {
  display: none
}

.ppo_float_banner .ppo_ban_logo {
  position: absolute;
  width: 70%;
  z-index: 9;
  transform: translateY(-45%) rotate(45deg);
  -webkit-transform: translateY(-45%) rotate(45deg);
  -moz-transform: translateY(-45%) rotate(45deg);
  -o-transform: translateY(-45%) rotate(45deg)
}

.ppo_float_banner .ppo_float_banner_cont {
  opacity: 0;
  z-index: 9;
  transition: .6;
  text-align: center
}

.ppo_float_banner_cont p:first-child {
  font-size: .97vw;
  font-weight: 500;
  margin-bottom: 10px
}

.ppo_float_banner_cont p:nth-child(2) {
  font-size: .833vw;
  margin-bottom: 10px;
  padding: 0 .6vw
}

.ppo_float_banner .ppo_cta {
  opacity: 0;
  display: flex;
  align-items: center;
  background-color: #000;
  border-radius: 2.388vw;
  padding: .2vw .5vw;
  z-index: -1
}

.right_wave {
  transform: rotate(220deg);
  -webkit-transform: rotate(220deg);
  -moz-transform: rotate(220deg);
  width: 20.9vw;
  position: absolute;
  right: -11.8vw;
  top: 0
}

.left_wave {
  transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  width: 24.25vw;
  position: absolute;
  bottom: 0;
  left: -14.66vw
}

.waves {
  position: relative;
  width: 100%;
  height: 15vh;
  margin-bottom: -7px;
  min-height: 100px;
  max-height: 150px
}

.ppo_float_banner:hover {
  transform: rotate(0deg);
  width: 16.722vw;
  height: 16.722vw;
  border-radius: 4.722vw;
  transition: all .2s ease-in-out;
  rotate: 0deg;
  border-top: unset
}

.ppo_float_banner:hover.ppo_float_banner .ppo_ban_logo {
  animation: example 1s;
  transform: rotate(0deg) translateY(-9.7vw);
  -webkit-transform: rotate(0deg) translateY(-9.7vw)
}

.ppo_float_banner:hover.left_wave {
  width: 200%;
  transition: .6s
}

.ppo_float_banner:hover.ppo_float_banner .ppo_float_banner_cont {
  opacity: 1;
  transition: all 1s ease-in-out
}

.ppo_float_banner:hover.ppo_float_banner .ppo_cta {
  opacity: 1;
  transition: all 1s ease-in;
  z-index: 9
}

@keyframes example {
  0% {
    transform: rotate(0deg) translateY(-12vw)
  }

  to {
    transform: rotate(0deg) translateY(-9.7vw)
  }
}

.parallax>use {
  animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite
}

.parallax>use:first-child {
  animation-delay: -2s;
  animation-duration: 7s
}

.parallax>use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s
}

.parallax>use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s
}

.parallax>use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s
}

@keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0)
  }

  to {
    transform: translate3d(85px, 0, 0)
  }
}

.ppo_float_banner_overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0
}

.ppo_float_banner_overlay.active {
  background: rgba(0, 0, 0, .5) !important;
  z-index: 999
}

@media(max-width:768px) {
  .ppo_float_banner {
    width: 140px;
    height: 140px;
    border-radius: 35px;
    padding-bottom: 35px
  }

  .ppo_float_banner .ppo_ban_logo {
    width: 80%
  }

  .right_wave {
    width: 200%;
    right: -155px;
    top: -45px
  }

  .left_wave {
    width: 180%;
    left: -90px;
    bottom: -80px
  }
}

@media(max-width:425px) {
  .ppo_float_banner {
    width: 90px;
    height: 90px;
    border-radius: 25px;
    padding-bottom: 24px
  }

  .ppo_float_banner .ppo_ban_logo {
    width: 75%
  }

  .ppo_float_banner:hover {
    width: 238px;
    height: 238px;
    border-radius: 68px;
    transform: rotate(0deg) translate(-32%, 5%);
    z-index: 999
  }

  .ppo_float_banner_cont p:first-child {
    font-size: 14px
  }

  .ppo_float_banner_cont p:nth-child(2) {
    font-size: 12px
  }

  .ppo_float_banner .ppo_cta {
    border-radius: 25px;
    padding: 5px 10px;
    margin-left: unset;
    transform: translateY(200%)
  }

  .right_wave {
    width: 206%;
    right: -100px;
    top: -25px
  }

  .left_wave {
    width: 180%;
    left: -90px;
    bottom: -32px
  }

  .ppo_float_banner:hover.ppo_float_banner .right_wave {
    width: 140%
  }

  .ppo_float_banner:hover.ppo_float_banner .left_wave {
    width: 125%
  }

  .ppo_float_banner:hover.ppo_float_banner .ppo_cta {
    transform: translate(0)
  }

  .ppo_overlay {
    overflow: hidden !important
  }

  .ppo_float_banner:hover.ppo_float_banner .ppo_ban_logo {
    animation: exampleResp 1s;
    transform: rotate(0deg) translateY(-135px);
    -webkit-transform: rotate(0deg) translateY(-135px)
  }

  @keyframes exampleResp {
    0% {
      transform: rotate(0deg) translateY(-180px);
      -webkit-transform: rotate(0deg) translateY(-180px)
    }

    to {
      -webkit-transform: rotate(0deg) translateY(-135px)
    }
  }
}

@media(max-width:375px) {
  .ppo_float_banner:hover {
    transform: rotate(0deg) translate(-25%, 5%);
    -webkit-transform: rotate(0deg) translate(-25%, 5%)
  }
}

@media(max-width:320px) {
  .ppo_float_banner:hover {
    transform: rotate(0deg) translate(-12.5%, 5%);
    -webkit-transform: rotate(0deg) translate(-12.5%, 5%)
  }
}

.popup_animate.paylateroverlay {
  display: block;
  animation: overlayAnim .2s ease-out .85s forwards
}

.popup_animate .popup .close {
  opacity: 0
}

.popup_animate .paylaterplusModalContent p {
  animation: pAnim .2s ease-in forwards
}

.popup_animate .paylaterplusModalContent a {
  opacity: 0;
  transition: .3s
}

.popup_animate.paylateroverlay>.popup>.popup-image {
  animation: imgAnim .3s ease-in .1s forwards
}

.popup_animate.ppoOverlay.paylateroverlay>.popup {
  overflow: hidden;
  transition: .2s;
  animation: circleAnim .6s ease-in .3s forwards
}

@keyframes circleAnim {
  60% {
    width: 9.722vw;
    height: 9.722vw;
    border-radius: 3.322vw;
    transform: rotate(1turn)
  }

  80% {
    width: 9.722vw;
    height: 9.722vw;
    border-radius: 3.322vw
  }

  to {
    width: 9.722vw;
    height: 9.722vw;
    border-radius: 3.322vw;
    background-color: #fdcd45;
    transform: translate(42vw, 30vw);
    padding: 0;
    opacity: .5;
    visibility: hidden
  }
}

@keyframes imgAnim {
  to {
    transform: translateY(8vw);
    width: 100%;
    opacity: .5
  }
}

@keyframes pAnim {
  0% {
    transform: scale(1);
    opacity: 1
  }

  to {
    transform: scale(1.5);
    opacity: 0
  }
}

@keyframes overlayAnim {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@font-face {
  font-family: Outfit;
  src: url(/_next/static/media/Outfit-Regular.1f2dbd8a.ttf)
}

.mfi_main {
  font-family: Outfit !important;
  overflow: hidden
}

.micro_finance_header.sticky_header .navbar {
  padding: .683vw 1.979vw
}

.micro_finance_header .site_logo {
  width: 5%
}

.micro_finance_header .navbar_div {
  width: 70%
}

.micro_finance_header .site_logo img {
  width: 3.052vw
}

.micro_finance_header .navbar_div.justify-content-center,
.micro_finance_header .navbar_div.justify-content-center .navbar-collapse {
  justify-content: start !important
}

.micro_finance_header .connect_btn .apiBtn {
  padding: .265vw
}

.micro_finance_header .connect_btn .apiBtn .apiTxt {
  font-size: 1.03vw
}

.micro_finance_header .connect_btn .apiBtn .circleWrap {
  height: 2.204vw;
  width: 2.204vw
}

.micro_finance_header .connect_btn .apiBtn .circleWrap .arrowIcon_1,
.micro_finance_header .connect_btn .apiBtn .circleWrap .arrowIcon_2 {
  max-width: 1.583vw
}

.micro_finance_header .connect_btn .apiBtn_stricky {
  padding: .265vw
}

.micro_finance_header .connect_btn .apiBtn_stricky .apiTxt {
  font-size: 1.03vw
}

.micro_finance_header .connect_btn .apiBtn_stricky .circleWrap {
  height: 2.204vw;
  width: 2.204vw
}

.micro_finance_header .connect_btn .apiBtn_stricky .circleWrap .arrowIcon_1,
.micro_finance_header .connect_btn .apiBtn_stricky .circleWrap .arrowIcon_2 {
  max-width: 1.583vw
}

.mfi_container {
  padding: unset;
  margin-top: 10vw
}

.mfi_container .mfi_title {
  font-size: 3.33vw;
  font-weight: 400;
  line-height: 4.166vw;
  letter-spacing: 0;
  padding-bottom: 2vw;
  color: #191919
}

.mfi_container .mfi_subtxt {
  font-size: 1.66vw;
  font-weight: 400;
  line-height: 2.083vw;
  letter-spacing: 0;
  padding-bottom: 2vw;
  color: rgba(0, 0, 0, .698)
}

.mfi_container .mfi_intro_section .mfi_title {
  padding-bottom: 3vw
}

.mfi_container .mfi_intro_section .mfi_subtxt {
  padding-bottom: 5vw
}

.mfi_container .mfi_intro_section .row {
  align-items: center
}

.mfi_container .mfi_flow_section img,
.mfi_container .mfi_intro_section img {
  width: 100%
}

.mfi_container .mfi_flow_section .mfi_flow_mob {
  display: none
}

.mfi_container .mfi_intro_section {
  padding: 0 2vw
}

.mfi_container .mfi_solution_section {
  overflow: hidden;
  padding: 5vw 2vw 7vw;
  position: relative;
  transform: skewY(-5deg)
}

.mfi_container .mfi_solution_section .row {
  transform: skewY(5deg)
}

.mfi_container .mfi_solution_section .mfi_bg {
  position: absolute;
  left: 0;
  bottom: -13vw;
  z-index: -1;
  width: 75%
}

.mfi_container .mfi_solution_section .row {
  margin-bottom: 2vw
}

.mfi_container .mfi_solution_section .solution_box,
.mfi_container .mfi_solution_section .title_box {
  font-size: 1.666vw;
  line-height: 2.36vw;
  padding: 2vw;
  border-radius: .833vw;
  min-height: 17.36vw;
  max-height: 17.36vw
}

.mfi_container .mfi_solution_section .solution_box {
  background-color: #fff;
  box-shadow: 4px 4px 100px 0 rgba(0, 0, 0, .102)
}

.mfi_container .mfi_solution_section .solution_box b {
  font-weight: 500
}

.mfi_container .mfi_loanbook_section {
  padding: 10vw 2vw 7vw;
  background-color: #fafafa;
  transform: skewY(-5deg)
}

.mfi_container .mfi_loanbook_section .mfi_lb_wrapper {
  transform: skewY(5deg)
}

.mfi_container .mfi_loanbook_section .lb_cont_wrapper {
  display: flex;
  align-items: center
}

.mfi_container .mfi_loanbook_section .lb_cont_wrapper img {
  max-width: 8.33vw
}

.mfi_container .mfi_loanbook_section .lb_cont_wrapper .lb_cont {
  font-size: 1.25vw;
  line-height: 1.66vw;
  margin-left: 2vw
}

.mfi_container .mfi_loanbook_section .lb_cont_wrapper .lb_cont .lb_cont_title {
  margin-bottom: .234vw;
  font-weight: 500
}

.mfi_container .mfi_loanbook_section .mfi_loanbook_div img {
  width: 100%
}

.mfi_container .mfi_form_section {
  background-color: #cf2128;
  padding: 10vw 2vw 6vw;
  transform: skewY(-5deg);
  position: relative
}

.mfi_container .mfi_form_section .row {
  transform: skewY(5deg)
}

.mfi_container .mfi_form_section .row .form_col {
  margin: auto
}

.mfi_container .mfi_form_section .row .form_wrapper {
  background-color: #fff;
  padding: 2vw 3vw 0;
  border-radius: .83vw
}

.mfi_container .mfi_form_section .mfi_title {
  color: #fff;
  text-align: center
}

.mfi_container .mfi_form_section .mfi_form_subtxt {
  font-size: 2.22vw;
  line-height: 2.77vw;
  color: #fff
}

.mfi_container .mfi_form_section .mfi_input_wrapper .mfi_input {
  border: unset;
  background: unset;
  border-bottom: 1.5px solid #5f5f5f;
  padding: 1.08vw 0;
  width: 100%;
  font-family: Ubuntu !important;
  font-size: 1.33vw;
  color: #000
}

.mfi_container .mfi_form_section .mfi_input_wrapper .mfi_input::placeholder {
  font-size: 1.33vw;
  color: #000;
  opacity: .6;
  font-weight: 200
}

.mfi_container .mfi_form_section .mfi_input_wrapper .errTxt {
  color: #cf2128;
  padding: .23vw 0 0
}

.mfi_container .mfi_form_section .mfi_input_wrapper .formSubmit .apiBtn:disabled {
  background-color: #a4a9af;
  border-color: #a4a9af;
  cursor: not-allowed
}

.mfi_container .mfi_form_section .mfi_submit_btn {
  padding-bottom: 1.33vw
}

.mfi_container .mfi_form_section .right_sec {
  position: absolute;
  right: -7vw;
  top: -2vw;
  z-index: -9
}

.mfi_container .mfi_form_section .right_sec img {
  width: 75%
}

.mfi_container .mfi_form_section .ftrResponse .respText {
  text-align: center;
  font-family: Ubuntu;
  padding-bottom: .83vw
}

.mfi_container .mfi_form_section .ftrResponse .respText.Success {
  color: #539254
}

.mfi_container .mfi_trustedBy_section {
  transform: skewY(-5deg);
  padding: 10vw 2vw 5vw;
  background-color: #fff
}

.mfi_container .mfi_trustedBy_section .img_wrapper {
  transform: skewY(5deg)
}

.mfi_container .mfi_trustedBy_section .img_wrapper .row {
  margin-top: 4vw;
  margin-bottom: 4vw;
  display: flex;
  align-items: center;
  justify-content: center
}

.mfi_container .mfi_trustedBy_section .img_wrapper .row .mfi_trust_img {
  max-width: -moz-fit-content;
  max-width: fit-content
}

.mfi_container .mfi_trustedBy_section .img_wrapper .row .split_div {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 50%;
  padding: unset
}

.mfi_container .mfi_trustedBy_section .img_wrapper .row .split_div .resize_img img {
  width: 10vw
}

.mfi_container .mfi_trustedBy_section .kapil_logo img {
  width: 20vw
}

.mfi_container .mfi_footer_section {
  padding: 10vw 2vw 15vw;
  background-color: #000;
  margin-top: 4vw;
  transform: skewY(-5deg);
  margin-bottom: -8vw
}

.mfi_container .mfi_footer_section .row {
  transform: skewY(5deg);
  align-items: center
}

.mfi_container .mfi_footer_section .mfi_subtxt {
  color: #fff;
  font-size: 1.25vw;
  margin-left: 1.22vw;
  padding: unset;
  font-family: Ubuntu;
  font-weight: 200
}

.mfi_container .mfi_footer_section .left_sec {
  display: flex;
  align-items: center
}

.mfi_container .mfi_footer_section .left_sec img {
  max-width: 60px
}

.mfi_container .mfi_footer_section .right_sec {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  font-family: Ubuntu
}

.mfi_container .mfi_footer_section .right_sec .social_wrap {
  display: flex;
  align-items: center
}

.mfi_container .mfi_footer_section .right_sec .social_wrap .social_item {
  margin-right: 2vw
}

.mfi_container .mfi_footer_section .right_sec .copyright_wrap {
  color: #fff;
  opacity: .3
}

@media(max-width:768px) {
  .mfi_container .mfi_trustedBy_section .img_wrapper .row .split_div {
    width: 90%;
    justify-content: space-between
  }
}

@media(max-width:767px) {
  .mfi_intro_section {
    margin: 70px 0
  }

  .mfi_container .mfi_title {
    font-size: 24px;
    line-height: 30px;
    padding-bottom: 20px
  }

  .mfi_container .mfi_subtxt {
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 20px
  }

  .mfi_container .mfi_intro_section .mfi_cta {
    margin-bottom: 20px
  }

  .micro_finance_header .navbar_div {
    width: auto
  }

  .micro_finance_header .connect_btn .apiBtn .apiTxt {
    font-size: 12px
  }

  .micro_finance_header .connect_btn .apiBtn .circleWrap .arrowIcon_1,
  .micro_finance_header .connect_btn .apiBtn .circleWrap .arrowIcon_2 {
    max-width: 20px
  }

  .micro_finance_header .connect_btn .apiBtn_stricky .apiTxt {
    font-size: 12px
  }

  .micro_finance_header .connect_btn .apiBtn .circleWrap .arrowIcon_2,
  .micro_finance_header .connect_btn .apiBtn_stricky .circleWrap .arrowIcon_1 {
    max-width: 20px
  }

  .mfi_container .mfi_trustedBy_section .img_wrapper .row .split_div .resize_img img {
    width: 100px
  }
}

@media(max-width:425px) {
  .mfi_container .mfi_trustedBy_section .img_wrapper .row .mfi_trust_img {
    max-width: 60px
  }

  .mfi_container .mfi_solution_section .mfi_bg {
    display: none
  }

  .mfi_container .mfi_solution_section .row {
    margin-bottom: unset
  }

  .mfi_container .mfi_solution_section .solution_box,
  .mfi_container .mfi_solution_section .title_box {
    font-size: 14px;
    line-height: 20px;
    padding: 15px;
    border-radius: 8px;
    min-height: unset;
    max-height: unset
  }

  .mfi_container .mfi_solution_section .solution_box {
    margin-bottom: 15px
  }

  .mfi_container .mfi_solution_section .title_box .mfi_title br {
    display: none
  }

  .mfi_container .mfi_loanbook_section {
    padding: 10px 20px 30px
  }

  .mfi_container .mfi_loanbook_section .lb_cont_wrapper img {
    max-width: 80px
  }

  .mfi_container .mfi_loanbook_section .lb_cont_wrapper .lb_cont {
    font-size: 14px;
    line-height: 20px;
    margin-left: 5px
  }

  .mfi_container .mfi_loanbook_section .lb_cont_wrapper .lb_cont .lb_cont_title {
    margin-bottom: 5px
  }

  .mfi_container .mfi_form_section .mfi_form_subtxt {
    font-size: 18px;
    line-height: 24px
  }

  .mfi_container .mfi_form_section .mfi_input_wrapper .mfi_input {
    padding: 10px 0;
    font-size: 14px
  }

  .mfi_container .mfi_form_section .mfi_input_wrapper .mfi_input::placeholder {
    font-size: 14px
  }

  .mfi_container .mfi_form_section .mfi_input_wrapper .formSubmit {
    margin: 20px 0
  }

  .mfi_container .mfi_trustedBy_section {
    padding: 40px 20px 10px
  }

  .mfi_container .mfi_footer_section .left_sec img {
    max-width: 40px
  }

  .mfi_container .mfi_footer_section .mfi_subtxt {
    font-size: 10px;
    margin-left: 10px
  }

  .mfi_container .mfi_footer_section .right_sec {
    margin-top: 20px;
    padding: 0 20px;
    justify-content: space-between
  }

  .mfi_container .mfi_footer_section .right_sec .social_wrap .social_item {
    margin-right: 10px
  }

  .mfi_container .mfi_footer_section .right_sec .social_wrap .social_item .socialLink {
    max-width: 15px
  }

  .mfi_container .mfi_footer_section .right_sec .copyright_wrap {
    font-size: 12px
  }

  .mfi_flow_section .mfi_flow {
    display: none
  }

  .mfi_container .mfi_flow_section .mfi_flow_mob {
    display: block
  }

  .mfi_container .mfi_form_section .row .form_wrapper {
    border-radius: 8px;
    padding: 20px 20px 0
  }

  .mfi_container .mfi_form_section {
    padding: 40px 10px
  }

  .mfi_container .mfi_form_section .mfi_input_wrapper .errTxt {
    padding: 5px 0 0
  }

  .mfi_form_section .ftrResponse .respText.Error,
  .mfi_form_section .ftrResponse .respText.Success {
    font-size: 14px
  }

  .mfi_intro_section {
    margin: 70px 0 25px
  }

  .mfi_container .mfi_solution_section {
    padding: 10px 20px
  }
}

[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
  transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
  transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
  transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
  transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
  transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
  transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
  transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
  transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
  transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
  transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
  transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
  transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
  transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
  transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
  transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
  transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
  transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
  transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
  transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
  transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
  transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
  transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
  transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity, transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translateZ(0)
}

[data-aos=fade-up] {
  transform: translate3d(0, 100px, 0)
}

[data-aos=fade-down] {
  transform: translate3d(0, -100px, 0)
}

[data-aos=fade-right] {
  transform: translate3d(-100px, 0, 0)
}

[data-aos=fade-left] {
  transform: translate3d(100px, 0, 0)
}

[data-aos=fade-up-right] {
  transform: translate3d(-100px, 100px, 0)
}

[data-aos=fade-up-left] {
  transform: translate3d(100px, 100px, 0)
}

[data-aos=fade-down-right] {
  transform: translate3d(-100px, -100px, 0)
}

[data-aos=fade-down-left] {
  transform: translate3d(100px, -100px, 0)
}

[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity, transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translateZ(0) scale(1)
}

[data-aos=zoom-in] {
  transform: scale(.6)
}

[data-aos=zoom-in-up] {
  transform: translate3d(0, 100px, 0) scale(.6)
}

[data-aos=zoom-in-down] {
  transform: translate3d(0, -100px, 0) scale(.6)
}

[data-aos=zoom-in-right] {
  transform: translate3d(-100px, 0, 0) scale(.6)
}

[data-aos=zoom-in-left] {
  transform: translate3d(100px, 0, 0) scale(.6)
}

[data-aos=zoom-out] {
  transform: scale(1.2)
}

[data-aos=zoom-out-up] {
  transform: translate3d(0, 100px, 0) scale(1.2)
}

[data-aos=zoom-out-down] {
  transform: translate3d(0, -100px, 0) scale(1.2)
}

[data-aos=zoom-out-right] {
  transform: translate3d(-100px, 0, 0) scale(1.2)
}

[data-aos=zoom-out-left] {
  transform: translate3d(100px, 0, 0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
  transition-property: transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translateZ(0)
}

[data-aos=slide-up] {
  transform: translate3d(0, 100%, 0)
}

[data-aos=slide-down] {
  transform: translate3d(0, -100%, 0)
}

[data-aos=slide-right] {
  transform: translate3d(-100%, 0, 0)
}

[data-aos=slide-left] {
  transform: translate3d(100%, 0, 0)
}

[data-aos^=flip][data-aos^=flip] {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition-property: transform
}

[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0)
}

.slick-slider {
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list,
.slick-slider {
  position: relative;
  display: block
}

.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: none
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
  transform: translateZ(0)
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto
}

.slick-track:after,
.slick-track:before {
  display: table;
  content: ""
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}

[dir=rtl] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-arrow.slick-hidden {
  display: none
}

.slick-loading .slick-list {
  background: #fff url(/_next/static/media/ajax-loader.0b80f665.gif) 50% no-repeat
}

@font-face {
  font-family: slick;
  font-weight: 400;
  font-style: normal;
  src: url(/_next/static/media/slick.25572f22.eot);
  src: url(/_next/static/media/slick.25572f22.eot?#iefix) format("embedded-opentype"), url(/_next/static/media/slick.653a4cbb.woff) format("woff"), url(/_next/static/media/slick.6aa1ee46.ttf) format("truetype"), url(/_next/static/media/slick.f895cfdf.svg#slick) format("svg")
}

.slick-next,
.slick-prev {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  transform: translateY(-50%);
  cursor: pointer;
  border: none
}

.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
  color: transparent;
  outline: none;
  background: transparent
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
  opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
  opacity: .25
}

.slick-next:before,
.slick-prev:before {
  font-family: slick;
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-prev {
  left: -25px
}

[dir=rtl] .slick-prev {
  right: -25px;
  left: auto
}

.slick-prev:before {
  content: "←"
}

[dir=rtl] .slick-prev:before {
  content: "→"
}

.slick-next {
  right: -25px
}

[dir=rtl] .slick-next {
  right: auto;
  left: -25px
}

.slick-next:before {
  content: "→"
}

[dir=rtl] .slick-next:before {
  content: "←"
}

.slick-dotted.slick-slider {
  margin-bottom: 30px
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center
}

.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0
}

.slick-dots li,
.slick-dots li button {
  width: 20px;
  height: 20px;
  cursor: pointer
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  padding: 5px;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent
}

.slick-dots li button:focus,
.slick-dots li button:hover {
  outline: none
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
  opacity: 1
}

.slick-dots li button:before {
  font-family: slick;
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: .25;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: #000
}
.navbar-toggler {
  border: none !important;
}
select,
select option {
  color: #000000 !important;
}

select:invalid,
select option[value=""] {
  color: #c0c0c0 !important;
}

label {
  display: block !important;
  margin: 16px 0 !important;
}