@import url("https://fonts.googleapis.com/css2?family=Sen:wght@400;700;800&display=swap");

body,
button,
input,
select,
textarea {
  font-family: "Sen", sans-serif;
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  padding: 0;
  line-height: 1.6;
  font-size: 15px;
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a {
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}
button,
select {
  color: inherit;
  cursor: pointer;
}
body {
  color: #414141;
  margin: 0;
  width: 100%;
  overflow-x: hidden;
}
* {
  box-sizing: border-box;
  outline: none;
}
h1 {
  font-size: 40px;
  line-height: 48px;
}
h2 {
  font-size: 24px;
  line-height: 32px;
}
h3 {
  font-size: 20px;
  line-height: 32px;
}
h4 {
  font-size: 18px;
  line-height: 24px;
}
h5 {
  font-size: 16px;
}
h6 {
  font-size: 14px;
}
h1,
h2,
h3,
h4,
h5,
h6 p {
  margin: 0;
}
/* img {
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
} */
ul {
  padding: 0;
  margin: 0;
}
/* li {
  margin-bottom: 3%;
} */
strong {
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}
small {
  font-size: 12px;
  line-height: 16px;
}
@font-face {
  font-family: "icons";
  font-display: block;
  src: url("https://cdn.razorpay.com/static/assets/common/fonticons/fonticon.eot");
  src: url("https://cdn.razorpay.com/static/assets/common/fonticons/fonticon.eot?#iefix")
      format("eot"),
    url("https://cdn.razorpay.com/static/assets/common/fonticons/fonticon.woff2")
      format("woff2"),
    url("https://cdn.razorpay.com/static/assets/common/fonticons/fonticon.woff")
      format("woff"),
    url("https://cdn.razorpay.com/static/assets/common/fonticons/fonticon.ttf")
      format("truetype"),
    url("https://cdn.razorpay.com/static/assets/common/fonticons/fonticon.svg#icons")
      format("svg");
}
i[class^="char-"] {
  margin: 0 5px;
  opacity: 0.7;
}
i:before {
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  vertical-align: bottom;
  display: inline-block;
}
.char-bull:before {
  content: "\2022";
}
.char-ndash:before {
  content: "\2013";
}
.fa:before {
  font-family: "FontAwesome";
}
.sk-input-wrap input {
  color: #555;
  background: #fff;
  width: 100%;
  margin: 15px 0 -5px;
  border: 1px solid #ddd;
  padding: 0 10px;
  line-height: 34px;
  border-radius: 2px;
}
body {
  position: relative;
  background: #fff;
  color: #515978;
}
nav .right {
  color: #fff;
}
footer {
  border-radius: 0 0 3px 3px;
}
#optinchat-container {
  z-index: 1000000 !important;
}
@font-face {
  font-family: "Muli";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: local(""),
    url("https://cdn.razorpay.com/static/assets/common/Mulish/mulish-v3-latin-200.woff2")
      format("woff2"),
    url("https://cdn.razorpay.com/static/assets/common/Mulish/mulish-v3-latin-200.woff")
      format("woff");
}
@font-face {
  font-family: "Muli";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(""),
    url("https://cdn.razorpay.com/static/assets/common/Mulish/mulish-v3-latin-regular.woff2")
      format("woff2"),
    url("https://cdn.razorpay.com/static/assets/common/Mulish/mulish-v3-latin-regular.woff")
      format("woff");
}
@font-face {
  font-family: "Muli";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local(""),
    url("https://cdn.razorpay.com/static/assets/common/Mulish/mulish-v11-latin-500.woff2")
      format("woff2"),
    url("https://cdn.razorpay.com/static/assets/common/Mulish/mulish-v11-latin-500.woff")
      format("woff");
}
@font-face {
  font-family: "Muli";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local(""),
    url("https://cdn.razorpay.com/static/assets/common/Mulish/mulish-v3-latin-700.woff2")
      format("woff2"),
    url("https://cdn.razorpay.com/static/assets/common/Mulish/mulish-v3-latin-700.woff")
      format("woff");
}
@font-face {
  font-family: "Muli";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: local(""),
    url("https://cdn.razorpay.com/static/assets/common/Mulish/mulish-v3-latin-800.woff2")
      format("woff2"),
    url("https://cdn.razorpay.com/static/assets/common/Mulish/mulish-v3-latin-800.woff")
      format("woff");
}
@font-face {
  font-family: "Muli";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local(""),
    url("https://cdn.razorpay.com/static/assets/common/Mulish/mulish-v3-latin-900.woff2")
      format("woff2"),
    url("https://cdn.razorpay.com/static/assets/common/Mulish/mulish-v3-latin-900.woff")
      format("woff");
}
@font-face {
  font-family: "PT Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(""),
    url("https://cdn.razorpay.com/static/assets/common/PTMono/pt-mono-v8-latin-regular.woff2")
      format("woff2"),
    url("https://cdn.razorpay.com/static/assets/common/PTMono/pt-mono-v8-latin-regular.woff")
      format("woff");
}
#page {
  overflow: hidden;
}
#razorpay-x #page.has-fix-banner {
  overflow-x: hidden;
  padding-top: 48px;
}
#banner {
  padding: 80px 0;
  min-height: 540px;
}
#banner section {
  margin-top: 0;
}
#banner .btn-input {
  line-height: 43px;
  height: 48px;
  border-color: #528ff0;
}
#banner:before,
#banner:after {
  color: transparent;
  content: "";
  position: absolute;
  height: 50vw;
  width: 100vw;
  -webkit-transform: rotateZ(45deg) skewX(-15deg) skewY(-16deg);
  -ms-transform: rotate(45deg) skewX(-15deg) skewY(-16deg);
  transform: rotateZ(45deg) skewX(-15deg) skewY(-16deg);
  left: 97%;
  top: -22vw;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  border-radius: 1px;
  box-shadow: 1px 1px 0, 2px 2px 0, 3px 3px 0;
  z-index: -1;
}
@media screen and (min-width: 1500px) {
  #banner:before,
  #banner:after {
    left: 93%;
  }
}
#banner:after {
  height: 5000px;
  width: 5000px;
  -webkit-transform: rotateZ(-6deg) skewX(50deg);
  -ms-transform: rotate(-6deg) skewX(50deg);
  transform: rotateZ(-6deg) skewX(50deg);
  left: 7%;
  top: auto;
  bottom: -18%;
  -webkit-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  transform-origin: 0 100%;
  background: #f4f8ff;
  z-index: -2;
}
#banner p {
  max-width: 430px;
}
#banner-figure {
  position: absolute;
  top: 0;
  left: 52%;
  margin: 30px 0 0 -30px;
  width: 660px;
  height: 100%;
}
#banner-figure .figure {
  height: 100%;
  width: 100%;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background: no-repeat left top;
  background-size: contain;
}
main {
  position: relative;
  z-index: 1;
}
main p,
main ul {
  font-size: 16px;
  line-height: 24px;
}
main p {
  margin: 24px 0;
}
main p.clip {
  max-width: 352px;
}
main p.text-big {
  font-size: 18px;
  line-height: 24px;
}
main ul {
  margin-bottom: 24px;
  padding: 0;
}
main ul li {
  margin: 16px 0;
  padding-left: 16px;
}
main ul li::before {
  float: left;
  margin: -1px 0 0 -16px;
  width: 16px;
  content: "⬢";
}
main h1,
main h2,
main h3 {
  letter-spacing: 0.5px;
  color: #0d2366;
  margin-bottom: 6px;
}
@media (max-width: 1023px) {
  main h1:not(.allow-breaks) br {
    display: none;
  }
}
main h1,
main h2 {
  font-weight: 800;
}
main h1:not(.no-puck)::after,
main h2:not(.no-puck)::after {
  content: "";
  display: block;
  width: 24px;
  height: 4px;
  background: #49dab5;
  margin-top: 16px;
}
main h1.center:after,
main h2.center:after {
  margin-left: auto;
  margin-right: auto;
}
main .link {
  color: #528ff0;
  font-size: 16px;
  line-height: 48px;
}
.dark blockquote {
  margin: 0;
  padding: 16px 16px 16px 18px;
  border-left: 4px solid #fff;
}
blockquote {
  padding: 0 16px 0 18px;
  border-left: 4px solid #49dab5;
}
blockquote a.link:last-child {
  padding-bottom: 0;
}
blockquote .text-big {
  margin: 8px 0;
}
blockquote .link {
  padding: 0 16px 12px 0;
}
blockquote.quote {
  max-width: 782px;
  width: 100%;
  margin: 0 auto;
  border: 0;
  position: relative;
  padding-left: 130px;
  color: #5f6c7d;
}
blockquote.quote::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 6px;
  width: 108px;
  height: 90px;
  background: url("/assets/icons/quote.svg") no-repeat;
  background-size: contain;
}
@media (max-width: 1023px) {
  blockquote.quote {
    padding-left: 18px;
    padding-top: 48px;
  }
  blockquote.quote::before {
    width: 54px;
    height: 45px;
  }
}
.dark blockquote:not(.quote) {
  border-left: 4px solid #fff;
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0.12) 1.54%,
    rgba(255, 255, 255, 0) 100%
  );
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.12) 1.54%,
    rgba(255, 255, 255, 0) 100%
  );
}
.author .photo,
.author .name {
  display: inline-block;
  vertical-align: top;
}
.author .photo {
  width: 48px;
  height: 48px;
  background: #528ff0;
  border-radius: 50%;
  margin-right: 16px;
}
.author {
  padding-top: 12px;
  color: #515978;
}
/* section {
  position: relative;
  padding: 60px 0;
} */
section.dark {
  color: #fff;
  margin-top: 100px;
  padding-bottom: 100px;
  z-index: 1;
}
section.dark h1,
section.dark h2,
section.dark h3,
section.dark .link {
  color: #fff;
}
section.dark .box h1,
section.dark .box h2,
section.dark .box h3 {
  color: #0d2366;
}
section.dark-bg {
  background: #f4f8ff;
}
section.dark-atop {
  padding-top: 300px;
  margin-top: -310px;
}
.midsection-svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: -130px;
}
.endsection {
  display: none;
  color: #fff;
  padding: 144px 0;
  z-index: 1;
}
.endsection p {
  max-width: 440px;
}
.endsection h2 {
  color: #fff;
  max-width: 720px;
}
.endsection h2:after {
  background: #ff6b97 !important;
}
.endsection h2.puck-ter:after {
  background: #15cd9a !important;
}
.endsection ul.list li {
  display: inline-block;
  margin: 0;
  margin-right: 24px;
}
.endsection:after {
  background: url("/assets/footer-signup.svg") no-repeat;
  content: "";
  width: 290px;
  height: 282px;
  position: absolute;
  background-size: contain;
  right: 50%;
  margin-right: -520px;
  bottom: 11%;
}
.endsection-svg {
  top: 0;
  width: 100%;
  right: 0;
  height: 100%;
  position: absolute;
}
.footer-bg-svg {
  top: -150px;
  width: 100%;
  right: 0;
  height: 100%;
  min-height: 1600px;
  position: absolute;
}
@media screen and (max-width: 964px) {
  .footer-bg-svg {
    top: -80px;
    width: auto;
    min-height: 2500px;
  }
}
@media screen and (max-width: 768px) {
  .footer-bg-svg {
    top: -250px;
    left: -50px;
  }
}
.treebo {
  width: 48px;
  height: 48px;
}
.center h1:after,
.center h2:after {
  margin-left: auto;
  margin-right: auto;
}
.rows.zebra .row:nth-child(2n + 1) {
  background: #f4f8ff;
}
.rows.zebra .row:nth-child(2n) {
  background: #fff;
}
.rows .row {
  padding: 24px 0;
}
.rows .row:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.box {
  color: #515978;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 2px;
  box-shadow: 2px 4px 9px 1px rgba(0, 0, 0, 0.05), 0 1px 1px rgba(0, 0, 0, 0.04);
  background: #fff;
  padding: 24px 32px;
}
.box i {
  margin: 1px 8px 0 0;
}
.box.overflow {
  margin-right: -36px;
  position: relative;
}
.box .rows {
  margin: -24px 0;
}
.box .row {
  margin: 0 -32px;
  padding-left: 32px;
  padding-right: 32px;
}
.column > .box {
  min-height: 100%;
}
footer ul li {
  margin: 0;
  padding: 0;
}
footer ul li:before {
  display: none;
}
footer .address-info {
  font-size: 14px;
  white-space: nowrap;
}
footer .address-info a {
  display: inline;
}
body.signupcard .endsection {
  display: block;
  z-index: 1;
}
body.signupcard footer {
  padding-top: 220px;
  margin-top: -240px;
  background: -webkit-linear-gradient(left, #eef9fe, #edf7ff);
  background: linear-gradient(to right, #eef9fe, #edf7ff);
}
.webhooks .statuslabel {
  font-family: "PT Mono", monospace;
  color: #528ff0;
  display: inline-block;
  padding: 16px 24px;
  border: 1px solid rgba(0, 0, 0, 0.07);
  box-shadow: 2px 4px 9px 1px rgba(0, 0, 0, 0.05), 0 1px 1px rgba(0, 0, 0, 0.04);
  background: #fff;
}
.webhooks p {
  margin-top: 16px;
}
.m-t {
  margin-top: 10px;
}
.note-link {
  color: #528ff0;
  font-size: 16px;
  font-weight: 600;
}
.opacity-50 {
  opacity: 0.5;
}
::-webkit-input-placeholder {
  color: #bbb;
}
::-moz-placeholder {
  color: #bbb;
}
:-ms-input-placeholder {
  color: #bbb;
}
:-moz-placeholder {
  color: #bbb;
}
.no-scroll {
  overflow: hidden;
}
.illustration {
  background: none;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 0;
}
.container {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
  padding: 0 10px;
}
.color-anchor-blue {
  color: #fff;
}
.pre {
  white-space: pre;
}
.text-pri {
  color: #528ff0;
}
.text-dark {
  color: #0d2366;
}
.strong {
  font-weight: bold !important;
}
.center {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 1024px) {
  .center-desktop {
    text-align: center;
    margin-right: auto;
    margin-left: auto;
  }
  .center-desktop h1:after,
  .center-desktop h2:after {
    margin-left: auto;
    margin-right: auto;
  }
}
.size-md {
  font-size: 16px;
  line-height: 24px;
}
.size-lg {
  font-size: 18px;
  line-height: 28px;
}
.size-xlg {
  font-size: 20px;
  line-height: 38px;
}
.size-sm {
  font-size: 14px;
  line-height: 20px;
}
.bold {
  font-weight: bold;
}
.italic {
  font-style: italic;
}
.has-arrow {
  padding-right: 24px;
}
.has-arrow i {
  font-size: 125%;
  margin-left: 6px;
  -webkit-transition: 0.17s;
  transition: 0.17s;
  position: absolute;
}
.has-arrow:hover i {
  -webkit-transform: translateX(2px);
  -ms-transform: translateX(2px);
  transform: translateX(2px);
}
.left {
  float: left;
}
.right {
  float: right;
}
.line {
  margin-top: 12px;
  margin-bottom: 12px;
}
.gap {
  margin-top: 12px;
}
.gap.double {
  margin-top: 24px;
}
.desc.multi-line {
  max-width: 340px;
}
.mob,
.img-mob {
  display: none !important;
}
@media (max-width: 1023px) {
  .mob {
    display: block !important;
  }
  .mob.iblk {
    display: inline-block !important;
  }
  .nomob {
    display: none !important;
  }
  .img-mob {
    display: inline !important;
  }
}
.rzp-logo {
  width: 125px;
  height: 32px;
  background: url("/assets/razorpay-logo.svg") no-repeat center;
  background-size: contain;
}
.icon.mastercard,
.icon.visa,
.icon.aadhaar,
.icon.netbanking,
.icon.upi {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
  background: #fff;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 24px;
}
.icon.mastercard {
  background-image: url("/assets/icons/payment-modes/mastercard.png");
}
.icon.visa {
  background-image: url("/assets/icons/payment-modes/visa.png");
}
.icon.netbanking {
  background-image: url("/assets/icons/payment-modes/netbanking.png");
}
.icon.aadhaar {
  background-image: url("/assets/icons/payment-modes/aadhaar.png");
}
.icon.upi {
  background-image: url("/assets/icons/payment-modes/upi.png");
}
.i-tick {
  margin: 22px 0;
  padding-left: 28px;
  position: relative;
}
.i-tick::before {
  content: "";
  height: 9px;
  width: 4px;
  -webkit-transform: rotate(45deg) translate(7px, 2px);
  -ms-transform: rotate(45deg) translate(7px, 2px);
  transform: rotate(45deg) translate(7px, 2px);
  border: 2px solid #08ca73;
  border-left: 0;
  border-top: 0;
  position: absolute;
  margin-left: 0;
  top: -16px !important;
  left: 6px !important;
}
.hiring-btn {
  color: rgba(255, 255, 255, 0.87);
  font-size: 14px;
  line-height: 20px;
  background: -webkit-linear-gradient(
    0,
    rgba(255, 255, 255, 0.11) 0%,
    rgba(255, 255, 255, 0.03) 100%
  );
  background: linear-gradient(
    0,
    rgba(255, 255, 255, 0.11) 0%,
    rgba(255, 255, 255, 0.03) 100%
  );
  border-radius: 1px;
  padding: 8px 12px 8px 24px;
  margin-right: 16px;
  position: relative;
  display: none;
  -webkit-transition: 0.5s border-bottom-color;
  transition: 0.5s border-bottom-color;
  border-bottom-color: transparent;
  box-sizing: border-box;
  height: 36px;
}
.hiring-btn::before {
  content: "";
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 10px;
}
.hiring-btn.mobile {
  position: absolute;
  top: 7px;
  right: 40px;
  color: #528ff0;
  background-color: rgba(82, 143, 240, 0.06);
}
.hiring-btn.mobile:before {
  background-color: #528ff0;
}
.hiring-btn:hover {
  padding-bottom: 8px;
  border-bottom: 2px solid #fff;
}
.hiring-btn:hover::before {
  top: calc(50% + 1px);
}
.hiring-btn.hidden {
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .hiring-btn.mobile {
    display: inline-block;
  }
}
@media (min-width: 1024px) {
  .hiring-btn.desktop {
    display: inline-block;
  }
}
body:not(#home) .hiring-btn {
  display: none;
}
#banner .container .info-box {
  padding-left: 12px;
  margin-top: 16px;
  border-left: 1px solid rgba(82, 143, 240, 0.31);
  color: #6f7691;
}
#banner .container .info-box a {
  color: #5590f0;
}
#banner .container .info-box.has-badge {
  position: relative;
}
#banner .container .info-box.has-badge i {
  padding-left: 45px;
}
#banner .container .info-box .badge {
  position: absolute;
  left: 12px;
  top: 3px;
  height: 20px;
  border-radius: 2px;
  background-color: #1ad2a3;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 1px 5px;
}
.pill {
  display: inline-block;
  border-radius: 3px;
  padding: 1px 6px;
  font-weight: bold;
  background-color: #528ff0;
  color: #fff;
  position: relative;
  text-align: center;
  font-size: 13px;
  margin-bottom: 10px;
}
.pill.info {
  background-color: #1ad2a3;
  color: #fff;
}
.pill.purple {
  background-color: #886ef7;
}
.async-hide {
  opacity: 0 !important;
}
.grecaptcha-badge {
  visibility: hidden !important;
}
@media screen and (max-width: 767px) {
  body.no-helpninja-mob iframe#oc_iframe {
    display: none;
  }
}
body:not(#razorpay-x) .chat-container,
body:not(#razorpay-x) .mobile-chat-container {
  background-color: #528ff0 !important;
}
body:not(#razorpay-x) .chat-container .bg-header,
body:not(#razorpay-x) .mobile-chat-container .bg-header {
  background-color: #d2e3ff !important;
}
body:not(#razorpay-x) .chat-container div:nth-child(2),
body:not(#razorpay-x) .mobile-chat-container div:nth-child(2) {
  top: -5px;
  left: 1px;
  position: relative;
}
body:not(#razorpay-x) .chat-container .chat-body,
body:not(#razorpay-x) .mobile-chat-container .chat-body {
  background: #fff;
}
body:not(#razorpay-x) .chat-container .chat-body .joe-agent-pic,
body:not(#razorpay-x) .mobile-chat-container .chat-body .joe-agent-pic {
  background-image: url("https://razorpay.com/favicon.png") !important;
  border-radius: 50%;
  background-size: 16px;
  background-position-y: 6px;
  height: 30px;
  width: 30px;
  border: 1px solid #ebf2ff;
}
body:not(#razorpay-x) .chat-container .chat-body .chat-history .my-message,
body:not(#razorpay-x)
  .mobile-chat-container
  .chat-body
  .chat-history
  .my-message,
body:not(#razorpay-x) .chat-container .chat-body .chat-history .other-message,
body:not(#razorpay-x)
  .mobile-chat-container
  .chat-body
  .chat-history
  .other-message {
  color: #0d2366;
}
body:not(#razorpay-x) .chat-container .chat-body .chat-history .other-message,
body:not(#razorpay-x)
  .mobile-chat-container
  .chat-body
  .chat-history
  .other-message {
  background-color: #f4f8ff !important;
}
body:not(#razorpay-x) .chat-container .chat-body .chat-history .my-message,
body:not(#razorpay-x)
  .mobile-chat-container
  .chat-body
  .chat-history
  .my-message {
  background-color: transparent !important;
  box-shadow: none !important;
  border: 1px solid rgba(82, 143, 240, 0.7);
}
body:not(#razorpay-x) .chat-container label.title-chat,
body:not(#razorpay-x) .mobile-chat-container label.title-chat {
  color: #0d2366 !important;
  letter-spacing: 0.4px;
  font-weight: 800;
}
body:not(#razorpay-x) .chat-container .joe-faq-fdbk-btn,
body:not(#razorpay-x) .mobile-chat-container .joe-faq-fdbk-btn,
body:not(#razorpay-x) .chat-container .joe-faq-fdbk-btn:hover,
body:not(#razorpay-x) .mobile-chat-container .joe-faq-fdbk-btn:hover {
  background-color: #528ff0;
  background-image: -webkit-linear-gradient(
    bottom,
    #528ff0,
    rgba(82, 143, 240, 0.8)
  );
  background-image: linear-gradient(to top, #528ff0, rgba(82, 143, 240, 0.8));
  color: #fff;
}
body:not(#razorpay-x) .chat-container .joe-faq-fdbk-btn[data-value="No"],
body:not(#razorpay-x) .mobile-chat-container .joe-faq-fdbk-btn[data-value="No"],
body:not(#razorpay-x) .chat-container .joe-faq-fdbk-btn:hover[data-value="No"],
body:not(#razorpay-x)
  .mobile-chat-container
  .joe-faq-fdbk-btn:hover[data-value="No"] {
  background-color: transparent;
  background-image: none;
  color: #000;
  border: 1px solid #528ff0;
}
body:not(#razorpay-x) .chat-container .chat-footer,
body:not(#razorpay-x) .mobile-chat-container .chat-footer {
  background-color: #f4f8ff;
}
body:not(#razorpay-x) .chat-container .joe-radio-list-btn,
body:not(#razorpay-x) .mobile-chat-container .joe-radio-list-btn {
  background-color: #f4f8ff;
}
body:not(#razorpay-x) .chat-container .optionBtn,
body:not(#razorpay-x) .mobile-chat-container .optionBtn,
body:not(#razorpay-x) .chat-container .optionBtn:hover,
body:not(#razorpay-x) .mobile-chat-container .optionBtn:hover {
  background-color: #528ff0;
  background-image: -webkit-linear-gradient(
    bottom,
    #528ff0,
    rgba(82, 143, 240, 0.8)
  );
  background-image: linear-gradient(to top, #528ff0, rgba(82, 143, 240, 0.8));
}
body:not(#razorpay-x) .chat-container .optionBtn label,
body:not(#razorpay-x) .mobile-chat-container .optionBtn label,
body:not(#razorpay-x) .chat-container .optionBtn:hover label,
body:not(#razorpay-x) .mobile-chat-container .optionBtn:hover label {
  color: #fff;
}
body:not(#razorpay-x) .chat-container .d-line-left,
body:not(#razorpay-x) .mobile-chat-container .d-line-left {
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0,
    #f6f6f6 16%,
    #999 100%
  );
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0,
    #f6f6f6 16%,
    #999 100%
  );
}
body:not(#razorpay-x) .chat-container .d-right-line,
body:not(#razorpay-x) .mobile-chat-container .d-right-line {
  background: -webkit-linear-gradient(
    left,
    #999 0,
    #f6f6f6 84%,
    rgba(255, 255, 255, 0) 100%
  );
  background: linear-gradient(
    to right,
    #999 0,
    #f6f6f6 84%,
    rgba(255, 255, 255, 0) 100%
  );
}
body:not(#razorpay-x) .chat-container .joe-faq-body p,
body:not(#razorpay-x) .mobile-chat-container .joe-faq-body p {
  line-height: 24px !important;
}
body:not(#razorpay-x) .chat-container .joe-faq-body p a,
body:not(#razorpay-x) .mobile-chat-container .joe-faq-body p a {
  color: #528ff0 !important;
  font-weight: 600;
}
body:not(#razorpay-x) .chat-container .joe-faq-header,
body:not(#razorpay-x) .mobile-chat-container .joe-faq-header {
  height: 126px;
}
body:not(#razorpay-x) .chat-container .joe-faq-header .joe-back-arrow,
body:not(#razorpay-x) .mobile-chat-container .joe-faq-header .joe-back-arrow {
  background-image: url("/assets/support/arrow-back.svg");
}
body:not(#razorpay-x) .chat-container .joe-faq-header .joe-open-tab,
body:not(#razorpay-x) .mobile-chat-container .joe-faq-header .joe-open-tab {
  background-image: url("/assets/support/open-in-new.svg");
}
body#razorpay-x .mobile-chat-container {
  padding: 14px 17px 20px 17px;
}
.link,
.btn,
.btn-input {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  line-height: 38px;
  position: relative;
  font-weight: bold;
  font-size: 16px;
}
.btn.inline-btn {
  height: 48px;
  background-color: #528ff0;
}
.btn.inline-btn button {
  font-weight: bold;
  color: #fff;
}
.btn.inline-btn button:hover {
  color: #fff;
}
.btn-input {
  background: #fff;
  border-radius: 3px;
  color: #0d2366;
  line-height: 36px;
  height: 42px;
  border: 1px solid rgba(0, 0, 0, 0.07);
  box-shadow: 2px 4px 9px 1px rgba(0, 0, 0, 0.05);
  -webkit-transition: 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
  padding: 0 20px;
}
.btn-input button.action-success {
  color: #08ca73;
}
.btn-input:hover button {
  color: #336fce;
}
.btn-input:hover button.action-success {
  color: #08ca73;
}
.btn-input.focus {
  border-color: #528ff0;
}
.btn-input.active {
  color: #528ff0;
  background: #fff;
}
.btn-input.active button {
  padding-right: 36px;
}
.btn-input.active input {
  width: 180px;
  opacity: 1;
  position: relative;
  z-index: 1;
  padding-left: 14px;
}
.btn-input button {
  padding: 8px 18px;
  margin: 0 -18px;
  position: relative;
  font-weight: bold;
  color: #528ff0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.btn-input button.btn-icon {
  padding-right: 36px;
}
.btn-input button.btn-icon i {
  font-size: 16px;
  line-height: 40px;
}
.btn-input input {
  width: 0;
  padding: 8px 0;
  left: 1px;
  margin: 0 20px 0 -20px;
  -webkit-transition: 0.22s;
  transition: 0.22s;
  opacity: 0;
  height: 36px;
}
.btn {
  border: 0;
  border-radius: 3px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  box-shadow: 0 3px 13px rgba(0, 0, 0, 0.09), 0 1px 5px 0 rgba(0, 0, 0, 0.14);
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 48px;
  height: 50px;
  padding: 0 24px;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: bold;
  background: #fff;
  color: #0d2366;
}
.btn i {
  margin: 0 -4px 0 4px;
  font-size: 120%;
  opacity: 0.8;
}
.btn + .link {
  padding-left: 20px;
}
.btn:hover {
  -webkit-transform: translateY(-2px) scale(1.01);
  -ms-transform: translateY(-2px) scale(1.01);
  transform: translateY(-2px) scale(1.01);
  box-shadow: 0 5px 16px 1px rgba(0, 0, 0, 0.13),
    0 1px 4px 0 rgba(0, 0, 0, 0.09);
}
.btn:active {
  -webkit-transform: perspective(40px) rotateX(1deg);
  transform: perspective(40px) rotateX(1deg);
}
.btn[disabled] {
  cursor: not-allowed;
}
.btn.pri {
  background: #528ff0;
  color: #fff;
}
.btn.sec {
  background: #ff6b97;
  color: #fff;
}
.btn.text-pri {
  background: #fff;
  color: #528ff0;
  border: 1px solid #528ff0;
}
.btn.ter {
  background: #15cd9a;
  color: #fff;
}
.btn-group {
  margin-left: -8px;
  margin-top: -8px;
}
.btn-group .btn {
  margin: 8px;
}
.btn-icon {
  padding-right: 48px;
  position: relative;
}
.btn-icon i {
  top: 0;
  bottom: 0;
  font-size: 20px;
  line-height: 48px;
  margin-left: 4px;
  position: absolute;
  pointer-events: none;
}
.dropdown {
  display: inline-block;
  width: 150px;
  cursor: pointer;
  margin: 0 10px;
  height: 40px;
  vertical-align: middle;
  position: relative;
  z-index: 1;
}
.dropdown i {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  float: right;
}
.dropdown .btn {
  text-align: left;
  pointer-events: none;
  position: absolute;
  width: inherit;
  height: 40px;
  line-height: 40px;
  -webkit-transition: 0.26s;
  transition: 0.26s;
  padding: 0 14px;
}
.dropdown ul {
  width: 100%;
  color: #0d2366;
  font-weight: bold;
  top: 40px;
  opacity: 0;
  position: absolute;
  text-align: left;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-transform: translateY(-16px) scale(0.97);
  -ms-transform: translateY(-16px) scale(0.97);
  transform: translateY(-16px) scale(0.97);
  pointer-events: none;
}
.dropdown li {
  margin: 0;
  border-top: 1px solid #f4f6f7;
  line-height: 39px;
  padding: 0 14px;
}
.dropdown li:before {
  content: none;
}
.dropdown.open ul {
  pointer-events: auto;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
@media (max-width: 480px) {
  .btn-input.active input {
    width: 150px;
  }
}
.colored-card-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 48px;
}
.colored-card-row .colored-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 4px;
  box-shadow: 0 4px 10px 0 rgba(48, 52, 62, 0.24);
  overflow: hidden;
  width: calc(50% - 24px);
  padding: 24px;
  height: 240px;
  position: relative;
}
.colored-card-row .colored-card .icon-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  padding: 20px;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1);
}
.colored-card-row .colored-card .icon-container .icon {
  width: 100%;
  height: 100%;
}
.colored-card-row .colored-card .shime {
  position: absolute;
  top: 0;
  left: 0;
  width: 112px;
  height: 100%;
  box-shadow: 10px 0 60px rgba(64, 64, 64, 0.2);
  background: -webkit-linear-gradient(
    308.13deg,
    rgba(255, 255, 255, 0.1) 0%,
    rgba(255, 255, 255, 0.1) 100%
  );
  background: linear-gradient(
    141.87deg,
    rgba(255, 255, 255, 0.1) 0%,
    rgba(255, 255, 255, 0.1) 100%
  );
  pointer-events: none;
}
.colored-card-row .colored-card.blue {
  background: -webkit-linear-gradient(308.13deg, #228df5 0%, #3e75cd 100%);
  background: linear-gradient(141.87deg, #228df5 0%, #3e75cd 100%);
}
.colored-card-row .colored-card.green {
  background: -webkit-linear-gradient(129.77deg, #158551 0%, #18bf3f 100%);
  background: linear-gradient(320.23deg, #158551 0%, #18bf3f 100%);
}
.colored-card-row .colored-card .title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.colored-card-row .colored-card h2,
.colored-card-row .colored-card p,
.colored-card-row .colored-card a {
  color: #fff;
}
.colored-card-row .colored-card a {
  -webkit-text-decoration: underline rgba(255, 255, 255, 0.7);
  text-decoration: underline rgba(255, 255, 255, 0.7);
}
.colored-card-row .colored-card a.read-more {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
}
.colored-card-row .colored-card a svg {
  margin-left: 2px;
  margin-top: 2px;
}
@media (min-width: 1024px) {
  .colored-card-row .colored-card .title h2 {
    margin-left: 48px;
  }
  .colored-card-row .colored-card .title .icon-container {
    width: 64px;
    height: 64px;
  }
  .colored-card-row .colored-card .description {
    margin-left: 112px;
  }
}
@media (max-width: 1023px) {
  .colored-card-row .read-more {
    padding-top: 20px;
  }
  .colored-card-row .colored-card-row {
    padding: 0 16px;
  }
  .colored-card-row .colored-card-row .colored-card {
    margin-bottom: 24px;
    height: auto;
  }
  .colored-card-row .colored-card-row .colored-card .title h2 {
    margin-left: 12px;
    margin-bottom: 0;
    line-height: 36px;
  }
  .colored-card-row .colored-card-row .colored-card .icon-container {
    width: 36px;
    height: 36px;
    padding: 10px;
  }
  .colored-card-row .colored-card-row .colored-card h2 {
    font-size: 18px;
  }
  .colored-card-row .colored-card-row .colored-card h2:after {
    display: none;
  }
  .colored-card-row .colored-card-row .colored-card p,
  .colored-card-row .colored-card-row .colored-card a {
    font-size: 14px;
  }
  .colored-card-row .colored-card-row .colored-card a {
    font-weight: 600;
  }
  .colored-card-row .colored-card-row .colored-card .shime {
    height: 64px;
    width: 100%;
    top: unset;
    bottom: 0;
  }
}
@media (max-width: 767px) {
  .colored-card-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
  }
  .colored-card-row .colored-card {
    width: 100%;
  }
}
.gap-h {
  width: 40px;
}
.column {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  max-width: 100%;
}
.column:not(.columns) {
  padding: 12px;
}
.column.big {
  -webkit-box-flex: 1.5;
  -webkit-flex-grow: 1.5;
  -ms-flex-positive: 1.5;
  flex-grow: 1.5;
}
.column.double {
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}
.columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.columns.left-illustration > .column:last-child {
  -webkit-box-flex: 0.7;
  -webkit-flex-grow: 0.7;
  -ms-flex-positive: 0.7;
  flex-grow: 0.7;
}
.container > .columns {
  margin-left: -12px;
  margin-right: -12px;
}
.restrict {
  max-width: 452px;
}
.restrict-800 {
  max-width: 800px;
}
.restrict-600 {
  max-width: 600px;
}
.restrict-800 {
  max-width: 800px;
}
.double-heading p {
  margin: 0;
}
.double-heading .column:first-child {
  position: relative;
  padding-right: 24px;
}
.double-heading .column:first-child::after {
  content: "";
  top: 12px;
  right: 0;
  height: 90%;
  max-height: 85px;
  position: absolute;
  border-right: 1px solid rgba(0, 0, 0, 0.07);
}
.double-heading .column:last-child {
  padding-left: 24px;
}
.dark .double-heading .column:first-child::after {
  background-color: rgba(255, 255, 255, 0.16);
}
.v-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.v-bottom {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.flow {
  margin: 48px 0 0 0;
  position: relative;
}
.flow::after,
.flow::before {
  top: 0;
  left: 0;
  bottom: 0;
  width: 24px;
  position: absolute;
  background: -webkit-linear-gradient(left, #fff, rgba(255, 255, 255, 0));
  background: linear-gradient(90deg, #fff, rgba(255, 255, 255, 0));
  z-index: 1;
  margin-left: -1px;
}
.flow::after {
  left: auto;
  right: 0;
  margin-right: -1px;
  background: -webkit-linear-gradient(right, #fff, rgba(255, 255, 255, 0));
  background: linear-gradient(270deg, #fff, rgba(255, 255, 255, 0));
}
.flow .scroller {
  overflow-x: auto;
  overflow-y: hidden;
}
.flow .scroller::-webkit-scrollbar {
  display: none;
}
.flow .scroller > .columns {
  min-width: 870px;
}
.flow .scroller > .columns > .column {
  position: relative;
  padding: 0;
  min-width: 290px;
  -webkit-flex-basis: initial;
  -ms-flex-preferred-size: initial;
  flex-basis: initial;
}
.flow .scroller > .columns > .column p {
  margin: 0 auto 24px;
  max-width: 256px;
}
.flow .scroller > .columns > .column:not(:last-child)::before {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  right: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border: 4px solid #dde0ea;
  border-left: 0;
  border-bottom: 0;
  margin: 16px -4px;
}
@media (max-width: 1023px) {
  .flow .scroller > .columns > .column:not(:last-child)::before {
    margin-right: 24px;
  }
}
.flow .step {
  width: 256px;
  height: 272px;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 2px;
  background: #fafbfc;
  padding: 16px;
  color: #5f6c7d;
  font-family: Muli, BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto",
    "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
    "Helvetica", "Arial", sans-serif;
  margin: 0 auto;
  pointer-events: none;
  box-shadow: 2px 4px 9px 1px rgba(0, 0, 0, 0.05), 0 1px 1px rgba(0, 0, 0, 0.04);
}
.flow .step.smaller {
  width: 240px;
}
.flow .label {
  margin-bottom: 4px;
  font-size: 11px;
  line-height: 24px;
  font-weight: bold;
  color: #515978;
  text-transform: uppercase;
}
.flow .field {
  padding: 10px;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 2px;
  font-size: 14px;
  line-height: 18px;
  background: #fff;
  margin-bottom: 10px;
}
.flow .field.readonly {
  background: #f0f1f6;
  font-size: 13px;
  line-height: 16px;
}
.flow .field-array {
  margin-bottom: 12px;
}
.flow .field-array .field {
  margin: 0;
  border-bottom: 0;
  border-radius: 0;
  margin-top: -1px;
}
.flow .field-array .field:first-child {
  border-radius: 2px 2px 0 0;
  margin-top: 0;
}
.flow .field-array .field:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 0 0 2px 2px;
}
.flow .btn {
  width: 100%;
  line-height: 40px;
  height: 40px;
  border-radius: 2px;
  text-transform: uppercase;
  font-size: 11px;
  margin-top: 4px;
}
.flow .textplaceholder {
  height: 96px;
}
.flow .textplaceholder .column {
  padding: 0 16px;
}
.flow .textplaceholder .column::before {
  display: none;
}
.flow .textplaceholder .dash {
  height: 8px;
  margin: 24px 0;
  width: 100%;
  background: #e3e5ed;
}
.flow .textplaceholder .column:nth-child(1) .dash:nth-child(2) {
  width: 80%;
}
.flow .textplaceholder .column:nth-child(2) .dash:nth-child(1) {
  width: 80%;
}
.flow .textplaceholder .column:nth-child(2) .dash:nth-child(3) {
  width: 70%;
}
.flow .ext-left {
  width: 115%;
  margin: 24px 0;
  margin-left: -32px;
  font-size: 15px;
  line-height: 21px;
  font-weight: bold;
  padding: 14px;
  color: #fff;
}
.flow .ext-left.success {
  background: #08ca73;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.07);
}
.flow .tick {
  width: 8px;
  height: 16px;
  border: 2px solid #fff;
  border-left: 0;
  border-top: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: 0 24px 0 12px;
}
.flow .tick,
.flow .tick + div {
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 1023px) {
  .flow {
    margin: 48px -16px 0 -16px;
  }
  .flow::after,
  .flow::before {
    content: "";
  }
}
.image-marquee {
  position: relative;
  height: 56px;
  width: 430px;
  overflow: hidden;
  margin: 16px 0;
}
@media (max-width: 767px) {
  .image-marquee {
    width: 100%;
  }
}
.image-marquee .strip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: auto;
  height: 100%;
  -webkit-animation: marquee 25s linear infinite;
  animation: marquee 25s linear infinite;
}
.image-marquee .strip div {
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 100%;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 32px;
}
.image-marquee .cover {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.image-marquee .cover .left,
.image-marquee .cover .right {
  position: absolute;
  height: 100%;
  width: 32px;
}
.image-marquee .cover .left {
  left: -1px;
}
.image-marquee .cover .right {
  right: -2px;
}
.layout-aba {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.layout-aba .a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 36px;
}
.layout-aba .b {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 36px;
}
.layout-aba .b.mirror {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: normal;
  -webkit-justify-content: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
}
.layout-aba .b .x,
.layout-aba .b .y {
  width: 50%;
}
.layout-aba .b .y {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
@media (max-width: 767px) {
  .layout-aba .b,
  .layout-aba .b.mirror {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .layout-aba .b .x,
  .layout-aba .b.mirror .x,
  .layout-aba .b .y,
  .layout-aba .b.mirror .y {
    width: 100%;
  }
  .layout-aba .b .x,
  .layout-aba .b.mirror .x {
    margin-bottom: 36px;
  }
}
.layout-aba .c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.layout-aba .b.separator,
.layout-aba .c.separator {
  border-top: 1px solid #ddd;
}
.mesh {
  position: relative;
  margin-top: 64px;
}
.mesh:after,
.mesh:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 128px;
  background: -webkit-linear-gradient(right, #fff, rgba(255, 255, 255, 0));
  background: linear-gradient(270deg, #fff, rgba(255, 255, 255, 0));
}
.mesh:before {
  left: 0;
  right: auto;
  background: -webkit-linear-gradient(left, #fff, rgba(255, 255, 255, 0));
  background: linear-gradient(90deg, #fff, rgba(255, 255, 255, 0));
}
.mesh .columns:after,
.mesh .columns:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 256px;
  background: -webkit-linear-gradient(0, #fff, rgba(255, 255, 255, 0));
  background: linear-gradient(0, #fff, rgba(255, 255, 255, 0));
}
.mesh .columns:before {
  top: 0;
  bottom: auto;
  background: -webkit-linear-gradient(top, #fff, rgba(255, 255, 255, 0));
  background: linear-gradient(180deg, #fff, rgba(255, 255, 255, 0));
}
.mesh i {
  width: 48px;
  height: 48px;
  background: #528ff0;
  border-radius: 50%;
}
.mesh h3 {
  margin-top: 16px;
  margin-bottom: 12px;
}
.mesh p {
  margin: 0;
}
.mesh .inner {
  position: relative;
  z-index: 1;
}
.mesh .column {
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-top: 0;
  border-left: 0;
  padding: 40px 24px;
  -webkit-flex-basis: 340px;
  -ms-flex-preferred-size: 340px;
  flex-basis: 340px;
}
.modal {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: 100001;
  display: none;
}
.modal#1cc-transaction-details-modal.modal-container.show {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.modal#1cc-transaction-details-modal.modal-container .modal-dialog {
  max-width: 470px;
  width: 90%;
}
.modal#1cc-transaction-details-modal.modal-container .modal-body {
  padding: 36px 40px 40px;
  border-radius: 4px;
  box-shadow: 0 8px 22px -6px rgba(0, 10, 38, 0.5);
  background: #f4f8ff;
}
.modal#1cc-transaction-details-modal.modal-container .modal-body > h4 {
  margin-top: 0;
}
.modal#1cc-transaction-details-modal.modal-container #footnote {
  text-align: center;
  margin-top: 40px;
}
.modal .close {
  position: absolute;
  padding: 22px;
  font-size: 24px;
  top: 0;
  right: 0;
  cursor: pointer;
  z-index: 1;
}
.modal a {
  color: #528ff0;
}
.modal label {
  font-size: 12px;
  line-height: 24px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 16px 0 4px 0;
}
.modal input:not([type="radio"]),
.modal textarea,
.modal select {
  background: #fff;
  border: 1px solid #c6cfd9;
  border-radius: 2px;
  padding: 8px 12px;
}
.modal label:not(.checkbox-label):not(.switch),
.modal input:not([type="checkbox"]),
.modal button,
.modal textarea,
.modal select {
  display: block;
  width: 100%;
}
.modal input[type="radio"] {
  -webkit-appearance: auto;
  appearance: auto;
  width: -webkit-fit-content;
  width: fit-content;
}
.modal fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
.modal fieldset .group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.modal fieldset .group label {
  margin: 0 0 0 10px;
  line-height: initial;
}
.modal button {
  margin-top: 24px;
  border: 1px solid rgba(0, 0, 0, 0.07);
}
.modal select {
  height: 42px;
  border-radius: 0;
  -webkit-appearance: none;
  background: url("assets/icons/downward-arrow.svg") no-repeat #fff right;
}
.modal .input-group input {
  border-color: #c6cfd9;
  border-top: 0;
  border-radius: 0;
}
.modal .input-group input:first-child {
  border-radius: 2px 2px 0 0;
  border-top: 1px solid #c6cfd9;
}
.modal.success .after-success {
  display: block;
}
.modal.success form {
  display: none;
}
.modal .after-success {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  padding: 32px;
  background: #f4f8ff;
}
.modal .modal-inner {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  overflow-y: scroll;
  max-height: 100vh;
}
@media (max-width: 480px) {
  .modal .modal-inner {
    width: 100%;
  }
}
.modal .modal-content {
  background: #f4f8ff;
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
  visibility: hidden;
  opacity: 0.75;
  -webkit-transition: 0.3s cubic-bezier(0.3, 1.5, 0.7, 1) transform,
    0.3s opacity;
  transition: 0.3s cubic-bezier(0.3, 1.5, 0.7, 1) transform, 0.3s opacity;
  padding: 36px 40px 40px;
  border-radius: 4px;
  min-height: 400px;
}
.modal dt,
.modal dd {
  width: 50%;
  margin: 0;
  display: inline-block;
  margin-bottom: 10px;
}
.modal.show .modal-content {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.modal .checkbox label,
.modal .checkbox input {
  display: inline-block;
}
.modal .checkbox input {
  vertical-align: top;
  margin-top: 22px;
  -webkit-appearance: checkbox;
}
.modal .helper {
  color: rgba(81, 89, 120, 0.7);
  font-size: 12px;
}
#modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100000;
  background: rgba(0, 0, 0, 0.6);
}
#demo-receipt-modal #footnote {
  text-align: center;
  margin-top: 40px;
  font-size: 13px;
  color: #ccc;
  font-style: italic;
  margin-top: 20px;
  margin-bottom: 20px;
}
#contact-modal .modal-content {
  max-width: 380px;
  width: 100%;
  overflow: hidden;
}
#contact-modal a {
  font-size: 16px;
  font-weight: bold;
  color: #7266ba;
  display: block;
}
#contact-modal .bg {
  height: 300px;
  background-image: url("/assets/pricing/enterprise_plan.svg");
  margin: 24px -40px -41px;
  background-position: top center;
}
#enterprise-modal .modal-inner,
#earlyaccess-modal .modal-inner,
#whatwentwrong-modal .modal-inner,
#payment-pages-modal .modal-inner,
#capital-contact-modal .modal-inner,
#manifesto-modal .modal-inner {
  max-width: 380px;
  width: 100%;
  overflow: hidden;
}
#case-study-download-modal .modal-content {
  max-width: 380px;
  width: 100%;
  overflow: hidden;
}
.modal-inner-full {
  height: 100%;
}
#razorpay-x-credit-cards-modal.success .close {
  color: #fff !important;
}
#razorpay-x-credit-cards-modal .after-success {
  background: #212c47;
}
#razorpay-x-credit-cards-modal .after-success h2 {
  font-family: "Muli";
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  color: #fff !important;
}
#razorpay-x-neobank-report-modal #x-neobank-report-thanking-modal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#razorpay-x-neobank-report-modal .modal-content h2 {
  font-size: 21px;
}
#razorpay-x-neobank-report-modal
  .modal-content
  .razorpay-x-form
  .input-with-icon {
  background: unset;
}
#razorpay-x-neobank-report-modal .after-success {
  background: #212b47 !important;
}
#razorpay-x-neobank-report-modal .fragment-yellow {
  z-index: unset !important;
}
#razorpay-x-neobank-report-modal .heading {
  color: #fff !important;
  font-size: 35px;
}
#razorpay-x-neobank-report-modal .subheading {
  font-size: 25px;
  margin: 20px 0;
  line-height: normal;
  text-align: center;
}
#razorpay-x-neobank-report-modal .subheading p {
  margin: 0;
}
@media (max-width: 767px) {
  #razorpay-x-neobank-report-modal .subheading {
    font-size: unset;
  }
}
#razorpay-x-neobank-report-modal .subheading .text-red {
  color: #ff9700;
}
#razorpay-x-neobank-report-modal .center-img {
  width: 34%;
}
#razorpay-x-neobank-report-modal .modal-msg {
  padding-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#razorpay-x-neobank-report-modal .modal-msg strong {
  text-transform: unset;
}
#razorpay-x-neobank-report-modal .close {
  color: unset !important;
}
@font-face {
  font-family: "icons2";
  font-display: block;
  src: url("/assets/fonts/icons.eot?#iefix") format("embedded-opentype"),
    url("/assets/fonts/icons.woff2") format("woff2"),
    url("/assets/fonts/icons.woff") format("woff"),
    url("/assets/fonts/icons.ttf") format("truetype"),
    url("/assets/fonts/icons.svg#lato") format("svg");
}
.nav-icon {
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  float: left;
}
.nav-icon + div {
  margin-left: 56px;
}
.nav-icon.invoices {
  background-image: url("/assets/icons/products/invoices.svg");
}
.nav-icon.subscriptions {
  background-image: url("/assets/icons/products/subscriptions.svg");
}
.nav-icon.route {
  background-image: url("/assets/icons/products/route.svg");
}
.nav-icon.pricing {
  background-image: url("/assets/icons/products/pricing.svg");
}
.nav-icon.capital {
  background-image: url("/assets/icons/products/capital.svg");
}
.nav-icon.paymentpages {
  background-image: url("/assets/icons/products/paymentpages.svg");
}
.nav-icon.x-club {
  background-image: url("/assets/icons/products/x-club.svg");
}
.nav-icon.thirdwatch {
  background-image: url("/assets/icons/third-watch/thirdwatch-navigation-icon.svg");
}
.nav-icon.invoices-home {
  background-image: url("/assets/icons/products/invoices.svg");
}
.nav-icon.subscriptions-home {
  background-image: url("/assets/icons/products/subscriptions.svg");
}
.nav-icon.smartcollect-home {
  background-image: url("/assets/icons/products/smartcollect.svg");
}
.nav-icon.route-home {
  background-image: url("/assets/icons/products/route.svg");
}
.nav-icon.paymentlinks-home {
  background-image: url("/assets/icons/products/paymentlinks.svg");
}
.nav-icon.payments-home {
  background-image: url("/assets/icons/products/payments.svg");
}
.nav-icon.paymentpages-home {
  background-image: url("/assets/icons/products/paymentpages.svg");
}
.nav-icon.x-home {
  background-image: url("/assets/icons/products/x.svg");
}
.nav-icon.x-club-home {
  background-image: url("/assets/icons/products/x-club.svg");
}
.nav-icon.docs-home {
  background-image: url("/assets/icons/develop/docs.svg");
}
.nav-icon.integrations-home {
  background-image: url("/assets/icons/develop/integrations.svg");
}
.nav-icon.api-home {
  background-image: url("/assets/icons/develop/api.svg");
}
.nav-icon.request-home {
  background-image: url("/assets/support/icon_request.svg");
}
.nav-icon.refund-home {
  background-image: url("/assets/support/icon_refund.svg");
}
.nav-icon.grievance-home {
  background-image: url("/assets/support/icon_grievance.svg");
}
.nav-icon.knowledgebase-home {
  background-image: url("/assets/support/icon_kb.svg");
}
.nav-icon.thirdwatch-home {
  background-image: url("/assets/icons/third-watch/thirdwatch-navigation-icon.svg");
}
@media (min-width: 1024px) {
  nav.x_nav .right {
    margin-top: 8px;
  }
  nav.x_nav .right .nav-item {
    padding: 0 16px !important;
  }
  nav.x_nav .right .india-flag {
    height: 26px;
  }
}
.india-flag {
  width: 28px;
  height: 20px;
  background: url("/assets/home/india-flag.svg") no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.india-flag:hover:after {
  pointer-events: none;
  position: absolute;
  width: 200px;
  text-align: center;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.9);
  line-height: 20px;
  border-radius: 4px;
  content: "Razorpay is currently available only for Indian businesses";
  padding: 10px 20px;
  background: rgba(0, 0, 0, 0.8);
  left: -100px;
  top: 100%;
  margin-top: 10px;
}
.india-flag:hover:before {
  content: "";
  position: absolute;
  border: 8px solid transparent;
  bottom: -10px;
  left: 6px;
  border-bottom-color: rgba(0, 0, 0, 0.6);
}
footer {
  padding: 40px 0;
  text-align: left;
  background: #eef9fe;
  background: -webkit-linear-gradient(left, #eef9fe, #edf7ff);
  background: linear-gradient(to right, #eef9fe, #edf7ff);
  color: #6f7691;
  position: relative;
}
footer ul {
  margin-top: 16px;
  line-height: 28px;
}
footer a {
  color: #528ff0;
  display: block;
}
footer .tag {
  display: inline-block;
  background: #08ca73;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  height: 20px;
  padding: 0 4px;
  border-radius: 2px;
  margin-left: 8px;
  font-weight: bold;
}
footer .column {
  -webkit-flex-basis: 360px;
  -ms-flex-preferred-size: 360px;
  flex-basis: 360px;
}
footer .big {
  margin-top: -16px;
  -webkit-flex-basis: 580px;
  -ms-flex-preferred-size: 580px;
  flex-basis: 580px;
}
footer .big .column {
  -webkit-flex-basis: 180px;
  -ms-flex-preferred-size: 180px;
  flex-basis: 180px;
}
@media (max-width: 1023px) {
  footer .big {
    margin-top: 0;
  }
}
footer .footer-desc {
  font-size: 14px;
}
footer .line.legal-disclaimer {
  font-size: 10px;
}
footer li.social-links {
  padding-top: 7px;
}
footer li.social-links a {
  display: inline-block;
  margin: 0 8px;
}
footer li.social-links a:first-child {
  margin-left: 0;
}
footer li.social-links a:last-child {
  margin-right: 0;
}
footer li.social-links a .social {
  height: 24px;
  width: 24px;
}
footer li.social-links a img {
  height: 24px;
  width: auto;
}
@media (min-width: 960px) and (max-width: 1031px) {
  footer li.social-links a:nth-child(4) {
    margin-right: 16px;
  }
  footer li.social-links a:nth-child(5) {
    margin-left: 0;
  }
}
footer .copyright {
  color: #5f6c7d;
  font-size: 13px;
  line-height: 24px;
}
footer .compliance-logos a {
  display: inline-block;
  padding-right: 12px;
  vertical-align: top;
}
footer .recaptcha-branding {
  padding-left: 10px;
}
footer .recaptcha-branding a {
  display: inline-block;
}
nav {
  position: relative;
  z-index: 99;
  height: 64px;
}
nav .rzp-logo {
  float: left;
  z-index: 99999;
  margin: 0 20px 0 0;
}
nav .nav-line {
  margin-left: 9px;
}
nav .button-anchor {
  position: relative;
  top: -2px;
}
#nav-signup {
  top: -2px;
}
@media (min-width: 1024px) {
  body.white #nav.new-navbar .nav-item {
    color: rgba(255, 255, 255, 0.74);
  }
  body.white #nav.new-navbar .nav-item:hover {
    color: rgba(255, 255, 255, 0.9);
  }
  body.white #nav.new-navbar .nav-item::after {
    background: rgba(255, 255, 255, 0.87);
  }
}
body.white nav .rzp-logo {
  background-image: url("/assets/razorpay-logo-white.svg");
}
body.white nav .rzp-x-logo {
  background-image: url("/assets/x/razorpayX-logo.svg");
}
body.white #ham-menu-inner .spoke {
  background: rgba(255, 255, 255, 0.87);
}
body.open-nav #ham-menu .spoke {
  background: #000;
  background-color: #000 !important;
}
@media (min-width: 1024px) {
  body.dark-login #nav.new-navbar .nav-item .login-link {
    color: #5f6c7d;
  }
}
body.show-rize-on-navbar #nav.new-navbar .nav-item {
  padding-right: 12px;
  padding-left: 12px;
}
@media (max-width: 1080px) {
  body.show-rize-on-navbar #nav.new-navbar .nav-item {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media (max-width: 1023px) {
  body.show-rize-on-navbar #nav.new-navbar .nav-item {
    padding-left: 0;
    padding-right: 0;
  }
}
#nav.new-navbar {
  z-index: 100;
  color: #5f6c7d;
  font-size: 13px;
  line-height: 23px;
  width: 100%;
  -webkit-transition: 0.3s background ease-out;
  transition: 0.3s background ease-out;
  padding-top: 24px;
}
#nav.new-navbar .nav-icon {
  width: 40px;
  height: 40px;
}
#nav.new-navbar .column h4 {
  color: #808599;
  font-size: 12px;
  letter-spacing: 0.86px;
}
#nav.new-navbar .nav1 .nav-icon {
  width: 32px;
  height: 32px;
}
#nav.new-navbar .nav1 .nav-icon + div {
  margin-left: 46px;
}
#nav.new-navbar i.i-down-chevron {
  display: none;
}
#nav.new-navbar .nav-item {
  display: inline-block;
  padding: 14px 16px;
  margin-top: -8px;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 15px;
  font-weight: normal;
}
#nav.new-navbar .nav-item::before {
  display: none;
}
#nav.new-navbar .nav-item .column {
  width: 280px;
}
#nav.new-navbar .nav-item.pad-0 {
  padding: 0;
}
#nav.new-navbar .nav-item.nav1 .columns {
  width: 884px;
}
#nav.new-navbar .nav-item.nav2 .column {
  width: 351px;
}
#nav.new-navbar .nav-item.nav2 .columns {
  width: 280px;
}
#nav.new-navbar .nav-item.nav3 .columns {
  width: 400px;
}
#nav.new-navbar .nav-item.nav3 .columns h4 {
  margin-bottom: 8px;
}
#nav.new-navbar .nav-item.nav3 .columns h4:not(:first-child) {
  margin-top: 16px;
}
#nav.new-navbar .nav-item.nav3 .columns a {
  padding-top: 8px;
  padding-bottom: 8px;
}
#nav.new-navbar .nav-item.nav4 .column {
  width: 320px;
}
#nav.new-navbar .nav-item span {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
#nav.new-navbar .nav-item.loading .sub {
  -webkit-animation-duration: 0s !important;
  animation-duration: 0s !important;
}
#nav.new-navbar .nav-item:hover > span {
  text-shadow: 0 0 0 #528ff0;
  color: #528ff0;
}
#nav.new-navbar .nav-item:hover::after {
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
}
#nav.new-navbar .nav-item.active .sub {
  opacity: 1;
  pointer-events: all;
  -webkit-animation: 0.4s intro cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation: 0.4s intro cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#nav.new-navbar .nav-item.inactive .sub {
  -webkit-animation: 0.195s outro cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation: 0.195s outro cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#nav.new-navbar .tag {
  display: inline-block;
  background: #08ca73;
  color: #fff;
  font-size: 11px;
  line-height: 18px;
  height: 17px;
  padding: 0 4px;
  border-radius: 2px;
  margin-left: 8px;
  font-weight: bold;
}
#nav.new-navbar .nav-icon {
  width: 32px;
  height: 32px;
  background-color: #3987f0;
  border-radius: 100%;
}
#nav.new-navbar .nav-icon.purple {
  background: -webkit-linear-gradient(
    261.43deg,
    #2095ff -16.05%,
    #6416ff 116.32%
  );
  background: linear-gradient(188.57deg, #2095ff -16.05%, #6416ff 116.32%);
}
#nav.new-navbar .sub {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 100%;
  color: #555;
  opacity: 0;
  pointer-events: none;
  cursor: default;
  z-index: 9999;
  overflow: hidden;
  max-width: 1080px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  background-color: #fff;
  box-shadow: 8px 8px 8px 0 rgba(61, 68, 78, 0.07);
}
#nav.new-navbar .sub.payments-sub {
  text-align: center;
  width: 1225px;
  max-width: 1225px;
  left: -220px;
  background: transparent;
  box-shadow: unset;
  border: unset;
}
#nav.new-navbar .sub.payments-sub .upper-content {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
  position: relative;
  z-index: 2;
}
#nav.new-navbar .sub.payments-sub .lower-content {
  position: relative;
  z-index: 1;
}
#nav.new-navbar .sub.payments-sub .column-3 ul:not(:last-child) {
  margin-bottom: 16px;
}
#nav.new-navbar .sub.left-border-sub.support-sub {
  width: 272px;
}
#nav.new-navbar .sub.banking-sub {
  text-align: center;
  width: 1225px;
  max-width: 1225px;
  left: -320px;
  background: transparent;
  box-shadow: none;
  border: unset;
}
#nav.new-navbar .sub.banking-sub .disclaimer {
  text-align: center;
  background: rgba(22, 47, 86, 0.05);
  border-radius: 0 0 6px 6px;
  height: 46px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
#nav.new-navbar .sub.banking-sub .nav-icon + div {
  margin-left: 48px;
}
#nav.new-navbar .sub.banking-sub .columns {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
#nav.new-navbar .sub.banking-sub .upper-content {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
  position: relative;
  padding: 0 !important;
}
#nav.new-navbar .sub.banking-sub .upper-content .columns {
  padding: 20px 30px 0 30px;
}
#nav.new-navbar .sub.banking-sub .lower-content {
  background: #f4f9ff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
  width: calc(100% - 100px) !important;
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  padding-right: 0 !important;
}
#nav.new-navbar .sub.banking-sub .lower-content--design {
  height: 65px;
}
#nav.new-navbar .sub.banking-sub .lower-content .columns {
  padding-left: 20px;
}
#nav.new-navbar .sub.banking-sub .lower-content .columns .column {
  display: contents;
}
#nav.new-navbar .sub.banking-sub .lower-content .columns .column .content {
  display: -webkit-box;
  margin-top: 8px;
}
#nav.new-navbar
  .sub.banking-sub
  .lower-content
  .columns
  .column
  .content
  .forward-icon {
  width: 5px;
}
#nav.new-navbar .sub.banking-sub .lower-content .columns .column .content p {
  padding-top: 2px;
}
#nav.new-navbar .sub.left-border-sub {
  width: 632px;
  left: -90px;
  border: unset;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
  padding: 0 28px;
}
#nav.new-navbar .sub.left-border-sub .content {
  width: 100%;
}
#nav.new-navbar .sub.left-border-sub .columns {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 100%;
}
#nav.new-navbar .sub.left-border-sub .columns .column {
  padding: 40px 26px;
}
#nav.new-navbar .sub.left-border-sub .columns .column h4 {
  font-weight: normal;
  margin-bottom: 22px;
}
#nav.new-navbar .sub.left-border-sub .columns .column li {
  padding-top: 4px;
  padding-bottom: 4px;
}
#nav.new-navbar .sub.left-border-sub .columns .column a {
  border-left: 4px solid transparent;
  padding-top: 4px;
  padding-bottom: 4px;
  -webkit-transition: border 0.1s ease, color 0.1s ease;
  transition: border 0.1s ease, color 0.1s ease;
  position: relative;
}
#nav.new-navbar .sub.left-border-sub .columns .column a:before {
  content: "";
  height: 74px;
  width: 1px;
  background: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.267),
    rgba(0, 0, 0, 0)
  );
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.267),
    rgba(0, 0, 0, 0)
  );
  z-index: -1;
  position: absolute;
  left: -2.1px;
  top: -20px;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  opacity: 0;
}
#nav.new-navbar .sub.left-border-sub .columns .column a .link .forward-icon {
  opacity: 0;
  -webkit-transition: opacity 0.1s ease, left 0.2s ease;
  transition: opacity 0.1s ease, left 0.2s ease;
  font-size: 12px;
  position: relative;
  left: 0;
  top: -1px;
}
#nav.new-navbar .sub.left-border-sub .columns .column a:hover {
  border-left: 4px solid #3987f0;
}
#nav.new-navbar .sub.left-border-sub .columns .column a:hover:before {
  opacity: 1;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
#nav.new-navbar .sub.left-border-sub .columns .column a:hover .link {
  color: #3987f0;
}
#nav.new-navbar
  .sub.left-border-sub
  .columns
  .column
  a:hover
  .link
  .forward-icon {
  opacity: 1;
  left: 8px;
}
#nav.new-navbar .sub.left-border-sub .columns .column::after {
  content: unset;
}
#nav.new-navbar .sub.resources-sub {
  width: 840px;
  left: -250px;
}
#nav.new-navbar .sub.resources-sub .columns .column:last-child {
  left: -20px;
}
#nav.new-navbar .sub.card-links-sub {
  display: block;
}
#nav.new-navbar .sub.card-links-sub .columns {
  width: 100%;
}
#nav.new-navbar .sub.card-links-sub .columns .column .link {
  font-size: 16px;
  color: #2f3b53;
  -webkit-transition: color 0.1s ease;
  transition: color 0.1s ease;
}
#nav.new-navbar .sub.card-links-sub .columns .column .link .forward-icon {
  opacity: 0;
  -webkit-transition: opacity 0.1s ease, left 0.2s ease;
  transition: opacity 0.1s ease, left 0.2s ease;
  font-size: 12px;
  position: relative;
  left: 0;
  top: -1px;
}
#nav.new-navbar .sub.card-links-sub .columns .column li > a:hover .nav-icon {
  background: -webkit-linear-gradient(59.45deg, #6ac7ff 11.05%, #148aff 90.09%);
  background: linear-gradient(30.55deg, #6ac7ff 11.05%, #148aff 90.09%);
  margin-left: 0;
}
#nav.new-navbar .sub.card-links-sub .columns .column li > a:hover .link {
  color: #3987f0;
}
#nav.new-navbar
  .sub.card-links-sub
  .columns
  .column
  li
  > a:hover
  .link
  .forward-icon {
  opacity: 1;
  left: 8px;
}
#nav.new-navbar .sub.card-links-sub .columns .column h4 {
  margin-bottom: 8px;
  font-weight: normal;
}
#nav.new-navbar .sub.card-links-sub .columns .column::after {
  content: unset;
}
#nav.new-navbar .sub.card-links-sub .upper-content {
  background-color: #fff;
  text-align: left;
  border-radius: 8px;
  padding: 20px 30px;
}
#nav.new-navbar .sub.card-links-sub .upper-content li > a {
  padding: 17px 24px;
  border-radius: 6px;
}
#nav.new-navbar .sub.card-links-sub .upper-content li > a:hover {
  box-shadow: 0 2px 22px rgba(202, 202, 202, 0.25);
}
#nav.new-navbar .sub.card-links-sub .lower-content {
  background-color: #f9fbfe;
  text-align: left;
  display: inline-block;
  width: calc(100% - 24px);
  border-radius: 0 0 6px 6px;
  padding: 0 20px;
}
#nav.new-navbar .sub.card-links-sub .lower-content h4 + ul {
  margin-top: 0;
}
#nav.new-navbar .sub li {
  display: block;
  padding: 0;
  margin: 0 -24px;
  color: #528ff0;
}
#nav.new-navbar h4 {
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  text-transform: uppercase;
  letter-spacing: 0.86px;
}
#nav.new-navbar .link {
  font-weight: bold;
  letter-spacing: -0.1px;
  color: #515978;
  font-size: 15px;
  line-height: 20px;
  padding: 0;
}
#nav.new-navbar p {
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  color: rgba(0, 0, 0, 0.54);
  letter-spacing: -0.2px;
}
#nav.new-navbar .column {
  padding: 20px 24px;
  margin: 0;
}
#nav.new-navbar .column a {
  padding: 14px 24px;
}
#nav.new-navbar .column h4 + ul {
  margin-top: -9px;
}
#nav.new-navbar .column h4 {
  margin-top: 4px;
}
#nav.new-navbar .other {
  width: 200px;
  -webkit-flex-basis: 45%;
  -ms-flex-preferred-size: 45%;
  flex-basis: 45%;
  position: relative;
  background-color: #fafafa;
}
#nav.new-navbar .other::before {
  content: "";
  position: absolute;
  top: 0;
  left: 24px;
  right: 24px;
  border-top: 1px solid #eaeaea;
}
#nav.new-navbar .other h4 {
  line-height: 20px;
  margin: 0;
}
#nav.new-navbar .other ul,
#nav.new-navbar .other li {
  display: block;
}
#nav.new-navbar .other li {
  margin: 0;
}
#nav.new-navbar .other h4 {
  margin-right: 16px;
  margin-bottom: 2px;
  color: #808599;
}
#nav.new-navbar .other .link {
  color: #515978;
  font-weight: 600;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#nav.new-navbar .other .link:hover {
  color: #528ff0 !important;
  margin-left: 3px;
}
#nav.new-navbar .column,
#nav.new-navbar .other {
  padding: 18px 24px;
}
#nav.new-navbar .column a,
#nav.new-navbar .other a {
  display: block;
}
#nav.new-navbar .column a .nav-icon,
#nav.new-navbar .other a .nav-icon {
  -webkit-transition: 0.1s margin-left ease-in;
  transition: 0.1s margin-left ease-in;
  margin-left: 0;
}
#nav.new-navbar .column a:hover .link,
#nav.new-navbar .other a:hover .link {
  color: #528ff0;
  text-decoration: none;
}
#nav.new-navbar .column a:hover p,
#nav.new-navbar .other a:hover p {
  color: #6d81a1;
}
#nav.new-navbar .column a:hover .nav-icon,
#nav.new-navbar .other a:hover .nav-icon {
  -webkit-transition: 0.1s margin-left ease-in;
  transition: 0.1s margin-left ease-in;
  margin-left: 2px;
}
#nav.new-navbar .other {
  padding: 24px;
  padding-left: 32px;
}
#nav.new-navbar .nav-box {
  background: #fff;
  position: absolute;
  width: 100px;
  height: 100px;
  left: -2000px;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
#nav.new-navbar.opened .nav-box {
  opacity: 1;
  pointer-events: all;
  margin-top: 0;
}
@-webkit-keyframes intro {
  0% {
    opacity: 0;
    -webkit-transform: none;
    transform: none;
    z-index: 101;
  }
  25% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    z-index: 101;
  }
}
@keyframes intro {
  0% {
    opacity: 0;
    -webkit-transform: none;
    transform: none;
    z-index: 101;
  }
  25% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    z-index: 101;
  }
}
@-webkit-keyframes outro {
  0% {
    opacity: 1;
    -webkit-transform-origin: top;
    transform-origin: top;
    z-index: 100;
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: top;
    transform-origin: top;
    z-index: 100;
  }
}
@keyframes outro {
  0% {
    opacity: 1;
    -webkit-transform-origin: top;
    transform-origin: top;
    z-index: 100;
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: top;
    transform-origin: top;
    z-index: 100;
  }
}
body.open-nav {
  height: 100%;
  overflow: hidden;
}
body.open-nav #ham-menu {
  position: fixed;
  top: -2px;
  right: -3px;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
body.open-nav #ham-menu #ham-menu-inner {
  -webkit-transform: translateY(10px) rotate(-180deg);
  -ms-transform: translateY(10px) rotate(-180deg);
  transform: translateY(10px) rotate(-180deg);
}
body.open-nav #ham-menu .spoke:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
body.open-nav #ham-menu .spoke:nth-child(2) {
  -webkit-transform: translateY(0) rotate(135deg);
  -ms-transform: translateY(0) rotate(135deg);
  transform: translateY(0) rotate(135deg);
  opacity: 0;
}
body.open-nav #ham-menu .spoke:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
body.open-nav #nav.new-navbar {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
body.open-nav #nav-mob-header-copy {
  opacity: 1;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
#nav-mob-header-copy {
  position: fixed;
  width: 280px;
  right: 0;
  top: 0;
  z-index: 9998;
  -webkit-transition: 0s opacity;
  transition: 0s opacity;
  pointer-events: none;
  opacity: 0;
  text-align: left;
}
#ham-menu {
  position: absolute;
  width: 20px;
  height: 20px;
  top: -8px;
  right: 0;
  padding: 22px;
  box-sizing: content-box;
  z-index: 99999;
  display: none;
  cursor: pointer;
}
#ham-menu #ham-menu-inner {
  position: relative;
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: 0.3s transform;
  transition: 0.3s transform;
}
#ham-menu .spoke {
  width: 100%;
  height: 2px;
  border-radius: 8px;
  background: #000;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
}
#ham-menu .spoke:nth-child(1) {
  -webkit-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  transform: translateY(-6px);
}
#ham-menu .spoke:nth-child(2) {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
#ham-menu .spoke:nth-child(3) {
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
}
body.open-nav .backdrop {
  display: block;
  background-color: #000;
  opacity: 0.5;
  pointer-events: visible;
}
.backdrop {
  content: "";
  position: fixed;
  background: #0f326b;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  opacity: 0;
  display: none;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  pointer-events: none;
}
@media (max-width: 1080px) {
  #nav.new-navbar .sub.payments-sub {
    width: 900px;
    max-width: 900px;
    left: -100px;
  }
  #nav.new-navbar .sub.banking-sub {
    width: 900px;
    max-width: 900px;
    left: -200px;
  }
  #nav.new-navbar .sub.banking-sub .disclaimer {
    text-align: left;
    padding-left: 0;
    height: 80px;
  }
  #nav.new-navbar .sub.banking-sub .disclaimer-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1rem;
    height: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #nav.new-navbar .sub.banking-sub .upper-content {
    box-shadow: unset;
  }
  #nav.new-navbar .sub.banking-sub .upper-content .columns {
    padding: 0;
  }
  #nav.new-navbar .nav-item {
    padding-left: 12px;
    padding-right: 12px;
  }
  #nav.new-navbar .nav-item.nav1 .columns {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  #nav.new-navbar .sub.banking-sub .lower-content {
    width: 100% !important;
    background: #fff;
  }
  #nav.new-navbar .sub.banking-sub .lower-content .content {
    display: block !important;
    margin-top: 0 !important;
  }
  #ham-menu {
    display: block;
  }
  .menu-header {
    background: #eee;
    height: 80px;
    font-size: 14px;
    color: #222;
    line-height: 80px;
    padding-left: 18px;
    border-bottom: 1px solid #e0e0e0;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
  /* nav {
    margin: 16px 0;
    position: relative;
  } */
  nav .rzp-logo {
    margin-left: 16px;
    margin-top: 7px;
  }
  #nav.new-navbar {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    width: 330px;
    overflow-x: hidden;
    overflow-y: hidden;
    color: #555;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    margin-top: 0;
    border-left: 1px solid rgba(0, 0, 0, 0.07);
    padding-top: 0;
  }
  #nav.new-navbar p {
    font-size: 12px;
  }
  #nav.new-navbar .column {
    padding: 0 18px !important;
  }
  #nav.new-navbar .container {
    width: 100%;
    padding: 0 !important;
    height: 100%;
    overflow-y: auto;
  }
  #nav.new-navbar .container .mob-preview-items ul li > a {
    display: block;
    padding: 12px 20px;
  }
  #nav.new-navbar .container .mob-preview-items ul li > a .link {
    font-size: 14px;
    font-weight: 400;
  }
  #nav.new-navbar .container .mob-preview-items ul li > a .nav-icon {
    width: 24px;
    height: 24px;
  }
  #nav.new-navbar .container .mob-preview-items ul li > a .nav-icon + div {
    margin-left: 36px;
  }
  #nav.new-navbar .container .mob-preview-items .explore-button {
    padding: 12px 20px;
    font-weight: 700;
    font-size: 14px;
    color: #3987f0;
    display: block;
    width: 100%;
    text-align: left;
    background-color: transparent;
  }
  #nav.new-navbar .container .mob-preview-items .explore-button .i {
    float: right;
  }
  #nav.new-navbar .rzp-logo {
    display: none;
  }
  #nav.new-navbar .right {
    float: none;
    color: #5f6c7d !important;
  }
  #nav.new-navbar .right .menu-item::before {
    content: none;
  }
  #nav.new-navbar .right .nav-item::after {
    content: none;
  }
  #nav.new-navbar .india-flag + .nav-item {
    height: 80px;
  }
  #nav.new-navbar .nav-item {
    display: block;
    width: 100%;
    padding: 0;
    overflow-y: hidden;
    -webkit-transition: 0.3s max-height, 0.3s background;
    transition: 0.3s max-height, 0.3s background;
    cursor: auto;
    overflow-x: hidden;
    margin-top: 0;
  }
  #nav.new-navbar .nav-item .nav-category {
    font-size: 14px;
    line-height: 17px;
    padding-top: 20px;
    padding-left: 20px;
    padding-bottom: 6px;
    color: rgba(22, 47, 86, 0.87);
  }
  #nav.new-navbar .nav-item .nav-category .pricing-link {
    display: block;
  }
  #nav.new-navbar .nav-item .nav-category .forward-icon {
    float: right;
    right: 20.5px;
    position: relative;
    color: #a0afca;
  }
  #nav.new-navbar .nav-item .lower-menu-explore {
    margin: 0 -20px;
    margin-top: 20px;
    margin-bottom: -20px;
    padding: 20px 20px;
    background-color: #f9fbfe;
  }
  #nav.new-navbar .nav-item .lower-menu-explore li {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  #nav.new-navbar .nav-item .lower-menu-explore li > a {
    padding: 10px 24px !important;
  }
  #nav.new-navbar .nav-item .lower-menu-explore li:last-child {
    height: 50px;
  }
  #nav.new-navbar .nav-item .lower-menu-explore .link {
    font-weight: normal;
    color: rgba(22, 47, 86, 0.87) !important;
    display: block;
    text-align: left;
  }
  #nav.new-navbar .nav-item .lower-menu-explore .link .forward-icon {
    opacity: 1 !important;
    float: right;
    color: #a0afca;
  }
  #nav.new-navbar .nav-item .lower-menu-explore .nav-know-pricing {
    color: #df8700 !important;
  }
  #nav.new-navbar .nav-item .lower-menu-explore .login-link {
    margin-top: 10px;
    padding: 16px 20px;
    background-color: #fff;
    position: fixed !important;
    top: unset !important;
    width: 100%;
  }
  #nav.new-navbar .nav-item .lower-menu-explore .login-link .nav-category {
    color: #fff !important;
  }
  #nav.new-navbar .nav-item.nav1 .nav-category,
  #nav.new-navbar .nav-item.nav2 .nav-category {
    font-weight: 700;
    color: rgba(22, 47, 86, 0.38) !important;
    text-shadow: unset !important;
    text-transform: uppercase;
  }
  #nav.new-navbar .nav-item.nav1 .nav-icon + div,
  #nav.new-navbar .nav-item.nav2 .nav-icon + div {
    margin-left: 46px;
  }
  #nav.new-navbar .nav-item .login-link {
    padding: 16px 20px;
    background-color: #fff;
    padding-top: 0;
    position: fixed !important;
    top: unset !important;
    bottom: 0;
    width: 100%;
  }
  #nav.new-navbar .nav-item .login-link .nav-category {
    padding: 12px 30px;
    font-weight: 800;
    color: #fff;
    font-size: 16px;
    background-color: #3987f0;
    text-align: center;
    display: block;
    text-transform: unset;
  }
  #nav.new-navbar .nav-item .nav-extra-icon {
    margin-right: 12px;
  }
  #nav.new-navbar .nav-item .nav-extra-icon.mob {
    display: inline-block !important;
  }
  #nav.new-navbar .nav-item.nav-know-pricing {
    color: #df8700 !important;
  }
  #nav.new-navbar .nav-item.nav-know-pricing .nav-category {
    color: #df8700 !important;
  }
  #nav.new-navbar .nav-item.active .sub {
    right: 0;
  }
  #nav.new-navbar .nav-item .nav-icon {
    margin-top: 5px;
  }
  #nav.new-navbar .nav-item .i-down-chevron {
    position: absolute;
    right: 22px;
    top: 0;
    font-size: 20px;
    line-height: 64px;
    height: 64px;
    display: block;
    -webkit-transition: 0.3s transform;
    transition: 0.3s transform;
    padding: 0;
  }
  #nav.new-navbar .nav-item::after {
    content: none;
  }
  #nav.new-navbar .nav-item.active {
    background: #f5f5f5;
  }
  #nav.new-navbar .nav-item.active .i-down-chevron {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  #nav.new-navbar .nav-item > span,
  #nav.new-navbar .nav-item > a {
    display: block;
    line-height: 64px;
    cursor: auto;
    padding-left: 16px;
  }
  #nav.new-navbar .nav-item.nav1 .columns,
  #nav.new-navbar .nav-item .columns,
  #nav.new-navbar .nav-item .column,
  #nav.new-navbar .nav-item .sub {
    width: 100%;
    display: block;
  }
  #nav.new-navbar a.nav-item {
    line-height: 64px;
    height: 64px;
    cursor: pointer;
  }
  #nav.new-navbar h4 {
    margin-top: 13px;
    margin-bottom: 0;
  }
  #nav.new-navbar .sub {
    position: relative;
    z-index: auto;
    pointer-events: all;
    padding-bottom: 16px;
    border: 0;
    background: none;
  }
  #nav.new-navbar .sub .illus {
    display: none;
  }
  #nav.new-navbar .sub a {
    padding: 14px 24px;
  }
  #nav.new-navbar .sub i {
    display: none;
  }
  #nav.new-navbar .sub i + div {
    width: auto;
  }
  #nav.new-navbar .sub ul,
  #nav.new-navbar .sub li {
    display: block;
  }
  #nav.new-navbar .sub li {
    padding: 0;
    margin: 0 -24px;
  }
  #nav.new-navbar .sub.left-border-sub {
    padding: 0 0;
  }
  #nav.new-navbar .sub.payments-sub .column-3 ul:not(:first-child) {
    margin-bottom: inherit;
  }
  #nav.new-navbar .sub.payments-sub .upper-content {
    box-shadow: unset;
  }
  #nav.new-navbar .sub.payments-sub .lower-content {
    width: 100%;
    background-color: #fff;
    z-index: 3;
  }
  #nav.new-navbar .sub.payments-sub .lower-content h4 + ul {
    margin-top: -9px;
  }
  #nav.new-navbar .sub.support-sub {
    width: inherit !important;
  }
  #nav.new-navbar .sub.support-sub .columns .column .link {
    font-weight: normal;
  }
  #nav.new-navbar .sub.card-links-sub,
  #nav.new-navbar .sub.left-border-sub {
    position: fixed;
    top: 0;
    background-color: #fff;
    z-index: 2;
    right: -100%;
    -webkit-transition: right 0.2s ease;
    transition: right 0.2s ease;
    left: unset;
    opacity: 1;
    height: 100%;
    overflow-y: auto;
  }
  #nav.new-navbar .sub.card-links-sub .i,
  #nav.new-navbar .sub.left-border-sub .i {
    display: inline-block;
  }
  #nav.new-navbar .sub.card-links-sub .columns .column h4,
  #nav.new-navbar .sub.left-border-sub .columns .column h4 {
    margin-top: 20px;
    margin-bottom: 9px;
    font-weight: 700;
    color: rgba(22, 47, 86, 0.38);
  }
  #nav.new-navbar .sub.card-links-sub .columns .column .link,
  #nav.new-navbar .sub.left-border-sub .columns .column .link {
    font-size: 14px;
  }
  #nav.new-navbar .sub.card-links-sub .columns .column .link + p,
  #nav.new-navbar .sub.left-border-sub .columns .column .link + p {
    line-height: 18px;
  }
  #nav.new-navbar .sub.card-links-sub .content,
  #nav.new-navbar .sub.left-border-sub .content {
    padding: 0 0;
  }
  #nav.new-navbar .sub.card-links-sub .content li > a,
  #nav.new-navbar .sub.left-border-sub .content li > a {
    padding: 10px 24px;
  }
  #nav.new-navbar .sub.card-links-sub .content .back-button,
  #nav.new-navbar .sub.left-border-sub .content .back-button {
    padding: 16px 23px;
    font-weight: bold;
    border-bottom: 1px solid #edf0f5;
  }
  #nav.new-navbar .sub.card-links-sub .content .back-button i.i-arrow-back-ios,
  #nav.new-navbar
    .sub.left-border-sub
    .content
    .back-button
    i.i-arrow-back-ios {
    margin-right: 3px;
  }
  #nav.new-navbar .other {
    background: none;
    width: 100%;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    padding-left: 18px;
    padding-top: 2px;
    padding-bottom: 2px;
  }
  #nav.new-navbar .other::before,
  #nav.new-navbar .other h4:before {
    content: none;
  }
  #nav.new-navbar .other h4 {
    margin-top: 12px;
    margin-bottom: 0;
  }
  #nav.new-navbar .other a {
    padding: 12px 24px;
  }
  #nav.new-navbar .other .link {
    font-weight: bold;
    color: #515978;
  }
  hr {
    width: calc(100% - 40px);
    border: 1px solid #edf0f5;
  }
}
@media (min-width: 1024px) {
  .backdrop {
    pointer-events: none;
    display: block;
  }
  #nav.new-navbar .nav1 .nav-icon {
    margin-top: 8px;
  }
  #nav.new-navbar .nav2 .nav-icon {
    margin-top: 4px;
  }
  #nav.new-navbar .nav-line {
    height: 3px;
    width: 0;
    background-color: #528ff0;
    position: absolute;
    top: 40px;
    opacity: 1;
    -webkit-transition: left 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94),
      width 0.1s;
    transition: left 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), width 0.1s;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    max-width: 0;
    pointer-events: none;
  }
  #nav.new-navbar.opened .nav-line {
    max-width: 200px;
  }
  #nav.new-navbar.opened .backdrop {
    opacity: 0.06;
  }
  #nav.new-navbar .other li {
    padding: 8px 0;
    position: relative;
  }
  #nav.new-navbar .other li a {
    display: inline-block;
    text-decoration: none;
  }
  #nav.new-navbar .other li:hover:before,
  #nav.new-navbar .other li:hover a .link {
    color: #515978;
  }
  #nav.new-navbar .sub {
    left: -146px;
  }
  #nav.new-navbar .sub i,
  #nav.new-navbar .sub .icon {
    margin-right: 18px;
    font-size: 22px;
  }
  #nav.new-navbar .sub i + div,
  #nav.new-navbar .sub .icon + div {
    width: 285px;
  }
  #nav.new-navbar .sub i,
  #nav.new-navbar .sub i + div,
  #nav.new-navbar .sub .icon,
  #nav.new-navbar .sub .icon + div {
    display: inline-block;
    vertical-align: middle;
  }
  #nav.new-navbar .nav1 .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  #nav.new-navbar .illus {
    position: relative;
    width: 194px;
    padding-top: 30px;
    padding-left: 24px;
  }
  #nav.new-navbar .illus:after {
    content: "";
    display: block;
    position: absolute;
    left: -113px;
    bottom: -8px;
    height: 171px;
    width: 290px;
    background-repeat: no-repeat;
    z-index: -1;
  }
  #nav.new-navbar .illus:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -2;
    -webkit-clip-path: polygon(0 0, 50% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 50% 0, 100% 100%, 0% 100%);
    background: #53baff;
    background: -webkit-gradient(
      left top,
      left bottom,
      color-stop(0%, #53baff),
      color-stop(100%, #fff)
    );
    background: -webkit-linear-gradient(top, #53baff 0%, #fff 100%);
    background: linear-gradient(to bottom, #53baff 0%, #fff 100%);
    opacity: 0.08;
  }
  #nav.new-navbar .illus.products:after {
    background-image: url("assets/icons/illustrations/product.svg");
  }
  #nav.new-navbar .illus.products:before {
    width: 110%;
  }
  #nav.new-navbar .illus.develop {
    height: 261px;
  }
  #nav.new-navbar .illus.develop:after {
    background-image: url("assets/icons/illustrations/develop.svg");
  }
  #nav.new-navbar .illus.develop:before {
    width: 113%;
  }
  #nav.new-navbar .illus.resources {
    height: 312px;
  }
  #nav.new-navbar .illus.resources:after {
    background-image: url("assets/icons/illustrations/resources.svg");
  }
  #nav.new-navbar .illus.resources:before {
    width: 108%;
  }
  #nav.new-navbar .illus.support {
    height: 185px;
  }
  #nav.new-navbar .illus.support:after {
    background-image: url("assets/icons/illustrations/support.svg");
  }
  #nav.new-navbar .illus.support:before {
    width: 108%;
  }
  #nav.new-navbar .illus .title {
    color: #528ff0;
    font-family: Muli, sans-serif;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 33px;
    text-transform: uppercase;
  }
  #nav.new-navbar .illus .title:after {
    content: "";
    display: block;
    width: 18px;
    height: 3px;
    background: #49dab5;
    margin-top: 10px;
  }
  #nav.new-navbar .illus .desc {
    color: rgba(0, 0, 0, 0.54);
    font-size: 15px;
    letter-spacing: -0.21px;
    line-height: 22px;
    margin-top: 16px;
  }
  #nav.new-navbar .columns .column {
    position: relative;
  }
  #nav.new-navbar .columns .column::after {
    content: "";
    position: absolute;
    top: 16px;
    bottom: 16px;
    right: 0;
    border-right: 1px solid #f6f6f6;
  }
  #nav.new-navbar .columns .column:last-child::after {
    content: none;
  }
  @-webkit-keyframes appear-in {
    0% {
      opacity: 0;
      -webkit-transform: scale(0.92);
      transform: scale(0.92);
      -webkit-transform-origin: center;
      transform-origin: center;
    }
    100% {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }
  @keyframes appear-in {
    0% {
      opacity: 0;
      -webkit-transform: scale(0.92);
      transform: scale(0.92);
      -webkit-transform-origin: center;
      transform-origin: center;
    }
    100% {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }
}
.social-share-stacked {
  width: 150px;
  padding: 0 10px;
  text-align: center;
  font-size: 16px;
  position: absolute;
  margin: 0;
}
.social-share-stacked h4,
.social-share-stacked a {
  display: block;
  width: 24px;
}
.social-share-stacked h4 {
  margin-top: 0;
  width: 100%;
  margin-bottom: 24px;
}
.social-share-stacked a {
  padding: 6px 0;
  margin: 0 auto;
}
.social-share-stacked a:first-child {
  padding-top: 0;
}
.social-share-stacked a:last-child {
  padding-bottom: 0;
}
.social-share-stacked span {
  color: rgba(0, 0, 0, 0.8);
  margin: 15px auto 0;
}
.social-share-stacked.fixed-top {
  position: fixed;
  top: 72px;
  z-index: 1;
}
.social-share-stacked.fixed-bottom {
  position: absolute;
  bottom: 0;
}
@media (max-width: 1024px) {
  .social-share-stacked {
    position: static !important;
    width: auto;
    height: unset;
  }
  .social-share-stacked h4 {
    margin-bottom: 20px;
  }
  .social-share-stacked a {
    display: inline-block;
    margin: 0;
    margin-left: 20px;
    padding: 0;
    width: 30px;
    height: 30px;
  }
  .social-share-stacked a img {
    height: auto;
    width: 100%;
  }
  .social-share-stacked a:nth-of-type(1) {
    margin-left: 0;
  }
}
.tab-caption {
  text-transform: uppercase;
  float: left;
  font-size: 12px;
  color: #777;
  letter-spacing: 1px;
  font-weight: bold;
  padding: 0 16px 0 32px;
}
.tab-caption:after {
  content: "|";
  color: #ddd;
  margin-left: 32px;
}
.secnav .nav-icon {
  margin: 20px 16px 0 -8px;
  width: 20px;
  height: 20px;
}
.secnav .apart a:after {
  content: "|";
  position: absolute;
  color: #ddd;
  left: -20px;
}
@media (max-width: 767px) {
  .secnav .apart a {
    padding-right: 30px;
  }
}
@media (min-width: 768px) {
  .secnav .apart {
    float: right;
  }
}
.secnav-head {
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-bottom: 0;
  box-shadow: 2px 4px 9px 1px rgba(0, 0, 0, 0.05), 0 1px 1px rgba(0, 0, 0, 0.04);
  position: absolute;
  background: #fff;
  z-index: 99;
  line-height: 60px;
  padding: 0;
  overflow: hidden;
  overflow-x: auto;
  width: 100%;
}
.secnav-head .right {
  margin-right: 16px;
}
.secnav-head .right:before {
  float: left;
  content: "|";
  color: #ddd;
  margin-right: 16px;
}
.secnav-head::-webkit-scrollbar {
  display: none;
}
.secnav-head.fixed {
  position: fixed;
  top: -2px;
}
.secnav-head .tab-title {
  float: left;
  margin: 0 16px;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.secnav-head .tab-title.active,
.secnav-head .tab-title.initial-active {
  color: #528ff0;
}
.secnav-scroller {
  min-width: 720px;
}
.initial-active:after {
  content: "";
  left: 0;
  right: 0;
}
.tab-racer,
.initial-active:after {
  position: absolute;
  height: 3px;
  background: #528ff0;
  bottom: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.tab-content {
  display: none;
  width: 100%;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  pointer-events: none;
  -webkit-transform: translateY(4px);
  -ms-transform: translateY(4px);
  transform: translateY(4px);
}
.tab-content.active,
.tab-content.always-active {
  display: block;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  -webkit-transition-delay: 0.18s;
  transition-delay: 0.18s;
  opacity: 1;
  pointer-events: auto;
}
.tabs-head {
  position: relative;
}
.tab-title {
  cursor: pointer;
  position: relative;
}
.secnav {
  height: 64px;
}
.secnav.container,
.secnav-head.container {
  padding: 0;
  z-index: 6;
}
.tabs.vertical .column.double {
  padding: 0;
}
.tabs.vertical .tabs-content {
  margin: 0 12px;
  position: relative;
}
.tabs.vertical .tab-content {
  position: absolute;
  -webkit-transform: translateX(-6px) scale(0.98);
  -ms-transform: translateX(-6px) scale(0.98);
  transform: translateX(-6px) scale(0.98);
  -webkit-transform-origin: 0;
  -ms-transform-origin: 0;
  transform-origin: 0;
}
.tabs.vertical .tab-content.active {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  position: relative;
}
.tabs.vertical .tabs-head {
  border-left: 1px solid rgba(0, 0, 0, 0.07);
  margin: 24px 0;
}
.tabs.vertical .racer {
  position: absolute;
  content: "";
  -webkit-transition: 0.2s;
  transition: 0.2s;
  left: 0;
  top: 0;
  border-left: 3px solid;
  border-color: inherit;
  height: 33.33%;
  right: 0;
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0.12) 1.54%,
    rgba(255, 255, 255, 0) 100%
  );
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.12) 1.54%,
    rgba(255, 255, 255, 0) 100%
  );
}
.tabs.vertical .tab-title {
  padding: 12px;
  padding-left: 36px;
}
.tabs.vertical .tab-title h3,
.tabs.vertical .tab-title p {
  color: #515978;
  margin: 0;
  font-weight: normal;
}
.tabs.vertical .tab-title h3 {
  font-weight: bold;
}
.tabs.vertical .tab-title.active h3 {
  color: #528ff0;
}
.tabs.vertical .tab-title.active:nth-child(2) ~ .racer {
  top: 33.33%;
}
.tabs.vertical .tab-title.active:nth-child(3) ~ .racer {
  top: 66.67%;
}
.tabs.horizontal .tabs-head {
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.dark .tabs.vertical p {
  opacity: 0.8;
}
.dark .tabs.vertical .tabs-head {
  border-color: rgba(255, 255, 255, 0.8);
}
.dark .tabs.vertical .tab-title h3,
.dark .tabs.vertical .tab-title p {
  color: #fff;
}
.api .double {
  min-height: 312px;
}
.api .btn {
  position: absolute;
  bottom: -23px;
  right: 30px;
}
.api .tabs .racer {
  border-color: #528ff0;
}
.dev-api {
  min-height: 572px;
}
.dev-api .tabs .racer {
  height: 50%;
}
.dev-api .tabs .tab-title:nth-child(2).active ~ .racer {
  top: 50%;
}
@media (max-width: 1023px) {
  .pre {
    white-space: normal;
  }
  .dev-racer .btn {
    width: 152px;
    left: 50%;
    margin: 0 0 -30px -76px;
  }
  h1 {
    font-size: 28px;
    line-height: 40px;
  }
  h2 {
    font-size: 22px;
    line-height: 32px;
  }
  .tab-caption {
    display: none;
  }
  .restrict {
    margin: 0 auto;
    max-width: 600px !important;
  }
  .gap-h {
    display: none;
  }
  .midsection-svg {
    min-width: 2000px;
    left: 50%;
    margin: -20px 0 0 -1000px;
  }
  .endsection-svg {
    top: 2%;
    min-width: 1600px;
    left: 50%;
    margin-left: -800px;
  }
  .endsection {
    height: auto;
    padding: 240px 0;
  }
  .box.overflow {
    margin-right: initial;
  }
  .box.overflow .list {
    margin: 0;
  }
  .box.overflow .list ul,
  .box.overflow .list li,
  .box.overflow .list .column {
    margin: 0;
  }
  .box.overflow .list li {
    margin-bottom: 12px;
  }
  .container {
    padding: 0 24px;
    width: 100%;
  }
  .endsection:after {
    content: none;
  }
  .endsection p {
    margin: 24px 0;
  }
  #banner {
    height: auto;
    min-height: 0 !important;
    padding: 0 0 60px;
  }
  #banner::before {
    content: none;
  }
  #banner .container {
    max-width: 600px;
    width: 100%;
    margin: 12px auto;
  }
  #banner-figure {
    display: none;
  }
  section {
    padding: 30px 0;
  }
  section .column,
  section .mesh {
    max-width: 600px;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin: 12px auto;
  }
  section.dark {
    padding-top: 100px;
    margin-bottom: -60px;
  }
  .illustration {
    margin-top: 0 !important;
  }
  .double-heading .column:first-child::after {
    content: none;
  }
}
@media (max-width: 767px) {
  body.signupcard footer {
    padding-top: 30% !important;
  }
}
.topbar-container {
  background-image: url("/assets/topbar/unlock-growth/desk-banner.svg"),
    -webkit-linear-gradient(358.29deg, #fff 0.03%, #fff 90.98%);
  background-image: url("/assets/topbar/unlock-growth/desk-banner.svg"),
    linear-gradient(91.71deg, #fff 0.03%, #fff 90.98%);
  text-align: center;
  color: #0054a2;
  padding: 8px 0;
  display: block;
  font-size: 16px;
  position: relative;
  z-index: 9;
  font-weight: bold;
  line-height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-origin: border-box;
  background-size: cover;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
@media (max-width: 1023px) {
  .topbar-container .mob {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.topbar-container img {
  display: inline-block;
  width: 38px;
}
.topbar-container img.unlock-growth {
  width: 145px;
  margin-left: 10px;
}
.topbar-container .banner-content {
  display: none;
}
.topbar-container span {
  display: inline-block;
  vertical-align: middle;
}
.topbar-container p {
  margin: 0;
  letter-spacing: 0.2px;
}
.topbar-container p > span {
  margin-right: 4px;
  margin-left: 4px;
}
.topbar-container p > span .strike-through {
  text-decoration: line-through;
}
.topbar-container .mob {
  line-height: 20px;
}
.topbar-container p.nomob strong {
  background-color: #4bd499;
  margin-right: 4px;
  padding: 4px 8px;
  border-radius: 2px;
}
.topbar-container .underline {
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px solid #fff;
  padding-bottom: 2px;
}
.topbar-container .underline:after {
  display: none;
}
.topbar-container button {
  background-color: #3395ff;
  color: #fff;
  padding: 5px 10px;
  border-radius: 3px;
  font-size: 14px;
  text-decoration: none;
  margin-left: 20px;
  font-weight: bold;
}
.topbar-container .timer {
  display: inline-block;
}
.topbar-container .timer #timer {
  vertical-align: middle;
  margin-right: 12px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.topbar-container .timer #timer .col {
  margin-right: 10px;
}
.topbar-container .timer #timer .col .number,
.topbar-container .timer #timer .col .colon {
  font-weight: 900;
  font-size: 14px;
  line-height: 21px;
  color: #0054a2;
}
.topbar-container .timer #timer .col .text {
  font-size: 7px;
  line-height: 150%;
  color: #0054a2;
  opacity: 0.8;
}
.topbar-container .separator {
  display: inline-block;
  height: 30px;
  width: 1px;
  background-color: #1188f5;
  opacity: 0.5;
  vertical-align: middle;
  margin-right: 18px;
}
@media (max-width: 1023px) {
  .topbar-container {
    background-image: url("/assets/topbar/unlock-growth/mob-banner.svg"),
      -webkit-linear-gradient(358.29deg, #fff 0.03%, #fff 90.98%);
    background-image: url("/assets/topbar/unlock-growth/mob-banner.svg"),
      linear-gradient(91.71deg, #fff 0.03%, #fff 90.98%);
  }
  .topbar-container .container {
    padding: 0 10px;
  }
  .topbar-container img {
    width: 46px;
  }
  .topbar-container p:not(.nomob) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
  }
  .topbar-container button {
    background: #329dff;
    color: #fff;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 14px;
    text-decoration: none;
    margin-left: 6px;
  }
}
@media screen and (max-width: 767px) {
  .topbar-container {
    text-align: center;
  }
  .topbar-container p {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 360px) {
  .topbar-container {
    font-size: 12px;
  }
  .topbar-container button {
    font-size: 12px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 400px) {
  .topbar-container #mob-banner-text {
    font-size: 12px;
    margin-bottom: 5px;
  }
}
#thirdwatch-top-banner .banner-container {
  position: relative;
  display: block;
}
#thirdwatch-top-banner .banner-container:before,
#thirdwatch-top-banner .banner-container:after {
  content: "";
  position: absolute;
  top: 5px;
  width: 200px;
  height: 21px;
  background-repeat: no-repeat;
}
#thirdwatch-top-banner .banner-container:before {
  background-image: url("/assets/topbar/tw-left-bg.svg");
  left: 0;
}
#thirdwatch-top-banner .banner-container:after {
  background-image: url("/assets/topbar/tw-right-bg.svg");
  right: -8px;
}
#thirdwatch-top-banner p.center {
  text-align: center;
  margin: 10px auto;
}
#thirdwatch-top-banner .banner-text {
  font-size: 16px;
  line-height: 20px;
  color: #001c52;
  font-weight: bold;
}
#thirdwatch-top-banner button {
  background: #ee5a6c;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  line-height: 17px;
  padding: 5px 10px;
  margin-left: 20px;
  font-weight: bold;
}
#topbar-container {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}
.body-top-padding {
  top: 0;
}
.body-top-padding #page {
  padding-top: 46px;
}
.open-nav #topbar-container {
  z-index: 99;
}
.hide {
  display: none !important;
}
#partner-banner-purple {
  background-image: url("/assets/topbar/partner-banners/desk-purple.svg"),
    -webkit-linear-gradient(358.29deg, #fff 0.03%, #fff 90.98%);
  background-image: url("/assets/topbar/partner-banners/desk-purple.svg"),
    linear-gradient(91.71deg, #fff 0.03%, #fff 90.98%);
  color: #575ccf;
  font-weight: normal;
}
@media (max-width: 1023px) {
  #partner-banner-purple {
    background-image: url("/assets/topbar/partner-banners/mob-purple.svg"),
      -webkit-linear-gradient(358.29deg, #fff 0.03%, #fff 90.98%);
    background-image: url("/assets/topbar/partner-banners/mob-purple.svg"),
      linear-gradient(91.71deg, #fff 0.03%, #fff 90.98%);
    font-weight: bold;
  }
}
#partner-banner-purple .banner-logo {
  margin-right: 12px;
}
@media (max-width: 1023px) {
  #partner-banner-purple .banner-logo {
    display: none;
  }
}
@media (max-width: 450px) {
  #partner-banner-purple .banner-text {
    font-size: 13px;
  }
}
#partner-banner-purple button {
  background-color: #6572dc;
  padding: 3px 6px;
}
#fake-chat-icon,
#fake-chat-icon-rx {
  background-color: #528ff0;
  position: fixed;
  bottom: 0;
  right: 0;
  padding: 13px 18px;
  width: 58px;
  height: 58px;
  box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.15), 0 5px 4px 0 rgba(0, 0, 0, 0.26) !important;
  z-index: 100000000;
  margin: 30px;
  border-radius: 34px 8px 34px 34px;
  cursor: pointer;
}
#fake-chat-icon .chat-icon,
#fake-chat-icon-rx .chat-icon {
  background: #fff;
  border-radius: 6px 6px 6px 1px;
  width: 24px;
  height: 18px;
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  z-index: 999999;
}
#fake-chat-icon .chat-icon:before,
#fake-chat-icon-rx .chat-icon:before,
#fake-chat-icon .chat-icon:after,
#fake-chat-icon-rx .chat-icon:after {
  content: "";
  height: 1.5px;
  position: absolute;
  left: 0;
  right: 0;
  border-radius: 0 50px 0 50px;
  background-color: #528ff0;
  margin: 0 2px;
}
#fake-chat-icon .chat-icon:before,
#fake-chat-icon-rx .chat-icon:before {
  width: 65%;
  top: 6px;
}
#fake-chat-icon .chat-icon:after,
#fake-chat-icon-rx .chat-icon:after {
  width: 50%;
  top: 12px;
}
#fake-chat-icon.loading,
#fake-chat-icon-rx.loading {
  opacity: 0.5;
}
#fake-chat-icon.loading .chat-icon,
#fake-chat-icon-rx.loading .chat-icon {
  background: transparent;
}
#fake-chat-icon.loading .chat-icon:before,
#fake-chat-icon-rx.loading .chat-icon:before {
  width: 24px;
  height: 24px;
  border: 5px solid;
  border-radius: 50%;
  border-color: #fff transparent transparent;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  left: -5px;
  top: -7px;
}
#fake-chat-icon.loading .chat-icon:before:after,
#fake-chat-icon-rx.loading .chat-icon:before:after {
  content: none;
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
#fake-chat-icon-rx {
  background-color: #05234f;
}
#fake-chat-icon-rx .chat-icon:before,
#fake-chat-icon-rx .chat-icon:after {
  background-color: #05234f;
}
.lazy {
  visibility: hidden;
}
.lazy.loading {
  opacity: 0.2;
  visibility: visible;
}
.lazy.merchants-image {
  opacity: 1;
}
.lazy.loaded {
  opacity: 1;
  visibility: visible;
}
.lazy[data-bg] {
  visibility: visible;
}
.button-anchor {
  display: inline-block;
  cursor: pointer;
  text-decoration: none !important;
}
.button-anchor.button-blue .button-anchor-wrapper {
  background: #528ff0;
  color: #fff;
  font-weight: bold;
}
.button-anchor.button-blue .button-anchor-wrapper:hover {
  color: #fff;
}
.button-anchor .button-anchor-wrapper {
  border-radius: 3px;
  padding: 10px 18px;
  height: 48px;
  background: #fff;
  position: relative;
  font-weight: bold;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #528ff0;
  border-color: #528ff0;
  font-size: 15px;
  box-shadow: 2px 4px 9px 1px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.07);
}
.button-anchor .button-anchor-wrapper.border-blue {
  border-color: #528ff0;
}
.button-anchor .button-anchor-wrapper.border-green {
  border-color: #00ffb6;
}
.button-anchor .button-anchor-wrapper:hover {
  color: #336fce;
}
.button-anchor .button-anchor-wrapper .strip {
  display: none;
  width: 48px;
  height: 56px;
  -webkit-transform: skew(-29deg);
  -ms-transform: skew(-29deg);
  transform: skew(-29deg);
  background-color: #00ffb6;
  opacity: 0.9;
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  top: -5px;
  right: 20px;
}
.button-anchor .button-anchor-wrapper .strip i {
  display: none;
  -webkit-transform: skew(29deg);
  -ms-transform: skew(29deg);
  transform: skew(29deg);
  margin-left: 0;
  font-size: 21px;
}
.button-anchor .button-anchor-wrapper .strip.back {
  -webkit-transform: skew(29deg);
  -ms-transform: skew(29deg);
  transform: skew(29deg);
}
.button-anchor .button-anchor-wrapper .strip.back i {
  -webkit-transform: skew(-29deg);
  -ms-transform: skew(-29deg);
  transform: skew(-29deg);
}
.button-anchor .button-anchor-wrapper.arrow i {
  display: inline-block;
  margin: 0 0 0 5px;
  font-size: 16px;
}
.button-anchor .button-anchor-wrapper.arrow i:before {
  position: relative;
  top: 1px;
}
.button-anchor .button-anchor-wrapper.small {
  height: 42px;
  padding: 9px 18px;
}
.button-anchor .button-anchor-wrapper.small .strip {
  height: 48px;
  top: -4px;
}
.button-anchor .button-anchor-wrapper.strip-arrow {
  padding-right: 94px;
}
.button-anchor .button-anchor-wrapper.strip-arrow.strip {
  display: inline-block;
}
.button-anchor .button-anchor-wrapper.strip-arrow i {
  display: inline-block;
  color: #fff;
}
.button-anchor .button-anchor-wrapper.strip-arrow i:before {
  font-weight: bold;
}
.button-anchor .button-anchor-wrapper.blue {
  background-color: #2783f3;
  color: #fff;
  border-color: #2783f3;
}
.button-anchor .button-anchor-wrapper.blue:hover {
  background-color: #0a6feb;
  border-color: #0a6feb;
}
.button-anchor .button-anchor-wrapper.simple {
  background: none;
  border: 0;
  box-shadow: none;
  padding: 0;
  height: auto;
}
.button-anchor .button-anchor-wrapper.simple:hover {
  background-color: none;
  border-color: none;
}
.placeholder {
  position: relative;
  overflow: hidden;
}
.placeholder .content-background {
  -webkit-animation: content-placeholder-animation 1s linear infinite;
  animation: content-placeholder-animation 1s linear infinite;
  background: -webkit-linear-gradient(
    left,
    rgba(195, 215, 250, 0) 0%,
    rgba(195, 215, 250, 0.4) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  background: linear-gradient(
    to right,
    rgba(195, 215, 250, 0) 0%,
    rgba(195, 215, 250, 0.4) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  display: block;
  height: inherit;
  left: 0;
  position: absolute;
  top: 0;
  width: 70%;
}
.light .content-background {
  background: -webkit-linear-gradient(
    left,
    rgba(195, 215, 250, 0) 0%,
    rgba(195, 215, 250, 0.4) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  background: linear-gradient(
    to right,
    rgba(195, 215, 250, 0) 0%,
    rgba(195, 215, 250, 0.4) 50%,
    rgba(255, 255, 255, 0) 100%
  );
}
.dark .content-background {
  background: -webkit-linear-gradient(
    left,
    rgba(73, 83, 210, 0) 0%,
    rgba(73, 83, 210, 0.4) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  background: linear-gradient(
    to right,
    rgba(73, 83, 210, 0) 0%,
    rgba(73, 83, 210, 0.4) 50%,
    rgba(255, 255, 255, 0) 100%
  );
}
.placeholder-container.no-mobile {
  display: block;
}
.placeholder-container.mobile {
  display: none;
}
@media (max-width: 1023px) {
  .placeholder-container.no-mobile {
    display: none;
  }
  .placeholder-container.mobile {
    display: block;
  }
}
@-webkit-keyframes content-placeholder-animation {
  0% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  100% {
    -webkit-transform: translateX(300%);
    transform: translateX(300%);
  }
}
@keyframes content-placeholder-animation {
  0% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  100% {
    -webkit-transform: translateX(300%);
    transform: translateX(300%);
  }
}
.bouncy-currency {
  position: relative;
  bottom: 5px;
  margin: 0 10px;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 17px;
  -webkit-animation-name: bouncy-currency;
  animation-name: bouncy-currency;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  line-height: 17px;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
  border-radius: 50%;
  padding: 5px;
  width: 40px;
  height: 40px;
  background: -webkit-linear-gradient(210.06deg, #f4dd67 6.08%, #e7662c 91.44%);
  background: linear-gradient(239.94deg, #f4dd67 6.08%, #e7662c 91.44%);
  box-shadow: 0 2px 4px rgba(44, 49, 51, 0.14);
  text-align: center;
  z-index: 11;
}
.bouncy-currency.fixed {
  position: absolute;
}
.bouncy-currency .curr {
  color: #fff;
}
.bouncy-currency .hover-text {
  display: none;
  position: absolute;
  top: calc(100% + 7px);
  left: 0;
  background: #fff;
  color: #515978;
  font-weight: normal;
  font-size: 12px;
  line-height: 1.5;
  text-align: left;
  width: 255px;
  padding: 10px;
  box-shadow: 1px 1px 10px #ced6e1;
}
.bouncy-currency .hover-text:before {
  display: inline-block;
  content: "";
  position: absolute;
  border-bottom: solid 7px #fff;
  border-left: solid 7px transparent;
  border-right: solid 7px transparent;
  top: -7px;
  left: 10px;
}
.bouncy-currency .hover-text span {
  font-weight: bold;
}
.bouncy-currency:hover .hover-text {
  display: block;
}
.bouncy-currency.pause {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.bouncy-currency:after {
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(44, 49, 51, 0.14);
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  content: "";
  z-index: -9;
  background: -webkit-linear-gradient(
    208.87deg,
    #f4dd67 12.22%,
    #e7662c 140.23%
  );
  background: linear-gradient(241.13deg, #f4dd67 12.22%, #e7662c 140.23%);
  position: absolute;
  left: 5px;
  top: 5px;
}
@media (max-width: 1023px) {
  .bouncy-currency {
    margin-left: 2px;
    top: 1px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .bouncy-currency:hover .hover-text {
    display: none;
  }
}
@-webkit-keyframes bouncy-currency {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bouncy-currency {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
section#faq .faq {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 24px 0;
}
section#faq .faq:not(:last-child) {
  border-bottom: 1px solid #eee;
}
section#faq .faq .margin-area {
  font-size: 12px;
  width: 20px;
  color: #fff;
  text-align: center;
  line-height: 20px;
  font-weight: bold;
  margin: 0 8px;
}
section#faq .faq .margin-area .line {
  margin-left: 9px;
  width: 1px;
  background-color: #eee;
  height: calc(100% - 30px);
}
section#faq .faq .margin-area .number {
  background: -webkit-linear-gradient(230.84deg, #46d0ff 0%, #5283ff 100%);
  background: linear-gradient(219.16deg, #46d0ff 0%, #5283ff 100%);
  border-radius: 50%;
  width: 20px;
  height: 20px;
}
section#faq .faq .content {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
section#faq .faq .content .q {
  width: 40%;
  font-weight: bold;
  padding-right: 4px;
}
section#faq .faq .content .a {
  width: 55%;
  text-align: justify;
}
section#faq .faq .content .a .anchor {
  color: #528ff0;
}
@media (max-width: 767px) {
  section#faq .faq .margin-area {
    margin: 0;
    margin-right: 8px;
  }
  section#faq .faq .margin-area .number {
    width: 18px;
    height: 18px;
    font-size: 12px;
    line-height: 18px;
    margin-top: 2px;
  }
  section#faq .faq .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  section#faq .faq .content .q,
  section#faq .faq .content .a {
    width: 100%;
  }
  section#faq .faq .content .q {
    margin-bottom: 8px;
  }
}
.hide-overflow {
  overflow: hidden;
}
#left-sweep-down-card .background {
  background-image: url("/assets/international-payments/map.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
}
#left-sweep-down-card .midsection-svg {
  top: -44px;
}
#left-sweep-down-card .description-container {
  top: 15%;
}
#left-sweep-down-card .description-container h1 {
  color: #fff;
  font-size: 30px;
  line-height: 38px;
  font-weight: bold;
}
#left-sweep-down-card .description-container .text {
  font-size: 16px;
  line-height: 25px;
  color: #d3d9ff;
  font-weight: bold;
  margin-top: 16px;
  margin-bottom: 44px;
}
#left-sweep-down-card .description-container .check-currencies {
  display: none;
  border: 0.5px solid #64d9a9;
  background: #64d9a9;
  color: #4251bb;
  font-size: 16px;
  line-height: 20px;
  padding: 12px;
  font-weight: bold;
  position: relative;
  box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.24);
  border-radius: 2px;
  margin: auto;
  margin-bottom: 24px;
  cursor: pointer;
  padding-left: 38px;
  padding-right: 38px;
}
#left-sweep-down-card .container #currency-container {
  box-sizing: border-box;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.25);
  border-radius: 2px;
  width: 471px;
  height: 100%;
  padding: 0;
  background-color: #fff;
  float: right;
}
#left-sweep-down-card .container #currency-container .top-container {
  background-color: #5264e9;
  height: 84px;
  border: 1px solid rgba(88, 193, 156, 0.6);
  font-weight: bold;
  font-size: 24px;
  line-height: 38px;
  color: #fff;
  text-align: center;
  padding-top: 24px;
}
#left-sweep-down-card .container #currency-container .top-container div {
  display: inline-block;
}
#left-sweep-down-card
  .container
  #currency-container
  .top-container
  #back-arrow {
  display: none;
}
#left-sweep-down-card .container #currency-container .bottom-container {
  background-color: #f5f8fe;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.25);
  border-radius: 2px;
  height: 674px;
  padding-top: 24px;
}
#left-sweep-down-card
  .container
  #currency-container
  .bottom-container
  .search-icon {
  position: absolute;
  font-size: 22px;
  margin-left: 36px;
  margin-top: 8px;
}
#left-sweep-down-card .container #currency-container .bottom-container input {
  width: 88%;
  height: 49px;
  border: 1px solid #cad4e7;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 24px;
  margin: auto;
  display: block;
  padding-left: 38px;
}
#left-sweep-down-card
  .container
  #currency-container
  .bottom-container
  .scroll-container {
  max-height: 599px;
  overflow-y: scroll;
  padding: 24px 32px;
}
#left-sweep-down-card
  .container
  #currency-container
  .bottom-container
  .scroll-container
  .not-found-text {
  font-size: 16px;
  line-height: 156.88%;
  color: #676d89;
  font-weight: 600;
  padding-bottom: 24px;
}
#left-sweep-down-card
  .container
  #currency-container
  .bottom-container
  .scroll-container
  .title {
  font-size: 16px;
  color: #676d89;
  opacity: 0.5;
  font-weight: bold;
  padding-bottom: 24px;
}
#left-sweep-down-card
  .container
  #currency-container
  .bottom-container
  .list-item
  .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-weight: 600;
  font-size: 18px;
  line-height: 156.88%;
  color: #676d89;
}
#left-sweep-down-card
  .container
  #currency-container
  .bottom-container
  .list-item
  .vertical-divider {
  height: 14px;
  width: 2px;
  border: 1px solid #a1a8c7;
  display: inline-block;
  margin-top: 6px;
  margin-left: 12px;
  margin-right: 24px;
}
#left-sweep-down-card
  .container
  #currency-container
  .bottom-container
  .list-item
  .heading {
  -webkit-box-flex: 8;
  -webkit-flex: 8;
  -ms-flex: 8;
  flex: 8;
}
#left-sweep-down-card
  .container
  #currency-container
  .bottom-container
  .list-item
  .currency-code {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
}
#left-sweep-down-card
  .container
  #currency-container
  .bottom-container
  .separation {
  display: block;
  border: none;
  color: #fff;
  height: 1px;
  background: -webkit-gradient(
    radial,
    50% 50%,
    0,
    50% 50%,
    350,
    from(#d5d7dd),
    to(#fff)
  );
  margin-bottom: 24px;
}
#left-sweep-down-card
  .container
  #currency-container
  .bottom-container
  .matched {
  color: #0d2366;
}
#left-sweep-down-card
  .container
  #currency-container
  .bottom-container
  .highlight {
  font-size: 800;
}
#left-sweep-down-card .show {
  display: block !important;
}
#left-sweep-down-card .hide {
  display: none !important;
}
#left-sweep-down-card .modal {
  left: 0;
  right: 0;
  z-index: 99999;
}
#left-sweep-down-card #cancel-icon {
  margin-left: 88%;
  margin-top: -9%;
  position: absolute;
  font-size: 21px;
  color: #cad4e7;
}
#left-sweep-down-card .list-item-matched .title {
  font-size: 16px;
  color: #676d89;
  opacity: 0.5;
  font-weight: bold;
  padding-bottom: 24px;
}
#left-sweep-down-card .list-item-matched .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-weight: 600;
  font-size: 18px;
  line-height: 156.88%;
  color: #676d89;
}
#left-sweep-down-card .list-item-matched .vertical-divider {
  height: 14px;
  width: 2px;
  border: 1px solid #a1a8c7;
  display: inline-block;
  margin-top: 6px;
  margin-left: 12px;
  margin-right: 24px;
}
#left-sweep-down-card .list-item-matched .heading {
  -webkit-box-flex: 8;
  -webkit-flex: 8;
  -ms-flex: 8;
  flex: 8;
}
#left-sweep-down-card .list-item-matched .currency-code {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
}
@media (max-width: 1023px) {
  #left-sweep-down-card {
    padding-top: 0;
  }
  #left-sweep-down-card .columns .column {
    margin-top: 0;
    padding-top: 0;
  }
  #left-sweep-down-card .midsection-svg {
    display: none !important;
  }
  #left-sweep-down-card .background {
    background-image: none;
  }
  #left-sweep-down-card .container {
    width: 100%;
    margin-bottom: 0;
    padding: 32px 24px 0 24px;
    background: #5264e9;
    border: 1px solid #394fd1;
    box-sizing: border-box;
  }
  #left-sweep-down-card .container #currency-container {
    display: none;
    width: 100%;
  }
  #left-sweep-down-card
    .container
    #currency-container
    .top-container
    #back-arrow {
    display: inline-block;
  }
  #left-sweep-down-card .container #currency-container input {
    width: 319px;
  }
  #left-sweep-down-card .container #currency-container .bottom-container {
    height: 100%;
  }
  #left-sweep-down-card
    .container
    #currency-container
    .bottom-container
    .scroll-container {
    padding: 24px;
    max-height: 100%;
  }
  #left-sweep-down-card
    .container
    #currency-container
    .bottom-container
    .list-item
    .heading {
    font-size: 16px;
    line-height: 25px;
    word-break: break-word;
  }
  #left-sweep-down-card
    .container
    #currency-container
    .bottom-container
    .list-item
    .vertical-divider {
    margin-right: 12px;
  }
  #left-sweep-down-card
    .container
    #currency-container
    .bottom-container
    .list-item
    .icon {
    width: 38px;
  }
  #left-sweep-down-card .container .description-container {
    top: 0;
  }
  #left-sweep-down-card .container .description-container h1 {
    font-size: 22px !important;
    line-height: 28px;
  }
  #left-sweep-down-card .container .description-container .text {
    font-size: 14px;
    line-height: 156.88%;
  }
  #left-sweep-down-card .container .description-container .check-currencies {
    display: inline-block;
  }
  #left-sweep-down-card #cancel-icon {
    margin-left: 86%;
    margin-top: -10%;
  }
}
@media screen and (max-width: 360px) {
  #left-sweep-down-card .column {
    padding: 0;
  }
  #left-sweep-down-card .description-container .check-currencies {
    padding-left: 36px;
    padding-right: 36px;
  }
  #left-sweep-down-card #cancel-icon {
    margin-top: -13%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1063px) {
  #left-sweep-down-card
    .container
    #currency-container
    .bottom-container
    .search-icon {
    margin-left: 54px;
  }
  #left-sweep-down-card #cancel-icon {
    margin-left: 90%;
    margin-top: -5%;
  }
}
.otherproducts .columns {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.otherproducts .text-center {
  text-align: center;
}
.otherproducts a {
  color: #528ff0;
}
.otherproducts .column {
  background: #fff;
  margin: 12px !important;
  margin-top: 84px !important;
  border: 1px solid rgba(0, 0, 0, 0.07);
  padding: 24px 27px 0;
  box-shadow: 2px 4px 9px 1px rgba(0, 0, 0, 0.05), 0 1px 1px rgba(0, 0, 0, 0.04);
  max-width: 376px;
  display: block;
  text-decoration: none;
  color: #515978;
  -webkit-transition: 0.2s transform, 0.2s box-shadow;
  transition: 0.2s transform, 0.2s box-shadow;
}
.otherproducts .column:hover {
  -webkit-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  transform: translateY(-4px);
  box-shadow: 6px 9px 13px rgba(0, 0, 0, 0.09);
}
.otherproducts .icon {
  position: absolute;
  width: 80px;
  height: 80px;
  margin: -48px 0 0 -8px;
}
.otherproducts .icon.inv {
  margin-top: -58px;
  background-image: url("/assets/icons/inv.svg");
  background-size: contain;
}
.otherproducts .icon.sub {
  background-image: url("/assets/icons/sub.svg");
  background-size: contain;
}
.otherproducts .icon.sc {
  background-image: url("/assets/icons/sc.svg");
  background-size: contain;
}
.otherproducts .icon.pl {
  background-image: url("/assets/icons/pl.svg");
  background-size: contain;
}
.otherproducts .icon.pg {
  background-image: url("/assets/icons/pg.svg");
  background-size: contain;
}
.otherproducts .icon.pp {
  background-image: url("/assets/icons/pp.png");
  background-size: contain;
}
.otherproducts .icon.pb {
  background-image: url("/assets/icons/pb.png");
  background-size: contain;
}
.otherproducts .icon.x {
  background-image: url("/assets/icons/x.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.otherproducts .icon.route {
  background-image: url("/assets/icons/route.svg");
  background-size: contain;
}
.otherproducts i.i-arrow-forward {
  font-size: 20px;
  margin-left: 8px;
}
.otherproducts i.i-arrow-forward::before {
  vertical-align: middle;
}
.otherproducts h4 {
  margin: 0 0 -8px 84px !important;
  color: #528ff0;
}
#paymentlinks .load-onscreen,
#seo-landing-pages .load-onscreen,
#paymentlinks .load-video-onscreen,
#seo-landing-pages .load-video-onscreen {
  display: none;
}
#paymentlinks #banner::after,
#seo-landing-pages #banner::after {
  bottom: -4%;
}
#paymentlinks .showcase,
#seo-landing-pages .showcase {
  border-top: 1px solid rgba(0, 0, 0, 0.07);
  margin-top: 60px;
}
#paymentlinks .vertical .racer,
#seo-landing-pages .vertical .racer {
  border-color: #528ff0;
}
#paymentlinks #banner:before,
#seo-landing-pages #banner:before {
  background: #06217e;
  color: #06217e;
  background: -webkit-linear-gradient(45deg, #062ea0, #06155c 50%);
  background: linear-gradient(45deg, #062ea0, #06155c 50%);
}
#paymentlinks #banner-figure:before,
#seo-landing-pages #banner-figure:before {
  background: #f8fafc;
  border-left: 1px solid #dcf3ec;
  color: #dcf3ec;
}
#paymentlinks .image-marquee .strip,
#seo-landing-pages .image-marquee .strip {
  -webkit-animation: marquee-6-1 25s linear infinite;
  animation: marquee-6-1 25s linear infinite;
}
#paymentlinks .image-marquee .strip div,
#seo-landing-pages .image-marquee .strip div {
  width: 100px;
}
#paymentlinks .image-marquee .strip div.small,
#seo-landing-pages .image-marquee .strip div.small {
  width: 50px;
}
#paymentlinks .image-marquee .cover .left,
#seo-landing-pages .image-marquee .cover .left {
  background: -webkit-linear-gradient(
    left,
    #f4f8ff 20%,
    rgba(244, 248, 255, 0)
  );
  background: linear-gradient(to right, #f4f8ff 20%, rgba(244, 248, 255, 0));
}
#paymentlinks .image-marquee .cover .right,
#seo-landing-pages .image-marquee .cover .right {
  background: -webkit-linear-gradient(
    right,
    #f4f8ff 20%,
    rgba(244, 248, 255, 0)
  );
  background: linear-gradient(to left, #f4f8ff 20%, rgba(244, 248, 255, 0));
}
@-webkit-keyframes marquee-6-1 {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-742px);
    transform: translateX(-742px);
  }
}
@keyframes marquee-6-1 {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-742px);
    transform: translateX(-742px);
  }
}
#paymentlinks .flow .scroller > .columns > .column,
#seo-landing-pages .flow .scroller > .columns > .column {
  min-width: 270px;
}
#paymentlinks .flow .scroller > .columns > .column::before,
#seo-landing-pages .flow .scroller > .columns > .column::before {
  margin-right: 24px !important;
}
#paymentlinks .flow .scroller > .columns,
#seo-landing-pages .flow .scroller > .columns {
  min-width: 1080px;
}
#paymentlinks .flow .illustration,
#seo-landing-pages .flow .illustration {
  height: 306px;
  max-width: 300px;
  margin: 0 auto;
}
#paymentlinks .flow .illustration.step1,
#seo-landing-pages .flow .illustration.step1 {
  background-image: url("/assets/paymentlinks/pl-step1.png");
}
#paymentlinks .flow .illustration.step2,
#seo-landing-pages .flow .illustration.step2 {
  background-image: url("/assets/paymentlinks/pl-step2.png");
}
#paymentlinks .flow .illustration.step3,
#seo-landing-pages .flow .illustration.step3 {
  background-image: url("/assets/paymentlinks/pl-step3.png");
}
#paymentlinks .flow .illustration.step4,
#seo-landing-pages .flow .illustration.step4 {
  background-image: url("/assets/paymentlinks/pl-step4.png");
}
#paymentlinks .secnav-scroller .anchor-tab-title,
#seo-landing-pages .secnav-scroller .anchor-tab-title {
  float: left;
  margin: 0 16px;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
#paymentlinks .secnav-scroller .anchor-tab-title.active,
#seo-landing-pages .secnav-scroller .anchor-tab-title.active,
#paymentlinks .secnav-scroller .anchor-tab-title.initial-active,
#seo-landing-pages .secnav-scroller .anchor-tab-title.initial-active {
  color: #528ff0;
}
#paymentlinks .point-list li,
#seo-landing-pages .point-list li {
  position: relative;
  left: 20px;
}
#paymentlinks .point-list li::before,
#seo-landing-pages .point-list li::before {
  content: "";
  position: absolute;
  background: url("/assets/paymentlinks/list-point.svg");
  width: 15px;
  height: 13px;
  background-repeat: no-repeat;
  top: 5px;
  left: -20px;
}
#paymentlinks .point-list li a,
#seo-landing-pages .point-list li a {
  font-weight: bold;
  text-decoration: underline;
}
#paymentlinks #pricing .row.box.overflow,
#seo-landing-pages #pricing .row.box.overflow {
  overflow: visible;
  position: relative;
}
#paymentlinks #pricing .row.box.overflow .notice,
#seo-landing-pages #pricing .row.box.overflow .notice {
  font-size: 12px;
  line-height: 15px;
  color: rgba(11, 37, 63, 0.49);
  margin-top: 5px;
  margin-bottom: -3px;
}
#paymentlinks #unreg-section .big,
#seo-landing-pages #unreg-section .big {
  background-image: none;
  min-height: auto;
}
#paymentlinks #payment-link-methods,
#seo-landing-pages #payment-link-methods {
  margin-top: 100px;
}
@media (min-width: 1024px) {
  #paymentlinks #payment-link-methods .side,
  #seo-landing-pages #payment-link-methods .side {
    min-width: 420px;
  }
}
@media only screen and (max-width: 320px) {
  #paymentlinks #payment-link-methods .side h4,
  #seo-landing-pages #payment-link-methods .side h4 {
    max-width: 250px;
  }
}
#paymentlinks #payment-link-methods .side h4,
#seo-landing-pages #payment-link-methods .side h4 {
  position: relative;
  padding-left: 30px;
}
#paymentlinks #payment-link-methods .side h4 .new-badge,
#seo-landing-pages #payment-link-methods .side h4 .new-badge {
  display: inline-block;
  margin-left: 12px;
  position: absolute;
  height: 24px;
  border-radius: 2px;
  background-color: #1ad2a3;
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  padding: 1px 5px;
}
#paymentlinks #payment-link-methods .side h4 .paymentlinks,
#seo-landing-pages #payment-link-methods .side h4 .paymentlinks {
  background-image: url("/assets/icons/products/paymentlinks.svg");
}
#paymentlinks #payment-link-methods .side h4 .batch-upload,
#seo-landing-pages #payment-link-methods .side h4 .batch-upload {
  background-image: url("/assets/icons/light-blue-arrow.png");
}
#paymentlinks #payment-link-methods .side h4 .partial-payments,
#seo-landing-pages #payment-link-methods .side h4 .partial-payments {
  background-image: url("/assets/icons/dark-blue-arrow.png");
}
#paymentlinks #payment-link-methods .side h4 .badge,
#seo-landing-pages #payment-link-methods .side h4 .badge {
  margin-right: 12px;
  position: absolute;
  left: 0;
  top: 2px;
}
#paymentlinks #payment-link-methods .side p,
#seo-landing-pages #payment-link-methods .side p {
  margin-top: 12px;
}
#paymentlinks #payment-link-methods .side p + a,
#seo-landing-pages #payment-link-methods .side p + a {
  margin-top: -24px;
  margin-bottom: 24px;
}
#paymentlinks #video-section .column:last-child,
#seo-landing-pages #video-section .column:last-child {
  padding-left: 46px;
}
#paymentlinks #faqs .faq .content .inner .faqs-tab-title-content,
#seo-landing-pages #faqs .faq .content .inner .faqs-tab-title-content {
  height: 460px;
  overflow: auto;
}
#paymentlinks #app-download-modal .modal-inner,
#seo-landing-pages #app-download-modal .modal-inner {
  overflow: hidden;
}
#paymentlinks #app-download-modal .modal-inner .modal-content,
#seo-landing-pages #app-download-modal .modal-inner .modal-content {
  position: relative;
  width: -webkit-fit-content;
  width: fit-content;
  overflow: hidden;
}
#paymentlinks #app-download-modal .modal-inner .modal-content::before,
#seo-landing-pages #app-download-modal .modal-inner .modal-content::before {
  content: "";
  position: absolute;
  top: 0;
  background: url("/assets/payments-app/modal-dots.png") no-repeat;
  width: 150px;
  height: 150px;
  right: 0;
  background-size: contain;
}
#paymentlinks #app-download-modal .modal-inner .mobile-app-barcode,
#seo-landing-pages #app-download-modal .modal-inner .mobile-app-barcode {
  max-width: 400px;
}
#paymentlinks #app-download-modal .modal-inner .mobile-app-barcode .app-desc,
#seo-landing-pages
  #app-download-modal
  .modal-inner
  .mobile-app-barcode
  .app-desc {
  width: 100%;
  background: #2b83ea;
}
#paymentlinks
  #app-download-modal
  .modal-inner
  .mobile-app-barcode
  .app-desc
  .desc,
#seo-landing-pages
  #app-download-modal
  .modal-inner
  .mobile-app-barcode
  .app-desc
  .desc {
  width: 250px;
  text-align: center;
  margin: auto;
  color: #fff;
  padding: 12px 0;
}
#paymentlinks #payments-app,
#seo-landing-pages #payments-app {
  margin-bottom: -80px;
}
@media (max-width: 1023px) {
  #paymentlinks #payments-app,
  #seo-landing-pages #payments-app {
    margin-top: -80px;
    margin-bottom: -120px;
  }
}
#paymentlinks #payments-app .midsection-svg,
#seo-landing-pages #payments-app .midsection-svg {
  top: -33px;
  height: 86%;
}
@media (max-width: 1023px) {
  #paymentlinks #payments-app .midsection-svg,
  #seo-landing-pages #payments-app .midsection-svg {
    height: 100%;
  }
}
@media (max-width: 1023px) {
  #paymentlinks #payments-app .app-wrapper,
  #seo-landing-pages #payments-app .app-wrapper {
    padding: 180px 0;
  }
}
@media (max-width: 767px) {
  #paymentlinks #payments-app .app-wrapper,
  #seo-landing-pages #payments-app .app-wrapper {
    padding: 120px 0 150px;
  }
}
#paymentlinks #payments-app .app-wrapper .illutration,
#seo-landing-pages #payments-app .app-wrapper .illutration {
  position: relative;
  top: 41px;
}
@media (max-width: 1023px) {
  #paymentlinks #payments-app .app-wrapper .illutration,
  #seo-landing-pages #payments-app .app-wrapper .illutration {
    top: 7px;
  }
}
#paymentlinks #payments-app .app-wrapper .illutration::before,
#seo-landing-pages #payments-app .app-wrapper .illutration::before {
  content: "";
  position: absolute;
  width: 400px;
  height: 300px;
  background: url("/assets/paymentlinks/payments-app/shade.svg") no-repeat;
  top: -223px;
  left: -19px;
  background-size: contain;
}
@media (max-width: 1023px) {
  #paymentlinks #payments-app .app-wrapper .illutration::before,
  #seo-landing-pages #payments-app .app-wrapper .illutration::before {
    top: -110px;
    left: -3px;
    background-size: 100%;
  }
}
@media (max-width: 767px) {
  #paymentlinks #payments-app .app-wrapper .illutration::before,
  #seo-landing-pages #payments-app .app-wrapper .illutration::before {
    top: -74px;
    left: -16px;
    background-size: 62%;
  }
}
#paymentlinks #payments-app .app-wrapper .illutration.mob img,
#seo-landing-pages #payments-app .app-wrapper .illutration.mob img {
  margin-top: 50px;
  margin-bottom: 50px;
}
@media (max-width: 1023px) {
  #paymentlinks #payments-app .app-wrapper .illutration.mob img,
  #seo-landing-pages #payments-app .app-wrapper .illutration.mob img {
    margin-top: 50px;
    margin-bottom: 50px;
    top: 0;
  }
}
#paymentlinks #payments-app .app-wrapper .illutration img,
#seo-landing-pages #payments-app .app-wrapper .illutration img {
  width: 60% !important;
  position: relative;
  top: -110px;
  margin: auto;
  display: block;
}
#paymentlinks #payments-app .app-wrapper .details .title,
#seo-landing-pages #payments-app .app-wrapper .details .title {
  font-weight: 800;
  font-size: 24px;
  line-height: 36px;
  color: #fafcff;
}
#paymentlinks #payments-app .app-wrapper .details .title::after,
#seo-landing-pages #payments-app .app-wrapper .details .title::after {
  content: "";
  display: block;
  width: 24px;
  height: 4px;
  background: #49dab5;
  margin: 20px 0;
}
#paymentlinks #payments-app .app-wrapper .details .desc,
#seo-landing-pages #payments-app .app-wrapper .details .desc {
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
}
#paymentlinks #payments-app .app-wrapper .details .points,
#seo-landing-pages #payments-app .app-wrapper .details .points {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 30px;
  margin-bottom: -10px;
}
@media (max-width: 1023px) {
  #paymentlinks #payments-app .app-wrapper .details .points,
  #seo-landing-pages #payments-app .app-wrapper .details .points {
    margin-top: 35px;
  }
}
#paymentlinks #payments-app .app-wrapper .details .points .point,
#seo-landing-pages #payments-app .app-wrapper .details .points .point {
  font-size: 16px;
  line-height: 24px;
  color: #fafcff;
  margin-bottom: 15px;
  position: relative;
  left: 35px;
}
#paymentlinks #payments-app .app-wrapper .details .points .point::before,
#seo-landing-pages #payments-app .app-wrapper .details .points .point::before {
  content: "";
  position: absolute;
  top: 6px;
  background: url("/assets/paymentlinks/payments-app/check.svg") no-repeat;
  left: -35px;
  width: 20px;
  height: 13px;
}
@media (max-width: 1023px) {
  #paymentlinks #payments-app .app-wrapper .details .points .point::before,
  #seo-landing-pages
    #payments-app
    .app-wrapper
    .details
    .points
    .point::before {
    top: 6px;
  }
}
#paymentlinks #payments-app .app-wrapper .details .CTA,
#seo-landing-pages #payments-app .app-wrapper .details .CTA {
  margin-bottom: 30px;
}
@media (max-width: 1023px) {
  #paymentlinks #payments-app .app-wrapper .details .CTA,
  #seo-landing-pages #payments-app .app-wrapper .details .CTA {
    margin-bottom: 20px;
  }
}
#paymentlinks #payments-app .app-wrapper .details .CTA a,
#seo-landing-pages #payments-app .app-wrapper .details .CTA a {
  font-size: 16px;
  line-height: 38px;
  color: #fafcff;
  font-weight: bold;
}
#paymentlinks #payments-app .app-wrapper .details .CTA a img,
#seo-landing-pages #payments-app .app-wrapper .details .CTA a img {
  position: relative;
  left: 6px;
}
#paymentlinks #payments-app .app-wrapper .details .download-app .tile,
#seo-landing-pages #payments-app .app-wrapper .details .download-app .tile {
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  color: #fafcff;
  margin-bottom: -2px;
}
#paymentlinks #payments-app .app-wrapper .details .download-app .on,
#seo-landing-pages #payments-app .app-wrapper .details .download-app .on {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
#paymentlinks #payments-app .app-wrapper .details .download-app .on .store,
#seo-landing-pages
  #payments-app
  .app-wrapper
  .details
  .download-app
  .on
  .store {
  margin-top: 15px;
  margin-right: 35px;
}
@media (max-width: 1023px) {
  #paymentlinks #payments-app .app-wrapper .details .download-app .on .store,
  #seo-landing-pages
    #payments-app
    .app-wrapper
    .details
    .download-app
    .on
    .store {
    margin-right: 25px;
  }
}
#paymentlinks #reminder,
#seo-landing-pages #reminder {
  padding: 0;
}
#paymentlinks #reminder .midsection-svg,
#seo-landing-pages #reminder .midsection-svg {
  top: -80px;
}
#paymentlinks #reminder .container,
#seo-landing-pages #reminder .container {
  padding-bottom: 40px;
}
#paymentlinks #reminder .container .restrict,
#seo-landing-pages #reminder .container .restrict {
  margin-top: 72px;
}
#paymentlinks #reminder .container h2,
#seo-landing-pages #reminder .container h2 {
  color: #0d2366;
  font-weight: bold;
  font-size: 24px;
  line-height: 30px;
}
#paymentlinks #reminder .container p,
#seo-landing-pages #reminder .container p {
  font-size: 18px;
  line-height: 23px;
  color: #525a76;
}
#paymentlinks #reminder .container img,
#seo-landing-pages #reminder .container img {
  margin-top: 48px;
}
#paymentlinks .PL-illustration,
#seo-landing-pages .PL-illustration {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 50px;
}
#paymentlinks .PL-illustration .section-header,
#seo-landing-pages .PL-illustration .section-header {
  position: relative;
  top: -50px;
}
#paymentlinks .PL-illustration .progress,
#seo-landing-pages .PL-illustration .progress {
  width: 50%;
  margin-top: 50px;
}
#paymentlinks .PL-illustration .progress .step,
#seo-landing-pages .PL-illustration .progress .step {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#paymentlinks .PL-illustration .progress .step .current-step,
#seo-landing-pages .PL-illustration .progress .step .current-step {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 2px solid #d8dae0;
  box-sizing: border-box;
  margin-right: 20px;
  position: relative;
  top: 7px;
  background-color: #fff;
}
#paymentlinks .PL-illustration .progress .step .link-one,
#seo-landing-pages .PL-illustration .progress .step .link-one,
#paymentlinks .PL-illustration .progress .step .link-two,
#seo-landing-pages .PL-illustration .progress .step .link-two {
  width: 5px;
  height: 115px;
  border-right: 2px dashed #a8acba;
  position: relative;
  top: 21px;
  left: -32px;
  z-index: -1;
}
#paymentlinks .PL-illustration .progress .step .link-three,
#seo-landing-pages .PL-illustration .progress .step .link-three {
  width: 5px;
  height: 50px;
  border-right: 2px dashed #a8acba;
  position: relative;
  top: 15px;
  left: 1px;
  z-index: -1;
}
#paymentlinks .PL-illustration .progress .step .step-details,
#seo-landing-pages .PL-illustration .progress .step .step-details {
  margin-bottom: 50px;
}
#paymentlinks .PL-illustration .progress .step .step-details .step-point,
#seo-landing-pages .PL-illustration .progress .step .step-details .step-point {
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  color: #525a76;
  opacity: 0.5;
}
#paymentlinks .PL-illustration .progress .step .step-details .action-detail,
#seo-landing-pages
  .PL-illustration
  .progress
  .step
  .step-details
  .action-detail {
  font-weight: bold;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.02em;
  color: #525a76;
  opacity: 0.7;
  margin-top: 6px;
}
#paymentlinks .PL-illustration .progress .step .step-details .detail-desc,
#seo-landing-pages .PL-illustration .progress .step .step-details .detail-desc {
  font-size: 16px;
  line-height: 24px;
  color: #525a76;
  font-weight: 200;
  opacity: 0.5;
}
#paymentlinks .PL-illustration .progress .step.active .current-step,
#seo-landing-pages .PL-illustration .progress .step.active .current-step {
  background: #5e91e9;
  border: 2px solid #5e91e9;
}
#paymentlinks .PL-illustration .progress .step.active .current-step::after,
#seo-landing-pages
  .PL-illustration
  .progress
  .step.active
  .current-step::after {
  content: "";
  width: 25px;
  height: 25px;
  background-color: #fff;
  position: absolute;
  border-radius: 50%;
  border: 3px solid #5e91e9;
  left: -10px;
  top: -10px;
  z-index: -1;
}
#paymentlinks .PL-illustration .progress .step.active .link-one,
#seo-landing-pages .PL-illustration .progress .step.active .link-one,
#paymentlinks .PL-illustration .progress .step.active .link-two,
#seo-landing-pages .PL-illustration .progress .step.active .link-two {
  border-right: 2px dashed #5e91e9;
  height: 105px;
  top: 31px;
  z-index: -1;
}
#paymentlinks .PL-illustration .progress .step.active .link-three,
#seo-landing-pages .PL-illustration .progress .step.active .link-three {
  border-right: 2px dashed #5e91e9;
  z-index: -1;
}
#paymentlinks .PL-illustration .progress .step.active .step-details .step-point,
#seo-landing-pages
  .PL-illustration
  .progress
  .step.active
  .step-details
  .step-point {
  color: #5e91e9;
  opacity: 1;
}
#paymentlinks
  .PL-illustration
  .progress
  .step.active
  .step-details
  .action-detail,
#seo-landing-pages
  .PL-illustration
  .progress
  .step.active
  .step-details
  .action-detail {
  color: #102562;
  opacity: 1;
}
#paymentlinks
  .PL-illustration
  .progress
  .step.active
  .step-details
  .detail-desc,
#seo-landing-pages
  .PL-illustration
  .progress
  .step.active
  .step-details
  .detail-desc {
  opacity: 0.7;
}
#paymentlinks .PL-illustration .progress .step.completed .current-step,
#seo-landing-pages .PL-illustration .progress .step.completed .current-step {
  background: #5e91e9;
  border: 2px solid #5e91e9;
  width: 27px;
  height: 27px;
  left: -6px;
}
#paymentlinks .PL-illustration .progress .step.completed .current-step::before,
#seo-landing-pages
  .PL-illustration
  .progress
  .step.completed
  .current-step::before {
  content: "";
  position: absolute;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  width: 11px;
  height: 5px;
  top: 6px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 5px;
}
#paymentlinks .PL-illustration .progress .step.completed .link-one,
#seo-landing-pages .PL-illustration .progress .step.completed .link-one,
#paymentlinks .PL-illustration .progress .step.completed .link-two,
#seo-landing-pages .PL-illustration .progress .step.completed .link-two {
  border-right: 2px solid #5e91e9;
  z-index: -1;
  top: 34px;
  left: -43px;
  height: 102px;
}
#paymentlinks .PL-illustration .progress .step.completed .link-three,
#seo-landing-pages .PL-illustration .progress .step.completed .link-three {
  border-right: 2px solid #5e91e9;
  z-index: -1;
  left: 8px;
}
#paymentlinks .PL-illustration .progress .step.completed .step-details,
#seo-landing-pages .PL-illustration .progress .step.completed .step-details {
  position: relative;
  left: -12px;
}
#paymentlinks
  .PL-illustration
  .progress
  .step.completed
  .step-details
  .step-point,
#seo-landing-pages
  .PL-illustration
  .progress
  .step.completed
  .step-details
  .step-point {
  color: #102562;
  opacity: 1;
}
#paymentlinks
  .PL-illustration
  .progress
  .step.completed
  .step-details
  .action-detail,
#seo-landing-pages
  .PL-illustration
  .progress
  .step.completed
  .step-details
  .action-detail {
  color: #102562;
  opacity: 1;
}
#paymentlinks
  .PL-illustration
  .progress
  .step.completed
  .step-details
  .detail-desc,
#seo-landing-pages
  .PL-illustration
  .progress
  .step.completed
  .step-details
  .detail-desc {
  opacity: 0.7;
}
#paymentlinks .PL-illustration .progress .step-three-signup,
#seo-landing-pages .PL-illustration .progress .step-three-signup {
  margin-top: -20px;
  display: none;
}
#paymentlinks .PL-illustration .progress .step-three-signup a.learn-more,
#seo-landing-pages .PL-illustration .progress .step-three-signup a.learn-more {
  background: #0884ff;
  border: 0.5px solid #58c19c;
  box-sizing: border-box;
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.14);
  border-radius: 4px;
}
#paymentlinks .PL-illustration .progress .step-three-signup a.learn-more .strip,
#seo-landing-pages
  .PL-illustration
  .progress
  .step-three-signup
  a.learn-more
  .strip {
  background: #59d7a3;
}
#paymentlinks .PL-illustration .visual-progressions,
#seo-landing-pages .PL-illustration .visual-progressions {
  width: 50%;
}
#paymentlinks .PL-illustration .visual-progressions .form-card,
#seo-landing-pages .PL-illustration .visual-progressions .form-card {
  width: 320px;
  background: #fff;
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  position: relative;
  left: 80px;
  padding: 22px 32px;
}
#paymentlinks .PL-illustration .visual-progressions .form-card .initial-stage,
#seo-landing-pages
  .PL-illustration
  .visual-progressions
  .form-card
  .initial-stage {
  position: absolute;
  width: 100%;
  left: 0;
  height: 95%;
  background-color: rgba(255, 255, 255, 0.702);
  z-index: 4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
#paymentlinks
  .PL-illustration
  .visual-progressions
  .form-card
  .initial-stage
  .action-btn,
#seo-landing-pages
  .PL-illustration
  .visual-progressions
  .form-card
  .initial-stage
  .action-btn {
  padding: 10px;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.02em;
  cursor: pointer;
  color: #fff;
  background: #18bd5b;
  border-radius: 2px;
  height: initial;
  -webkit-animation: at-ripple 0.8s linear infinite;
  animation: at-ripple 0.8s linear infinite;
}
@-webkit-keyframes at-ripple {
  0% {
    box-shadow: 0 0 1px #18bd5b, 0 0 0 3px rgba(24, 189, 91, 0.671),
      0 0 0 3px rgba(24, 189, 91, 0.671);
  }
  100% {
    box-shadow: 0 0 1px rgba(24, 189, 91, 0.671),
      0 0 0 3px rgba(24, 189, 91, 0.671), 0 0 0 10px rgba(24, 189, 91, 0);
  }
}
@keyframes at-ripple {
  0% {
    box-shadow: 0 0 1px #18bd5b, 0 0 0 3px rgba(24, 189, 91, 0.671),
      0 0 0 3px rgba(24, 189, 91, 0.671);
  }
  100% {
    box-shadow: 0 0 1px rgba(24, 189, 91, 0.671),
      0 0 0 3px rgba(24, 189, 91, 0.671), 0 0 0 10px rgba(24, 189, 91, 0);
  }
}
#paymentlinks .PL-illustration .visual-progressions .form-card .card-header,
#seo-landing-pages
  .PL-illustration
  .visual-progressions
  .form-card
  .card-header {
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.02em;
  color: #102562;
  padding: 10px 0;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 25px;
}
#paymentlinks
  .PL-illustration
  .visual-progressions
  .form-card
  .card-inputs
  .amount,
#seo-landing-pages
  .PL-illustration
  .visual-progressions
  .form-card
  .card-inputs
  .amount {
  margin-bottom: 20px;
}
#paymentlinks
  .PL-illustration
  .visual-progressions
  .form-card
  .card-inputs
  .amount
  .label,
#seo-landing-pages
  .PL-illustration
  .visual-progressions
  .form-card
  .card-inputs
  .amount
  .label {
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.02em;
  color: #102562;
  margin-bottom: 10px;
}
#paymentlinks
  .PL-illustration
  .visual-progressions
  .form-card
  .card-inputs
  .amount
  .amount-value,
#seo-landing-pages
  .PL-illustration
  .visual-progressions
  .form-card
  .card-inputs
  .amount
  .amount-value {
  font-weight: bold;
  font-size: 24px;
  line-height: 30px;
  color: #102562;
  mix-blend-mode: normal;
  opacity: 0.9;
}
#paymentlinks
  .PL-illustration
  .visual-progressions
  .form-card
  .card-inputs
  .fields
  .captcha-err-msg,
#seo-landing-pages
  .PL-illustration
  .visual-progressions
  .form-card
  .card-inputs
  .fields
  .captcha-err-msg {
  color: #fff;
  background-color: rgba(239, 88, 88, 0.651);
  text-align: center;
  padding: 3px;
  position: relative;
  margin-top: 5px;
  margin-bottom: 5px;
  border-top: 2px solid #ef5858;
  display: none;
}
#paymentlinks
  .PL-illustration
  .visual-progressions
  .form-card
  .card-inputs
  .fields
  .g-recaptcha,
#seo-landing-pages
  .PL-illustration
  .visual-progressions
  .form-card
  .card-inputs
  .fields
  .g-recaptcha {
  display: none;
}
#paymentlinks
  .PL-illustration
  .visual-progressions
  .form-card
  .card-inputs
  .fields
  .primary-label,
#seo-landing-pages
  .PL-illustration
  .visual-progressions
  .form-card
  .card-inputs
  .fields
  .primary-label {
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.02em;
  color: #102562;
  position: relative;
  top: 5px;
}
#paymentlinks
  .PL-illustration
  .visual-progressions
  .form-card
  .card-inputs
  .fields
  .text-control,
#seo-landing-pages
  .PL-illustration
  .visual-progressions
  .form-card
  .card-inputs
  .fields
  .text-control {
  width: 256px;
  height: 35px;
  border: 1px solid #e7e7e7;
  box-sizing: border-box;
  border-radius: 2px;
  padding: 9px 0 9px 13px;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.02em;
  margin-top: 15px;
  color: #102562;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}
#paymentlinks
  .PL-illustration
  .visual-progressions
  .form-card
  .card-inputs
  .fields
  .text-control.err-alert,
#seo-landing-pages
  .PL-illustration
  .visual-progressions
  .form-card
  .card-inputs
  .fields
  .text-control.err-alert {
  opacity: 0.8;
  border: 1px solid #ef5858;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}
#paymentlinks
  .PL-illustration
  .visual-progressions
  .form-card
  .card-inputs
  .fields
  .check-option,
#seo-landing-pages
  .PL-illustration
  .visual-progressions
  .form-card
  .card-inputs
  .fields
  .check-option {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 15px;
}
#paymentlinks
  .PL-illustration
  .visual-progressions
  .form-card
  .card-inputs
  .fields
  .check-option
  .wrapper,
#seo-landing-pages
  .PL-illustration
  .visual-progressions
  .form-card
  .card-inputs
  .fields
  .check-option
  .wrapper {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.02em;
  color: #102562;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#paymentlinks
  .PL-illustration
  .visual-progressions
  .form-card
  .card-inputs
  .fields
  .check-option
  .wrapper
  .label,
#seo-landing-pages
  .PL-illustration
  .visual-progressions
  .form-card
  .card-inputs
  .fields
  .check-option
  .wrapper
  .label {
  position: relative;
  left: -10px;
}
#paymentlinks
  .PL-illustration
  .visual-progressions
  .form-card
  .card-inputs
  .fields
  .check-option
  .wrapper
  input[type="checkbox"],
#seo-landing-pages
  .PL-illustration
  .visual-progressions
  .form-card
  .card-inputs
  .fields
  .check-option
  .wrapper
  input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
#paymentlinks
  .PL-illustration
  .visual-progressions
  .form-card
  .card-inputs
  .fields
  .check-option
  .wrapper
  input[type="checkbox"]:checked
  ~ .check-control:after,
#seo-landing-pages
  .PL-illustration
  .visual-progressions
  .form-card
  .card-inputs
  .fields
  .check-option
  .wrapper
  input[type="checkbox"]:checked
  ~ .check-control:after {
  display: block;
}
#paymentlinks
  .PL-illustration
  .visual-progressions
  .form-card
  .card-inputs
  .fields
  .check-option
  .wrapper
  .check-control,
#seo-landing-pages
  .PL-illustration
  .visual-progressions
  .form-card
  .card-inputs
  .fields
  .check-option
  .wrapper
  .check-control {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  border: 1px solid #c4c4c4;
  border-radius: 2px;
}
#paymentlinks
  .PL-illustration
  .visual-progressions
  .form-card
  .card-inputs
  .fields
  .check-option
  .wrapper
  .check-control:after,
#seo-landing-pages
  .PL-illustration
  .visual-progressions
  .form-card
  .card-inputs
  .fields
  .check-option
  .wrapper
  .check-control:after {
  content: "";
  position: absolute;
  display: none;
  left: 4px;
  top: 1px;
  width: 14px;
  height: 5px;
  border-left: 2px solid #18bd5b;
  border-bottom: 2px solid #18bd5b;
  -webkit-transform: rotate(-48deg);
  -ms-transform: rotate(-48deg);
  transform: rotate(-48deg);
}
#paymentlinks
  .PL-illustration
  .visual-progressions
  .form-card
  .card-inputs
  .fields
  .g-recaptcha,
#seo-landing-pages
  .PL-illustration
  .visual-progressions
  .form-card
  .card-inputs
  .fields
  .g-recaptcha {
  margin-bottom: 15px;
  -webkit-transform: scale(0.85);
  -ms-transform: scale(0.85);
  transform: scale(0.85);
  position: relative;
  left: -20px;
}
#paymentlinks
  .PL-illustration
  .visual-progressions
  .form-card
  .card-inputs
  .fields
  .btn-control,
#seo-landing-pages
  .PL-illustration
  .visual-progressions
  .form-card
  .card-inputs
  .fields
  .btn-control {
  width: 256px;
  height: 40px;
  background: #5e91e9;
  border-radius: 2px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #fff;
  padding: 10px 20px;
}
#paymentlinks
  .PL-illustration
  .visual-progressions
  .form-card
  .card-inputs
  .fields
  .btn-control.disabled,
#seo-landing-pages
  .PL-illustration
  .visual-progressions
  .form-card
  .card-inputs
  .fields
  .btn-control.disabled {
  background: #c4c4c4;
  cursor: not-allowed;
}
#paymentlinks .PL-illustration .visual-progressions .form-card::before,
#seo-landing-pages .PL-illustration .visual-progressions .form-card::before {
  content: "";
  background: url("/assets/paymentlinks/illustration/top.svg");
  width: 130px;
  height: 130px;
  position: absolute;
  background-repeat: no-repeat;
  top: -30px;
  left: -55px;
  z-index: -1;
}
#paymentlinks .PL-illustration .visual-progressions .form-card::after,
#seo-landing-pages .PL-illustration .visual-progressions .form-card::after {
  content: "";
  background: url("/assets/paymentlinks/illustration/bottom.svg");
  width: 130px;
  height: 180px;
  position: absolute;
  background-repeat: no-repeat;
  right: -70px;
  z-index: -1;
  bottom: 65px;
}
#paymentlinks .PL-illustration .visual-progressions .generated-link-card,
#seo-landing-pages .PL-illustration .visual-progressions .generated-link-card {
  width: 320px;
  background: #fff;
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  position: relative;
  left: 80px;
  padding: 22px 32px;
  margin-top: 40px;
  display: none;
}
#paymentlinks
  .PL-illustration
  .visual-progressions
  .generated-link-card
  .card-illustration-img,
#seo-landing-pages
  .PL-illustration
  .visual-progressions
  .generated-link-card
  .card-illustration-img {
  margin-top: 40px;
}
#paymentlinks
  .PL-illustration
  .visual-progressions
  .generated-link-card
  .card-illustration-img
  img,
#seo-landing-pages
  .PL-illustration
  .visual-progressions
  .generated-link-card
  .card-illustration-img
  img {
  margin-right: auto;
  margin-left: auto;
  display: block;
}
#paymentlinks
  .PL-illustration
  .visual-progressions
  .generated-link-card
  .card-details,
#seo-landing-pages
  .PL-illustration
  .visual-progressions
  .generated-link-card
  .card-details {
  text-align: center;
}
#paymentlinks
  .PL-illustration
  .visual-progressions
  .generated-link-card
  .card-details
  .card-header,
#seo-landing-pages
  .PL-illustration
  .visual-progressions
  .generated-link-card
  .card-details
  .card-header {
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.02em;
  margin-top: 12px;
}
#paymentlinks
  .PL-illustration
  .visual-progressions
  .generated-link-card
  .card-details
  .card-desc,
#seo-landing-pages
  .PL-illustration
  .visual-progressions
  .generated-link-card
  .card-details
  .card-desc {
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #58666e;
  opacity: 0.6;
  color: #586663;
  margin-top: 8px;
}
#paymentlinks
  .PL-illustration
  .visual-progressions
  .generated-link-card
  .card-details
  .generated-link,
#seo-landing-pages
  .PL-illustration
  .visual-progressions
  .generated-link-card
  .card-details
  .generated-link {
  width: 110%;
  position: relative;
  left: -12px;
  border: 0.942005px solid #5e91e9;
  box-sizing: border-box;
  border-radius: 2px;
  margin-top: 25px;
}
#paymentlinks
  .PL-illustration
  .visual-progressions
  .generated-link-card
  .card-details
  .generated-link
  .link,
#seo-landing-pages
  .PL-illustration
  .visual-progressions
  .generated-link-card
  .card-details
  .generated-link
  .link {
  line-height: 40px;
}
#paymentlinks
  .PL-illustration
  .visual-progressions
  .generated-link-card
  .card-details
  .generated-link
  .label,
#seo-landing-pages
  .PL-illustration
  .visual-progressions
  .generated-link-card
  .card-details
  .generated-link
  .label {
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  color: #5e91e9;
  margin-left: 12px;
  cursor: pointer;
}
#paymentlinks
  .PL-illustration
  .visual-progressions
  .generated-link-card
  .card-details
  .generated-link
  .label
  .open-icon
  img,
#seo-landing-pages
  .PL-illustration
  .visual-progressions
  .generated-link-card
  .card-details
  .generated-link
  .label
  .open-icon
  img {
  position: relative;
  left: 3px;
}
#paymentlinks
  .PL-illustration
  .visual-progressions
  .generated-link-card
  .card-details
  .card-notice,
#seo-landing-pages
  .PL-illustration
  .visual-progressions
  .generated-link-card
  .card-details
  .card-notice {
  font-size: 12px;
  line-height: 16px;
  color: #525a76;
  text-align: left;
  margin-top: 40px;
  opacity: 0.5;
}
#paymentlinks
  .PL-illustration
  .visual-progressions
  .generated-link-card::before,
#seo-landing-pages
  .PL-illustration
  .visual-progressions
  .generated-link-card::before {
  content: "";
  background: url("/assets/paymentlinks/illustration/top.svg");
  width: 130px;
  height: 130px;
  position: absolute;
  background-repeat: no-repeat;
  top: -30px;
  left: -55px;
  z-index: -1;
}
#paymentlinks .PL-illustration .visual-progressions .generated-link-card::after,
#seo-landing-pages
  .PL-illustration
  .visual-progressions
  .generated-link-card::after {
  content: "";
  background: url("/assets/paymentlinks/illustration/bottom.svg");
  width: 130px;
  height: 180px;
  position: absolute;
  background-repeat: no-repeat;
  right: -70px;
  z-index: -1;
  bottom: 65px;
}
@media (max-width: 1023px) {
  #paymentlinks .PL-illustration,
  #seo-landing-pages .PL-illustration {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
  #paymentlinks .PL-illustration .progress,
  #seo-landing-pages .PL-illustration .progress {
    width: 100%;
  }
  #paymentlinks .PL-illustration .progress .step,
  #seo-landing-pages .PL-illustration .progress .step {
    margin-top: -30px;
  }
  #paymentlinks .PL-illustration .progress .step .current-step,
  #seo-landing-pages .PL-illustration .progress .step .current-step {
    top: -11px;
  }
  #paymentlinks .PL-illustration .progress .step .link-one,
  #seo-landing-pages .PL-illustration .progress .step .link-one,
  #paymentlinks .PL-illustration .progress .step .link-two,
  #seo-landing-pages .PL-illustration .progress .step .link-two,
  #paymentlinks .PL-illustration .progress .step .link-three,
  #seo-landing-pages .PL-illustration .progress .step .link-three {
    height: 30px;
  }
  #paymentlinks .PL-illustration .progress .step .link-two,
  #seo-landing-pages .PL-illustration .progress .step .link-two {
    top: 2px;
  }
  #paymentlinks .PL-illustration .progress .step .step-details,
  #seo-landing-pages .PL-illustration .progress .step .step-details {
    width: 80%;
  }
  #paymentlinks .PL-illustration .progress .step .step-details .action-detail,
  #seo-landing-pages
    .PL-illustration
    .progress
    .step
    .step-details
    .action-detail {
    display: none;
  }
  #paymentlinks .PL-illustration .progress .step .step-details .detail-desc,
  #seo-landing-pages
    .PL-illustration
    .progress
    .step
    .step-details
    .detail-desc {
    display: none;
  }
  #paymentlinks .PL-illustration .progress .step.active,
  #seo-landing-pages .PL-illustration .progress .step.active {
    margin-top: -10px;
  }
  #paymentlinks .PL-illustration .progress .step.active .current-step,
  #seo-landing-pages .PL-illustration .progress .step.active .current-step {
    top: 5px;
  }
  #paymentlinks .PL-illustration .progress .step.active .link-one,
  #seo-landing-pages .PL-illustration .progress .step.active .link-one,
  #paymentlinks .PL-illustration .progress .step.active .link-two,
  #seo-landing-pages .PL-illustration .progress .step.active .link-two {
    height: 101px;
  }
  #paymentlinks .PL-illustration .progress .step.active .link-three,
  #seo-landing-pages .PL-illustration .progress .step.active .link-three {
    height: 55px;
  }
  #paymentlinks
    .PL-illustration
    .progress
    .step.active
    .step-details
    .action-detail,
  #seo-landing-pages
    .PL-illustration
    .progress
    .step.active
    .step-details
    .action-detail {
    display: block;
  }
  #paymentlinks
    .PL-illustration
    .progress
    .step.active
    .step-details
    .detail-desc,
  #seo-landing-pages
    .PL-illustration
    .progress
    .step.active
    .step-details
    .detail-desc {
    display: block;
  }
  #paymentlinks .PL-illustration .progress .step.completed,
  #seo-landing-pages .PL-illustration .progress .step.completed {
    margin-top: -10px;
  }
  #paymentlinks .PL-illustration .progress .step.completed .current-step,
  #seo-landing-pages .PL-illustration .progress .step.completed .current-step {
    top: 2px;
  }
  #paymentlinks .PL-illustration .progress .step.completed .link-one,
  #seo-landing-pages .PL-illustration .progress .step.completed .link-one,
  #paymentlinks .PL-illustration .progress .step.completed .link-two,
  #seo-landing-pages .PL-illustration .progress .step.completed .link-two {
    height: 40px;
    top: 28px;
  }
  #paymentlinks .PL-illustration .progress .step.completed .link-three,
  #seo-landing-pages .PL-illustration .progress .step.completed .link-three {
    height: 0;
  }
  #paymentlinks .PL-illustration .visual-progressions,
  #seo-landing-pages .PL-illustration .visual-progressions {
    width: 100%;
    margin-top: 20px;
  }
  #paymentlinks .PL-illustration .visual-progressions .form-card,
  #seo-landing-pages .PL-illustration .visual-progressions .form-card,
  #paymentlinks .PL-illustration .visual-progressions .generated-link-card,
  #seo-landing-pages
    .PL-illustration
    .visual-progressions
    .generated-link-card {
    width: 100%;
    left: 0;
  }
  #paymentlinks
    .PL-illustration
    .visual-progressions
    .form-card
    .card-details
    .generated-link,
  #seo-landing-pages
    .PL-illustration
    .visual-progressions
    .form-card
    .card-details
    .generated-link,
  #paymentlinks
    .PL-illustration
    .visual-progressions
    .generated-link-card
    .card-details
    .generated-link,
  #seo-landing-pages
    .PL-illustration
    .visual-progressions
    .generated-link-card
    .card-details
    .generated-link {
    width: 100%;
    left: 0;
  }
  #paymentlinks
    .PL-illustration
    .visual-progressions
    .form-card
    .card-inputs
    .fields
    .text-control,
  #seo-landing-pages
    .PL-illustration
    .visual-progressions
    .form-card
    .card-inputs
    .fields
    .text-control,
  #paymentlinks
    .PL-illustration
    .visual-progressions
    .generated-link-card
    .card-inputs
    .fields
    .text-control,
  #seo-landing-pages
    .PL-illustration
    .visual-progressions
    .generated-link-card
    .card-inputs
    .fields
    .text-control {
    width: 100%;
  }
  #paymentlinks
    .PL-illustration
    .visual-progressions
    .form-card
    .card-inputs
    .fields
    .btn-control,
  #seo-landing-pages
    .PL-illustration
    .visual-progressions
    .form-card
    .card-inputs
    .fields
    .btn-control,
  #paymentlinks
    .PL-illustration
    .visual-progressions
    .generated-link-card
    .card-inputs
    .fields
    .btn-control,
  #seo-landing-pages
    .PL-illustration
    .visual-progressions
    .generated-link-card
    .card-inputs
    .fields
    .btn-control {
    width: 100%;
  }
}
@media (max-width: 767px) {
  #paymentlinks .PL-illustration,
  #seo-landing-pages .PL-illustration {
    width: 100%;
  }
  #paymentlinks
    .PL-illustration
    .visual-progressions
    .generated-link-card
    .card-details
    .generated-link,
  #seo-landing-pages
    .PL-illustration
    .visual-progressions
    .generated-link-card
    .card-details
    .generated-link {
    width: 105%;
    left: -5px;
  }
}
@media (max-width: 410px) {
  #paymentlinks
    .PL-illustration
    .visual-progressions
    .generated-link-card
    .card-details
    .generated-link,
  #seo-landing-pages
    .PL-illustration
    .visual-progressions
    .generated-link-card
    .card-details
    .generated-link {
    width: 100%;
  }
}
@media (max-width: 364px) {
  #paymentlinks .PL-illustration .progress .step.active .link-one,
  #seo-landing-pages .PL-illustration .progress .step.active .link-one,
  #paymentlinks .PL-illustration .progress .step.active .link-two,
  #seo-landing-pages .PL-illustration .progress .step.active .link-two {
    height: 105px;
  }
}
@media (max-width: 320px) {
  #paymentlinks
    .PL-illustration
    .visual-progressions
    .form-card
    .card-inputs
    .fields
    .btn-control,
  #seo-landing-pages
    .PL-illustration
    .visual-progressions
    .form-card
    .card-inputs
    .fields
    .btn-control {
    font-size: 12px;
  }
  #paymentlinks
    .PL-illustration
    .visual-progressions
    .form-card
    .card-inputs
    .fields
    .g-recaptcha,
  #seo-landing-pages
    .PL-illustration
    .visual-progressions
    .form-card
    .card-inputs
    .fields
    .g-recaptcha {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
    left: -35px;
  }
  #paymentlinks
    .PL-illustration
    .visual-progressions
    .generated-link-card
    .card-details
    .generated-link,
  #seo-landing-pages
    .PL-illustration
    .visual-progressions
    .generated-link-card
    .card-details
    .generated-link {
    width: 120%;
    position: relative;
    left: -21px;
  }
}
#paymentlinks #go-live-illustration,
#seo-landing-pages #go-live-illustration {
  text-align: left;
  margin-top: 50px;
  display: none;
}
#paymentlinks
  #go-live-illustration
  .illustration-container
  .illustration-description
  .header
  h2,
#seo-landing-pages
  #go-live-illustration
  .illustration-container
  .illustration-description
  .header
  h2 {
  max-width: 387px;
  font-weight: bold;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0.02em;
  text-align: left;
}
#paymentlinks
  #go-live-illustration
  .illustration-container
  .illustration-description
  .desc,
#seo-landing-pages
  #go-live-illustration
  .illustration-container
  .illustration-description
  .desc {
  max-width: 423px;
  font-size: 16px;
  line-height: 24px;
  color: #525a76;
  opacity: 0.7;
  margin-top: 20px;
  text-align: left;
  margin-bottom: 60px;
}
#paymentlinks
  #go-live-illustration
  .illustration-container
  .illustration-description
  .go-live-btn,
#seo-landing-pages
  #go-live-illustration
  .illustration-container
  .illustration-description
  .go-live-btn {
  text-align: left;
}
#paymentlinks
  #go-live-illustration
  .illustration-container
  .illustration-description
  .go-live-btn
  a.learn-more,
#seo-landing-pages
  #go-live-illustration
  .illustration-container
  .illustration-description
  .go-live-btn
  a.learn-more {
  background: #0884ff;
  border: 0.5px solid #58c19c;
  box-sizing: border-box;
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.14);
  border-radius: 4px;
}
#paymentlinks
  #go-live-illustration
  .illustration-container
  .illustration-description
  .go-live-btn
  a.learn-more
  .strip,
#seo-landing-pages
  #go-live-illustration
  .illustration-container
  .illustration-description
  .go-live-btn
  a.learn-more
  .strip {
  background: #59d7a3;
  color: #102562;
}
#paymentlinks
  #go-live-illustration
  .illustration-container
  .illustration-description
  .go-live-btn
  a.learn-more
  .strip
  i,
#seo-landing-pages
  #go-live-illustration
  .illustration-container
  .illustration-description
  .go-live-btn
  a.learn-more
  .strip
  i {
  color: #fff;
}
@media (max-width: 1023px) {
  #paymentlinks #go-live-illustration .illustration-container .columns,
  #seo-landing-pages #go-live-illustration .illustration-container .columns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  #paymentlinks
    #go-live-illustration
    .illustration-container
    .columns
    .illustration-description
    .go-live-btn,
  #seo-landing-pages
    #go-live-illustration
    .illustration-container
    .columns
    .illustration-description
    .go-live-btn {
    margin-top: -20px;
  }
}
@media (max-width: 1023px) {
  #paymentlinks #banner::after,
  #seo-landing-pages #banner::after {
    bottom: 2%;
  }
  #paymentlinks #content-pricing section .restrict,
  #seo-landing-pages #content-pricing section .restrict {
    margin-bottom: 20px;
    margin-left: 22px;
    margin-right: 22px;
  }
  #paymentlinks #content-pricing section .double-heading .column,
  #seo-landing-pages #content-pricing section .double-heading .column {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    margin-right: -30px;
    margin-bottom: -15px;
  }
  #paymentlinks #content-pricing section .double-heading .column:last-child,
  #seo-landing-pages
    #content-pricing
    section
    .double-heading
    .column:last-child {
    font-size: 13px;
    margin-top: 25px;
  }
  #paymentlinks #content-pricing section .clip,
  #seo-landing-pages #content-pricing section .clip {
    margin-left: 26px;
  }
  #paymentlinks #video-section .column:last-child,
  #seo-landing-pages #video-section .column:last-child {
    padding-left: 12px;
  }
  #paymentlinks #reminder .container,
  #seo-landing-pages #reminder .container {
    padding-bottom: 180px;
  }
  #paymentlinks #reminder .container h2,
  #seo-landing-pages #reminder .container h2 {
    font-size: 22px;
    line-height: 32px;
  }
  #paymentlinks #reminder .container p,
  #seo-landing-pages #reminder .container p {
    font-size: 16px;
    line-height: 24px;
  }
  #paymentlinks #reminder .container .columns,
  #seo-landing-pages #reminder .container .columns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  #paymentlinks #reminder .container .columns img,
  #seo-landing-pages #reminder .container .columns img {
    margin-top: 0;
  }
  #paymentlinks .section-header,
  #seo-landing-pages .section-header {
    text-align: left;
    margin-top: 20px;
    margin-bottom: -60px;
  }
  #paymentlinks .section-header::after,
  #seo-landing-pages .section-header::after {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  #paymentlinks #reminder .container,
  #seo-landing-pages #reminder .container {
    padding-bottom: 120px;
  }
  #paymentlinks #reminder .container .columns,
  #seo-landing-pages #reminder .container .columns {
    padding-bottom: 30px;
  }
  #paymentlinks #video-section,
  #seo-landing-pages #video-section {
    margin-top: -90px;
  }
}
@media (max-width: 1023px) {
  #paymentlinks #content-pricing section .restrict,
  #seo-landing-pages #content-pricing section .restrict {
    margin-bottom: 20px;
    margin-left: 22px;
    margin-right: 22px;
  }
  #paymentlinks #content-pricing section .double-heading .column,
  #seo-landing-pages #content-pricing section .double-heading .column {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-right: 0;
    margin-bottom: 0;
  }
  #paymentlinks #content-pricing section .double-heading .column:last-child,
  #seo-landing-pages
    #content-pricing
    section
    .double-heading
    .column:last-child {
    font-size: 13px;
    margin-top: 25px;
  }
  #paymentlinks #content-pricing section .clip,
  #seo-landing-pages #content-pricing section .clip {
    margin-left: 26px;
  }
}
.common-card {
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid rgba(0, 0, 0, 0.06);
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.06);
  border-radius: 2px;
  -webkit-transition: 0.2s all ease-in;
  transition: 0.2s all ease-in;
  cursor: pointer;
}
.common-card:hover {
  -webkit-transform: translateY(-2px) scale(1.01);
  -ms-transform: translateY(-2px) scale(1.01);
  transform: translateY(-2px) scale(1.01);
  box-shadow: 0 5px 16px 1px rgba(0, 0, 0, 0.13),
    0 1px 4px 0 rgba(0, 0, 0, 0.09);
}
.common-card .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: calc(100% - 200px);
  padding: 17px;
}
.common-card .content .title {
  color: #0d2366;
  font-weight: 800;
  font-size: 24px;
  line-height: 32px;
  background-repeat: no-repeat;
  background-size: contain;
}
.common-card .content .title img {
  max-width: 60px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-right: 10px;
}
.common-card .content .cta {
  font-size: 12px;
  white-space: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #528ff0;
}
.common-card .content .cta::after {
  padding-left: 5px;
  content: ">";
}
.common-card .image {
  width: 200px;
  height: 200px;
  background-color: #c4c4c4;
  background-size: cover;
  background-repeat: no-repeat;
  background-clip: content-box;
  padding: 17px 0 17px 17px;
}
.common-card .image img {
  object-fit: cover;
  height: 100%;
}
.common-card .desc {
  margin: 8px 0;
}
.common-card.expand .image {
  background-clip: initial;
  width: 235px;
  height: 227px;
}
.common-card.expand .content {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.common-card.expand .cta {
  color: #fff;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.common-card.treebo-card .image {
  background-image: url("/assets/case-studies/common-card/pl_treebo.png");
}
.common-card.goalwise-card .image {
  background-image: url("/assets/case-studies/common-card/route_goalwise.png");
}
.common-card.breathingroom-card .image {
  background-image: url("/assets/case-studies/common-card/pg_breathingroom.png");
}
.common-card.freshtohome-card .image {
  background-image: url("/assets/case-studies/common-card/pg_freshtohome_img.png");
}
.common-card.goomo-card .image {
  background-image: url("/assets/case-studies/common-card/pl_goomo.png");
}
.common-card.paisabazaar-card .image {
  background-image: url("/assets/case-studies/common-card/s_paisabazaar.png");
}
.common-card.rentomojo-card .image {
  background-image: url("/assets/case-studies/common-card/s_rentomojo.png");
}
.common-card.explorelife-card .image {
  background-image: url("/assets/case-studies/common-card/route_explorelife.png");
}
@media (max-width: 1023px) {
  .common-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .common-card:hover {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .common-card .content {
    height: 100%;
  }
  .common-card .content,
  .common-card .image {
    width: 100%;
  }
  .common-card .content .title,
  .common-card .image .title {
    font-size: 19px;
    line-height: 31px;
  }
  .common-card .image {
    height: 227px;
    padding: 0;
  }
}
#route #testimonials .testimonials,
#payments #testimonials .testimonials,
#paymentlinks #testimonials .testimonials,
#subscriptions #testimonials .testimonials {
  margin-top: 0;
}
#route #testimonials .testimonials .scroller .wrapper,
#payments #testimonials .testimonials .scroller .wrapper,
#paymentlinks #testimonials .testimonials .scroller .wrapper,
#subscriptions #testimonials .testimonials .scroller .wrapper {
  height: 185px;
}
#route #testimonials .testimonials .scroller .wrapper .common-card,
#payments #testimonials .testimonials .scroller .wrapper .common-card,
#paymentlinks #testimonials .testimonials .scroller .wrapper .common-card,
#subscriptions #testimonials .testimonials .scroller .wrapper .common-card {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  white-space: normal;
  width: 550px;
  margin-right: 20px;
}
#route #testimonials .testimonials .scroller .wrapper .common-card .content,
#payments #testimonials .testimonials .scroller .wrapper .common-card .content,
#paymentlinks
  #testimonials
  .testimonials
  .scroller
  .wrapper
  .common-card
  .content,
#subscriptions
  #testimonials
  .testimonials
  .scroller
  .wrapper
  .common-card
  .content {
  width: auto;
}
#route #testimonials .testimonials .scroller .wrapper::before,
#payments #testimonials .testimonials .scroller .wrapper::before,
#paymentlinks #testimonials .testimonials .scroller .wrapper::before,
#subscriptions #testimonials .testimonials .scroller .wrapper::before,
#route #testimonials .testimonials .scroller .wrapper::after,
#payments #testimonials .testimonials .scroller .wrapper::after,
#paymentlinks #testimonials .testimonials .scroller .wrapper::after,
#subscriptions #testimonials .testimonials .scroller .wrapper::after {
  height: 185px;
}
@media (max-width: 1023px) {
  #route #testimonials .testimonials .scroller .wrapper,
  #payments #testimonials .testimonials .scroller .wrapper,
  #paymentlinks #testimonials .testimonials .scroller .wrapper,
  #subscriptions #testimonials .testimonials .scroller .wrapper {
    padding-left: 24px;
  }
  #route #testimonials .testimonials .scroller .wrapper .common-card,
  #payments #testimonials .testimonials .scroller .wrapper .common-card,
  #paymentlinks #testimonials .testimonials .scroller .wrapper .common-card,
  #subscriptions #testimonials .testimonials .scroller .wrapper .common-card {
    height: 155px;
    width: 300px;
    padding: 0;
  }
  #route #testimonials .testimonials .scroller .wrapper .common-card .content,
  #payments
    #testimonials
    .testimonials
    .scroller
    .wrapper
    .common-card
    .content,
  #paymentlinks
    #testimonials
    .testimonials
    .scroller
    .wrapper
    .common-card
    .content,
  #subscriptions
    #testimonials
    .testimonials
    .scroller
    .wrapper
    .common-card
    .content {
    padding: 12px 18px;
  }
  #route #testimonials .testimonials .scroller .wrapper .common-card .image,
  #payments #testimonials .testimonials .scroller .wrapper .common-card .image,
  #paymentlinks
    #testimonials
    .testimonials
    .scroller
    .wrapper
    .common-card
    .image,
  #subscriptions
    #testimonials
    .testimonials
    .scroller
    .wrapper
    .common-card
    .image {
    display: none;
  }
  #route #testimonials .testimonials .scroller .wrapper .common-card .title,
  #payments #testimonials .testimonials .scroller .wrapper .common-card .title,
  #paymentlinks
    #testimonials
    .testimonials
    .scroller
    .wrapper
    .common-card
    .title,
  #subscriptions
    #testimonials
    .testimonials
    .scroller
    .wrapper
    .common-card
    .title {
    font-size: 15px;
    line-height: 19px;
  }
  #route #testimonials .testimonials .scroller .wrapper .common-card .title img,
  #payments
    #testimonials
    .testimonials
    .scroller
    .wrapper
    .common-card
    .title
    img,
  #paymentlinks
    #testimonials
    .testimonials
    .scroller
    .wrapper
    .common-card
    .title
    img,
  #subscriptions
    #testimonials
    .testimonials
    .scroller
    .wrapper
    .common-card
    .title
    img {
    max-width: 40px;
  }
  #route #testimonials .testimonials .scroller .wrapper .common-card .desc,
  #payments #testimonials .testimonials .scroller .wrapper .common-card .desc,
  #paymentlinks
    #testimonials
    .testimonials
    .scroller
    .wrapper
    .common-card
    .desc,
  #subscriptions
    #testimonials
    .testimonials
    .scroller
    .wrapper
    .common-card
    .desc {
    font-size: 14px;
    line-height: 18px;
    margin: 7px 0;
  }
  #route #testimonials .testimonials .scroller .wrapper .common-card .cta,
  #payments #testimonials .testimonials .scroller .wrapper .common-card .cta,
  #paymentlinks
    #testimonials
    .testimonials
    .scroller
    .wrapper
    .common-card
    .cta,
  #subscriptions
    #testimonials
    .testimonials
    .scroller
    .wrapper
    .common-card
    .cta {
    font-size: 11px;
    line-height: 16px;
  }
}
.showcase {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-left: -12px;
  margin-right: -12px;
}
.showcase .column {
  margin: 54px 24px 0;
  padding: 0;
  max-width: 360px;
}
@media (max-width: 1023px) {
  .showcase .column {
    margin: 12px auto;
    padding: 12px;
  }
}
.showcase i {
  width: 48px;
  height: 48px;
  background: #528ff0;
  border-radius: 50%;
}
.showcase h4 {
  margin: 12px 0;
  color: #0d2366;
}
.showcase p {
  margin: 0;
}
@media (max-width: 1023px) {
  .showcase {
    margin-left: 0;
    margin-right: 0;
  }
}
.icon {
  width: 48px;
  height: 48px;
  background: no-repeat center;
  background-size: contain;
}
section#unreg-section {
  padding-bottom: 80px;
}
section#unreg-section .columns h2 {
  margin-top: 50px;
}
section#unreg-section .midsection-svg {
  top: -250px;
  z-index: -2;
  height: calc(100% + 250px);
}
@media (max-width: 1023px) {
  section#unreg-section {
    padding-bottom: 60px;
  }
  section#unreg-section .midsection-svg {
    top: -20px;
    height: calc(100% + 50px);
  }
  section#unreg-section .illustration-container {
    margin: 0;
    padding: 0;
  }
  section#unreg-section .columns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  section#unreg-section .columns h2 {
    margin-top: 0;
  }
}
.strip-btn {
  padding: 8px 24px;
  padding-right: 84px !important;
  font-weight: 600;
  color: #fff;
  border: 0.5px solid #58c19c;
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.14);
  border-radius: 4px;
  background-color: #2756c1;
}
.strip-btn:hover {
  background-color: #1541a6;
}
.strip-btn .strip {
  width: 48px;
  height: 48px;
  -webkit-transform: skew(-29deg);
  -ms-transform: skew(-29deg);
  transform: skew(-29deg);
  position: absolute;
  top: -4px;
  right: 24px;
  background-color: #59d7a3;
}
.strip-btn i {
  right: 38px;
  margin-top: -4px;
}
a.learn-more {
  display: inline-block;
  padding: 8px 84px 8px 24px;
  font-weight: 600;
  color: #fff;
  background-color: #2756c1;
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.14);
  border-radius: 4px;
  position: relative;
}
a.learn-more.no-strip .follow {
  display: none;
}
a.learn-more .follow {
  position: absolute;
  top: -3px;
  width: 48px;
  height: 48px;
  display: inline-block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
a.learn-more .follow .strip {
  -webkit-transform: skew(-29deg);
  -ms-transform: skew(-29deg);
  transform: skew(-29deg);
  background-color: #59d7a3;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
a.learn-more .follow .strip i {
  -webkit-transform: skew(29deg);
  -ms-transform: skew(29deg);
  transform: skew(29deg);
}
a.learn-more .follow .strip i:before {
  font-size: 18px;
  font-weight: bold;
}
a.learn-more.arrow {
  padding-right: 55px;
}
a.learn-more.arrow .strip {
  display: none;
}
a.learn-more.arrow .follow {
  right: 10px;
}
a.learn-more.strip {
  padding-right: 84px;
}
a.learn-more.strip .follow {
  right: 20px;
}
a.learn-more.strip .follow > i {
  display: none;
}
#faqs .active {
  display: inline-block !important;
}
#faqs a {
  color: #528ff0;
}
/* #faqs h2 {
  padding-bottom: 25px;
  text-align: center !important;
} */
#faqs h2 + p.mob {
  margin: 0 0 10px 0;
}
#faqs h2:after {
  background: #6ce8ab;
  margin-left: auto !important;
  margin-right: auto !important;
}
#faqs .faq {
  padding: 64px 0;
}
#faqs .faq .content {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
#faqs .faq .content .inner {
  background: #fefefe;
  border-radius: 3px;
  max-width: 526px;
  margin: 12px 0 0 0;
}
#faqs .faq .content .inner:nth-last-child(2) {
  border: none;
}
#faqs .faq .content .inner:nth-last-child(2) .mob {
  display: none;
}
#faqs
  .faq
  .content
  .inner
  .faqs-tab-title:hover
  + .faqs-tab-title-content
  + .faqs-tab-title {
  border-top: 0;
}
#faqs
  .faq
  .content
  .inner
  .faqs-tab-title.active
  + .faqs-tab-title-content
  + .faqs-tab-title {
  border: none;
}
#faqs
  .faq
  .content
  .inner
  .faqs-tab-title.active
  + .faqs-tab-title-content
  + .faqs-tab-title:hover {
  border: 1px solid #e4eeff;
  border-top: 0;
}
#faqs .faq .content .inner .faqs-tab-title {
  display: inline-block;
  text-align: left;
  padding: 16px;
  width: 103%;
  position: relative;
  border-top: 1px solid #e4eeff;
}
#faqs .faq .content .inner .faqs-tab-title:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.8);
}
#faqs .faq .content .inner .faqs-tab-title:hover {
  cursor: pointer;
}
#faqs .faq .content .inner .faqs-tab-title.active,
#faqs .faq .content .inner .faqs-tab-title:hover {
  background: #fafbff;
  border: 1px solid #e4eeff;
  z-index: 5;
}
#faqs .faq .content .inner .faqs-tab-title.active:after,
#faqs .faq .content .inner .faqs-tab-title:hover:after {
  content: "";
  height: 10px;
  width: 10px;
  -webkit-transform: rotate(135deg) translate(19px, 2px);
  -ms-transform: rotate(135deg) translate(19px, 2px);
  transform: rotate(135deg) translate(19px, 2px);
  border: 1px solid #0abeff;
  border-right: 0;
  border-bottom: 0;
  position: relative;
  float: right;
  margin-right: 6px;
}
#faqs .faq .content .inner .faqs-tab-title:after {
  content: "";
  height: 10px;
  width: 10px;
  -webkit-transform: rotate(135deg) translate(19px, 2px);
  -ms-transform: rotate(135deg) translate(19px, 2px);
  transform: rotate(135deg) translate(19px, 2px);
  border: 1px solid #7b8199;
  border-right: 0;
  border-bottom: 0;
  position: relative;
  float: right;
  margin-right: 6px;
}
#faqs .faq .content .inner .faqs-tab-title .q {
  padding-right: 10px;
  font-size: 16px;
  line-height: 30px;
  /* color: #515978; */
  display: inline-block;
  max-width: 430px;
}
#faqs .faq .content .inner .faqs-tab-title .dot {
  background: #0abeff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin: 6px 20px 8px 8px;
  display: inline-block;
  vertical-align: top;
}
#faqs .faq .content .inner .faqs-tab-title.active + .faqs-tab-title-content {
  display: block;
}
#faqs .faq .content .inner .faqs-tab-title-content {
  -webkit-transition: 0.25s all cubic-bezier(0.22, 0.63, 0.41, 0.86);
  transition: 0.25s all cubic-bezier(0.22, 0.63, 0.41, 0.86);
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  right: 0;
  max-width: calc(100% - 390px);
  z-index: 1;
  width: 50%;
  display: none;
  left: 544px;
  text-align: left;
  background: #fafbff;
  border: 1px solid #e4eeff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.06);
  padding: 48px;
  top: -14px;
}
#faqs .faq .content .inner .faqs-tab-title-content .heading {
  font-weight: bold;
  font-size: 18px;
  line-height: 30px;
  /* color: #515978; */
  text-align: left !important;
  margin-top: unset !important;
}
#faqs .faq .content .inner .faqs-tab-title-content .heading:after {
  /* background: #6ce8ab; */
  content: "";
  display: block;
  /* width: 14px; */
  /* height: 4px; */
  margin-top: 16px;
}
#faqs .faq .content .inner .faqs-tab-title-content p {
  line-height: 24px;
  font-size: 15px;
  /* color: #515978; */
  margin-bottom: 0;
}
#faqs .faq .content .inner .faqs-tab-title-content table,
#faqs .faq .content .inner .faqs-tab-title-content th,
#faqs .faq .content .inner .faqs-tab-title-content tr,
#faqs .faq .content .inner .faqs-tab-title-content td {
  border: 1px solid #000;
  border-collapse: collapse;
  padding: 10px;
}
#faqs .faq .content .inner .faqs-tab-title-content table {
  margin: 15px 0 0;
}
#faqs .faq .content .inner .faqs-tab-title-content table th {
  width: 100px;
  vertical-align: baseline;
}
@media (max-width: 1023px) {
  #faqs .container {
    padding-left: 0;
    padding-right: 0;
  }
  #faqs .nomob {
    display: none !important;
  }
  #faqs .mob {
    text-align: center;
    padding-bottom: 0;
  }
  #faqs .mob:after {
    margin-left: auto;
    margin-right: auto;
  }
  #faqs .faq .content .inner {
    height: 100%;
    max-width: 100%;
  }
  #faqs .faq .content .inner .faqs-tab-title {
    padding: 12px 24px;
    width: 100%;
  }
  #faqs .faq .content .inner .faqs-tab-title.active,
  #faqs .faq .content .inner .faqs-tab-title:hover {
    border-right: 0;
    border-left: 0;
  }
  #faqs .faq .content .inner .faqs-tab-title.active:hover:after,
  #faqs .faq .content .inner .faqs-tab-title.active:after {
    -webkit-transform: translate(5px, 5px);
    -ms-transform: translate(5px, 5px);
    transform: translate(5px, 5px);
    content: "";
    background: url("/assets/icons/arrow-up.svg") no-repeat;
    position: relative;
    float: right;
    height: 28px;
    width: 28px;
    border: none;
  }
  #faqs .faq .content .inner .faqs-tab-title.active,
  #faqs .faq .content .inner .faqs-tab-title:hover {
    background: #fff;
  }
  #faqs .faq .content .inner .faqs-tab-title:first-child {
    border-top: 2px solid #e4eeff;
  }
  #faqs .faq .content .inner .faqs-tab-title:nth-last-child(2) {
    border-bottom: 2px solid #e4eeff !important;
  }
  #faqs .faq .content .inner .faqs-tab-title:after,
  #faqs .faq .content .inner .faqs-tab-title:hover:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    content: "";
    background: url("/assets/icons/arrow-up.svg") no-repeat;
    position: relative;
    float: right;
    height: 28px;
    width: 28px;
    border: none;
  }
  #faqs .faq .content .inner .faqs-tab-title .dot {
    display: none;
  }
  #faqs .faq .content .inner .faqs-tab-title .q {
    max-width: calc(100% - 42px);
    line-height: 26px;
  }
  #faqs .faq .content .inner .faqs-tab-title-content {
    width: 100%;
    padding: 30px 24px;
    left: 0;
    position: relative;
    max-width: 100%;
    top: 0;
    height: 100% !important;
  }
  #faqs .faq .content .inner .faqs-tab-title-content p {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 28px;
  }
}
.pricing-card h2 {
  text-transform: capitalize;
  font-size: 18px;
  line-height: 22px;
  font-weight: bold;
}
.pricing-card h2::after {
  margin-top: 12px;
}
.pricing-card .double-heading {
  margin: 24px 0;
}
.pricing-card .double-heading .column:first-child {
  color: #528ff0;
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  font-size: 40px;
  padding-left: 0;
  padding-bottom: 0;
  line-height: 48px;
}
.pricing-card .double-heading .column:last-child {
  -webkit-box-flex: 7;
  -webkit-flex-grow: 7;
  -ms-flex-positive: 7;
  flex-grow: 7;
  font-size: 18px;
  line-height: 24px;
}
.pricing-card .btn {
  margin-top: 24px;
}
.list .column {
  padding: 0;
}
.list ul {
  padding-left: 0;
}
.list li,
.list li.column {
  margin: 24px 0;
  padding-left: 28px;
  position: relative;
}
.list li::before,
.list li.column::before {
  content: "";
  height: 9px;
  width: 4px;
  -webkit-transform: rotate(45deg) translate(7px, 2px);
  -ms-transform: rotate(45deg) translate(7px, 2px);
  transform: rotate(45deg) translate(7px, 2px);
  border: 2px solid #0bffc1;
  border-left: 0;
  border-top: 0;
  position: relative;
  margin-left: -29px;
}
.codeblock {
  position: relative;
  padding: 40px 24px 48px 82px;
  border: 1px solid rgba(0, 0, 0, 0.07);
  width: 100%;
  font-family: "PT Mono", monospace;
  overflow-x: auto;
  word-break: break-all;
  word-break: break-word;
  font-size: 14px;
  background: #fff;
  color: #505095;
  white-space: pre-wrap;
  max-width: 820px;
}
.codeblock ol {
  counter-reset: item;
  padding: 0;
  margin: 0;
}
.codeblock ol::before {
  top: 0;
  left: 0;
  bottom: 0;
  width: 58px;
  content: "";
  position: absolute;
  background: #eef0f6;
}
.codeblock li {
  counter-increment: item;
  padding: 6px 0;
  min-height: 37px;
}
.codeblock li::before {
  left: 0;
  width: 40px;
  text-align: right;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  color: #515978;
  content: counter(item);
}
.sh .hljs-string,
.bash .hljs-string {
  color: #f06162;
}
.sh .hljs-built_in,
.bash .hljs-built_in {
  color: #6e61f0;
}
.sh .hljs-flags,
.bash .hljs-flags {
  color: #3ecfbe;
}
.youtube-video {
  position: relative;
}
.youtube-video iframe {
  width: 100%;
  display: block;
  margin: auto;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 2px;
  box-shadow: 2px 4px 9px 1px rgba(0, 0, 0, 0.05), 0 1px 1px rgba(0, 0, 0, 0.04);
}
.youtube-video.ended::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  right: 0;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.8);
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("/assets/replay.png");
}
.youtube-video.paused::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  right: 0;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.8);
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("/assets/play-white.png");
}
@media (max-width: 1023px) {
  .youtube-video iframe {
    height: 318px;
  }
}
@media (max-width: 767px) {
  .youtube-video iframe {
    height: 200px;
  }
}
.person,
.organisation {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 16px;
  height: 48px;
}
.person {
  border-radius: 50%;
  width: 48px;
}
.organisation {
  height: 32px;
}
.organisation.hype {
  width: 28px;
}
.organisation.knowlarity {
  width: 73px;
}
.organisation.quicksell {
  width: 45px;
  height: 44px;
}
.organisation.financebazaar {
  width: 75px;
}
.organisation.quikr {
  width: 85px;
}
.organisation.zerodha {
  width: 109px;
}
.organisation.bookmyforex {
  width: 109px;
}
.organisation.freshtohome {
  width: 35px;
}
.organisation.roadrunnr {
  width: 65px;
}
.organisation.explorelife {
  width: 85px;
}
.organisation.medlife {
  width: 60px;
}
.organisation.goalwise {
  width: 90px;
}
.organisation.akbartravels {
  width: 32px;
}
.organisation.ans {
  width: 74px;
  background-size: 75px;
  height: 44px;
}
.organisation.indacc {
  width: 56px;
  height: 44px;
}
.organisation.ubiqc {
  width: 56px;
  background-size: 52px;
  height: 44px;
}
.organisation.urbanpiper {
  width: 56px;
  height: 44px;
}
.organisation.swiggy {
  width: 56px;
  height: 44px;
}
.organisation.unacademy {
  width: 135px;
  height: 44px;
}
.organisation.icici-lombard {
  width: 155px;
  height: 44px;
}
.organisation.rentomojo {
  width: 135px;
  height: 44px;
}
#testimonials {
  padding-bottom: 90px;
}
#testimonials .container {
  max-width: 100vw;
  margin-left: unset;
}
#testimonials .testimonials {
  position: relative;
  width: 100vw;
  margin: 0 auto;
  margin-top: 48px;
  -webkit-tap-highlight-color: transparent;
}
#testimonials .testimonials .scroller {
  overflow-x: auto;
}
#testimonials .testimonials .scroller::-webkit-scrollbar {
  display: none;
}
#testimonials .testimonials .prev-arrow,
#testimonials .testimonials .next-arrow {
  position: absolute;
  bottom: -66px;
  width: 46px;
  height: 46px;
  cursor: pointer;
  border: 1px solid rgba(51, 107, 196, 0.16);
  border-radius: 50%;
  box-shadow: 0 4px 8px 0 rgba(35, 43, 48, 0.06);
  z-index: 199;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background-position: center;
  background-repeat: no-repeat;
}
#testimonials .testimonials .prev-arrow.hide,
#testimonials .testimonials .next-arrow.hide {
  opacity: 0;
  pointer-events: none;
}
#testimonials .testimonials .prev-arrow {
  left: calc(50% - 93px - 8px);
  background-position-x: 15px;
}
#testimonials .testimonials .prev-arrow.hide {
  -webkit-transform: translateX(-12px);
  -ms-transform: translateX(-12px);
  transform: translateX(-12px);
}
#testimonials .testimonials .next-arrow {
  right: calc(50% - 23px - 8px);
  background-position-x: 18px;
}
#testimonials .testimonials .next-arrow.hide {
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
}
@media (max-width: 767px) {
  #testimonials .testimonials .prev-arrow {
    left: 30%;
  }
  #testimonials .testimonials .next-arrow {
    right: 30%;
  }
}
#testimonials .testimonials .wrapper {
  white-space: nowrap;
}
#testimonials .testimonials .wrapper::before,
#testimonials .testimonials .wrapper::after {
  content: "";
  opacity: 0;
  height: 365px;
  width: calc(25vw - 12px);
  display: inline-block;
  margin: 0;
}
#testimonials .testimonials .item {
  display: inline-block;
  padding: 0 12px;
  margin: 0;
  vertical-align: top;
  position: relative;
}
#testimonials .testimonials .story {
  display: block;
  width: calc(50vw - 24px);
  height: 365px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.03);
  box-shadow: 2px 4px 9px 1px rgba(0, 0, 0, 0.05), 0 1px 1px rgba(0, 0, 0, 0.04);
  white-space: normal;
  padding: 32px;
  padding-bottom: 90px;
  overflow-y: auto;
}
#testimonials .testimonials .story h4:before {
  background: url("/assets/home/top-quotation.svg") no-repeat;
  background-size: contain;
  content: "";
  height: 33px;
  width: 43px;
  display: block;
  margin-bottom: 10px;
}
#testimonials .testimonials .story p {
  margin-top: 10px;
}
@media (max-width: 1023px) {
  #testimonials .testimonials .story p {
    padding-bottom: 70px;
  }
}
#testimonials .testimonials .story .author {
  position: absolute;
  bottom: 2px;
  right: 32px;
  left: 13px;
  background: #fff;
  padding: 32px;
  padding-right: 0;
}
#testimonials .testimonials .story .author .name {
  border-left: 2px solid rgba(151, 151, 151, 0.3);
  padding-left: 16px;
}
#testimonials .testimonials .story .person,
#testimonials .testimonials .story .name,
#testimonials .testimonials .story .organisation {
  display: inline-block;
  vertical-align: middle;
}
#testimonials .testimonials .cover {
  position: absolute;
  top: 0;
  bottom: 0;
  width: calc(25vw - 12px);
  pointer-events: none;
  -webkit-transition: 0.5s opacity;
  transition: 0.5s opacity;
}
#testimonials .testimonials .cover.left {
  left: 0;
  background: -webkit-linear-gradient(left, #fff 20%, rgba(255, 255, 255, 0));
  background: linear-gradient(to right, #fff 20%, rgba(255, 255, 255, 0));
}
#testimonials .testimonials .cover.right {
  right: 0;
  background: -webkit-linear-gradient(right, #fff 20%, rgba(255, 255, 255, 0));
  background: linear-gradient(to left, #fff 20%, rgba(255, 255, 255, 0));
}
#testimonials .testimonials .cover.over {
  opacity: 0.5;
}
@media (max-width: 767px) {
  #testimonials .testimonials {
    min-width: 0;
    width: 100%;
  }
  #testimonials .testimonials .wrapper {
    padding: 0;
  }
  #testimonials .testimonials .wrapper::before,
  #testimonials .testimonials .wrapper::after {
    content: none;
  }
}
@media (max-width: 1023px) {
  #testimonials #testimonials > .column:last-child {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  #testimonials .testimonials .scroller .wrapper {
    height: 570px;
  }
  #testimonials .testimonials .scroller .cover {
    width: 0;
  }
  #testimonials .testimonials .item {
    width: 100%;
    max-width: 448px;
  }
  #testimonials .testimonials .story {
    width: 100%;
    min-width: 0;
    font-size: 14px;
    height: 555px;
    padding-left: 20px;
    padding-right: 20px;
  }
  #testimonials .testimonials .story .author .person,
  #testimonials .testimonials .story .author .organisation {
    display: block;
  }
  #testimonials .testimonials .story .author .name {
    border-left: none;
    padding-left: 0;
    border-top: 2px solid rgba(151, 151, 151, 0.3);
    padding-top: 12px;
    margin-top: 12px;
  }
  #testimonials .testimonials .story h4:before {
    height: 23px;
    width: 29px;
  }
}
@media (min-width: 1024px) {
  #testimonials #testimonials > .column:last-child {
    max-width: 708px;
  }
}
@media (max-width: 1023px) {
  #testimonials.with-signup {
    padding: 0 0 30px;
  }
}
#testimonials.with-signup .container {
  max-width: 1080px;
  margin-left: auto;
}
#testimonials.with-signup .container.wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
#testimonials.with-signup .container .testimonials {
  width: auto;
  margin-top: auto;
}
@media (max-width: 1023px) {
  #testimonials.with-signup .container .testimonials .item {
    width: 100%;
    max-width: none;
    padding: 0 20px 0 0;
  }
}
#testimonials.with-signup .container .testimonials .scroller {
  width: 670px;
}
@media (max-width: 1023px) {
  #testimonials.with-signup .container .testimonials .scroller {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  #testimonials.with-signup .container .testimonials .scroller .wrapper {
    height: auto;
  }
  #testimonials.with-signup
    .container
    .testimonials
    .scroller
    .wrapper
    .author
    .organisation,
  #testimonials.with-signup
    .container
    .testimonials
    .scroller
    .wrapper
    .author
    .person {
    display: inline-block;
  }
  #testimonials.with-signup
    .container
    .testimonials
    .scroller
    .wrapper
    .author
    .name {
    width: 75%;
    border: none;
    padding: 0;
    margin: 0;
  }
}
#testimonials.with-signup .container .testimonials .scroller .wrapper:after,
#testimonials.with-signup .container .testimonials .scroller .wrapper:before {
  width: auto;
  height: auto;
}
#testimonials.with-signup .container .testimonials .scroller .wrapper .story {
  width: 640px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  height: 370px;
  overflow: initial;
}
@media (max-width: 1023px) {
  #testimonials.with-signup .container .testimonials .scroller .wrapper .story {
    width: 100%;
    height: 370px;
  }
}
@media (max-width: 767px) {
  #testimonials.with-signup .container .testimonials .scroller .wrapper .story {
    padding-bottom: 155px;
    height: 555px;
    overflow: scroll;
  }
}
@media (max-width: 1023px) {
  #testimonials.with-signup
    .container
    .testimonials
    .scroller
    .wrapper
    .story
    p {
    padding-bottom: 0;
  }
}
@media (max-width: 1023px) {
  #testimonials.with-signup
    .container
    .testimonials
    .scroller
    .wrapper
    .story
    .author {
    padding: 24px;
    bottom: 0;
  }
}
#testimonials.with-signup .container .signupBlock {
  max-width: 360px;
}
@media (max-width: 1023px) {
  #testimonials.with-details .wrapper {
    height: auto !important;
  }
}
#testimonials.with-details .item {
  background: #1e2279;
  box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  padding: 30px;
  margin-right: 110px;
}
#testimonials.with-details .item .badge {
  position: relative;
  background: #4444e3;
  box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.05);
  font-weight: 800;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: 0.005em;
  color: #fff;
  padding: 16px 50px;
  margin-left: -50px;
  margin-bottom: 20px;
  display: inline-block;
}
@media (max-width: 1023px) {
  #testimonials.with-details .item .badge {
    margin-left: -31px;
    padding: 16px 25px;
    width: 113%;
    word-break: break-word;
    white-space: pre-wrap;
  }
}
#testimonials.with-details .item .badge:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -20px;
  width: 0;
  height: 0;
  border-top: 20px solid #232191;
  border-left: 20px solid transparent;
}
@media (max-width: 1023px) {
  #testimonials.with-details .item .badge:before {
    bottom: -12px;
    border-top: 12px solid #232191;
    border-left: 11px solid transparent;
  }
}
@media (max-width: 1023px) {
  #testimonials.with-details .item {
    padding: 20px;
    margin-right: 30px;
    margin-left: 10px;
  }
}
#testimonials.with-details .item .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 1023px) {
  #testimonials.with-details .item .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: unset;
    -webkit-align-items: unset;
    -ms-flex-align: unset;
    align-items: unset;
  }
}
#testimonials.with-details .item .flex .detail-info {
  max-width: 370px;
  margin-right: 40px;
}
@media (max-width: 1023px) {
  #testimonials.with-details .item .flex .detail-info {
    max-width: 100%;
    margin-right: 20px;
  }
}
#testimonials.with-details .item .flex .detail-info .block {
  margin-bottom: 20px;
}
#testimonials.with-details .item .flex .detail-info .block .title {
  color: #fff;
  font-size: 18px;
  line-height: 25px;
  font-weight: 800;
}
#testimonials.with-details .item .flex .detail-info .block .description {
  font-size: 16px;
  line-height: 22px;
  color: #fff;
  opacity: 0.7;
  white-space: initial;
}
#testimonials.with-details .item .flex .detail-info a.link {
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  color: #fff;
}
@media (max-width: 1023px) {
  #testimonials.with-details .item .flex .detail-info a.link {
    color: #528ff0;
  }
}
#testimonials.with-details .story {
  max-width: 380px;
  height: auto;
  padding: 30px;
  position: relative;
}
@media (max-width: 1023px) {
  #testimonials.with-details .story {
    margin: 25px 0;
  }
}
#testimonials.with-details .story img {
  max-width: 200px;
}
@media (max-width: 1023px) {
  #testimonials.with-details .story img {
    max-width: 150px;
  }
}
#testimonials.with-details .story img.quote {
  margin-top: 20px;
}
#testimonials.with-details .story .author {
  position: static;
  padding: 10px 0 0;
}
#testimonials.with-details .story .author .organisation {
  height: 48px;
  margin-right: 0;
  vertical-align: text-top;
}
@media (max-width: 1023px) {
  #testimonials.with-details .story .author .organisation {
    display: inline-block;
  }
}
#testimonials.with-details .story .author .name {
  border-left: none;
  width: 80%;
  vertical-align: text-top;
}
@media (max-width: 1023px) {
  #testimonials.with-details .story .author .name {
    border-top: none;
    padding-top: 0;
    margin-top: 0;
    width: 60%;
    padding-left: 10px;
  }
}
#testimonials.with-details .story p {
  margin-top: 20px;
  color: #515978;
}
@media (max-width: 1023px) {
  #testimonials.with-details .story p {
    padding-bottom: 0;
  }
}
.image-marquee .strip {
  -webkit-animation: marquee-8-1 25s linear infinite;
  animation: marquee-8-1 25s linear infinite;
}
.image-marquee .strip div {
  width: 100px;
}
.image-marquee .strip div.small {
  width: 50px;
}
.image-marquee .cover .left {
  background: -webkit-linear-gradient(left, #fff 20%, rgba(244, 248, 255, 0));
  background: linear-gradient(to right, #fff 20%, rgba(244, 248, 255, 0));
}
.image-marquee .cover .right {
  background: -webkit-linear-gradient(right, #fff 20%, rgba(244, 248, 255, 0));
  background: linear-gradient(to left, #fff 20%, rgba(244, 248, 255, 0));
}
@-webkit-keyframes marquee-8-1 {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-1006px);
    transform: translateX(-1006px);
  }
}
@keyframes marquee-8-1 {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-1006px);
    transform: translateX(-1006px);
  }
}
.default {
  display: none;
}
.experiment {
  display: none;
}
.lang {
  float: left;
  text-align: center;
  width: 20%;
  height: 110px;
  background: no-repeat center;
  background-size: 100px;
  color: #0d2366;
  line-height: 200px;
}
.lang.android {
  background-image: url("/assets/integrations/android.png");
}
.lang.android:after {
  content: "Android";
}
.lang.cscart {
  background-image: url("/assets/integrations/cscart.png");
}
.lang.cscart:after {
  content: "CS Cart";
}
.lang.dotnet {
  background-image: url("/assets/integrations/dotnet.png");
}
.lang.dotnet:after {
  content: "DotNet";
}
.lang.java {
  background-image: url("/assets/integrations/java.png");
}
.lang.java:after {
  content: "Java";
}
.lang.magento {
  background-image: url("/assets/integrations/magento.png");
}
.lang.magento:after {
  content: "Magento";
}
.lang.node {
  background-image: url("/assets/integrations/node.png");
}
.lang.node:after {
  content: "NodeJS";
}
.lang.php {
  background-image: url("/assets/integrations/php.png");
}
.lang.php:after {
  content: "PHP";
}
.lang.prestashop {
  background-image: url("/assets/integrations/prestashop.png");
}
.lang.prestashop:after {
  content: "PrestaShop";
}
.lang.python {
  background-image: url("/assets/integrations/python.png");
}
.lang.python:after {
  content: "Python";
}
.lang.ruby {
  background-image: url("/assets/integrations/ruby.png");
}
.lang.ruby:after {
  content: "Ruby";
}
.lang.shopify {
  background-image: url("/assets/integrations/shopify.png");
}
.lang.shopify:after {
  content: "Shopify";
}
.lang.wix {
  background-image: url("/assets/integrations/wix-old.png");
  margin-left: 20px;
}
.lang.wix:after {
  content: "WIX";
}
.lang.woo {
  background-image: url("/assets/integrations/woo.png");
}
.lang.woo:after {
  content: "Woocommerce";
}
#payments #content-i1 {
  background-image: url("/assets/payments/cp_i1.png");
}
#payments #content-i2 {
  background-image: url("/assets/payments/cp_i2.png");
}
#payments #content-i3 {
  background-image: url("/assets/payments/cp_i3.png");
}
#payments #content-i4 {
  background-image: url("/assets/payments/cp_i4.png");
}
#payments #content-i5 {
  background-image: url("/assets/payments/cp_i5.png");
}
#payments #content-i5 {
  background-image: url("/assets/payments/cp_i5.png");
}
#payments #content-i6 {
  background-image: url("/assets/payments/cp_i6.png");
}
#payments #content-i7 {
  background-image: url("/assets/payments/cp_i7.png");
}
#payments #content-i8 {
  background-image: url("/assets/payments/cp_i8.png");
}
#payments .margin-right {
  margin-right: 10px;
}
#payments .shine {
  position: relative;
  overflow: hidden;
}
#payments .shine:after {
  position: absolute;
  content: "";
  top: -5px;
  left: 0;
  height: 80px;
  width: 8px;
  background: rgba(255, 255, 255, 0.8);
  -webkit-filter: blur(7px);
  filter: blur(7px);
  -webkit-transform: translateX(-15px) rotate(20deg);
  -ms-transform: translateX(-15px) rotate(20deg);
  transform: translateX(-15px) rotate(20deg);
  -webkit-animation: shine 1s infinite linear;
  animation: shine 1s infinite linear;
}
#payments .card {
  box-shadow: 8px 8px 8px 0 rgba(0, 0, 0, 0.06);
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid #ebebeb;
  box-sizing: border-box;
  text-align: center;
  width: 90%;
  margin: 0 auto;
}
#payments .card img {
  padding: 32px 32px;
  width: 100%;
  height: auto;
}
@media (max-width: 1023px) {
  #payments .card {
    width: 100%;
  }
}
#payments .cards .card img {
  padding: 40px 40px 40px 32px;
}
#payments .cards .midsection-svg {
  top: -16px !important;
}
#payments .card-caption {
  margin-bottom: 0;
}
#payments .g {
  background-image: -webkit-linear-gradient(
    left,
    #fff,
    #e4e4e4,
    #d5d5d5,
    #e4e4e4,
    #fff
  );
  background-image: linear-gradient(
    to right,
    #fff,
    #e4e4e4,
    #d5d5d5,
    #e4e4e4,
    #fff
  );
  height: 1px;
  margin-top: 20px;
}
@media (min-width: 768px) {
  #payments .secnav-scroller {
    min-width: 800px;
  }
}
#payments #banner:before {
  background: #005fa2;
  color: #005fa2;
  background: -webkit-linear-gradient(45deg, #00257c, #009ac8 50%);
  background: linear-gradient(45deg, #00257c, #009ac8 50%);
}
#payments #banner {
  min-height: 600px;
}
#payments #banner:after {
  content: none;
}
#payments #banner-figure {
  margin-top: 10px;
}
#payments .figure {
  background-size: 589px;
}
#payments .payments-intro:after {
  content: "";
  right: 50%;
  margin-right: -560px;
  left: 50%;
  position: absolute;
  top: -100px;
  bottom: 0;
  background: url("/assets/payments/core.svg") no-repeat right top;
  background-size: 589px;
}
#payments .payments-intro .link {
  display: inline-block;
  text-align: left;
  margin-top: -6px;
}
#payments .payments-intro h4 {
  margin: 30px 0 -20px;
}
#payments .dashboard {
  color: #7f849c;
}
#payments .dashboard:after {
  background: url("/assets/payments/dashboard.png") no-repeat left center;
  background-size: contain;
  content: "";
  position: absolute;
  right: -20%;
  left: 50%;
  margin-left: -100px;
  height: 100%;
  top: 0;
}
#payments .dashboard h2 {
  margin-right: 40px;
}
#payments .dashboard .restrict {
  max-width: 390px;
}
#payments .dashboard h4 {
  margin: 30px 0 -20px;
  color: #0d2366;
}
#payments .int .o-hidden {
  overflow: hidden;
  margin: 0 -30px;
}
#payments .int svg {
  -webkit-transform: scale(-1, -1);
  -ms-transform: scale(-1, -1);
  transform: scale(-1, -1);
  top: 0;
}
#payments .int h3 {
  color: #0d2366;
  line-height: 48px;
}
#payments .int .link {
  color: #528ff0;
  float: right;
}
#payments .int .divider {
  margin: 30px -40px;
  border-top: 1px solid #ddd;
}
#payments .int .big {
  -webkit-box-flex: 1.25;
  -webkit-flex-grow: 1.25;
  -ms-flex-positive: 1.25;
  flex-grow: 1.25;
  height: 550px;
  padding: 30px 40px;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  position: relative;
  top: 40px;
  margin-right: 30px;
  left: 18px;
}
#payments .int.lateral svg {
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
#payments .f-tabs .f-tab-content {
  max-width: 424px;
  width: 100%;
  padding-top: 107%;
  opacity: 0;
  position: absolute;
  top: 0;
  background-size: contain;
  background-repeat: no-repeat;
}
#payments .f-tabs .f-tab-content.active {
  opacity: 1;
}
#payments .f-tabs .f-tab-content.dummy {
  position: relative;
}
#payments .f-tabs .column:first-child {
  text-align: right;
  margin-right: 32px;
}
#payments .f-tabs .column:nth-child(2) {
  position: relative;
  padding: 0;
}
#payments .f-tabs .column:last-child {
  margin-left: 32px;
}
#payments .f-tabs .f-tab-title {
  cursor: pointer;
  padding: 0 12px;
}
#payments .f-tabs .f-tab-title:not(:last-child) {
  margin-bottom: 28px;
}
#payments .f-tabs .f-tab-title h5,
#payments .f-tabs .f-tab-title p {
  margin: 0;
  font-size: 14px;
  line-height: 22px;
}
#payments .f-tabs .f-tab-title h5 {
  color: #0d2366;
}
#payments .f-tabs .f-tab-title.active h5 {
  color: #528ff0;
}
#payments .f-tabs .column:first-child .f-tab-title,
#payments .f-tabs .column:last-child .f-tab-title {
  position: relative;
}
#payments .f-tabs .column:first-child .f-tab-title::before,
#payments .f-tabs .column:last-child .f-tab-title::before {
  content: "";
  position: absolute;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin: -5px -8px;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(45deg) scale(0.3);
  -ms-transform: rotate(45deg) scale(0.3);
  transform: rotate(45deg) scale(0.3);
  border: 3px solid #528ff0;
  border-left: 0;
  border-bottom: 0;
  right: 0;
  top: 50%;
}
#payments .f-tabs .column:first-child .active::before,
#payments .f-tabs .column:last-child .active::before {
  margin: -5px -20px;
  opacity: 1;
  -webkit-transform: rotate(45deg) scale(1);
  -ms-transform: rotate(45deg) scale(1);
  transform: rotate(45deg) scale(1);
}
#payments .f-tabs .column:last-child .f-tab-title::before {
  left: 0;
  right: auto;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
#payments .dev-intro .btn {
  width: 204px;
}
#payments .methods-intro .char-bull {
  margin: 0 10px;
}
#payments .flashcheckout {
  top: -70px;
}
#payments .flashcheckout li {
  margin: 18px 0;
}
#payments .flash-img {
  height: 660px;
  margin: -60px 0;
  background: url("/assets/payments/flashcheckout.png") no-repeat left center;
  background-size: contain;
}
#payments .flash-img h4 {
  margin: 18px 0 -22px;
}
#payments .flash-img .dark p {
  color: rgba(255, 255, 255, 0.8);
}
#payments .checkout .first {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  background: url("/assets/payments/checkout-code.png") no-repeat left center;
  background-size: 94%;
  background-position: right center;
  padding-left: 24px;
}
#payments .checkout .restrict {
  margin: 0 0 0 auto;
}
#payments .mobile {
  margin-top: 0;
}
#payments .mobile svg {
  -webkit-transform: scale(-1.05, -1);
  -ms-transform: scale(-1.05, -1);
  transform: scale(-1.05, -1);
  top: 0;
}
#payments .mobile .double {
  background: url("/assets/payments/sdks.png") no-repeat right center;
  background-size: contain;
  margin-right: -20px;
}
#payments .sdks .lang {
  width: 16.66%;
  margin-top: -25px;
}
#payments .sdks .box {
  float: right;
  width: 700px;
}
#payments .adjust {
  padding-top: 85px;
}
@media (max-width: 1023px) {
  #payments .adjust {
    padding-top: 0;
  }
}
#payments #app-download-modal .modal-inner {
  overflow: hidden;
}
#payments #app-download-modal .modal-inner .modal-content {
  position: relative;
  width: -webkit-fit-content;
  width: fit-content;
  overflow: hidden;
}
#payments #app-download-modal .modal-inner .modal-content::before {
  content: "";
  position: absolute;
  top: 0;
  background: url("/assets/payments-app/modal-dots.png") no-repeat;
  width: 150px;
  height: 150px;
  right: 0;
  background-size: contain;
}
#payments #app-download-modal .modal-inner .mobile-app-barcode {
  max-width: 400px;
}
#payments #app-download-modal .modal-inner .mobile-app-barcode .app-desc {
  width: 100%;
  background: #2b83ea;
}
#payments #app-download-modal .modal-inner .mobile-app-barcode .app-desc .desc {
  width: 250px;
  text-align: center;
  margin: auto;
  color: #fff;
  padding: 12px 0;
}
#payments #payments-app {
  margin-top: 200px;
  margin-bottom: -30px;
}
@media (max-width: 1023px) {
  #payments #payments-app {
    margin-top: -80px;
    margin-bottom: -80px;
  }
}
#payments #payments-app .midsection-svg {
  top: -22px;
  height: 87%;
}
@media (max-width: 1023px) {
  #payments #payments-app .midsection-svg {
    height: 81%;
    top: 200px;
  }
}
@media (max-width: 767px) {
  #payments #payments-app .midsection-svg {
    height: 75%;
  }
}
@media (max-width: 1023px) {
  #payments #payments-app .app-wrapper {
    padding: 180px 0;
  }
}
@media (max-width: 767px) {
  #payments #payments-app .app-wrapper {
    padding: 120px 0 150px;
  }
}
#payments #payments-app .app-wrapper .illutration img {
  max-width: 198%;
  position: relative;
  top: -111px;
  margin: auto;
  display: block;
  left: -242px;
  margin-top: -102px;
  z-index: 777;
}
@media (max-width: 1023px) {
  #payments #payments-app .app-wrapper .illutration img {
    max-width: 180%;
    left: -20%;
    top: 33px;
  }
}
#payments #payments-app .app-wrapper .details {
  position: relative;
  z-index: 9999;
}
#payments #payments-app .app-wrapper .details .title {
  font-weight: 800;
  font-size: 24px;
  line-height: 36px;
  color: #fafcff;
}
#payments #payments-app .app-wrapper .details .points {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 50px;
  margin-bottom: -10px;
}
@media (max-width: 1023px) {
  #payments #payments-app .app-wrapper .details .points {
    margin-top: 35px;
  }
}
#payments #payments-app .app-wrapper .details .points .point {
  font-size: 16px;
  line-height: 24px;
  color: #fafcff;
  margin-bottom: 15px;
  position: relative;
  left: 35px;
}
#payments #payments-app .app-wrapper .details .points .point::before {
  content: "";
  position: absolute;
  top: 0;
  background: url("/assets/paymentlinks/payments-app/check.svg") no-repeat;
  left: -35px;
  width: 20px;
  height: 13px;
}
@media (max-width: 1023px) {
  #payments #payments-app .app-wrapper .details .points .point::before {
    top: 6px;
  }
}
#payments #payments-app .app-wrapper .details .CTA {
  margin-bottom: 40px;
}
@media (max-width: 1023px) {
  #payments #payments-app .app-wrapper .details .CTA {
    margin-bottom: 20px;
  }
}
#payments #payments-app .app-wrapper .details .CTA a {
  font-size: 16px;
  line-height: 38px;
  color: #fafcff;
}
#payments #payments-app .app-wrapper .details .CTA a img {
  position: relative;
  left: 6px;
}
#payments #payments-app .app-wrapper .details .download-app .tile {
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  color: #fafcff;
  margin-bottom: -2px;
}
#payments #payments-app .app-wrapper .details .download-app .on {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
#payments #payments-app .app-wrapper .details .download-app .on .store {
  margin-top: 15px;
  margin-right: 35px;
}
@media (max-width: 1023px) {
  #payments #payments-app .app-wrapper .details .download-app .on .store {
    margin-right: 25px;
  }
}
#payments #EMI-options {
  position: relative;
}
#payments #EMI-options .EMI-options-container {
  padding-top: 50px;
  padding-bottom: 50px;
}
#payments #EMI-options .EMI-options-container .EMI-options .header {
  font-weight: 800;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.005em;
}
#payments #EMI-options .EMI-options-container .EMI-options .header-desc {
  max-width: 388px;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  margin-top: 20px;
}
#payments #EMI-options .EMI-options-container .EMI-options .header-desc::after {
  content: "";
  display: block;
  width: 24px;
  height: 4px;
  background: #038bd2;
  margin-top: 20px;
}
#payments #EMI-options .EMI-options-container .EMI-options .options {
  margin-top: 40px;
}
#payments #EMI-options .EMI-options-container .EMI-options .options .list {
  margin-left: 29px;
  position: relative;
  margin-bottom: 30px;
}
#payments
  #EMI-options
  .EMI-options-container
  .EMI-options
  .options
  .list::before {
  content: "";
  border-left: 3px solid #038bd2;
  border-bottom: 3px solid #038bd2;
  height: 6px;
  width: 11px;
  position: absolute;
  -webkit-transform: rotate(-41deg);
  -ms-transform: rotate(-41deg);
  transform: rotate(-41deg);
  left: -35px;
  top: 7px;
}
#payments
  #EMI-options
  .EMI-options-container
  .EMI-options
  .options
  .list
  .option {
  font-weight: 800;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 10px;
}
#payments
  #EMI-options
  .EMI-options-container
  .EMI-options
  .options
  .list
  .option
  span {
  padding: 5px 20px;
  border-radius: 5px;
  background: #038bd2;
  font-weight: bold;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  position: relative;
  left: 10px;
  color: #fff;
}
#payments
  #EMI-options
  .EMI-options-container
  .EMI-options
  .options
  .list
  .option-desc {
  max-width: 442px;
  font-size: 16px;
  line-height: 24px;
}
#payments #EMI-options .EMI-options-container .EMI-options .illustration-img {
  margin-top: -215px;
}
#payments
  #EMI-options
  .EMI-options-container
  .EMI-options
  .illustration-img
  img {
  position: relative;
  left: 30px;
}
#payments #EMI-options .carousel-container {
  margin-top: 40px;
  position: relative;
  left: 30px;
}
#payments
  #EMI-options
  .carousel-container
  .carousel-images
  .carousel-image
  img {
  margin-right: auto;
  margin-left: auto;
  display: inherit;
}
#payments
  #EMI-options
  .carousel-container
  .carousel-images
  .carousel-image
  .img-desc {
  font-weight: bold;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  color: #fff;
}
#payments
  #EMI-options
  .carousel-container
  .carousel-images
  .carousel-image.fade {
  -webkit-animation-name: fade;
  animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}
#payments
  #EMI-options
  .carousel-container
  .carousel-images
  .carousel-image.active {
  display: block;
}
@-webkit-keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
#payments #EMI-options .carousel-container .dots {
  width: -webkit-fit-content;
  width: fit-content;
  margin-right: auto;
  margin-left: auto;
}
#payments #EMI-options .carousel-container .dots .dot1,
#payments #EMI-options .carousel-container .dots .dot2 {
  display: inline-block;
  background: #929292;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin-right: 10px;
}
#payments #EMI-options .carousel-container .dots .dot1.active,
#payments #EMI-options .carousel-container .dots .dot2.active,
#payments #EMI-options .carousel-container .dots .dot1:hover,
#payments #EMI-options .carousel-container .dots .dot2:hover {
  background: #038bd2;
}
#payments #pay-later .pay-later-container .pay-later .pay-later-details {
  position: relative;
  left: 30px;
}
#payments
  #pay-later
  .pay-later-container
  .pay-later
  .pay-later-details
  .header {
  font-weight: 800;
  font-size: 24px;
  line-height: 34px;
  color: #0d2366;
}
#payments #pay-later .pay-later-container .pay-later .pay-later-details .desc {
  font-size: 16px;
  line-height: 22px;
  color: #515978;
  margin-top: 20px;
  max-width: 348px;
}
#payments
  #pay-later
  .pay-later-container
  .pay-later
  .pay-later-details
  .desc::after {
  content: "";
  display: block;
  width: 24px;
  height: 4px;
  background: #49d9b4;
  margin-top: 20px;
}
#payments #pay-later .pay-later-container .pay-later .pay-later-details .point {
  margin-top: 40px;
}
#payments
  #pay-later
  .pay-later-container
  .pay-later
  .pay-later-details
  .point
  .list {
  font-size: 16px;
  line-height: 24px;
  color: #515978;
  margin-left: 29px;
  margin-bottom: 20px;
  position: relative;
}
#payments
  #pay-later
  .pay-later-container
  .pay-later
  .pay-later-details
  .point
  .list::before {
  content: "";
  border-left: 3px solid #49d9b4;
  border-bottom: 3px solid #49d9b4;
  height: 6px;
  width: 11px;
  position: absolute;
  -webkit-transform: rotate(-41deg);
  -ms-transform: rotate(-41deg);
  transform: rotate(-41deg);
  left: -26px;
  top: 7px;
}
#payments
  #pay-later
  .pay-later-container
  .pay-later
  .pay-later-details
  .partners {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 60px;
}
#payments
  #pay-later
  .pay-later-container
  .pay-later
  .pay-later-details
  .partners
  .icon {
  width: 30%;
  margin-right: 30px;
}
#payments #faqs .faq .content .inner .faqs-tab-title-content {
  height: 577px;
  overflow: auto;
}
@media (max-width: 1023px) {
  #payments .int .big {
    display: none;
  }
  #payments .sdks {
    text-align: center;
  }
  #payments .mobile .double {
    display: none;
  }
  #payments .checkout .first {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    padding-top: 90%;
    max-width: 600px;
    margin: 20px auto -20px;
  }
  #payments .payments-intro:after,
  #payments .dashboard:after {
    content: none;
  }
  #payments .flash-img {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    background-position: center;
    margin: -50px auto;
  }
  #payments .f-tabs .column {
    margin: 0 auto !important;
  }
  #payments .f-tabs .tabs-content {
    display: none;
  }
  #payments .f-tabs .f-tab-title {
    text-align: left;
  }
  #payments .f-tabs .f-tab-title.active h5 {
    color: #0d2366;
  }
  #payments .f-tabs .f-tab-title h5,
  #payments .f-tabs .f-tab-title p {
    font-size: 16px;
    line-height: 24px;
  }
  #payments .f-tabs .f-tab-title::before,
  #payments .f-tabs .f-tab-title::after {
    content: none !important;
  }
  #payments #EMI-options {
    width: 78%;
    margin-right: auto;
    margin-left: auto;
  }
  #payments #EMI-options .EMI-options-container .EMI-options .header {
    text-align: center;
  }
  #payments #EMI-options .EMI-options-container .EMI-options .header-desc {
    text-align: center;
    margin-right: auto;
    margin-left: auto;
  }
  #payments
    #EMI-options
    .EMI-options-container
    .EMI-options
    .header-desc::after {
    margin-right: auto;
    margin-left: auto;
  }
  #payments #EMI-options .EMI-options-container .EMI-options .columns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  #payments
    #EMI-options
    .EMI-options-container
    .EMI-options
    .columns
    .illustration-img {
    margin-top: 0;
  }
  #payments
    #EMI-options
    .EMI-options-container
    .EMI-options
    .columns
    .illustration-img
    img {
    left: 0;
  }
  #payments
    #EMI-options
    .EMI-options-container
    .EMI-options
    .columns
    .carousel-container {
    left: 0;
  }
  #payments #pay-later {
    width: 78%;
    margin-right: auto;
    margin-left: auto;
    margin-top: -80px;
  }
  #payments #pay-later .pay-later-container .pay-later .illustration-img {
    position: relative;
    top: 180px;
  }
  #payments #pay-later .pay-later-container .pay-later .pay-later-details {
    left: 0;
  }
  #payments
    #pay-later
    .pay-later-container
    .pay-later
    .pay-later-details
    .details {
    position: relative;
    top: -485px;
  }
  #payments
    #pay-later
    .pay-later-container
    .pay-later
    .pay-later-details
    .point {
    position: relative;
    top: 125px;
  }
  #payments
    #pay-later
    .pay-later-container
    .pay-later
    .pay-later-details
    .partners {
    top: -190px;
    position: relative;
  }
}
#payments #testimonials h4 {
  margin: initial;
}
@media (max-width: 767px) {
  #payments #EMI-options {
    width: 100%;
    position: relative;
    padding: 0 15px;
  }
  #payments #pay-later {
    width: 100%;
    margin-top: -40px;
    padding: 0 15px;
    margin-bottom: 70px;
  }
  #payments #pay-later .pay-later-container .pay-later {
    margin-bottom: -60px;
  }
  #payments
    #pay-later
    .pay-later-container
    .pay-later
    .pay-later-details
    .details {
    position: relative;
    top: -325px;
  }
  #payments
    #pay-later
    .pay-later-container
    .pay-later
    .pay-later-details
    .point {
    top: 140px;
  }
  #payments
    #pay-later
    .pay-later-container
    .pay-later
    .pay-later-details
    .partners {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    top: -250px;
  }
  #payments
    #pay-later
    .pay-later-container
    .pay-later
    .pay-later-details
    .partners
    .icon {
    width: 35%;
    margin-bottom: 20px;
  }
}
@media (max-width: 396px) {
  #payments
    #pay-later
    .pay-later-container
    .pay-later
    .pay-later-details
    .details {
    top: -290px;
  }
  #payments
    #pay-later
    .pay-later-container
    .pay-later
    .pay-later-details
    .partners {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    top: -270px;
  }
  #payments #EMI-options .EMI-options-container .testimoni-logo {
    top: -202px;
    width: 29%;
  }
}
@media (max-width: 320px) {
  #payments
    #pay-later
    .pay-later-container
    .pay-later
    .pay-later-details
    .details {
    top: -265px;
  }
  #payments #EMI-options .EMI-options-container .testimoni-logo {
    width: 31%;
  }
}
#flash-checkout {
  position: absolute;
  padding: 200px;
  margin-top: -220px;
}
.net .midsection-svg {
  top: -16px !important;
}
.imps .link.has-arrow {
  color: unset !important;
  float: none !important;
}
.illustration-container {
  text-align: center;
}
.illustration-container img {
  max-width: 90%;
  height: inherit;
}
.vertical-center {
  position: relative;
  top: 45%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
#content-methods .container {
  padding: 0 0;
}
#content-methods section.dark {
  margin-top: 32px;
}
@media (min-width: 1024px) {
  #content-methods section.methods-intro {
    text-align: center;
  }
  #content-methods section.methods-intro h1:after,
  #content-methods section.methods-intro h2:after {
    margin-left: auto;
    margin-right: auto;
  }
}
section#offers {
  margin-top: 80px;
}
section#offers .midsection-svg {
  width: 120%;
  left: -10%;
}
section#offers polygon:nth-child(2) {
  display: none;
}
section#offers .offers-container {
  padding: 40px 0;
}
section#offers .offers-container .demonstration-desc h2 {
  color: #0c2266;
  font-weight: 800;
  font-size: 24px;
  line-height: 30px;
}
section#offers .offers-container .demonstration-desc .head-desc {
  color: #0d2462;
  font-weight: 800;
  font-size: 18px;
  line-height: 24px;
  margin-top: 30px;
}
section#offers .offers-container .demonstration-desc .list {
  margin-top: 33px;
}
section#offers .offers-container .demonstration-desc .list li {
  margin: 0;
  margin-top: 14px;
}
section#offers .offers-container .demonstration-desc .desc {
  margin-bottom: 20px;
}
section#offers .offers-container .demonstration-desc .tip {
  padding: 2px 20px;
  border-left: 1px solid #49d9b4;
  margin-bottom: 20px;
}
section#offers .offers-container .demonstration-desc .tip .pro-tip::before {
  content: "PRO TIP";
  font-size: 12px;
  background-color: #49d9b4;
  color: #fff;
  font-weight: bold;
  padding: 1px 8px;
  border-radius: 2px;
  margin-right: 5px;
}
section#offers .offers-container .demonstration-desc a {
  color: #326ece;
  text-decoration: underline;
}
section.international {
  padding-top: 60px;
}
section.international .restrict {
  max-width: 443px;
}
section.international h4 {
  margin: 30px 0 -20px;
  color: #0d2366;
}
section.international p {
  margin: 20px 0;
}
section.international .column {
  padding: 0 !important;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}
section.international .illustration-container {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
section.international .illustration-container img {
  width: 100%;
}
section.international .list li {
  margin: 18px 0;
}
section.international .list li:before {
  border-color: #49dab5;
}
@media (min-width: 1024px) {
  section.international {
    padding-top: 120px;
    padding-bottom: 40px;
  }
  section.international .illustration-container {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  section.international .illustration-container img {
    position: relative;
    top: -30px;
    margin-top: 0;
  }
}
.capitalize {
  text-transform: capitalize;
}
.pricing-card-pg .container .subheading {
  margin-top: 13px;
}
.pricing-card-pg .container .add {
  padding-top: 15px;
}
.pricing-card-pg .container .row .btn {
  margin: 24px 0;
}
.pricing-card-pg .container .row .text-pri {
  font-weight: bold;
  color: inherit;
}
.pricing-card-pg .container .double-heading .column {
  padding: 12px 0 0 0;
}
.pricing-card-pg .container .double-heading .column .row {
  border-color: #9cc2fd;
}
.pricing-card-pg .container .double-heading .column .rate-lg {
  font-size: 28px;
  line-height: 28px;
  font-weight: bold;
  color: #333;
}
.pricing-card-pg .container .double-heading .column:first-child::after {
  height: 40px;
  top: 50%;
  right: 12px;
  margin-top: -20px;
  border-color: #9cc2fd;
}
.pricing-card-pg
  .container
  .double-heading
  .column:first-child.no-right-border::after {
  display: none;
}
.pricing-card-pg .container .double-heading .column:last-child {
  margin-bottom: 0;
}
.pricing-card-pg .container .double-heading .column:last-child .column {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.pricing-card-pg .container .double-heading .column p.gap {
  color: #333;
  margin-top: 12px;
  font-size: 20px;
  line-height: 24px;
}
.pricing-card-pg .container .double-heading.new-pricing {
  margin-top: -25px;
}
.pricing-card-pg .container .double-heading.new-pricing .rate-lg {
  font-size: 72px;
  line-height: 28px;
}
.pricing-card-pg .container .double-heading.new-pricing .rate-lg sup {
  font-size: 24px;
  vertical-align: text-top;
  font-weight: 400;
}
.pricing-card-pg
  .container
  .double-heading.new-pricing
  .column:first-child::after {
  height: 140px;
  margin-top: -23px;
}
.pricing-card-pg .container .double-heading.new-pricing .column:last-child {
  padding-top: 45px;
  -webkit-box-flex: 2.5;
  -webkit-flex-grow: 2.5;
  -ms-flex-positive: 2.5;
  flex-grow: 2.5;
}
@media (max-width: 1023px) {
  .pricing-card-pg .container .double-heading.new-pricing .column:last-child {
    padding-top: 0;
  }
}
.pricing-card-pg .row.box.overflow {
  overflow: visible;
  position: relative;
}
.pricing-card-pg .row.box.overflow .notice {
  font-size: 12px;
  line-height: 15px;
  color: rgba(11, 37, 63, 0.49);
  margin-top: 5px;
  margin-bottom: -3px;
}
.pricing-card-pg .row.box.overflow .notice.space {
  margin-top: -10px;
}
@media (max-width: 1023px) {
  .pricing-card-pg .container .row .column .rate-lg,
  .pricing-card-pg .container .double-heading .column .rate-lg {
    display: inline-block;
  }
  .pricing-card-pg .container .row .column .small-mob,
  .pricing-card-pg .container .double-heading .column .small-mob {
    display: inline-block;
    font-size: 16px;
    margin-left: 20px;
    vertical-align: super;
  }
  .pricing-card-pg
    .container
    .row
    > :not(.offer-ribbon):not(.flex-space-between):first-child,
  .pricing-card-pg
    .container
    .double-heading
    > :not(.offer-ribbon):not(.flex-space-between):first-child {
    padding-top: 24px;
  }
  .pricing-card-pg .container .row > *:last-child,
  .pricing-card-pg .container .double-heading > *:last-child {
    padding-top: 0;
  }
}
@media (max-width: 1023px) {
  #payments section#offers {
    margin-top: 30px;
  }
  #payments section#offers svg {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    position: absolute;
    top: -95px;
  }
  #payments section#offers .offers-container {
    padding-bottom: 130px;
    margin-top: -40px;
  }
  #payments section#offers .offers-container .columns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  #payments section#offers .offers-container .column .demonstration-img {
    position: relative;
    top: -231px;
  }
  #payments section#offers .offers-container .column .tip,
  #payments section#offers .offers-container .column a {
    position: relative;
    top: 500px;
  }
}
.has-topbar .secnav-head.fixed {
  margin-top: 2px;
  z-index: 9999;
}
@-webkit-keyframes shine {
  100% {
    -webkit-transform: translateX(120px) rotate(20deg);
    transform: translateX(120px) rotate(20deg);
  }
}
@keyframes shine {
  100% {
    -webkit-transform: translateX(120px) rotate(20deg);
    transform: translateX(120px) rotate(20deg);
  }
}
#invoices #banner::after {
  bottom: 4%;
}
#paymentpages #payment-buttons {
  margin-top: -35px;
  margin-bottom: 0;
}
@media (max-width: 1023px) {
  #paymentpages #payment-buttons {
    margin-top: -70px;
    margin-bottom: -55px;
  }
}
#payment-buttons-section {
  margin-top: -75px;
  margin-bottom: 30px;
}
@media (max-width: 1023px) {
  #payment-buttons-section {
    margin-bottom: 0;
  }
}
#payment-buttons-section .midsection-svg {
  top: 0;
  -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
  -ms-transform: matrix(-1, 0, 0, 1, 0, 0);
  transform: matrix(-1, 0, 0, 1, 0, 0);
  width: 110%;
  left: -10%;
}
#payment-buttons-section .top-banner-container {
  padding: 50px 0;
}
@media (max-width: 1023px) {
  #payment-buttons-section .top-banner-container {
    padding: 50px 0 120px;
  }
  #payment-buttons-section .top-banner-container .youtube-video {
    position: relative;
    left: -12px;
    margin-top: 5px;
  }
  #payment-buttons-section .top-banner-container .youtube-video iframe {
    height: 100%;
  }
}
@media (max-width: 1023px) {
  #payment-buttons-section .top-banner-container .top-banner .reverse {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
#payment-buttons-section .top-banner-container .top-banner .top-banner-heading {
  margin-top: 50px;
}
#payment-buttons-section
  .top-banner-container
  .top-banner
  .top-banner-heading
  h2 {
  max-width: 400px;
  font-weight: 800;
  font-size: 25px;
  line-height: 34px;
  color: #fff;
}
#payment-buttons-section
  .top-banner-container
  .top-banner
  .top-banner-heading
  h2
  span {
  color: #4f91f0;
}
#payment-buttons-section
  .top-banner-container
  .top-banner
  .top-banner-heading
  h2::after {
  background: #74d6b7;
  margin-bottom: 20px;
}
#payment-buttons-section .top-banner-container .top-banner .top-banner-desc {
  max-width: 411px;
  font-size: 18px;
  line-height: 28px;
  color: #fff;
  margin-bottom: 30px;
}
#payment-buttons-section .top-banner-container .top-banner .doc-CTA {
  display: inline-block;
  width: -webkit-fit-content;
  width: fit-content;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  color: #5e91e9;
  margin-top: 20px;
  position: relative;
}
#payment-buttons-section .top-banner-container .top-banner .doc-CTA::after {
  content: "";
  position: absolute;
  background-image: url("/assets/payment-buttons/icons/right-arrow.svg");
  width: 16px;
  height: 11px;
  background-repeat: no-repeat;
  top: 9px;
  right: -24px;
}
#payment-buttons-section .hero-video {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 50px;
}
#payment-buttons-section .hero-video .top-banner-desc-image {
  width: 93%;
  position: relative;
}
#payment-buttons-section .hero-video .top-banner-desc-image::before {
  background-image: url("/assets/payment-buttons/hero-background.png");
  content: "";
  position: absolute;
  width: 115%;
  height: 475px;
  background-size: 100%;
  top: -97px;
  background-repeat: no-repeat;
  left: -53px;
}
@media (max-width: 1023px) {
  #payment-buttons-section .hero-video .top-banner-desc-image::before {
    display: none;
  }
}
#payment-buttons-section .hero-video .top-banner-desc-image .youtube-video {
  z-index: 999;
  position: relative;
  overflow: scroll;
}
#payment-buttons-section
  .hero-video
  .top-banner-desc-image
  .youtube-video
  iframe {
  width: 100%;
}
.offer-ribbon {
  padding: 10px 21px 10px 21px;
  background-color: #39cea0;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 17px;
  color: #fff;
  width: -webkit-fit-content;
  width: fit-content;
  position: relative;
  left: -43px;
  margin-bottom: 15px;
  margin-top: -7px;
  box-shadow: 2px 4px 9px 1px rgba(0, 0, 0, 0.06), 0 1px 1px rgba(0, 0, 0, 0.05);
}
.offer-ribbon::before {
  content: "";
  position: absolute;
  height: 0;
  border-top: 0 solid transparent;
  border-right: 10px solid #039266;
  border-bottom: 8px solid transparent;
  left: 0;
  bottom: -8px;
}
#content-pricing section.neo-pricing .container .tooltip,
section.neo-pricing .container .tooltip {
  display: none;
  color: #0b253f;
  bottom: 4.15%;
  position: absolute;
  height: -webkit-fit-content;
  height: fit-content;
  padding: 20px 20px 20px 20px;
  background: #fff;
  border: 1px solid #7bb2f2;
  border-radius: 4px;
  z-index: 1;
}
#content-pricing section.neo-pricing .container .tooltip.visible,
section.neo-pricing .container .tooltip.visible {
  display: block;
}
#content-pricing section.neo-pricing .container .tooltip p,
section.neo-pricing .container .tooltip p,
#content-pricing section.neo-pricing .container .tooltip a,
section.neo-pricing .container .tooltip a {
  font-size: 14px;
}
#content-pricing
  section.neo-pricing
  .container
  .columns.left-illustration.v-center
  h2,
section.neo-pricing .container .columns.left-illustration.v-center h2 {
  font-size: 24px;
  color: #0b253f;
  font-weight: 800;
}
#content-pricing
  section.neo-pricing
  .container
  .columns.left-illustration.v-center
  h1:not(.no-puck)::after,
section.neo-pricing
  .container
  .columns.left-illustration.v-center
  h1:not(.no-puck)::after,
#content-pricing
  section.neo-pricing
  .container
  .columns.left-illustration.v-center
  h2:not(.no-puck)::after,
section.neo-pricing
  .container
  .columns.left-illustration.v-center
  h2:not(.no-puck)::after {
  background: #0075ff;
}
@media (max-width: 425px) {
  #content-pricing
    section.neo-pricing
    .container
    .columns.left-illustration.v-center
    h1:not(.no-puck)::after,
  section.neo-pricing
    .container
    .columns.left-illustration.v-center
    h1:not(.no-puck)::after,
  #content-pricing
    section.neo-pricing
    .container
    .columns.left-illustration.v-center
    h2:not(.no-puck)::after,
  section.neo-pricing
    .container
    .columns.left-illustration.v-center
    h2:not(.no-puck)::after {
    margin-left: 43%;
  }
}
@media (max-width: 425px) {
  #content-pricing
    section.neo-pricing
    .container
    .columns.left-illustration.v-center
    h1,
  section.neo-pricing .container .columns.left-illustration.v-center h1,
  #content-pricing
    section.neo-pricing
    .container
    .columns.left-illustration.v-center
    h2,
  section.neo-pricing .container .columns.left-illustration.v-center h2 {
    text-align: center;
  }
}
#content-pricing
  section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column
  .row.box.overflow,
section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column
  .row.box.overflow {
  border: 1px solid #f2a23a;
  border-radius: 2px;
}
#content-pricing
  section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column
  .row.box.overflow
  .rows.zebra.rxca-ribbon,
section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column
  .row.box.overflow
  .rows.zebra.rxca-ribbon {
  margin: 15px 0;
}
#content-pricing
  section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column
  .row.box.overflow
  .rows.zebra.rxca-ribbon
  .row,
section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column
  .row.box.overflow
  .rows.zebra.rxca-ribbon
  .row {
  background: rgba(205, 130, 20, 0.1);
  border-radius: 4px;
  padding-top: 15px;
  padding-bottom: 15px;
}
#content-pricing
  section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column
  .row.box.overflow
  .rows.zebra.rxca-ribbon
  .row
  .double-heading.columns
  .column,
section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column
  .row.box.overflow
  .rows.zebra.rxca-ribbon
  .row
  .double-heading.columns
  .column {
  padding: 5px 0;
}
#content-pricing
  section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column
  .row.box.overflow
  .rows.zebra.rxca-ribbon
  .row
  .double-heading.columns
  .column
  .rate.rate-lg,
section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column
  .row.box.overflow
  .rows.zebra.rxca-ribbon
  .row
  .double-heading.columns
  .column
  .rate.rate-lg {
  line-height: 1.2;
}
#content-pricing
  section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column
  .row.box.overflow
  .rows.zebra.rxca-ribbon
  .row
  .double-heading.columns
  .column
  small,
section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column
  .row.box.overflow
  .rows.zebra.rxca-ribbon
  .row
  .double-heading.columns
  .column
  small {
  display: block;
}
@media (max-width: 768px) {
  #content-pricing
    section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column
    .row.box.overflow
    .rows.zebra.rxca-ribbon
    .row
    .double-heading.columns
    .column
    small,
  section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column
    .row.box.overflow
    .rows.zebra.rxca-ribbon
    .row
    .double-heading.columns
    .column
    small {
    margin-left: 8px;
  }
}
#content-pricing
  section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column
  .row.box.overflow
  .rows.zebra.rxca-ribbon
  .row
  .double-heading.columns
  .column:last-child,
section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column
  .row.box.overflow
  .rows.zebra.rxca-ribbon
  .row
  .double-heading.columns
  .column:last-child {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}
#content-pricing
  section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column
  .row.box.overflow
  .rows.zebra.rxca-ribbon
  .row
  .double-heading.columns
  .column:last-child
  h3,
section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column
  .row.box.overflow
  .rows.zebra.rxca-ribbon
  .row
  .double-heading.columns
  .column:last-child
  h3 {
  color: #0b253f;
  font-weight: 800;
  margin: 0;
}
#content-pricing
  section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column
  .row.box.overflow
  .rows.zebra.rxca-ribbon
  .row
  .double-heading.columns
  .column:last-child
  .razorpayx-text
  img,
section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column
  .row.box.overflow
  .rows.zebra.rxca-ribbon
  .row
  .double-heading.columns
  .column:last-child
  .razorpayx-text
  img {
  height: 30px;
  border-bottom: 1px dashed #d99234;
  cursor: pointer;
}
#content-pricing
  section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column
  .row.box.overflow
  .rows.zebra.rxca-ribbon
  .row
  .double-heading.columns
  .column:last-child
  .tooltip,
section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column
  .row.box.overflow
  .rows.zebra.rxca-ribbon
  .row
  .double-heading.columns
  .column:last-child
  .tooltip {
  padding-bottom: 5px;
  bottom: 4.15%;
}
@media (max-width: 767px) {
  #content-pricing
    section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column
    .row.box.overflow
    .rows.zebra.rxca-ribbon
    .row
    .double-heading.columns
    .column
    .small-mob,
  section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column
    .row.box.overflow
    .rows.zebra.rxca-ribbon
    .row
    .double-heading.columns
    .column
    .small-mob {
    display: inline;
    margin-left: 5px;
  }
}
@media (max-width: 768px) {
  #content-pricing
    section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column
    .row.box.overflow
    .rows.zebra.rxca-ribbon
    .row
    .double-heading.columns
    .column:first-child,
  section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column
    .row.box.overflow
    .rows.zebra.rxca-ribbon
    .row
    .double-heading.columns
    .column:first-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
  }
  #content-pricing
    section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column
    .row.box.overflow
    .rows.zebra.rxca-ribbon
    .row
    .double-heading.columns
    .column:last-child,
  section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column
    .row.box.overflow
    .rows.zebra.rxca-ribbon
    .row
    .double-heading.columns
    .column:last-child {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media (max-width: 425px) {
  #content-pricing
    section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column
    .row.box.overflow
    .rows.zebra.rxca-ribbon
    .row
    .double-heading.columns
    .column:first-child,
  section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column
    .row.box.overflow
    .rows.zebra.rxca-ribbon
    .row
    .double-heading.columns
    .column:first-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  #content-pricing
    section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column
    .row.box.overflow
    .rows.zebra.rxca-ribbon
    .row
    .double-heading.columns
    .column:last-child,
  section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column
    .row.box.overflow
    .rows.zebra.rxca-ribbon
    .row
    .double-heading.columns
    .column:last-child,
  #content-pricing
    section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column
    .row.box.overflow
    .rows.zebra.rxca-ribbon
    .row
    .double-heading.columns
    .column:first-child,
  section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column
    .row.box.overflow
    .rows.zebra.rxca-ribbon
    .row
    .double-heading.columns
    .column:first-child {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media (max-width: 1023px) {
  #content-pricing
    section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column
    .row.box.overflow
    .rows.zebra.rxca-ribbon
    .row
    .double-heading.columns,
  section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column
    .row.box.overflow
    .rows.zebra.rxca-ribbon
    .row
    .double-heading.columns {
    padding-top: 0;
  }
  #content-pricing
    section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column
    .row.box.overflow
    .rows.zebra.rxca-ribbon
    .row
    .double-heading.columns
    .column,
  section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column
    .row.box.overflow
    .rows.zebra.rxca-ribbon
    .row
    .double-heading.columns
    .column {
    margin-bottom: 5px;
  }
}
@media (max-width: 767px) {
  #content-pricing
    section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column
    .row.box.overflow
    .rows.zebra.rxca-ribbon
    .row
    .double-heading.columns,
  section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column
    .row.box.overflow
    .rows.zebra.rxca-ribbon
    .row
    .double-heading.columns {
    padding-top: 5px;
    padding-bottom: 10px;
  }
  #content-pricing
    section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column
    .row.box.overflow
    .rows.zebra.rxca-ribbon
    .row
    .double-heading.columns
    .column,
  section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column
    .row.box.overflow
    .rows.zebra.rxca-ribbon
    .row
    .double-heading.columns
    .column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #content-pricing
    section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column
    .row.box.overflow
    .rows.zebra.rxca-ribbon
    .row
    .double-heading.columns
    .column:last-child,
  section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column
    .row.box.overflow
    .rows.zebra.rxca-ribbon
    .row
    .double-heading.columns
    .column:last-child {
    margin-top: 0 !important;
  }
}
@media (max-width: 767px) {
  #content-pricing
    section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column
    .row.box.overflow
    .rows.zebra.rxca-ribbon
    .row,
  section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column
    .row.box.overflow
    .rows.zebra.rxca-ribbon
    .row {
    padding-top: 0;
    padding-bottom: 0;
  }
}
#content-pricing
  section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column
  .row.box.overflow
  .double-heading:last-child,
section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column
  .row.box.overflow
  .double-heading:last-child {
  margin-bottom: 0;
}
#content-pricing
  section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column
  .row.box.overflow
  .double-heading:last-child
  .column:first-child,
section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column
  .row.box.overflow
  .double-heading:last-child
  .column:first-child {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
#content-pricing
  section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column
  .row.box.overflow
  .double-heading
  .column:first-child,
section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column
  .row.box.overflow
  .double-heading
  .column:first-child {
  margin-top: 5px;
}
#content-pricing
  section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column
  .row.box.overflow
  .double-heading
  .column:first-child:after,
section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column
  .row.box.overflow
  .double-heading
  .column:first-child:after {
  height: 50px;
  margin-top: -20px;
}
@media (max-width: 768px) {
  #content-pricing
    section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column
    .row.box.overflow
    .double-heading
    .column:first-child:after,
  section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column
    .row.box.overflow
    .double-heading
    .column:first-child:after {
    content: "";
    right: 28px;
    top: 10px;
  }
}
@media (max-width: 425px) {
  #content-pricing
    section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column
    .row.box.overflow
    .double-heading
    .column:first-child:after,
  section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column
    .row.box.overflow
    .double-heading
    .column:first-child:after {
    content: none;
  }
}
@media (max-width: 768px) {
  #content-pricing
    section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column
    .row.box.overflow
    .double-heading
    .column:first-child,
  section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column
    .row.box.overflow
    .double-heading
    .column:first-child {
    margin-bottom: 5px;
    padding-top: 0;
  }
}
#content-pricing
  section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column
  .row.box.overflow
  .double-heading
  .column:last-child,
section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column
  .row.box.overflow
  .double-heading
  .column:last-child {
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}
#content-pricing
  section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column
  .row.box.overflow
  .double-heading
  .column:last-child
  .tnc,
section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column
  .row.box.overflow
  .double-heading
  .column:last-child
  .tnc {
  border-bottom: 1px dashed #c2cbd7;
  font-size: 16px;
  cursor: pointer;
}
#content-pricing
  section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column
  .row.box.overflow
  .double-heading
  .column:last-child
  .tooltip,
section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column
  .row.box.overflow
  .double-heading
  .column:last-child
  .tooltip {
  bottom: 68.15%;
}
@media (max-width: 768px) {
  #content-pricing
    section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column
    .row.box.overflow
    .double-heading
    .column:last-child,
  section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column
    .row.box.overflow
    .double-heading
    .column:last-child {
    margin-top: 0 !important;
    margin-bottom: 10px;
  }
}
@media (max-width: 768px) {
  #content-pricing
    section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column
    .row.box.overflow
    .double-heading,
  section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column
    .row.box.overflow
    .double-heading {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
@media (max-width: 425px) {
  #content-pricing
    section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column
    .row.box.overflow
    .double-heading,
  section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column
    .row.box.overflow
    .double-heading {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    margin-top: 20px;
  }
}
#content-pricing
  section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column
  .row.box.overflow
  .flex-space-between,
section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column
  .row.box.overflow
  .flex-space-between {
  margin-bottom: -10px;
}
#content-pricing
  section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column
  .row.box.overflow
  .flex-space-between
  .pc-signup-btn,
section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column
  .row.box.overflow
  .flex-space-between
  .pc-signup-btn {
  background: #0075ff;
  border-radius: 2px;
  box-shadow: none;
  width: 150px;
}
#content-pricing
  section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column
  .row.box.overflow
  .flex-space-between
  .link,
section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column
  .row.box.overflow
  .flex-space-between
  .link {
  padding-left: 0;
}
#content-pricing
  section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .flex-space-between,
section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .flex-space-between {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#content-pricing
  section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column.non-illustration
  .double-heading
  .column
  .rate.rate-lg,
section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column.non-illustration
  .double-heading
  .column
  .rate.rate-lg {
  font-weight: normal;
}
#content-pricing
  section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column.non-illustration
  .double-heading
  .column:first-child,
section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column.non-illustration
  .double-heading
  .column:first-child {
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}
@media (max-width: 768px) {
  #content-pricing
    section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column.non-illustration
    .double-heading
    .column:first-child:after,
  section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column.non-illustration
    .double-heading
    .column:first-child:after {
    content: "";
    right: 28px;
    top: 24px;
  }
}
@media (max-width: 425px) {
  #content-pricing
    section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column.non-illustration
    .double-heading
    .column:first-child:after,
  section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column.non-illustration
    .double-heading
    .column:first-child:after {
    content: none;
  }
}
@media (max-width: 768px) {
  #content-pricing
    section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column.non-illustration
    .double-heading
    .column:first-child,
  section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column.non-illustration
    .double-heading
    .column:first-child {
    margin-top: 0;
    margin-bottom: 5px;
    padding-top: 12px;
  }
}
#content-pricing
  section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column.non-illustration
  .double-heading
  .column:last-child,
section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column.non-illustration
  .double-heading
  .column:last-child {
  padding-top: 0;
  -webkit-box-flex: 4;
  -webkit-flex-grow: 4;
  -ms-flex-positive: 4;
  flex-grow: 4;
}
#content-pricing
  section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column.non-illustration
  .double-heading
  .column:last-child
  .tnc,
section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column.non-illustration
  .double-heading
  .column:last-child
  .tnc {
  border-bottom: 1px dashed #c2cbd7;
  font-size: 16px;
  cursor: pointer;
}
#content-pricing
  section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column.non-illustration
  .double-heading
  .column:last-child
  .tooltip,
section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column.non-illustration
  .double-heading
  .column:last-child
  .tooltip {
  bottom: 52.35%;
}
@media (max-width: 768px) {
  #content-pricing
    section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column.non-illustration
    .double-heading
    .column:last-child,
  section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column.non-illustration
    .double-heading
    .column:last-child {
    margin-top: 0 !important;
  }
}
@media (max-width: 768px) {
  #content-pricing
    section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column.non-illustration
    .double-heading,
  section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column.non-illustration
    .double-heading {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
@media (max-width: 425px) {
  #content-pricing
    section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column.non-illustration
    .double-heading,
  section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column.non-illustration
    .double-heading {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
  }
}
#content-pricing
  section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column.non-illustration
  .row
  .flex-space-between
  .pc-signup-btn,
section.neo-pricing
  .container
  .columns.left-illustration.v-center
  .column.non-illustration
  .row
  .flex-space-between
  .pc-signup-btn {
  border-radius: 2px;
  margin-top: 0;
  margin-bottom: 0;
  width: 150px;
  background: #fff;
  box-shadow: none;
  color: #0075ff;
  border: 1px solid #0075ff;
  margin: 5px;
}
@media (max-width: 1023px) {
  #content-pricing
    section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column.non-illustration
    .row.box,
  section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column.non-illustration
    .row.box,
  #content-pricing
    section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column.non-illustration
    .rows.zebra,
  section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .column.non-illustration
    .rows.zebra {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  #content-pricing
    section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .flex-space-between,
  section.neo-pricing
    .container
    .columns.left-illustration.v-center
    .flex-space-between {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#content-pricing section.neo-pricing .container .after-text,
section.neo-pricing .container .after-text {
  margin: 0 30px;
  font-size: 14px;
}
@media (max-width: 1023px) {
  #content-pricing section.neo-pricing .container .after-text,
  section.neo-pricing .container .after-text {
    margin-left: 105px;
  }
}
@media (max-width: 480px) {
  #content-pricing section.neo-pricing .container .after-text,
  section.neo-pricing .container .after-text {
    margin-left: 0;
    margin-right: 0;
    text-align: center;
  }
}
@media (max-width: 767px) {
  #content-pricing section.neo-pricing .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
#paymentlinks .column.non-illustration .tooltip {
  bottom: 63.5%;
}
#paymentpages .column.non-illustration .tooltip {
  bottom: 61.35% !important;
}
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column
  .box.overflow.head-alter {
  border: 1px solid #f2a23a;
  border-radius: 2px;
}
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column
  .box.overflow.head-alter
  h2,
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column.non-illustration
  .row.box.move-resp
  .rows.zebra
  .row
  h2 {
  font-size: 24px;
  color: #0b253f;
  font-weight: 800;
}
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column
  .box.overflow.head-alter
  h1:not(.no-puck)::after,
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column.non-illustration
  .row.box.move-resp
  .rows.zebra
  .row
  h1:not(.no-puck)::after,
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column
  .box.overflow.head-alter
  h2:not(.no-puck)::after,
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column.non-illustration
  .row.box.move-resp
  .rows.zebra
  .row
  h2:not(.no-puck)::after {
  background: #0075ff;
}
@media (max-width: 768px) {
  #payment-botton
    section#pricing.pricing-card.neo-pricing
    .pricing
    .container
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column
    .box.overflow.head-alter
    h1:not(.no-puck)::after,
  #payment-botton
    section#pricing.pricing-card.neo-pricing
    .pricing
    .container
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column.non-illustration
    .row.box.move-resp
    .rows.zebra
    .row
    h1:not(.no-puck)::after,
  #payment-botton
    section#pricing.pricing-card.neo-pricing
    .pricing
    .container
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column
    .box.overflow.head-alter
    h2:not(.no-puck)::after,
  #payment-botton
    section#pricing.pricing-card.neo-pricing
    .pricing
    .container
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column.non-illustration
    .row.box.move-resp
    .rows.zebra
    .row
    h2:not(.no-puck)::after {
    margin-left: 46%;
  }
}
@media (max-width: 425px) {
  #payment-botton
    section#pricing.pricing-card.neo-pricing
    .pricing
    .container
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column
    .box.overflow.head-alter
    h1:not(.no-puck)::after,
  #payment-botton
    section#pricing.pricing-card.neo-pricing
    .pricing
    .container
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column.non-illustration
    .row.box.move-resp
    .rows.zebra
    .row
    h1:not(.no-puck)::after,
  #payment-botton
    section#pricing.pricing-card.neo-pricing
    .pricing
    .container
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column
    .box.overflow.head-alter
    h2:not(.no-puck)::after,
  #payment-botton
    section#pricing.pricing-card.neo-pricing
    .pricing
    .container
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column.non-illustration
    .row.box.move-resp
    .rows.zebra
    .row
    h2:not(.no-puck)::after {
    margin-left: 43%;
  }
}
@media (max-width: 768px) {
  #payment-botton
    section#pricing.pricing-card.neo-pricing
    .pricing
    .container
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column
    .box.overflow.head-alter
    h1,
  #payment-botton
    section#pricing.pricing-card.neo-pricing
    .pricing
    .container
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column.non-illustration
    .row.box.move-resp
    .rows.zebra
    .row
    h1,
  #payment-botton
    section#pricing.pricing-card.neo-pricing
    .pricing
    .container
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column
    .box.overflow.head-alter
    h2,
  #payment-botton
    section#pricing.pricing-card.neo-pricing
    .pricing
    .container
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column.non-illustration
    .row.box.move-resp
    .rows.zebra
    .row
    h2 {
    text-align: center !important;
  }
}
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column
  .box.overflow.head-alter
  .double-heading,
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column.non-illustration
  .row.box.move-resp
  .rows.zebra
  .row
  .double-heading {
  margin: 0 0;
}
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column
  .box.overflow.head-alter
  .double-heading.margin-top,
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column.non-illustration
  .row.box.move-resp
  .rows.zebra
  .row
  .double-heading.margin-top {
  margin-top: -20px;
}
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column
  .box.overflow.head-alter
  .double-heading
  .column
  .rate.rate-lg,
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column.non-illustration
  .row.box.move-resp
  .rows.zebra
  .row
  .double-heading
  .column
  .rate.rate-lg {
  font-size: 28px;
  line-height: 28px;
  font-weight: bold;
  color: #333;
}
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column
  .box.overflow.head-alter
  .double-heading
  .column.no-right-border:after,
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column.non-illustration
  .row.box.move-resp
  .rows.zebra
  .row
  .double-heading
  .column.no-right-border:after {
  display: none;
}
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column
  .box.overflow.head-alter
  .double-heading
  .column:first-child,
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column.non-illustration
  .row.box.move-resp
  .rows.zebra
  .row
  .double-heading
  .column:first-child {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  top: 8px;
  padding-bottom: 20px;
}
@media (max-width: 768px) {
  #payment-botton
    section#pricing.pricing-card.neo-pricing
    .pricing
    .container
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column
    .box.overflow.head-alter
    .double-heading
    .column:first-child,
  #payment-botton
    section#pricing.pricing-card.neo-pricing
    .pricing
    .container
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column.non-illustration
    .row.box.move-resp
    .rows.zebra
    .row
    .double-heading
    .column:first-child {
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column
  .box.overflow.head-alter
  .double-heading
  .column:last-child,
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column.non-illustration
  .row.box.move-resp
  .rows.zebra
  .row
  .double-heading
  .column:last-child {
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  font-size: 15px;
  line-height: 1.6;
  padding-left: 5px;
}
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column
  .box.overflow.head-alter
  .double-heading
  .column:last-child
  .tnc,
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column.non-illustration
  .row.box.move-resp
  .rows.zebra
  .row
  .double-heading
  .column:last-child
  .tnc {
  border-bottom: 1px dashed #c2cbd7;
  font-size: 16px;
  cursor: pointer;
}
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column
  .box.overflow.head-alter
  .double-heading
  .column:last-child
  .tooltip,
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column.non-illustration
  .row.box.move-resp
  .rows.zebra
  .row
  .double-heading
  .column:last-child
  .tooltip {
  bottom: 68.75%;
}
@media (max-width: 768px) {
  #payment-botton
    section#pricing.pricing-card.neo-pricing
    .pricing
    .container
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column
    .box.overflow.head-alter
    .double-heading
    .column:last-child,
  #payment-botton
    section#pricing.pricing-card.neo-pricing
    .pricing
    .container
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column.non-illustration
    .row.box.move-resp
    .rows.zebra
    .row
    .double-heading
    .column:last-child {
    padding-left: 0 !important;
    margin-top: 5px;
  }
}
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column
  .box.overflow.head-alter
  .double-heading
  .column:after,
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column.non-illustration
  .row.box.move-resp
  .rows.zebra
  .row
  .double-heading
  .column:after {
  height: 50px;
  top: 50%;
  right: 12px;
  margin-top: -32px;
  border-color: #9cc2fd;
}
@media (max-width: 1023px) {
  #payment-botton
    section#pricing.pricing-card.neo-pricing
    .pricing
    .container
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column
    .box.overflow.head-alter
    .double-heading,
  #payment-botton
    section#pricing.pricing-card.neo-pricing
    .pricing
    .container
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column.non-illustration
    .row.box.move-resp
    .rows.zebra
    .row
    .double-heading {
    margin-top: 15px;
  }
  #payment-botton
    section#pricing.pricing-card.neo-pricing
    .pricing
    .container
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column
    .box.overflow.head-alter
    .double-heading.margin-top,
  #payment-botton
    section#pricing.pricing-card.neo-pricing
    .pricing
    .container
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column.non-illustration
    .row.box.move-resp
    .rows.zebra
    .row
    .double-heading.margin-top {
    margin-top: -20px;
  }
}
@media (max-width: 768px) {
  #payment-botton
    section#pricing.pricing-card.neo-pricing
    .pricing
    .container
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column
    .box.overflow.head-alter
    .double-heading,
  #payment-botton
    section#pricing.pricing-card.neo-pricing
    .pricing
    .container
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column.non-illustration
    .row.box.move-resp
    .rows.zebra
    .row
    .double-heading {
    text-align: center;
    margin-left: 15px;
  }
}
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column
  .box.overflow.head-alter
  .rows.zebra.rxca-ribbon,
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column.non-illustration
  .row.box.move-resp
  .rows.zebra
  .row
  .rows.zebra.rxca-ribbon {
  margin: 15px 0 25px;
}
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column
  .box.overflow.head-alter
  .rows.zebra.rxca-ribbon
  .row,
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column.non-illustration
  .row.box.move-resp
  .rows.zebra
  .row
  .rows.zebra.rxca-ribbon
  .row {
  background: rgba(205, 130, 20, 0.1);
  border-radius: 4px;
  padding-top: 5px;
  padding-bottom: 5px;
}
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column
  .box.overflow.head-alter
  .rows.zebra.rxca-ribbon
  .row
  .double-heading
  .column:first-child,
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column.non-illustration
  .row.box.move-resp
  .rows.zebra
  .row
  .rows.zebra.rxca-ribbon
  .row
  .double-heading
  .column:first-child {
  padding-bottom: 0;
  padding-top: 17px;
}
@media (max-width: 768px) {
  #payment-botton
    section#pricing.pricing-card.neo-pricing
    .pricing
    .container
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column
    .box.overflow.head-alter
    .rows.zebra.rxca-ribbon
    .row
    .double-heading
    .column:first-child
    small,
  #payment-botton
    section#pricing.pricing-card.neo-pricing
    .pricing
    .container
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column.non-illustration
    .row.box.move-resp
    .rows.zebra
    .row
    .rows.zebra.rxca-ribbon
    .row
    .double-heading
    .column:first-child
    small {
    top: -24px;
  }
}
@media (max-width: 1023px) {
  #payment-botton
    section#pricing.pricing-card.neo-pricing
    .pricing
    .container
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column
    .box.overflow.head-alter
    .rows.zebra.rxca-ribbon
    .row
    .double-heading
    .column:first-child,
  #payment-botton
    section#pricing.pricing-card.neo-pricing
    .pricing
    .container
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column.non-illustration
    .row.box.move-resp
    .rows.zebra
    .row
    .rows.zebra.rxca-ribbon
    .row
    .double-heading
    .column:first-child {
    padding: 0;
    text-align: center;
    margin-bottom: 0;
  }
}
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column
  .box.overflow.head-alter
  .rows.zebra.rxca-ribbon
  .row
  .double-heading
  .column:last-child,
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column.non-illustration
  .row.box.move-resp
  .rows.zebra
  .row
  .rows.zebra.rxca-ribbon
  .row
  .double-heading
  .column:last-child {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column
  .box.overflow.head-alter
  .rows.zebra.rxca-ribbon
  .row
  .double-heading
  .column:last-child
  h3,
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column.non-illustration
  .row.box.move-resp
  .rows.zebra
  .row
  .rows.zebra.rxca-ribbon
  .row
  .double-heading
  .column:last-child
  h3 {
  color: #0b253f;
  font-weight: 800;
  margin: 0;
}
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column
  .box.overflow.head-alter
  .rows.zebra.rxca-ribbon
  .row
  .double-heading
  .column:last-child
  .razorpayx-text
  img,
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column.non-illustration
  .row.box.move-resp
  .rows.zebra
  .row
  .rows.zebra.rxca-ribbon
  .row
  .double-heading
  .column:last-child
  .razorpayx-text
  img {
  height: 30px;
  border-bottom: 1px dashed #d99234;
  cursor: pointer;
}
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column
  .box.overflow.head-alter
  .rows.zebra.rxca-ribbon
  .row
  .double-heading
  .column:last-child
  .tooltip,
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column.non-illustration
  .row.box.move-resp
  .rows.zebra
  .row
  .rows.zebra.rxca-ribbon
  .row
  .double-heading
  .column:last-child
  .tooltip {
  display: none;
  bottom: -2.5%;
  position: absolute;
  height: -webkit-fit-content;
  height: fit-content;
  padding: 20px 20px 5px 20px;
  background: #fff;
  border: 1px solid #7bb2f2;
  border-radius: 4px;
  z-index: 1;
}
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column
  .box.overflow.head-alter
  .rows.zebra.rxca-ribbon
  .row
  .double-heading
  .column:last-child
  .tooltip.visible,
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column.non-illustration
  .row.box.move-resp
  .rows.zebra
  .row
  .rows.zebra.rxca-ribbon
  .row
  .double-heading
  .column:last-child
  .tooltip.visible {
  display: block;
}
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column
  .box.overflow.head-alter
  .rows.zebra.rxca-ribbon
  .row
  .double-heading
  .column:last-child
  .tooltip
  p,
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column.non-illustration
  .row.box.move-resp
  .rows.zebra
  .row
  .rows.zebra.rxca-ribbon
  .row
  .double-heading
  .column:last-child
  .tooltip
  p,
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column
  .box.overflow.head-alter
  .rows.zebra.rxca-ribbon
  .row
  .double-heading
  .column:last-child
  .tooltip
  a,
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column.non-illustration
  .row.box.move-resp
  .rows.zebra
  .row
  .rows.zebra.rxca-ribbon
  .row
  .double-heading
  .column:last-child
  .tooltip
  a {
  font-size: 14px;
}
@media (max-width: 1023px) {
  #payment-botton
    section#pricing.pricing-card.neo-pricing
    .pricing
    .container
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column
    .box.overflow.head-alter
    .rows.zebra.rxca-ribbon
    .row
    .double-heading
    .column:last-child,
  #payment-botton
    section#pricing.pricing-card.neo-pricing
    .pricing
    .container
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column.non-illustration
    .row.box.move-resp
    .rows.zebra
    .row
    .rows.zebra.rxca-ribbon
    .row
    .double-heading
    .column:last-child {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    margin-bottom: 0;
  }
}
@media (max-width: 1023px) {
  #payment-botton
    section#pricing.pricing-card.neo-pricing
    .pricing
    .container
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column
    .box.overflow.head-alter
    .rows.zebra.rxca-ribbon
    .row
    .double-heading,
  #payment-botton
    section#pricing.pricing-card.neo-pricing
    .pricing
    .container
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column.non-illustration
    .row.box.move-resp
    .rows.zebra
    .row
    .rows.zebra.rxca-ribbon
    .row
    .double-heading {
    margin-top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media (max-width: 1023px) {
  #payment-botton
    section#pricing.pricing-card.neo-pricing
    .pricing
    .container
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column
    .box.overflow.head-alter
    .rows.zebra.rxca-ribbon
    .row,
  #payment-botton
    section#pricing.pricing-card.neo-pricing
    .pricing
    .container
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column.non-illustration
    .row.box.move-resp
    .rows.zebra
    .row
    .rows.zebra.rxca-ribbon
    .row {
    padding-top: 0;
    padding-bottom: 5px;
  }
}
@media (max-width: 1023px) {
  #payment-botton
    section#pricing.pricing-card.neo-pricing
    .pricing
    .container
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column
    .box.overflow.head-alter
    .rows.zebra.rxca-ribbon,
  #payment-botton
    section#pricing.pricing-card.neo-pricing
    .pricing
    .container
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column.non-illustration
    .row.box.move-resp
    .rows.zebra
    .row
    .rows.zebra.rxca-ribbon {
    margin-top: 0;
  }
}
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column
  .box.overflow.head-alter
  .flex-space-between.v-center
  .btn,
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column.non-illustration
  .row.box.move-resp
  .rows.zebra
  .row
  .flex-space-between.v-center
  .btn {
  margin-top: 0;
}
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column
  .box.overflow.head-alter
  .flex-space-between.v-center
  .pc-signup-btn,
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column.non-illustration
  .row.box.move-resp
  .rows.zebra
  .row
  .flex-space-between.v-center
  .pc-signup-btn {
  background: #0075ff;
  border-radius: 2px;
  box-shadow: none;
  width: 150px;
}
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column
  .box.overflow.head-alter
  .flex-space-between.v-center
  .link,
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column.non-illustration
  .row.box.move-resp
  .rows.zebra
  .row
  .flex-space-between.v-center
  .link {
  padding-left: 0;
}
@media (max-width: 1023px) {
  #payment-botton
    section#pricing.pricing-card.neo-pricing
    .pricing
    .container
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column.non-illustration
    .row.box.move-resp
    .rows.zebra
    .row {
    padding-top: 35px;
  }
  #payment-botton
    section#pricing.pricing-card.neo-pricing
    .pricing
    .container
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column.non-illustration
    .row.box.move-resp
    .rows.zebra
    .row:first-child {
    padding-top: 60px;
  }
}
@media (max-width: 768px) {
  #payment-botton
    section#pricing.pricing-card.neo-pricing
    .pricing
    .container
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column.non-illustration
    .row.box.move-resp
    .rows.zebra
    .row
    h1,
  #payment-botton
    section#pricing.pricing-card.neo-pricing
    .pricing
    .container
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column.non-illustration
    .row.box.move-resp
    .rows.zebra
    .row
    h2 {
    text-align: center;
  }
}
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column.non-illustration
  .row.box.move-resp
  .rows.zebra
  .row
  .double-heading
  .column
  .rate.rate-lg {
  font-weight: normal;
}
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column.non-illustration
  .row.box.move-resp
  .rows.zebra
  .row
  .double-heading
  .column
  .tnc {
  font-size: 15px !important;
}
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column.non-illustration
  .row.box.move-resp
  .rows.zebra
  .row
  .double-heading
  .column
  .tooltip {
  bottom: 62.3% !important;
}
@media (max-width: 768px) {
  #payment-botton
    section#pricing.pricing-card.neo-pricing
    .pricing
    .container
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column.non-illustration
    .row.box.move-resp
    .rows.zebra
    .row
    .double-heading
    .column:first-child {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 15px;
  }
}
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column.non-illustration
  .row.box.move-resp
  .rows.zebra
  .row
  .double-heading
  .column:last-child {
  padding: 0 5px 5px 3px;
  font-size: 14px;
  -webkit-box-flex: 2.5;
  -webkit-flex-grow: 2.5;
  -ms-flex-positive: 2.5;
  flex-grow: 2.5;
}
@media (max-width: 768px) {
  #payment-botton
    section#pricing.pricing-card.neo-pricing
    .pricing
    .container
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column.non-illustration
    .row.box.move-resp
    .rows.zebra
    .row
    .double-heading
    .column:last-child {
    margin-top: 15px;
  }
}
@media (max-width: 768px) {
  #payment-botton
    section#pricing.pricing-card.neo-pricing
    .pricing
    .container
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column.non-illustration
    .row.box.move-resp
    .rows.zebra
    .row
    .double-heading {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -15px;
  }
  #payment-botton
    section#pricing.pricing-card.neo-pricing
    .pricing
    .container
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column.non-illustration
    .row.box.move-resp
    .rows.zebra
    .row
    .double-heading
    .column:first-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  #payment-botton
    section#pricing.pricing-card.neo-pricing
    .pricing
    .container
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column.non-illustration
    .row.box.move-resp
    .rows.zebra
    .row
    .double-heading
    .column:first-child:after {
    content: none;
  }
  #payment-botton
    section#pricing.pricing-card.neo-pricing
    .pricing
    .container
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column.non-illustration
    .row.box.move-resp
    .rows.zebra
    .row
    .double-heading
    .column:first-child
    .small-mob {
    top: 0;
  }
}
@media (max-width: 768px) {
  #payment-botton
    section#pricing.pricing-card.neo-pricing
    .pricing
    .container
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column.non-illustration
    .row.box.move-resp
    .rows.zebra
    .row
    .double-heading {
    text-align: center;
  }
}
#payment-botton
  section#pricing.pricing-card.neo-pricing
  .pricing
  .container
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column.non-illustration
  .row.box.move-resp
  .rows.zebra
  .row
  .flex-space-between.v-center
  .pc-signup-btn {
  border-radius: 2px;
  margin-top: 0;
  margin-bottom: 0;
  width: 150px;
  background: #fff;
  box-shadow: none;
  color: #0075ff;
  border: 1px solid #0075ff;
  margin: 5px;
}
@media (max-width: 480px) {
  #payment-botton .pricing-wrapper .after-text {
    margin-left: 0;
    margin-right: 0;
    text-align: center;
  }
}
.modal .modal-inner .modal-container .modal-content {
  min-height: -webkit-fit-content;
  min-height: fit-content;
}
.modal
  .modal-inner
  .modal-container
  .modal-content
  .modal-contents
  .tooltip-modal
  .razorpayx-text
  img {
  min-height: 22px;
}
@media (max-width: 480px) {
  .modal .modal-inner {
    width: 90%;
  }
}
#pricing-neo-plan-modal {
  background: #f7f9fc;
  width: auto;
  max-height: 736px;
}
#pricing-neo-plan-modal .modal-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
#pricing-neo-plan-modal .close {
  font-size: 20px;
  position: unset;
  top: unset;
  right: unset;
  color: #fff;
  padding: 15px 0 0 15px;
}
#pricing-neo-plan-modal .modal-content {
  padding: 12px;
}
@media (max-width: 768px) {
  #pricing-neo-plan-modal .modal-content {
    border: 1px solid #7bb2f2;
    box-sizing: border-box;
    box-shadow: 0 18px 28px rgba(21, 45, 75, 0.1), 0 0 1px rgba(21, 45, 75, 0.2);
    border-radius: 4px;
    max-width: 359px;
    padding: 0;
    margin: 24px auto;
  }
}
#pricing-neo-plan-modal .modal-contents {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 1068px;
  margin: auto;
}
@media (width: 1024px) {
  #pricing-neo-plan-modal .modal-contents {
    width: 90vw;
  }
}
@media (max-width: 768px) {
  #pricing-neo-plan-modal .modal-contents {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
  }
}
#pricing-neo-plan-modal .modal-contents .info {
  background: #fff;
  border-radius: 1px;
  padding: 39px 43px;
  height: 568px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  max-width: 672px;
}
@media (width: 1024px) {
  #pricing-neo-plan-modal .modal-contents .info {
    width: 60vw;
  }
}
@media (max-width: 768px) {
  #pricing-neo-plan-modal .modal-contents .info {
    max-width: 100%;
    padding: 35px 32px;
    height: 684px;
  }
}
@media (max-width: 359px) {
  #pricing-neo-plan-modal .modal-contents .info {
    height: 728px;
  }
}
#pricing-neo-plan-modal .modal-contents .info .head h2 {
  font-weight: bold;
  font-size: 26px;
  line-height: 33px;
  letter-spacing: -0.01em;
  color: #0075ff;
}
@media (max-width: 768px) {
  #pricing-neo-plan-modal .modal-contents .info .head h2 {
    font-size: 20px;
    line-height: 25px;
  }
}
#pricing-neo-plan-modal .modal-contents .info .head p {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: #0b253f;
  margin-top: 3px;
}
#pricing-neo-plan-modal .modal-contents .info .steps .step {
  margin-bottom: 20px;
}
#pricing-neo-plan-modal .modal-contents .info .steps .step .title {
  font-weight: bold;
  font-size: 22px;
  line-height: 28px;
  letter-spacing: -0.029em;
  color: #cd8214;
}
@media (max-width: 768px) {
  #pricing-neo-plan-modal .modal-contents .info .steps .step .title {
    font-size: 18px;
    line-height: 23px;
  }
}
#pricing-neo-plan-modal .modal-contents .info .steps .step .description {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: #0b253f;
  margin-top: 10px;
}
#pricing-neo-plan-modal .modal-contents .info .bottom {
  background: rgba(205, 130, 20, 0.1);
  border: 1px solid #cd8214;
  box-sizing: border-box;
  border-radius: 1px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: #294057;
}
#pricing-neo-plan-modal .modal-contents .info .bottom p {
  padding: 20px;
  margin: 0;
}
@media (max-width: 768px) {
  #pricing-neo-plan-modal .modal-contents .info .bottom p {
    text-align: left;
  }
}
#pricing-neo-plan-modal .modal-contents .faqs {
  background-color: #5360cc;
  margin-left: 22px;
  color: #fff;
  line-height: 20px;
  letter-spacing: -0.01em;
  padding-top: 32px;
  height: 568px;
  width: 372px;
  overflow: scroll;
}
@media (max-width: 768px) {
  #pricing-neo-plan-modal .modal-contents .faqs {
    width: 100%;
    height: -webkit-fit-content;
    height: fit-content;
    padding-top: 24px;
    margin-left: 0;
  }
}
#pricing-neo-plan-modal .modal-contents .faqs .head {
  padding: 0 32px 14px 24px;
  font-size: 22px;
  line-height: 28px;
  letter-spacing: -0.029em;
  color: rgba(255, 255, 255, 0.49);
}
#pricing-neo-plan-modal .modal-contents .faqs .faq {
  margin-bottom: 32px;
  cursor: pointer;
}
#pricing-neo-plan-modal .modal-contents .faqs .faq .q {
  font-weight: bold;
  font-size: 13px;
  padding-left: 24px;
  padding-right: 34px;
  margin-bottom: 8px;
  position: relative;
}
#pricing-neo-plan-modal .modal-contents .faqs .faq .q:after {
  content: url("/assets/neo-pricing/plus.svg");
  position: absolute;
  width: 12px;
  right: 24px;
  height: 12px;
  top: 5%;
}
#pricing-neo-plan-modal .modal-contents .faqs .faq .q.open:after {
  content: url("/assets/neo-pricing/minus.svg");
  position: absolute;
  width: 12px;
  right: 24px;
  height: 12px;
}
#pricing-neo-plan-modal .modal-contents .faqs .faq .a {
  font-size: 12px;
  background-color: #616ed7;
  padding: 13px 24px;
  margin-bottom: 12px;
  -webkit-transition: all 2s ease;
  transition: all 2s ease;
}
@media (max-width: 1023px) {
  #pricing-neo-plan-modal .modal-contents .faqs .faq:last-child {
    margin-bottom: 65px;
  }
}
.float-close {
  background: rgba(11, 37, 63, 0.68);
  border: 1px solid rgba(57, 135, 240, 0.18);
  box-sizing: border-box;
  backdrop-filter: blur(4px);
  border-radius: 26px;
  font-weight: bold;
  font-size: 16px !important;
  line-height: 20px;
  color: #fff;
  padding: 13px 24px !important;
  position: fixed !important;
  bottom: 32px;
  z-index: 999999;
  left: calc(50% - 52px);
  top: unset;
  right: unset;
}
.float-close img {
  height: 12px;
  margin-left: 10px;
  margin-bottom: 1px;
}
#content-pricing
  section.juggernaut-pricing
  .container
  .columns.left-illustration
  .column,
section.juggernaut-pricing .container .columns.left-illustration .column {
  -webkit-box-flex: 0.7;
  -webkit-flex-grow: 0.7;
  -ms-flex-positive: 0.7;
  flex-grow: 0.7;
}
#content-pricing
  section.juggernaut-pricing
  .container
  .columns.left-illustration
  .column
  .row.box.overflow,
section.juggernaut-pricing
  .container
  .columns.left-illustration
  .column
  .row.box.overflow {
  border: 1px solid #00d1c5;
  border-radius: 2px;
}
#content-pricing
  section.juggernaut-pricing
  .container
  .columns.left-illustration
  .column
  .row.box.overflow
  .offer-ribbon,
section.juggernaut-pricing
  .container
  .columns.left-illustration
  .column
  .row.box.overflow
  .offer-ribbon {
  background-color: #00d1c5;
}
#content-pricing
  section.juggernaut-pricing
  .container
  .columns.left-illustration
  .column
  .row.box.overflow
  .columns.with-puck,
section.juggernaut-pricing
  .container
  .columns.left-illustration
  .column
  .row.box.overflow
  .columns.with-puck {
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  #content-pricing
    section.juggernaut-pricing
    .container
    .columns.left-illustration
    .column
    .row.box.overflow
    .columns.with-puck,
  section.juggernaut-pricing
    .container
    .columns.left-illustration
    .column
    .row.box.overflow
    .columns.with-puck {
    margin-bottom: 0;
  }
}
#content-pricing
  section.juggernaut-pricing
  .container
  .columns.left-illustration
  .column
  .row.box.overflow
  .columns.with-puck:after,
section.juggernaut-pricing
  .container
  .columns.left-illustration
  .column
  .row.box.overflow
  .columns.with-puck:after {
  content: "";
  display: block;
  width: 24px;
  height: 4px;
  background: #00d1c5;
  position: absolute;
  top: 48%;
}
@media (max-width: 425px) {
  #content-pricing
    section.juggernaut-pricing
    .container
    .columns.left-illustration
    .column
    .row.box.overflow
    .columns.with-puck:after,
  section.juggernaut-pricing
    .container
    .columns.left-illustration
    .column
    .row.box.overflow
    .columns.with-puck:after {
    content: none;
  }
}
#content-pricing
  section.juggernaut-pricing
  .container
  .columns.left-illustration
  .column
  .row.box.overflow
  .columns.with-puck
  .column,
section.juggernaut-pricing
  .container
  .columns.left-illustration
  .column
  .row.box.overflow
  .columns.with-puck
  .column {
  padding-left: 5px;
  padding-right: 5px;
}
#content-pricing
  section.juggernaut-pricing
  .container
  .columns.left-illustration
  .column
  .row.box.overflow
  .columns.with-puck
  .column
  h2,
section.juggernaut-pricing
  .container
  .columns.left-illustration
  .column
  .row.box.overflow
  .columns.with-puck
  .column
  h2 {
  font-size: 20px;
}
#content-pricing
  section.juggernaut-pricing
  .container
  .columns.left-illustration
  .column
  .row.box.overflow
  .columns.with-puck
  .column
  p,
section.juggernaut-pricing
  .container
  .columns.left-illustration
  .column
  .row.box.overflow
  .columns.with-puck
  .column
  p {
  font-weight: normal;
  font-size: 14px;
  color: rgba(11, 37, 63, 0.48);
  line-height: 20px;
  margin: 10px 28px;
}
@media (max-width: 425px) {
  #content-pricing
    section.juggernaut-pricing
    .container
    .columns.left-illustration
    .column
    .row.box.overflow
    .columns.with-puck
    .column
    p,
  section.juggernaut-pricing
    .container
    .columns.left-illustration
    .column
    .row.box.overflow
    .columns.with-puck
    .column
    p {
    margin-left: 0;
  }
}
#content-pricing
  section.juggernaut-pricing
  .container
  .columns.left-illustration
  .column
  .row.box.overflow
  .double-heading.columns
  .column
  .rate.rate-lg,
section.juggernaut-pricing
  .container
  .columns.left-illustration
  .column
  .row.box.overflow
  .double-heading.columns
  .column
  .rate.rate-lg {
  font-weight: bold;
  font-size: 36px;
  color: #00d1c5;
}
@media (max-width: 425px) {
  #content-pricing
    section.juggernaut-pricing
    .container
    .columns.left-illustration
    .column
    .row.box.overflow
    .double-heading.columns
    .column:first-child,
  section.juggernaut-pricing
    .container
    .columns.left-illustration
    .column
    .row.box.overflow
    .double-heading.columns
    .column:first-child {
    padding: 0;
    margin: 0;
  }
}
#content-pricing
  section.juggernaut-pricing
  .container
  .columns.left-illustration
  .column
  .row.box.overflow
  .double-heading.columns
  .column:first-child:after,
section.juggernaut-pricing
  .container
  .columns.left-illustration
  .column
  .row.box.overflow
  .double-heading.columns
  .column:first-child:after {
  height: 50px;
  margin-top: -17.5px;
  border-color: rgba(0, 209, 197, 0.2);
}
#content-pricing
  section.juggernaut-pricing
  .container
  .columns.left-illustration
  .column
  .row.box.overflow
  .double-heading.columns
  .column:last-child,
section.juggernaut-pricing
  .container
  .columns.left-illustration
  .column
  .row.box.overflow
  .double-heading.columns
  .column:last-child {
  font-size: 12px;
  margin-left: 12px;
  -webkit-box-flex: 4;
  -webkit-flex-grow: 4;
  -ms-flex-positive: 4;
  flex-grow: 4;
}
@media (max-width: 768px) {
  #content-pricing
    section.juggernaut-pricing
    .container
    .columns.left-illustration
    .column
    .row.box.overflow
    .double-heading.columns
    .column:last-child,
  section.juggernaut-pricing
    .container
    .columns.left-illustration
    .column
    .row.box.overflow
    .double-heading.columns
    .column:last-child {
    margin-left: -70%;
  }
}
@media (max-width: 425px) {
  #content-pricing
    section.juggernaut-pricing
    .container
    .columns.left-illustration
    .column
    .row.box.overflow
    .double-heading.columns
    .column:last-child,
  section.juggernaut-pricing
    .container
    .columns.left-illustration
    .column
    .row.box.overflow
    .double-heading.columns
    .column:last-child {
    margin-left: 0;
  }
}
#content-pricing
  section.juggernaut-pricing
  .container
  .columns.left-illustration
  .column
  .row.box.overflow
  .double-heading.columns
  .column:last-child
  .tnc,
section.juggernaut-pricing
  .container
  .columns.left-illustration
  .column
  .row.box.overflow
  .double-heading.columns
  .column:last-child
  .tnc {
  font-size: 14px;
}
@media (max-width: 768px) {
  #content-pricing
    section.juggernaut-pricing
    .container
    .columns.left-illustration
    .column
    .row.box.overflow
    .double-heading.columns,
  section.juggernaut-pricing
    .container
    .columns.left-illustration
    .column
    .row.box.overflow
    .double-heading.columns {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
@media (max-width: 425px) {
  #content-pricing
    section.juggernaut-pricing
    .container
    .columns.left-illustration
    .column
    .row.box.overflow
    .double-heading.columns,
  section.juggernaut-pricing
    .container
    .columns.left-illustration
    .column
    .row.box.overflow
    .double-heading.columns {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
#content-pricing
  section.juggernaut-pricing
  .container
  .columns.left-illustration
  .column
  .row.box.overflow
  .pc-signup-btn,
section.juggernaut-pricing
  .container
  .columns.left-illustration
  .column
  .row.box.overflow
  .pc-signup-btn {
  background: #0075ff;
  border-radius: 2px;
  box-shadow: none;
  width: -webkit-fit-content;
  width: fit-content;
  margin-bottom: 8px;
  font-size: 12px;
}
#content-pricing
  section.juggernaut-pricing
  .container
  .columns.left-illustration
  .column.non-illustration,
section.juggernaut-pricing
  .container
  .columns.left-illustration
  .column.non-illustration {
  -webkit-box-flex: 0.6;
  -webkit-flex-grow: 0.6;
  -ms-flex-positive: 0.6;
  flex-grow: 0.6;
}
@media (max-width: 768px) {
  #content-pricing
    section.juggernaut-pricing
    .container
    .columns.left-illustration
    .column.non-illustration
    .row.box
    .rows.zebra,
  section.juggernaut-pricing
    .container
    .columns.left-illustration
    .column.non-illustration
    .row.box
    .rows.zebra {
    padding-top: 0;
  }
}
#content-pricing
  section.juggernaut-pricing
  .container
  .columns.left-illustration
  .column.non-illustration
  .row.box
  .rows.zebra
  .row,
section.juggernaut-pricing
  .container
  .columns.left-illustration
  .column.non-illustration
  .row.box
  .rows.zebra
  .row {
  background: #f7f9fc;
  padding-left: 40px;
  padding-right: 50px;
}
#content-pricing
  section.juggernaut-pricing
  .container
  .columns.left-illustration
  .column.non-illustration
  .row.box
  .rows.zebra
  .row
  h2,
section.juggernaut-pricing
  .container
  .columns.left-illustration
  .column.non-illustration
  .row.box
  .rows.zebra
  .row
  h2 {
  font-weight: bold;
  font-size: 20px;
}
@media (max-width: 768px) {
  #content-pricing
    section.juggernaut-pricing
    .container
    .columns.left-illustration
    .column.non-illustration
    .row.box
    .rows.zebra
    .row
    .double-heading,
  section.juggernaut-pricing
    .container
    .columns.left-illustration
    .column.non-illustration
    .row.box
    .rows.zebra
    .row
    .double-heading {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
@media (max-width: 425px) {
  #content-pricing
    section.juggernaut-pricing
    .container
    .columns.left-illustration
    .column.non-illustration
    .row.box
    .rows.zebra
    .row
    .double-heading,
  section.juggernaut-pricing
    .container
    .columns.left-illustration
    .column.non-illustration
    .row.box
    .rows.zebra
    .row
    .double-heading {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
#content-pricing
  section.juggernaut-pricing
  .container
  .columns.left-illustration
  .column.non-illustration
  .row.box
  .rows.zebra
  .row
  .double-heading
  .column
  .rate.rate-lg,
section.juggernaut-pricing
  .container
  .columns.left-illustration
  .column.non-illustration
  .row.box
  .rows.zebra
  .row
  .double-heading
  .column
  .rate.rate-lg {
  color: #0b253f;
  font-weight: normal;
  font-size: 28px;
  letter-spacing: -0.029em;
}
#content-pricing
  section.juggernaut-pricing
  .container
  .columns.left-illustration
  .column.non-illustration
  .row.box
  .rows.zebra
  .row
  .double-heading
  .column:first-child:after,
section.juggernaut-pricing
  .container
  .columns.left-illustration
  .column.non-illustration
  .row.box
  .rows.zebra
  .row
  .double-heading
  .column:first-child:after {
  height: 50px;
  margin-top: -17.5px;
  border-color: #9cc2fd;
}
@media (max-width: 425px) {
  #content-pricing
    section.juggernaut-pricing
    .container
    .columns.left-illustration
    .column.non-illustration
    .row.box
    .rows.zebra
    .row
    .double-heading
    .column:first-child,
  section.juggernaut-pricing
    .container
    .columns.left-illustration
    .column.non-illustration
    .row.box
    .rows.zebra
    .row
    .double-heading
    .column:first-child {
    padding-top: 10px;
    margin-bottom: 0;
  }
}
#content-pricing
  section.juggernaut-pricing
  .container
  .columns.left-illustration
  .column.non-illustration
  .row.box
  .rows.zebra
  .row
  .double-heading
  .column:last-child,
section.juggernaut-pricing
  .container
  .columns.left-illustration
  .column.non-illustration
  .row.box
  .rows.zebra
  .row
  .double-heading
  .column:last-child {
  -webkit-box-flex: 2.2;
  -webkit-flex-grow: 2.2;
  -ms-flex-positive: 2.2;
  flex-grow: 2.2;
  font-size: 12px;
  margin-left: 12px;
}
@media (max-width: 768px) {
  #content-pricing
    section.juggernaut-pricing
    .container
    .columns.left-illustration
    .column.non-illustration
    .row.box
    .rows.zebra
    .row
    .double-heading
    .column:last-child,
  section.juggernaut-pricing
    .container
    .columns.left-illustration
    .column.non-illustration
    .row.box
    .rows.zebra
    .row
    .double-heading
    .column:last-child {
    margin-left: -65%;
  }
}
@media (max-width: 425px) {
  #content-pricing
    section.juggernaut-pricing
    .container
    .columns.left-illustration
    .column.non-illustration
    .row.box
    .rows.zebra
    .row
    .double-heading
    .column:last-child,
  section.juggernaut-pricing
    .container
    .columns.left-illustration
    .column.non-illustration
    .row.box
    .rows.zebra
    .row
    .double-heading
    .column:last-child {
    margin-left: 0;
  }
}
#content-pricing
  section.juggernaut-pricing
  .container
  .columns.left-illustration
  .column.non-illustration
  .row.box
  .rows.zebra
  .row
  .double-heading
  .column:last-child
  .tnc,
section.juggernaut-pricing
  .container
  .columns.left-illustration
  .column.non-illustration
  .row.box
  .rows.zebra
  .row
  .double-heading
  .column:last-child
  .tnc {
  font-size: 14px;
}
#content-pricing
  section.juggernaut-pricing
  .container
  .columns.left-illustration
  .column.non-illustration
  .row.box
  .rows.zebra
  .row
  .columns.pg:before,
section.juggernaut-pricing
  .container
  .columns.left-illustration
  .column.non-illustration
  .row.box
  .rows.zebra
  .row
  .columns.pg:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 60px;
  left: 55.8%;
  top: 65.5%;
  background: #7ce1dd;
  border-radius: 2px;
}
@media (max-width: 768px) {
  #content-pricing
    section.juggernaut-pricing
    .container
    .columns.left-illustration
    .column.non-illustration
    .row.box
    .rows.zebra
    .row
    .columns.pg:before,
  section.juggernaut-pricing
    .container
    .columns.left-illustration
    .column.non-illustration
    .row.box
    .rows.zebra
    .row
    .columns.pg:before {
    content: none;
  }
}
#content-pricing
  section.juggernaut-pricing
  .container
  .columns.left-illustration
  .column.non-illustration
  .row.box
  .rows.zebra
  .row
  .columns.pl:before,
section.juggernaut-pricing
  .container
  .columns.left-illustration
  .column.non-illustration
  .row.box
  .rows.zebra
  .row
  .columns.pl:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 60px;
  left: 55.8%;
  background: #7ce1dd;
  border-radius: 2px;
  top: 56%;
}
@media (max-width: 768px) {
  #content-pricing
    section.juggernaut-pricing
    .container
    .columns.left-illustration
    .column.non-illustration
    .row.box
    .rows.zebra
    .row
    .columns.pl:before,
  section.juggernaut-pricing
    .container
    .columns.left-illustration
    .column.non-illustration
    .row.box
    .rows.zebra
    .row
    .columns.pl:before {
    content: none;
  }
}
#content-pricing
  section.juggernaut-pricing
  .container
  .columns.left-illustration
  .column.non-illustration
  .row.box
  .rows.zebra
  .row
  .columns.pp:before,
section.juggernaut-pricing
  .container
  .columns.left-illustration
  .column.non-illustration
  .row.box
  .rows.zebra
  .row
  .columns.pp:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 60px;
  left: 55.85%;
  background: #7ce1dd;
  border-radius: 2px;
  top: 58%;
}
@media (max-width: 768px) {
  #content-pricing
    section.juggernaut-pricing
    .container
    .columns.left-illustration
    .column.non-illustration
    .row.box
    .rows.zebra
    .row
    .columns.pp:before,
  section.juggernaut-pricing
    .container
    .columns.left-illustration
    .column.non-illustration
    .row.box
    .rows.zebra
    .row
    .columns.pp:before {
    content: none;
  }
}
#content-pricing
  section.juggernaut-pricing
  .container
  .columns.left-illustration
  .column.non-illustration
  .row.box
  .rows.zebra
  .row
  .columns
  p,
section.juggernaut-pricing
  .container
  .columns.left-illustration
  .column.non-illustration
  .row.box
  .rows.zebra
  .row
  .columns
  p {
  font-weight: normal;
  font-size: 13px;
  color: rgba(11, 37, 63, 0.48);
  line-height: 20px;
}
#content-pricing section.juggernaut-pricing .container p.after-text,
section.juggernaut-pricing .container p.after-text {
  margin: 0 28px;
  font-size: 13px;
}
#content-pricing section.juggernaut-pricing .container p.after-text .tnc-link,
section.juggernaut-pricing .container p.after-text .tnc-link {
  color: #528ff0;
}
section#pricing.pricing-card.juggernaut-pricing-pb
  .pricing
  .pricing-wrapper
  p.after-text {
  margin: 0 28px;
  font-size: 13px;
}
section#pricing.pricing-card.juggernaut-pricing-pb
  .pricing
  .pricing-wrapper
  p.after-text
  .tnc-link {
  color: #528ff0;
}
section#pricing.pricing-card.juggernaut-pricing-pb
  .pricing
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column {
  -webkit-box-flex: 0.7;
  -webkit-flex-grow: 0.7;
  -ms-flex-positive: 0.7;
  flex-grow: 0.7;
}
section#pricing.pricing-card.juggernaut-pricing-pb
  .pricing
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column
  .box.overflow.head-alter {
  border: 1px solid #00d1c5;
  border-radius: 2px;
}
section#pricing.pricing-card.juggernaut-pricing-pb
  .pricing
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column
  .box.overflow.head-alter
  .offer-ribbon {
  background-color: #00d1c5;
}
section#pricing.pricing-card.juggernaut-pricing-pb
  .pricing
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column
  .box.overflow.head-alter
  .columns.with-puck {
  margin-bottom: -50px;
}
section#pricing.pricing-card.juggernaut-pricing-pb
  .pricing
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column
  .box.overflow.head-alter
  .columns.with-puck:after {
  content: "";
  display: block;
  width: 24px;
  height: 4px;
  background: #00d1c5;
  position: absolute;
  top: 48%;
}
@media (max-width: 768px) {
  section#pricing.pricing-card.juggernaut-pricing-pb
    .pricing
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column
    .box.overflow.head-alter
    .columns.with-puck:after {
    content: none;
  }
}
section#pricing.pricing-card.juggernaut-pricing-pb
  .pricing
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column
  .box.overflow.head-alter
  .columns.with-puck
  .column {
  padding-left: 5px;
  padding-right: 5px;
}
section#pricing.pricing-card.juggernaut-pricing-pb
  .pricing
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column
  .box.overflow.head-alter
  .columns.with-puck
  .column
  h2 {
  font-size: 20px;
}
section#pricing.pricing-card.juggernaut-pricing-pb
  .pricing
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column
  .box.overflow.head-alter
  .columns.with-puck
  .column
  p {
  font-weight: normal;
  font-size: 14px;
  color: rgba(11, 37, 63, 0.48);
  line-height: 20px;
  margin: 10px 28px;
}
@media (max-width: 435px) {
  section#pricing.pricing-card.juggernaut-pricing-pb
    .pricing
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column
    .box.overflow.head-alter
    .columns.with-puck
    .column
    p {
    margin-left: 0;
    margin-top: 15px;
  }
}
section#pricing.pricing-card.juggernaut-pricing-pb
  .pricing
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column
  .box.overflow.head-alter
  .double-heading.columns {
  margin-top: 70px !important;
  margin-bottom: 5px;
}
@media (max-width: 768px) {
  section#pricing.pricing-card.juggernaut-pricing-pb
    .pricing
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column
    .box.overflow.head-alter
    .double-heading.columns {
    margin-top: 20px !important;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: -10px;
  }
}
@media (max-width: 425px) {
  section#pricing.pricing-card.juggernaut-pricing-pb
    .pricing
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column
    .box.overflow.head-alter
    .double-heading.columns {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
section#pricing.pricing-card.juggernaut-pricing-pb
  .pricing
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column
  .box.overflow.head-alter
  .double-heading.columns
  .column
  .rate.rate-lg {
  font-weight: bold;
  font-size: 36px;
  color: #00d1c5;
}
section#pricing.pricing-card.juggernaut-pricing-pb
  .pricing
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column
  .box.overflow.head-alter
  .double-heading.columns
  .column:first-child {
  padding-right: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
@media (max-width: 425px) {
  section#pricing.pricing-card.juggernaut-pricing-pb
    .pricing
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column
    .box.overflow.head-alter
    .double-heading.columns
    .column:first-child {
    margin-bottom: 0;
  }
}
section#pricing.pricing-card.juggernaut-pricing-pb
  .pricing
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column
  .box.overflow.head-alter
  .double-heading.columns
  .column:first-child:after {
  height: 50px;
  margin-top: -1.5px;
  border-color: rgba(0, 209, 197, 0.2);
}
section#pricing.pricing-card.juggernaut-pricing-pb
  .pricing
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column
  .box.overflow.head-alter
  .double-heading.columns
  .column:last-child {
  font-size: 12px !important;
  margin-left: 12px;
  -webkit-box-flex: 7.5;
  -webkit-flex-grow: 7.5;
  -ms-flex-positive: 7.5;
  flex-grow: 7.5;
  padding-left: 0;
  line-height: 1.6;
}
@media (max-width: 768px) {
  section#pricing.pricing-card.juggernaut-pricing-pb
    .pricing
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column
    .box.overflow.head-alter
    .double-heading.columns
    .column:last-child {
    margin-left: -65%;
  }
}
@media (max-width: 425px) {
  section#pricing.pricing-card.juggernaut-pricing-pb
    .pricing
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column
    .box.overflow.head-alter
    .double-heading.columns
    .column:last-child {
    margin-left: 0;
    margin-top: 0;
    padding-top: 5px;
  }
}
section#pricing.pricing-card.juggernaut-pricing-pb
  .pricing
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column
  .box.overflow.head-alter
  .double-heading.columns
  .column:last-child
  .tnc {
  font-size: 14px;
}
section#pricing.pricing-card.juggernaut-pricing-pb
  .pricing
  .pricing-wrapper
  .container
  .columns.left-illustration.v-center
  .column
  .box.overflow.head-alter
  .pc-signup-btn {
  background: #0075ff;
  border-radius: 2px;
  box-shadow: none;
  width: -webkit-fit-content;
  width: fit-content;
  margin-bottom: 8px;
  font-size: 12px;
}
@media (max-width: 425px) {
  section#pricing.pricing-card.juggernaut-pricing-pb
    .pricing
    .pricing-wrapper
    .container
    .columns.left-illustration.v-center
    .column
    .box.overflow.head-alter
    .pc-signup-btn {
    margin-top: 0;
  }
}
section#pricing.pricing-card.juggernaut-pricing-pb
  .pricing
  .pricing-wrapper
  .column.non-illustration {
  -webkit-box-flex: 0.6;
  -webkit-flex-grow: 0.6;
  -ms-flex-positive: 0.6;
  flex-grow: 0.6;
}
section#pricing.pricing-card.juggernaut-pricing-pb
  .pricing
  .pricing-wrapper
  .column.non-illustration
  .row.box
  .rows.zebra
  .row {
  background: #f7f9fc;
  padding-left: 40px;
  padding-top: 30px;
}
section#pricing.pricing-card.juggernaut-pricing-pb
  .pricing
  .pricing-wrapper
  .column.non-illustration
  .row.box
  .rows.zebra
  .row
  h2 {
  font-weight: bold;
  font-size: 20px;
}
section#pricing.pricing-card.juggernaut-pricing-pb
  .pricing
  .pricing-wrapper
  .column.non-illustration
  .row.box
  .rows.zebra
  .row
  .double-heading {
  margin-top: -15px !important;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  section#pricing.pricing-card.juggernaut-pricing-pb
    .pricing
    .pricing-wrapper
    .column.non-illustration
    .row.box
    .rows.zebra
    .row
    .double-heading {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
@media (max-width: 425px) {
  section#pricing.pricing-card.juggernaut-pricing-pb
    .pricing
    .pricing-wrapper
    .column.non-illustration
    .row.box
    .rows.zebra
    .row
    .double-heading {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
section#pricing.pricing-card.juggernaut-pricing-pb
  .pricing
  .pricing-wrapper
  .column.non-illustration
  .row.box
  .rows.zebra
  .row
  .double-heading
  .column
  .rate.rate-lg {
  color: #0b253f;
  font-weight: normal;
  font-size: 28px;
  letter-spacing: -0.029em;
}
section#pricing.pricing-card.juggernaut-pricing-pb
  .pricing
  .pricing-wrapper
  .column.non-illustration
  .row.box
  .rows.zebra
  .row
  .double-heading
  .column:first-child:after {
  height: 50px;
  margin-top: -2.5px;
  border-color: #9cc2fd;
}
@media (max-width: 425px) {
  section#pricing.pricing-card.juggernaut-pricing-pb
    .pricing
    .pricing-wrapper
    .column.non-illustration
    .row.box
    .rows.zebra
    .row
    .double-heading
    .column:first-child {
    margin-bottom: 0;
  }
}
section#pricing.pricing-card.juggernaut-pricing-pb
  .pricing
  .pricing-wrapper
  .column.non-illustration
  .row.box
  .rows.zebra
  .row
  .double-heading
  .column:last-child {
  -webkit-box-flex: 8.2;
  -webkit-flex-grow: 8.2;
  -ms-flex-positive: 8.2;
  flex-grow: 8.2;
  font-size: 12px !important;
  margin-left: 22px;
  line-height: 1.6;
  padding-left: 0;
}
@media (max-width: 768px) {
  section#pricing.pricing-card.juggernaut-pricing-pb
    .pricing
    .pricing-wrapper
    .column.non-illustration
    .row.box
    .rows.zebra
    .row
    .double-heading
    .column:last-child {
    margin-left: -60%;
  }
}
@media (max-width: 425px) {
  section#pricing.pricing-card.juggernaut-pricing-pb
    .pricing
    .pricing-wrapper
    .column.non-illustration
    .row.box
    .rows.zebra
    .row
    .double-heading
    .column:last-child {
    margin-left: 0;
    margin-top: 0;
    padding-top: 0;
  }
}
section#pricing.pricing-card.juggernaut-pricing-pb
  .pricing
  .pricing-wrapper
  .column.non-illustration
  .row.box
  .rows.zebra
  .row
  .double-heading
  .column:last-child
  .tnc {
  font-size: 14px;
}
section#pricing.pricing-card.juggernaut-pricing-pb
  .pricing
  .pricing-wrapper
  .column.non-illustration
  .row.box
  .rows.zebra
  .row
  .columns:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 60px;
  left: 52.25%;
  top: 60%;
  background: #7ce1dd;
  border-radius: 2px;
}
@media (max-width: 768px) {
  section#pricing.pricing-card.juggernaut-pricing-pb
    .pricing
    .pricing-wrapper
    .column.non-illustration
    .row.box
    .rows.zebra
    .row
    .columns:before {
    content: none;
  }
}
section#pricing.pricing-card.juggernaut-pricing-pb
  .pricing
  .pricing-wrapper
  .column.non-illustration
  .row.box
  .rows.zebra
  .row
  .columns
  p {
  font-weight: normal;
  font-size: 13px;
  color: rgba(11, 37, 63, 0.48);
  line-height: 20px;
}
@media (max-width: 768px) {
  section#pricing.pricing-card.juggernaut-pricing-pb
    .pricing
    .pricing-wrapper
    .column.non-illustration
    .row.box
    .rows.zebra
    .row
    .columns
    p {
    margin-top: 0;
  }
}
#paymentlinks .signup-wrapper,
#international .signup-wrapper {
  overflow: hidden;
}
@media (max-width: 767px) {
  #paymentlinks .signup-wrapper .left,
  #international .signup-wrapper .left,
  #paymentlinks .signup-wrapper .right,
  #international .signup-wrapper .right {
    float: none;
  }
}
@media (max-width: 767px) {
  #paymentlinks .signup-wrapper .right,
  #international .signup-wrapper .right {
    margin-top: 20px;
  }
}
#paymentlinks .signup-wrapper .right .signup-widget,
#international .signup-wrapper .right .signup-widget {
  display: block;
  overflow: hidden;
}
#paymentlinks .signup-wrapper .right .signup-widget .iframe-wrapper,
#international .signup-wrapper .right .signup-widget .iframe-wrapper {
  position: relative;
  width: 300px;
  height: 570px;
  background: #fff;
  box-shadow: 0 2px 10px 3px rgba(52, 52, 52, 0.15);
  border-radius: 4px;
  z-index: 10;
}
#paymentlinks .signup-wrapper .right .signup-widget .iframe-wrapper iframe,
#international .signup-wrapper .right .signup-widget .iframe-wrapper iframe {
  position: absolute;
  border: none;
  box-shadow: 0 2px 10px 3px rgba(52, 52, 52, 0.15);
  border-radius: 4px;
  min-height: 570px;
  z-index: 10;
}
#paymentlinks .signup-wrapper .right .signup-widget .iframe-wrapper .loader-bg,
#international
  .signup-wrapper
  .right
  .signup-widget
  .iframe-wrapper
  .loader-bg {
  background: rgba(224, 228, 249, 0.24);
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8;
}
#paymentlinks .signup-wrapper .right .signup-widget .iframe-wrapper .loader,
#international .signup-wrapper .right .signup-widget .iframe-wrapper .loader {
  border: 3px solid #4b95ed;
  border-top: 3px solid #edf0f5;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  -webkit-animation: spin 0.6s linear infinite;
  animation: spin 0.6s linear infinite;
  left: 50%;
  top: 50%;
  margin-left: -20px;
  margin-top: -40px;
  position: absolute;
  z-index: 9;
}