/*** RTL websites ***/
@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
@import url("https://fonts.googleapis.com/css?family=Roboto:var(--text-regular-normal-font-weight),400,var(--text-medium-normal-font-weight)|Lexend:600,500,400,700");
@font-face {}body {
  font-family: "LexendLight";
}

html[dir="rtl"] body {
  font-family: "LexendLight";
}

*,
*:focus,
*:active,
button:focus {
  outline: none;
}

a:hover {
  text-decoration: none;
}

p {
  font-size: 18px;
  color: #000000;
  line-height: 30px;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mb-70 {
  margin-bottom: 70px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

.mt-70 {
  margin-top: 70px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.pl-15 {
  padding-right: 15px !important;
}

.pl-30 {
  padding-right: 30px !important;
}

.strong {
  font-weight: bold;
}

ul.blue-dots {
  list-style: none;
  line-height: 32px;
}

ul.blue-dots li::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-left: 10px;
}

ol {
  list-style: decimal;
  line-height: 32px;
}

ol li {
  padding-right: 10px;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

* {
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

img {
  max-width: 100%;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 120px;
}

.ellipsis, .blogMain .contentBlog .font16, .blogMain .contentBlog .contactWrapper .contactDetails ul li a, .contactWrapper .contactDetails ul li .blogMain .contentBlog a, .blogMain .contentBlog footer.footer ul li a, footer.footer ul li .blogMain .contentBlog a, .blogMain .contentBlog .readBlogBtn, .blogMain .contentBlog .dynamicBlog .mainContent h4, .dynamicBlog .mainContent .blogMain .contentBlog h4,
.blogMain .contentBlog .dynamicBlog .mainContent h5, .dynamicBlog .mainContent .blogMain .contentBlog h5,
.blogMain .contentBlog .dynamicBlog .mainContent h6, .dynamicBlog .mainContent .blogMain .contentBlog h6,
.blogMain .contentBlog .dynamicBlog .mainContent p, .dynamicBlog .mainContent .blogMain .contentBlog p,
.blogMain .contentBlog .dynamicBlog .mainContent li, .dynamicBlog .mainContent .blogMain .contentBlog li,
.blogMain .contentBlog .dynamicBlog .mainContent h3, .dynamicBlog .mainContent .blogMain .contentBlog h3, .blogMain .contentBlog .dynamicBlog .summartContent .hideToggle > div p, .dynamicBlog .summartContent .hideToggle > div .blogMain .contentBlog p, .blogListCard .font24 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.ellipsis.line2, .blogMain .contentBlog .line2.font16, .blogMain .contentBlog .contactWrapper .contactDetails ul li a.line2, .contactWrapper .contactDetails ul li .blogMain .contentBlog a.line2, .blogMain .contentBlog .contactWrapper .contactDetails ul li .blogListCard a.font24, .contactWrapper .contactDetails ul li .blogListCard .blogMain .contentBlog a.font24, .blogMain .contentBlog .blogListCard .contactWrapper .contactDetails ul li a.font24, .blogListCard .contactWrapper .contactDetails ul li .blogMain .contentBlog a.font24, .blogMain .contentBlog footer.footer ul li a.line2, footer.footer ul li .blogMain .contentBlog a.line2, .blogMain .contentBlog footer.footer ul li .blogListCard a.font24, footer.footer ul li .blogListCard .blogMain .contentBlog a.font24, .blogMain .contentBlog .blogListCard footer.footer ul li a.font24, .blogListCard footer.footer ul li .blogMain .contentBlog a.font24, .blogMain .contentBlog .line2.readBlogBtn, .blogMain .contentBlog .blogListCard .readBlogBtn.font24, .blogListCard .blogMain .contentBlog .readBlogBtn.font24, .blogMain .contentBlog .blogListCard .font16.font24, .blogListCard .blogMain .contentBlog .font16.font24, .blogMain .contentBlog .blogListCard .dynamicBlog .mainContent h4.font24, .blogListCard .dynamicBlog .mainContent .blogMain .contentBlog h4.font24, .blogMain .contentBlog .dynamicBlog .mainContent .blogListCard h4.font24, .dynamicBlog .mainContent .blogListCard .blogMain .contentBlog h4.font24,
.blogMain .contentBlog .blogListCard .dynamicBlog .mainContent h5.font24, .blogListCard .dynamicBlog .mainContent .blogMain .contentBlog h5.font24, .blogMain .contentBlog .dynamicBlog .mainContent .blogListCard h5.font24, .dynamicBlog .mainContent .blogListCard .blogMain .contentBlog h5.font24,
.blogMain .contentBlog .blogListCard .dynamicBlog .mainContent h6.font24, .blogListCard .dynamicBlog .mainContent .blogMain .contentBlog h6.font24, .blogMain .contentBlog .dynamicBlog .mainContent .blogListCard h6.font24, .dynamicBlog .mainContent .blogListCard .blogMain .contentBlog h6.font24,
.blogMain .contentBlog .blogListCard .dynamicBlog .mainContent p.font24, .blogListCard .dynamicBlog .mainContent .blogMain .contentBlog p.font24, .blogMain .contentBlog .dynamicBlog .mainContent .blogListCard p.font24, .dynamicBlog .mainContent .blogListCard .blogMain .contentBlog p.font24,
.blogMain .contentBlog .blogListCard .dynamicBlog .mainContent li.font24, .blogListCard .dynamicBlog .mainContent .blogMain .contentBlog li.font24, .blogMain .contentBlog .dynamicBlog .mainContent .blogListCard li.font24, .dynamicBlog .mainContent .blogListCard .blogMain .contentBlog li.font24,
.blogMain .contentBlog .blogListCard .dynamicBlog .mainContent h3.font24, .blogListCard .dynamicBlog .mainContent .blogMain .contentBlog h3.font24, .blogMain .contentBlog .dynamicBlog .mainContent .blogListCard h3.font24, .dynamicBlog .mainContent .blogListCard .blogMain .contentBlog h3.font24, .blogMain .contentBlog .blogListCard .dynamicBlog .summartContent .hideToggle > div p.font24, .blogListCard .dynamicBlog .summartContent .hideToggle > div .blogMain .contentBlog p.font24, .blogMain .contentBlog .dynamicBlog .summartContent .hideToggle > div .blogListCard p.font24, .dynamicBlog .summartContent .hideToggle > div .blogListCard .blogMain .contentBlog p.font24, .blogMain .contentBlog .dynamicBlog .mainContent h4.line2, .dynamicBlog .mainContent .blogMain .contentBlog h4.line2,
.blogMain .contentBlog .dynamicBlog .mainContent h5.line2, .dynamicBlog .mainContent .blogMain .contentBlog h5.line2,
.blogMain .contentBlog .dynamicBlog .mainContent h6.line2, .dynamicBlog .mainContent .blogMain .contentBlog h6.line2,
.blogMain .contentBlog .dynamicBlog .mainContent p.line2, .dynamicBlog .mainContent .blogMain .contentBlog p.line2,
.blogMain .contentBlog .dynamicBlog .mainContent li.line2, .dynamicBlog .mainContent .blogMain .contentBlog li.line2,
.blogMain .contentBlog .dynamicBlog .mainContent h3.line2, .dynamicBlog .mainContent .blogMain .contentBlog h3.line2, .blogMain .contentBlog .dynamicBlog .summartContent .hideToggle > div p.line2, .dynamicBlog .summartContent .hideToggle > div .blogMain .contentBlog p.line2, .blogListCard .font24 {
  -webkit-line-clamp: 2;
}

.ellipsis.line3, .blogMain .contentBlog .line3.font16, .blogMain .contentBlog .contactWrapper .contactDetails ul li a.line3, .contactWrapper .contactDetails ul li .blogMain .contentBlog a.line3, .blogMain .contentBlog footer.footer ul li a.line3, footer.footer ul li .blogMain .contentBlog a.line3, .blogMain .contentBlog .line3.readBlogBtn, .blogMain .contentBlog .dynamicBlog .mainContent h4.line3, .dynamicBlog .mainContent .blogMain .contentBlog h4.line3,
.blogMain .contentBlog .dynamicBlog .mainContent h5.line3, .dynamicBlog .mainContent .blogMain .contentBlog h5.line3,
.blogMain .contentBlog .dynamicBlog .mainContent h6.line3, .dynamicBlog .mainContent .blogMain .contentBlog h6.line3,
.blogMain .contentBlog .dynamicBlog .mainContent p.line3, .dynamicBlog .mainContent .blogMain .contentBlog p.line3,
.blogMain .contentBlog .dynamicBlog .mainContent li.line3, .dynamicBlog .mainContent .blogMain .contentBlog li.line3,
.blogMain .contentBlog .dynamicBlog .mainContent h3.line3, .dynamicBlog .mainContent .blogMain .contentBlog h3.line3, .blogMain .contentBlog .dynamicBlog .summartContent .hideToggle > div p.line3, .dynamicBlog .summartContent .hideToggle > div .blogMain .contentBlog p.line3, .blogListCard .line3.font24 {
  -webkit-line-clamp: 3;
}

.ellipsis.line4, .blogMain .contentBlog .line4.font16, .blogMain .contentBlog .contactWrapper .contactDetails ul li a.line4, .contactWrapper .contactDetails ul li .blogMain .contentBlog a.line4, .blogMain .contentBlog footer.footer ul li a.line4, footer.footer ul li .blogMain .contentBlog a.line4, .blogMain .contentBlog .line4.readBlogBtn, .blogMain .contentBlog .dynamicBlog .mainContent h4.line4, .dynamicBlog .mainContent .blogMain .contentBlog h4.line4,
.blogMain .contentBlog .dynamicBlog .mainContent h5.line4, .dynamicBlog .mainContent .blogMain .contentBlog h5.line4,
.blogMain .contentBlog .dynamicBlog .mainContent h6.line4, .dynamicBlog .mainContent .blogMain .contentBlog h6.line4,
.blogMain .contentBlog .dynamicBlog .mainContent p.line4, .dynamicBlog .mainContent .blogMain .contentBlog p.line4,
.blogMain .contentBlog .dynamicBlog .mainContent li.line4, .dynamicBlog .mainContent .blogMain .contentBlog li.line4,
.blogMain .contentBlog .dynamicBlog .mainContent h3.line4, .dynamicBlog .mainContent .blogMain .contentBlog h3.line4, .blogMain .contentBlog .dynamicBlog .summartContent .hideToggle > div p.line4, .dynamicBlog .summartContent .hideToggle > div .blogMain .contentBlog p.line4, .blogListCard .line4.font24 {
  -webkit-line-clamp: 4;
}

body {
  font-size: 0.833333333vw;
  font-family: "Lexend", Helvetica;
  padding-top: 96px;
}

a {
  text-decoration: none;
}

.bgMin, .bigTitle {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(6.25%, #507AC6), color-stop(42.08%, #4365A2), color-stop(67.67%, #354F7F), color-stop(101.27%, #2F456C));
  background: linear-gradient(180deg, #507AC6 6.25%, #4365A2 42.08%, #354F7F 67.67%, #2F456C 101.27%);
  
}

.formGroupCheckBox {
  display: block;
  margin-bottom: 24px;
}

.formGroupCheckBox input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.formGroupCheckBox label {
  position: relative;
  cursor: pointer;
  text-align: left;
  padding-left: 2.0625rem;
  font-size: 14px;
  line-height: 150%;
  color: #000;
}

.formGroupCheckBox label a {
  font-size: 14px;
  line-height: 150%;
  color: #000;
  font-weight: bold;
}

.formGroupCheckBox label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #000000;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 0.625rem;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 0.3125rem;
  position: absolute;
  left: 0;
  top: 0;
}

.formGroupCheckBox input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 0.125rem;
  left: 0.5625rem;
  width: 0.375rem;
  height: 0.875rem;
  border: solid #000000;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.buttonMain {
  all: unset;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  border-radius: 3rem;
  min-width: 14.5625rem;
  font-size: 1.25rem;
  min-height: 3rem;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(6.25%, #507AC6), color-stop(42.08%, #4365A2), color-stop(67.67%, #354F7F), color-stop(101.27%, #2F456C));
  background: linear-gradient(180deg, #507AC6 6.25%, #4365A2 42.08%, #354F7F 67.67%, #2F456C 101.27%);
  color: #fff;
  cursor: pointer;
}

.buttonMain .text-wrapper {
  font-family: "Lexend", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 1.25rem;
  line-height: 1.875rem;
  white-space: nowrap;
}

.buttonMain.withArrow {
  gap: unset;
  min-height: unset;
}

.buttonMain.withArrow img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  margin-left: 20px;
}

.btn2 {
  border-radius: 1.125rem;
  border: 2px solid #fff;
  font-size: 1rem;
  min-height: 3rem;
  min-width: 10.9375rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  padding: 8px;
}

.btn2 img {
  margin-left: 20px;
}

/* fonts */
.bold, .solutionsHeader .textWrapper .font24, .boxRisk .font24 {
  font-weight: 700;
}

.font56 {
  font-size: 3.5rem;
  font-weight: 700;
  color: #000;
}

.font40,
.font18,
.font16,
.contactWrapper .contactDetails ul li a,
footer.footer ul li a,
.readBlogBtn,
.dynamicBlog .mainContent h4,
.dynamicBlog .mainContent h5,
.dynamicBlog .mainContent h6,
.dynamicBlog .mainContent p,
.dynamicBlog .mainContent li,
.dynamicBlog .mainContent h3,
.dynamicBlog .summartContent .hideToggle > div p,
.font24,
.font14,
.font20,
.dynamicBlog .rowBlog .tableContent ul li::marker,
.dynamicBlog .rowBlog .tableContent ul li a,
.dynamicBlog .mainContent strong,
.dynamicBlog .summartContent .hideToggle > div h4 {
  line-height: 150%;
  color: #000000;
}

.font48 {
  font-size: 3rem;
  line-height: 120%;
  color: #ff5b00;
}

.font40 {
  font-size: 2.5rem;
}

.font32, .dynamicBlog .mainContent h2 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 130%;
}

.font24 {
  font-size: 1.5rem;
}


.font16,
.contactWrapper .contactDetails ul li a,
footer.footer ul li a,
.readBlogBtn,
.dynamicBlog .mainContent h4,
.dynamicBlog .mainContent h5,
.dynamicBlog .mainContent h6,
.dynamicBlog .mainContent p,
.dynamicBlog .mainContent li,
.dynamicBlog .mainContent h3,
.dynamicBlog .summartContent .hideToggle > div p {
  font-size: 1rem;
}

.font18 {
  font-size: 1.125rem;
}


.font20,
.dynamicBlog .rowBlog .tableContent ul li::marker,
.dynamicBlog .rowBlog .tableContent ul li a,
.dynamicBlog .mainContent strong,
.dynamicBlog .summartContent .hideToggle > div h4 {
  font-size: 1.25rem;
}

.font14 {
  font-size: 0.875rem;
}

.gradient-text {
  color: #ff5b00;
  /* Fallback solid color */
}

@supports (-webkit-background-clip: text) {
  .colorSpan {
    /* background: -webkit-gradient(linear, left top, right top, from(#fd8644), to(#ff5b00));
    background: linear-gradient(90deg, #fd8644 0%, #ff5b00 100%); */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(6.25%, #507AC6), color-stop(42.08%, #4365A2), color-stop(67.67%, #354F7F), color-stop(101.27%, #2F456C));
    background: linear-gradient(180deg, #507AC6 6.25%, #4365A2 42.08%, #354F7F 67.67%, #2F456C 101.27%);
  
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

.textHeading {
  text-align: center;
}

.textHeading .title {
  font-size: 3rem;
  line-height: 120%;
  font-weight: 700;
  margin-bottom: 1.5rem;
}

.headerHome {
  background-color: #ffffff;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.headerHome .div {
  background-color: #ffffff;
  width: 100%;
  max-width: 90rem;
  height: 355.9375rem;
  margin: 0 auto;
  position: relative;
  height: 37.5rem;
}

.headerHome .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  max-width: 90rem;
  height: 37.5rem;
  margin: 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  background-color: #ffffff;
}

.headerHome .interline-logo {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.25rem;
  position: relative;
}

.headerHome .logoHeader {
  width: 12.5rem;
}

.headerHome .frame {
  width: 14.375rem;
  height: 2.25rem;
  background-size: 100% 100%;
}

.headerHome .column {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  position: relative;
  z-index: 2;
}

.headerHome .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem;
  width: 65%;
}

.headerHome .content .headerTitle {
  font-size: 64px;
  text-align: center;
  color: #182b29;
  font-weight: 700;
  line-height: 120%;
}

.headerHome .image-container {
  position: absolute;
  width: 92.5%;
  height: 88.6%;
  top: 6.8%;
  left: 3.6%;
}

.headerHome [class*="placeholder-image"] {
  position: absolute;
  width: 10rem;
  height: 10rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}

.headerHome [class*="placeholder-image"].placeholder-image-1 {
  top: 0;
  right: 6%;
}

.headerHome [class*="placeholder-image"].placeholder-image-2 {
  top: 70%;
  right: 4.5%;
}

.headerHome [class*="placeholder-image"].placeholder-image-3 {
  top: 35%;
  right: 0%;
}

.headerHome [class*="placeholder-image"].placeholder-image-4 {
  top: 70%;
  left: 4.5%;
}

.headerHome [class*="placeholder-image"].placeholder-image-5 {
  top: 35%;
  left: 0;
}

.headerHome [class*="placeholder-image"].placeholder-image-6 {
  top: 0%;
  left: 6%;
}

.paymentBg {
  background: #eeeeee80;
  height: 72px;
}

.paymentBg .boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  max-width: 1400px;
  margin: 0 auto;
  height: 100%;
}

.paymentBg .boxes a {
  pointer-events: none;
  cursor: default;
}

.paymentBg .boxes a img {
  max-width: 100%;
  max-height: 50px;
}

.paddingSections, .cardsPatterns, .ACHPayment,
.whySection, .contactWrapper, .switchingSec,
.TrustedWrapper, .paymentGateway, .timeLinePattern2, .SuppliesSec, .intgrateSec, .bigTitle, .relatedBlog, .privacyPage .boxP, .howSolves {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.cardsPatterns .textHeading {
  margin-bottom: 80px;
}

.cardsPatterns .frameCard {
  position: relative;
  text-align: left;
  width: 100%;
  height: 34.0625rem;
  background-color: #ff5b00;
  border-radius: 2rem;
  overflow: hidden;
  margin: 0 auto;
}

.cardsPatterns .leftText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  height: 100%;
  width: 54%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 32px;
}

.cardsPatterns .leftText .btn2 {
  margin-top: 1.5rem;
}

.cardsPatterns .person-paying-using {
  position: absolute;
  width: 45.1%;
  height: 100%;
  top: 0;
  right: 0;
  -o-object-fit: cover;
     object-fit: cover;
     object-position: top;
}

@media (max-width: 48rem) {
  .cardsPatterns .person-paying-using {
    position: relative;
    width: 100%;
    height: 18.75rem;
  }
}

.cardsPatterns .heading {
  font-weight: 700;
  font-size: 2.5rem;
  font-family: "Lexend", Helvetica;
  color: #ffffff;
  line-height: 1.2;
  letter-spacing: 0;
}

.cardsPatterns .heading-2 {
  font-family: "Lexend", Helvetica;
  font-weight: 500;
  font-size: 1.5rem;
  color: #ffffff;
  line-height: 1.2;
  letter-spacing: 0;
}

.solutionsCom {
  padding-top: 7rem !important;
  padding-bottom: 7rem !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.solutionsCom .rightImg {
  width: 49%;
}

.solutionsCom .rightImg img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.solutionsCom .leftContents {
  width: 51%;
  text-align: left;
  margin-right: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.solutionsCom .leftContents .boxWidth50 {
  width: 50%;
}

.solutionsCom .leftContents .boxWidth50:nth-child(odd) {
  padding-left: 1.5rem;
  background: var(--Logo-Blue, rgba(47, 69, 108, 1));
  border-radius: 24px;
  padding: 24px;
  margin-bottom: 40px;
}

.solutionsCom .leftContents .textHeading {
  width: 100%;
  padding-bottom: 1rem;
}

.solutionsCom .leftContents .textHeading .title {
  font-size: 2.8rem;
  text-align: left;
}

.solutionsCom .leftContents .textHeading .font16, .solutionsCom .leftContents .textHeading .contactWrapper .contactDetails ul li a, .contactWrapper .contactDetails ul li .solutionsCom .leftContents .textHeading a, .solutionsCom .leftContents .textHeading footer.footer ul li a, footer.footer ul li .solutionsCom .leftContents .textHeading a, .solutionsCom .leftContents .textHeading .readBlogBtn, .solutionsCom .leftContents .textHeading .dynamicBlog .mainContent h4, .dynamicBlog .mainContent .solutionsCom .leftContents .textHeading h4,
.solutionsCom .leftContents .textHeading .dynamicBlog .mainContent h5, .dynamicBlog .mainContent .solutionsCom .leftContents .textHeading h5,
.solutionsCom .leftContents .textHeading .dynamicBlog .mainContent h6, .dynamicBlog .mainContent .solutionsCom .leftContents .textHeading h6,
.solutionsCom .leftContents .textHeading .dynamicBlog .mainContent p, .dynamicBlog .mainContent .solutionsCom .leftContents .textHeading p,
.solutionsCom .leftContents .textHeading .dynamicBlog .mainContent li, .dynamicBlog .mainContent .solutionsCom .leftContents .textHeading li,
.solutionsCom .leftContents .textHeading .dynamicBlog .mainContent h3, .dynamicBlog .mainContent .solutionsCom .leftContents .textHeading h3, .solutionsCom .leftContents .textHeading .dynamicBlog .summartContent .hideToggle > div p, .dynamicBlog .summartContent .hideToggle > div .solutionsCom .leftContents .textHeading p {
  text-align: left;
}

.solutionsCom .leftContents h4.font20, .solutionsCom .leftContents .dynamicBlog .summartContent .hideToggle > div h4, .dynamicBlog .summartContent .hideToggle > div .solutionsCom .leftContents h4 {
  text-align: left;
}

.solutionsCom .leftContents p.font20 {
  text-align: left;
  padding-bottom: 2rem;
}

.unlockPay {
  padding-top: 7rem !important;
  padding-bottom: 7rem !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.unlockPay .rightImg {
  width: 49%;
  padding-bottom: 40px;
}

.unlockPay .rightImg img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.unlockPay .leftContents {
  width: 51%;
  text-align: left;
  margin-right: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.unlockPay .leftContents .boxWidth50 {
  width: 48%;
  background: #EEEEEE;
  border-radius: 24px;
  padding: 24px;
  margin-bottom: 40px;
}

.unlockPay .leftContents .boxWidth50:nth-child(odd) {
  padding-left: 1.5rem;
}

.unlockPay .leftContents .textHeading {
  width: 100%;
  padding-bottom: 1rem;
}

.unlockPay .leftContents .textHeading .title {
  font-size: 2.8rem;
  text-align: left;
}

.unlockPay .leftContents .textHeading .font16, .unlockPay .leftContents .textHeading .contactWrapper .contactDetails ul li a, .contactWrapper .contactDetails ul li .unlockPay .leftContents .textHeading a, .unlockPay .leftContents .textHeading footer.footer ul li a, footer.footer ul li .unlockPay .leftContents .textHeading a, .unlockPay .leftContents .textHeading .readBlogBtn, .unlockPay .leftContents .textHeading .dynamicBlog .mainContent h4, .dynamicBlog .mainContent .unlockPay .leftContents .textHeading h4,
.unlockPay .leftContents .textHeading .dynamicBlog .mainContent h5, .dynamicBlog .mainContent .unlockPay .leftContents .textHeading h5,
.unlockPay .leftContents .textHeading .dynamicBlog .mainContent h6, .dynamicBlog .mainContent .unlockPay .leftContents .textHeading h6,
.unlockPay .leftContents .textHeading .dynamicBlog .mainContent p, .dynamicBlog .mainContent .unlockPay .leftContents .textHeading p,
.unlockPay .leftContents .textHeading .dynamicBlog .mainContent li, .dynamicBlog .mainContent .unlockPay .leftContents .textHeading li,
.unlockPay .leftContents .textHeading .dynamicBlog .mainContent h3, .dynamicBlog .mainContent .unlockPay .leftContents .textHeading h3, .unlockPay .leftContents .textHeading .dynamicBlog .summartContent .hideToggle > div p, .dynamicBlog .summartContent .hideToggle > div .unlockPay .leftContents .textHeading p {
  text-align: left;
}

.unlockPay .leftContents h4.font20, .unlockPay .leftContents .dynamicBlog .summartContent .hideToggle > div h4, .dynamicBlog .summartContent .hideToggle > div .unlockPay .leftContents h4 {
  text-align: left;
}

.unlockPay .leftContents p.font20 {
  text-align: left;
  padding-bottom: 2rem;
}

.ACHPayment .textHeading,
.whySection .textHeading {
  width: 59%;
  margin: 0 auto;
  padding-bottom: 80px;
}

.ACHPayment .col-md-4,
.whySection .col-md-4 {
  margin-bottom: 32px;
}

.ACHPayment .whyBox,
.whySection .whyBox {
  background-color: #ededed;
  border-radius: 24px;
  padding: 24px;
  text-align: left;
  height: 100%;
}

.ACHPayment .whyBox .bold, .ACHPayment .whyBox .solutionsHeader .textWrapper .font24, .solutionsHeader .textWrapper .ACHPayment .whyBox .font24, .ACHPayment .whyBox .boxRisk .font24, .boxRisk .ACHPayment .whyBox .font24,
.whySection .whyBox .bold,
.whySection .whyBox .solutionsHeader .textWrapper .font24,
.solutionsHeader .textWrapper .whySection .whyBox .font24,
.whySection .whyBox .boxRisk .font24,
.boxRisk .whySection .whyBox .font24 {
  padding: 24px 0 16px;
}

.label {
  display: block;
  font-size: 16px;
  color: #000;
  margin-bottom: 8px;
}

textarea,
.inputInput,
input[type="number"],
input[type="text"] {
  border: 1px solid #000000;
  border-radius: 16px;
  width: 100%;
  padding: 13px;
  font-size: 16px;
}

textarea::-webkit-input-placeholder,
.inputInput::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder {
  color: #00000099;
}

textarea:-ms-input-placeholder,
.inputInput:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder {
  color: #00000099;
}

textarea::-ms-input-placeholder,
.inputInput::-ms-input-placeholder,
input[type="number"]::-ms-input-placeholder,
input[type="text"]::-ms-input-placeholder {
  color: #00000099;
}

textarea::placeholder,
.inputInput::placeholder,
input[type="number"]::placeholder,
input[type="text"]::placeholder {
  color: #00000099;
}

.solutionsHeader.mob {
  display: none;
}

textarea {
  height: 6.75rem;
  resize: none;
}

.Benefits.intgrateSec .borderLeft .font32, .Benefits.intgrateSec .borderLeft .dynamicBlog .mainContent h2, .dynamicBlog .mainContent .Benefits.intgrateSec .borderLeft h2 {
  margin-bottom: 16px;
}

.Benefits.intgrateSec .borderLeft {
  margin-bottom: 40px;
}

.contactWrapper .form .flexToBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.contactWrapper .form .flexToBox .inputGp {
  width: 48%;
}

.contactWrapper .form .inputGp {
  padding-bottom: 24px;
  text-align: left;
}

.contactWrapper .contactDetails .font48 {
  padding: 8px 0 12px;
}

.contactWrapper .contactDetails .map iframe {
  height: 24.1875rem;
  width: 100%;
}

.contactWrapper .contactDetails ul {
  list-style: none;
  padding: 32px 0;
}

.contactWrapper .contactDetails ul li {
  padding-bottom: 16px;
}

.contactWrapper .contactDetails ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.contactWrapper .contactDetails ul li a img {
  margin-right: 16px;
}

.contactWrapper .form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.contactWrapper .form .buttonMain {
  min-width: 17.3125rem;
}

.contactWrapper .form .flexToBox,
.contactWrapper .form .inputGp {
  width: 100%;
}

.navbarCustom {
  padding: 1.5rem 0;
  height: 96px;
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.15);
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 99;
}

.navbarCustom .dropdown-item {
  font-size: 1rem;
}

.navbarCustom .dropdown-item:hover {
  background: transparent;
  background: linear-gradient(180deg, #507AC6 6.25%, #4365A2 42.08%, #354F7F 67.67%, #2F456C 101.27%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.navbarCustom .nav-link {
  font-size: 1rem;
  padding: 0 12px !important;
  color: black;
}

.navbarCustom .nav-link.active {
  background: linear-gradient(180deg, #507AC6 6.25%, #4365A2 42.08%, #354F7F 67.67%, #2F456C 101.27%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.navbarCustom .dropdown-toggle::after {
  background: transparent url(../images/home/arrowMenu.svg) no-repeat;
  font-weight: 900;
  vertical-align: middle;
  margin-left: 8px;
  width: 12px;
  height: 11px;
  background-repeat: no-repeat;
  border: unset;
}

.navbarCustom-light .navbarCustom-nav .nav-link {
  margin-right: 30px;
  padding: 25px 0;
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
  outline: none;
}

.navbarCustom-light .navbarCustom-nav .nav-link:hover,
.navbarCustom-light .navbarCustom-nav .nav-link.active {
  color: blue;
}

@media (max-width: 991.98px) {
  .navbarCustom-light .navbarCustom-nav .nav-link {
    margin-right: 0;
    padding: 10px 0;
  }
  .navbarCustom-light .navbarCustom-nav {
    border-top: 1px solid #EEEEEE;
  }
}

.navbarCustom-light .navbarCustom-brand,
.navbarCustom-light a.btn {
  height: 75px;
}

.navbarCustom-light .navbarCustom-nav .nav-link {
  color: black;
  font-weight: 500;
}

@media (min-width: 992px) {
  .navbarCustom .navbar-collapse {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .navbarCustom .nav-item .dropdown-menu {
    display: block;
    border: none;
    margin-top: 0;
    top: 150%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s;
    transition: .5s;
  }
  .navbarCustom .nav-item:hover .dropdown-menu {
    top: 100%;
    visibility: visible;
    -webkit-transition: .5s;
    transition: .5s;
    opacity: 1;
    background: #EEEEEE;
    -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.15);
            box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.15);
  }
}

.switchingSec,
.TrustedWrapper {
  position: relative;
  margin-bottom: 3.75rem;
  margin-left: 4rem;
}

.switchingSec .textHeading,
.TrustedWrapper .textHeading {
  margin-bottom: 5rem;
}

.switchingSec .textHeading *,
.TrustedWrapper .textHeading * {
  text-align: left;
}

.switchingSec .boxSTR,
.TrustedWrapper .boxSTR {
  border: 1px solid black;
  padding: 2rem;
  height: 100%;
  min-height: 230px;
}

.switchingSec .boxSTR p.font24,
.TrustedWrapper .boxSTR p.font24 {
  padding-bottom: 12px;
}

.switchingSec .boxSTR p.font24::after,
.TrustedWrapper .boxSTR p.font24::after {
  content: "\201D";
}

.switchingSec .boxSTR p.font24::before,
.TrustedWrapper .boxSTR p.font24::before {
  content: "\201C";
}

.switchingSec .boxSTR .CFO,
.TrustedWrapper .boxSTR .CFO {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 24px;
}

.switchingSec .boxSTR .CFO img,
.TrustedWrapper .boxSTR .CFO img {
  max-width: 3.125rem;
}

.switchingSec .boxSTR .CFO > div,
.TrustedWrapper .boxSTR .CFO > div {
  padding-left: 1rem;
}

.switchingSec .swiper-pagination,
.TrustedWrapper .swiper-pagination {
  position: absolute;
  left: 0;
  z-index: 2;
  bottom: 3rem;
  width: auto;
}

.switchingSec .customActions,
.TrustedWrapper .customActions {
  position: absolute;
  width: auto;
  content: '';
  direction: rtl;
  right: 8.125rem;
  bottom: 1.5625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.switchingSec .swiper-button-prev, .switchingSec .swiper-rtl .swiper-button-next,
.switchingSec .swiper-button-next, .switchingSec .swiper-rtl .swiper-button-prev,
.TrustedWrapper .swiper-button-prev,
.TrustedWrapper .swiper-rtl .swiper-button-next,
.TrustedWrapper .swiper-button-next,
.TrustedWrapper .swiper-rtl .swiper-button-prev {
  position: unset;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  margin-left: 16px;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: unset;
}

.swiper-pagination-bullet {
  width: 4rem;
  border-radius: 8px;
  height: 8px;
  background: #d9d9d9;
  opacity: 1;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: black;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next,
.swiper-button-next, .swiper-rtl .swiper-button-prev {
  width: 3rem;
  height: 3rem;
}

footer.footer {
  background: black;
  padding: 3.75rem 0;
}

footer.footer ul li a {
  color: #fff;
  -webkit-transition: .25s;
  transition: .25s;
}

footer.footer ul li a:hover {
  color: #4365A2;
}

footer.footer .font16, footer.footer .contactWrapper .contactDetails ul li a, .contactWrapper .contactDetails ul li footer.footer a, footer.footer ul li a, footer.footer .readBlogBtn, footer.footer .dynamicBlog .mainContent h4, .dynamicBlog .mainContent footer.footer h4,
footer.footer .dynamicBlog .mainContent h5, .dynamicBlog .mainContent footer.footer h5,
footer.footer .dynamicBlog .mainContent h6, .dynamicBlog .mainContent footer.footer h6,
footer.footer .dynamicBlog .mainContent p, .dynamicBlog .mainContent footer.footer p,
footer.footer .dynamicBlog .mainContent li, .dynamicBlog .mainContent footer.footer li,
footer.footer .dynamicBlog .mainContent h3, .dynamicBlog .mainContent footer.footer h3, footer.footer .dynamicBlog .summartContent .hideToggle > div p, .dynamicBlog .summartContent .hideToggle > div footer.footer p {
  color: #fff;
  margin-top: 26px;
}

footer.footer .col-md-6.text-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.blogList {
  padding: 65px 0 80px;
}

.blogList .heading {
  text-align: center;
}

.blogList .heading .font16.bgMin, .blogList .heading .contactWrapper .contactDetails ul li a.bgMin, .contactWrapper .contactDetails ul li .blogList .heading a.bgMin, .blogList .heading .contactWrapper .contactDetails ul li a.bigTitle, .contactWrapper .contactDetails ul li .blogList .heading a.bigTitle, .blogList .heading footer.footer ul li a.bgMin, footer.footer ul li .blogList .heading a.bgMin, .blogList .heading footer.footer ul li a.bigTitle, footer.footer ul li .blogList .heading a.bigTitle, .blogList .heading .bgMin.readBlogBtn, .blogList .heading .readBlogBtn.bigTitle, .blogList .heading .font16.bigTitle, .blogList .heading .dynamicBlog .mainContent h4.bigTitle, .dynamicBlog .mainContent .blogList .heading h4.bigTitle,
.blogList .heading .dynamicBlog .mainContent h5.bigTitle, .dynamicBlog .mainContent .blogList .heading h5.bigTitle,
.blogList .heading .dynamicBlog .mainContent h6.bigTitle, .dynamicBlog .mainContent .blogList .heading h6.bigTitle,
.blogList .heading .dynamicBlog .mainContent p.bigTitle, .dynamicBlog .mainContent .blogList .heading p.bigTitle,
.blogList .heading .dynamicBlog .mainContent li.bigTitle, .dynamicBlog .mainContent .blogList .heading li.bigTitle,
.blogList .heading .dynamicBlog .mainContent h3.bigTitle, .dynamicBlog .mainContent .blogList .heading h3.bigTitle, .blogList .heading .dynamicBlog .summartContent .hideToggle > div p.bigTitle, .dynamicBlog .summartContent .hideToggle > div .blogList .heading p.bigTitle, .blogList .heading .dynamicBlog .mainContent h4.bgMin, .dynamicBlog .mainContent .blogList .heading h4.bgMin,
.blogList .heading .dynamicBlog .mainContent h5.bgMin, .dynamicBlog .mainContent .blogList .heading h5.bgMin,
.blogList .heading .dynamicBlog .mainContent h6.bgMin, .dynamicBlog .mainContent .blogList .heading h6.bgMin,
.blogList .heading .dynamicBlog .mainContent p.bgMin, .dynamicBlog .mainContent .blogList .heading p.bgMin,
.blogList .heading .dynamicBlog .mainContent li.bgMin, .dynamicBlog .mainContent .blogList .heading li.bgMin,
.blogList .heading .dynamicBlog .mainContent h3.bgMin, .dynamicBlog .mainContent .blogList .heading h3.bgMin, .blogList .heading .dynamicBlog .summartContent .hideToggle > div p.bgMin, .dynamicBlog .summartContent .hideToggle > div .blogList .heading p.bgMin {
  display: inline-block;
  color: #fff;
  padding: 4px;
  margin-bottom: 12px;
}

.blogList .heading .font16.bgMin span, .blogList .heading .contactWrapper .contactDetails ul li a.bgMin span, .contactWrapper .contactDetails ul li .blogList .heading a.bgMin span, .blogList .heading .contactWrapper .contactDetails ul li a.bigTitle span, .contactWrapper .contactDetails ul li .blogList .heading a.bigTitle span, .blogList .heading footer.footer ul li a.bgMin span, footer.footer ul li .blogList .heading a.bgMin span, .blogList .heading footer.footer ul li a.bigTitle span, footer.footer ul li .blogList .heading a.bigTitle span, .blogList .heading .bgMin.readBlogBtn span, .blogList .heading .readBlogBtn.bigTitle span, .blogList .heading .font16.bigTitle span, .blogList .heading .dynamicBlog .mainContent h4.bigTitle span, .dynamicBlog .mainContent .blogList .heading h4.bigTitle span, .blogList .heading .dynamicBlog .mainContent h5.bigTitle span, .dynamicBlog .mainContent .blogList .heading h5.bigTitle span, .blogList .heading .dynamicBlog .mainContent h6.bigTitle span, .dynamicBlog .mainContent .blogList .heading h6.bigTitle span, .blogList .heading .dynamicBlog .mainContent p.bigTitle span, .dynamicBlog .mainContent .blogList .heading p.bigTitle span, .blogList .heading .dynamicBlog .mainContent li.bigTitle span, .dynamicBlog .mainContent .blogList .heading li.bigTitle span, .blogList .heading .dynamicBlog .mainContent h3.bigTitle span, .dynamicBlog .mainContent .blogList .heading h3.bigTitle span, .blogList .heading .dynamicBlog .summartContent .hideToggle > div p.bigTitle span, .dynamicBlog .summartContent .hideToggle > div .blogList .heading p.bigTitle span, .blogList .heading .dynamicBlog .mainContent h4.bgMin span, .dynamicBlog .mainContent .blogList .heading h4.bgMin span, .blogList .heading .dynamicBlog .mainContent h5.bgMin span, .dynamicBlog .mainContent .blogList .heading h5.bgMin span, .blogList .heading .dynamicBlog .mainContent h6.bgMin span, .dynamicBlog .mainContent .blogList .heading h6.bgMin span, .blogList .heading .dynamicBlog .mainContent p.bgMin span, .dynamicBlog .mainContent .blogList .heading p.bgMin span, .blogList .heading .dynamicBlog .mainContent li.bgMin span, .dynamicBlog .mainContent .blogList .heading li.bgMin span, .blogList .heading .dynamicBlog .mainContent h3.bgMin span, .dynamicBlog .mainContent .blogList .heading h3.bgMin span, .blogList .heading .dynamicBlog .summartContent .hideToggle > div p.bgMin span, .dynamicBlog .summartContent .hideToggle > div .blogList .heading p.bgMin span {
  color: #223432;
}

.blogList .heading .font18 {
  margin-top: 12px;
}

.blogList .heading .colorSpan,
.blogList .heading h1,
.blogList .heading h3 {
  font-size: 56px;
  font-weight: 700;
  line-height: 67.20px;
}

.blogMain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #000000;
  margin-bottom: 5rem;
}

.blogMain .imgBlog {
  width: 62%;
}

.blogMain .imgBlog img {
  width: 100%;
  height: 100%;
}

.blogMain .contentBlog {
  width: 38%;
  padding: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.blogMain .contentBlog .font40 {
  line-height: 140%;
  font-weight: 700;
  padding: 1rem 0 0.5rem;
}

.blogMain .contentBlog .font16, .blogMain .contentBlog .contactWrapper .contactDetails ul li a, .contactWrapper .contactDetails ul li .blogMain .contentBlog a, .blogMain .contentBlog footer.footer ul li a, footer.footer ul li .blogMain .contentBlog a, .blogMain .contentBlog .readBlogBtn, .blogMain .contentBlog .dynamicBlog .mainContent h4, .dynamicBlog .mainContent .blogMain .contentBlog h4,
.blogMain .contentBlog .dynamicBlog .mainContent h5, .dynamicBlog .mainContent .blogMain .contentBlog h5,
.blogMain .contentBlog .dynamicBlog .mainContent h6, .dynamicBlog .mainContent .blogMain .contentBlog h6,
.blogMain .contentBlog .dynamicBlog .mainContent p, .dynamicBlog .mainContent .blogMain .contentBlog p,
.blogMain .contentBlog .dynamicBlog .mainContent li, .dynamicBlog .mainContent .blogMain .contentBlog li,
.blogMain .contentBlog .dynamicBlog .mainContent h3, .dynamicBlog .mainContent .blogMain .contentBlog h3, .blogMain .contentBlog .dynamicBlog .summartContent .hideToggle > div p, .dynamicBlog .summartContent .hideToggle > div .blogMain .contentBlog p {
  -webkit-line-clamp: 3;
}

.blogMain .actions {
  padding-top: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.readed .bgMin, .readed .bigTitle {
  color: #fff;
  padding: 0.25rem 0.5rem;
  margin-right: 1rem;
}

.readBlogBtn {
  -webkit-transition: .25s;
  transition: .25s;
}

.readBlogBtn img {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  margin-left: 0.875rem;
  -webkit-transition: .25s;
  transition: .25s;
}

.readBlogBtn:hover {
  text-decoration: underline;
}

.readBlogBtn:hover img {
  margin-left: 1.25rem;
}

.blogListCard {
  margin-bottom: 5rem;
}

.blogListCard .imgBlog {
  padding-bottom: 19px;
  height: 15.75rem;
  overflow: hidden;
}

.blogListCard .imgBlog img {
  max-height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.blogListCard .font24 {
  line-height: 140%;
  padding: 1rem 0 0.5rem;
}

.blogListCard .font16, .blogListCard .contactWrapper .contactDetails ul li a, .contactWrapper .contactDetails ul li .blogListCard a, .blogListCard footer.footer ul li a, footer.footer ul li .blogListCard a, .blogListCard .readBlogBtn, .blogListCard .dynamicBlog .mainContent h4, .dynamicBlog .mainContent .blogListCard h4,
.blogListCard .dynamicBlog .mainContent h5, .dynamicBlog .mainContent .blogListCard h5,
.blogListCard .dynamicBlog .mainContent h6, .dynamicBlog .mainContent .blogListCard h6,
.blogListCard .dynamicBlog .mainContent p, .dynamicBlog .mainContent .blogListCard p,
.blogListCard .dynamicBlog .mainContent li, .dynamicBlog .mainContent .blogListCard li,
.blogListCard .dynamicBlog .mainContent h3, .dynamicBlog .mainContent .blogListCard h3, .blogListCard .dynamicBlog .summartContent .hideToggle > div p, .dynamicBlog .summartContent .hideToggle > div .blogListCard p {
  margin-bottom: 24px;
}

.solutionsHeader .heading {
  text-align: center;
  padding-top: 3.5rem;
  padding-bottom: 2.5rem;
  width: 44.625rem;
  margin: 0 auto;
}

.solutionsHeader .actions {
  padding-top: 2.5rem;
}

.solutionsHeader .imgSolu {
  width: 25rem;
  height: 25rem;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 48%;
  text-align: center;
  content: '';
}

.solutionsHeader .imgSolu svg {
  -webkit-transform: translateY(-27px);
          transform: translateY(-27px);
}

.solutionsHeader .imgSolu img {
  max-width: 18.75rem;
}

.solutionsHeader .contents {
  height: 46.25rem;
  position: relative;
}

.solutionsHeader .textWrapper {
  width: 25rem;
  text-align: center;
  position: absolute;
  content: '';
}

.solutionsHeader .textWrapper .font24 {
  padding-bottom: 12px;
}

.solutionsHeader .con1 {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0;
}

.solutionsHeader .con2 {
  right: 0;
  top: 15rem;
}

.solutionsHeader .con5 {
  left: 0;
  top: 15rem;
}

.solutionsHeader .con3 {
  right: 1.875rem;
  top: 26.125rem;
  width: 18.75rem;
}

.solutionsHeader .con6 {
  left: 1.875rem;
  top: 26.125rem;
  width: 18.75rem;
}

.solutionsHeader .con4 {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
}

.paymentGateway .col-md-6.paddingLeft {
  padding-left: 2.5rem;
}

.paymentGateway .col-md-6.paddingRight {
  padding-right: 2.5rem;
}

.paymentGateway .textImg .font16, .paymentGateway .textImg .contactWrapper .contactDetails ul li a, .contactWrapper .contactDetails ul li .paymentGateway .textImg a, .paymentGateway .textImg footer.footer ul li a, footer.footer ul li .paymentGateway .textImg a, .paymentGateway .textImg .readBlogBtn, .paymentGateway .textImg .dynamicBlog .mainContent h4, .dynamicBlog .mainContent .paymentGateway .textImg h4,
.paymentGateway .textImg .dynamicBlog .mainContent h5, .dynamicBlog .mainContent .paymentGateway .textImg h5,
.paymentGateway .textImg .dynamicBlog .mainContent h6, .dynamicBlog .mainContent .paymentGateway .textImg h6,
.paymentGateway .textImg .dynamicBlog .mainContent p, .dynamicBlog .mainContent .paymentGateway .textImg p,
.paymentGateway .textImg .dynamicBlog .mainContent li, .dynamicBlog .mainContent .paymentGateway .textImg li,
.paymentGateway .textImg .dynamicBlog .mainContent h3, .dynamicBlog .mainContent .paymentGateway .textImg h3, .paymentGateway .textImg .dynamicBlog .summartContent .hideToggle > div p, .dynamicBlog .summartContent .hideToggle > div .paymentGateway .textImg p {
  padding: 1rem 0 2.5rem;
}

.timeaLineCustom .TMBox {
  position: relative;
}

.timeaLineCustom .TMBox::after {
  background: #000000;
  position: absolute;
  top: 3rem;
  left: 1.9rem;
  width: 0.12rem;
  height: 50%;
  content: '';
}

.timeaLineCustom .TMBox:last-of-type::after {
  content: unset;
}

.timeaLineCustom .TMBox .font24 {
  padding-left: 5.625rem;
  position: relative;
  padding-bottom: 1rem;
}

.timeaLineCustom .TMBox .font24::after {
  background: transparent url(../images/solutions/intericon.png) no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
}

.timeaLineCustom .TMBox .font16, .timeaLineCustom .TMBox .contactWrapper .contactDetails ul li a, .contactWrapper .contactDetails ul li .timeaLineCustom .TMBox a, .timeaLineCustom .TMBox footer.footer ul li a, footer.footer ul li .timeaLineCustom .TMBox a, .timeaLineCustom .TMBox .readBlogBtn, .timeaLineCustom .TMBox .dynamicBlog .mainContent h4, .dynamicBlog .mainContent .timeaLineCustom .TMBox h4,
.timeaLineCustom .TMBox .dynamicBlog .mainContent h5, .dynamicBlog .mainContent .timeaLineCustom .TMBox h5,
.timeaLineCustom .TMBox .dynamicBlog .mainContent h6, .dynamicBlog .mainContent .timeaLineCustom .TMBox h6,
.timeaLineCustom .TMBox .dynamicBlog .mainContent p, .dynamicBlog .mainContent .timeaLineCustom .TMBox p,
.timeaLineCustom .TMBox .dynamicBlog .mainContent li, .dynamicBlog .mainContent .timeaLineCustom .TMBox li,
.timeaLineCustom .TMBox .dynamicBlog .mainContent h3, .dynamicBlog .mainContent .timeaLineCustom .TMBox h3, .timeaLineCustom .TMBox .dynamicBlog .summartContent .hideToggle > div p, .dynamicBlog .summartContent .hideToggle > div .timeaLineCustom .TMBox p {
  padding-left: 5.625rem;
  min-height: 8.125rem;
}

.ACHPayment .textHeading {
  width: 100%;
}

.ACHPayment .textHeading .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5rem;
}

.ACHPayment .textHeading .title span {
  width: 50%;
}

.ACHPayment .textHeading .title span.font18 {
  text-align: left;
}

.ACHPayment .whyBox {
  border-radius: 24px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(6.25%, #507AC6), color-stop(42.08%, #4365A2), color-stop(67.67%, #354F7F), color-stop(101.27%, #2F456C));
  background: linear-gradient(180deg, #507AC6 6.25%, #4365A2 42.08%, #354F7F 67.67%, #2F456C 101.27%);

}

.ACHPayment .whyBox * {
  color: #fff;
}

.ACHPayment .whyBox img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.reverseRow {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.reverseRow .leftContents {
  margin-right: 0;
  margin-left: 5rem;
}

.merchants .heading {
  width: 50.375rem;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 2.5rem;
  padding-top: 3.5rem;
}

.merchants .heading .font20, .merchants .heading .dynamicBlog .rowBlog .tableContent ul li::marker, .dynamicBlog .rowBlog .tableContent ul .merchants .heading li::marker, .merchants .heading .dynamicBlog .rowBlog .tableContent ul li a, .dynamicBlog .rowBlog .tableContent ul li .merchants .heading a, .merchants .heading .dynamicBlog .mainContent strong, .dynamicBlog .mainContent .merchants .heading strong, .merchants .heading .dynamicBlog .summartContent .hideToggle > div h4, .dynamicBlog .summartContent .hideToggle > div .merchants .heading h4 {
  padding: 2rem 0;
}

.merchants .imgBanner {
  padding-bottom: 3.5rem;
}

.merchants .imgBanner img {
  max-height: 37.5rem;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.timeLinePattern2 .actions a {
  min-width: 14.5625rem;
}

.timeLinePattern2 .tmBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5rem;
}

.timeLinePattern2 .tmBox:hover .textTm::before {
  width: 100%;
}

.timeLinePattern2 .tmBox .count {
  font-size: 14rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 15.625rem;
}

.timeLinePattern2 .tmBox .textTm {
  position: relative;
  padding-top: 2rem;
  padding-bottom: 5.625rem;
}

.timeLinePattern2 .tmBox .textTm::before, .timeLinePattern2 .tmBox .textTm::after {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 0.125rem;
  background: #0000001A;
}

.timeLinePattern2 .tmBox .textTm::before {
  width: 2rem;
  background: -webkit-gradient(linear, left top, right top, from(#FD8644), to(#FF5B00));
  background: linear-gradient(90deg, #FD8644 0%, #FF5B00 100%);
  -webkit-transition: .25s;
  transition: .25s;
}

.timeLinePattern2 .tmBox .textTm .font48 {
  padding-bottom: 1.5rem;
}

.timeLinePattern2 .tmBox .textTm .font24 {
  padding-bottom: 1rem;
}

.timeLinePattern2 .tmBox .textTm .font18 {
  padding-bottom: 1.5rem;
}

.SuppliesSec .boxSub {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(6.25%, #507AC6), color-stop(42.08%, #4365A2), color-stop(67.67%, #354F7F), color-stop(101.27%, #2F456C));
  background: linear-gradient(180deg, #507AC6 6.25%, #4365A2 42.08%, #354F7F 67.67%, #2F456C 101.27%);
  padding: 2rem;
  border-radius: 2rem;
}

.SuppliesSec .boxSub:not(:last-of-type) {
  margin-bottom: 2rem;
}

.SuppliesSec .boxSub p.font20,
.SuppliesSec .boxSub .font24 {
  margin-bottom: 1rem;
}

.SuppliesSec .boxSub * {
  color: #fff;
}

.SuppliesSec .textHeading .buttonMain {
  margin-top: 2rem;
  width: 14.5625rem;
}

.textBesideHeading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5rem;
}

.textBesideHeading .text {
  width: 50%;
}

.textBesideHeading .title {
  width: 59%;
}

.textBesideHeading .text span {
  display: block;
  padding-bottom: 2rem;
}

.merchants .textBesideHeading {
  padding: 3.5rem 0 2.5rem;
}

.intgrateSec .reversed .row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.intgrateSec .col-md-6:first-of-type {
  padding-left: 1.25rem;
}

.intgrateSec .col-md-6:last-of-type {
  padding-right: 1.25rem;
}

.intgrateSec .imgINT {
  height: 100%;
  width: 100%;
}

.intgrateSec .imgINT img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.intgrateSec .textINT .font48 {
  padding-bottom: 2rem;
}

.intgrateSec .textINT .font24 {
  font-weight: 700;
  padding-bottom: 0.5rem;
}

.intgrateSec .textINT .font16, .intgrateSec .textINT .contactWrapper .contactDetails ul li a, .contactWrapper .contactDetails ul li .intgrateSec .textINT a, .intgrateSec .textINT footer.footer ul li a, footer.footer ul li .intgrateSec .textINT a, .intgrateSec .textINT .readBlogBtn, .intgrateSec .textINT .dynamicBlog .mainContent h4, .dynamicBlog .mainContent .intgrateSec .textINT h4,
.intgrateSec .textINT .dynamicBlog .mainContent h5, .dynamicBlog .mainContent .intgrateSec .textINT h5,
.intgrateSec .textINT .dynamicBlog .mainContent h6, .dynamicBlog .mainContent .intgrateSec .textINT h6,
.intgrateSec .textINT .dynamicBlog .mainContent p, .dynamicBlog .mainContent .intgrateSec .textINT p,
.intgrateSec .textINT .dynamicBlog .mainContent li, .dynamicBlog .mainContent .intgrateSec .textINT li,
.intgrateSec .textINT .dynamicBlog .mainContent h3, .dynamicBlog .mainContent .intgrateSec .textINT h3, .intgrateSec .textINT .dynamicBlog .summartContent .hideToggle > div p, .dynamicBlog .summartContent .hideToggle > div .intgrateSec .textINT p {
  padding-bottom: 1rem;
  border-bottom: 0.0625rem solid #000000;
  margin-bottom: 1rem;
}

.intgrateSec .textINT .action {
  padding-top: 1rem;
}

.intgrateSec .textINT .action a {
  min-width: 14.5625rem;
}

.bigTitle .title {
  color: #fff;
  font-size: 4rem;
  font-weight: 900;
  line-height: 140%;
}

.bigTitle .title span {
  font-size: 6rem;
  margin-top: 10px;
  display: inline-block;
}

.bigTitle + .paymentGateway .TMBox .font16, .bigTitle + .paymentGateway .TMBox .contactWrapper .contactDetails ul li a, .contactWrapper .contactDetails ul li .bigTitle + .paymentGateway .TMBox a, .bigTitle + .paymentGateway .TMBox footer.footer ul li a, footer.footer ul li .bigTitle + .paymentGateway .TMBox a, .bigTitle + .paymentGateway .TMBox .readBlogBtn, .bigTitle + .paymentGateway .TMBox .dynamicBlog .mainContent h4, .dynamicBlog .mainContent .bigTitle + .paymentGateway .TMBox h4,
.bigTitle + .paymentGateway .TMBox .dynamicBlog .mainContent h5, .dynamicBlog .mainContent .bigTitle + .paymentGateway .TMBox h5,
.bigTitle + .paymentGateway .TMBox .dynamicBlog .mainContent h6, .dynamicBlog .mainContent .bigTitle + .paymentGateway .TMBox h6,
.bigTitle + .paymentGateway .TMBox .dynamicBlog .mainContent p, .dynamicBlog .mainContent .bigTitle + .paymentGateway .TMBox p,
.bigTitle + .paymentGateway .TMBox .dynamicBlog .mainContent li, .dynamicBlog .mainContent .bigTitle + .paymentGateway .TMBox li,
.bigTitle + .paymentGateway .TMBox .dynamicBlog .mainContent h3, .dynamicBlog .mainContent .bigTitle + .paymentGateway .TMBox h3, .bigTitle + .paymentGateway .TMBox .dynamicBlog .summartContent .hideToggle > div p, .dynamicBlog .summartContent .hideToggle > div .bigTitle + .paymentGateway .TMBox p {
  min-height: 6.125rem;
}

.bigTitle + .paymentGateway .TMBox::after {
  height: 60%;
}

.minWidth233 {
  min-width: 14.5625rem;
}

.sharing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.sharing li a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 20px;
  -webkit-transition: .1s;
  transition: .1s;
}

.sharing li a:hover {
  -webkit-filter: invert(47%) sepia(96%) saturate(3218%) hue-rotate(355deg) brightness(102%) contrast(105%);
          filter: invert(47%) sepia(96%) saturate(3218%) hue-rotate(355deg) brightness(102%) contrast(105%);
}

.blogDetailsHeader {
  padding: 42px 0;
}

.blogDetailsHeader .allPostBtn img {
  margin-left: 0;
  margin-right: 1rem;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.blogDetailsHeader .readed {
  margin-top: 48px;
}

.blogDetailsHeader .font48 {
  color: #000000;
  margin: 16px 0 80px;
}

.blogDetailsHeader .creator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.blogDetailsHeader .creator img {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

.blogDetailsHeader .creator .text {
  margin-left: 16px;
}

.blogDetailsHeader .creator .text span:first-of-type {
  font-weight: 600;
  display: block;
  margin-bottom: 4px;
}

.blogDetailsHeader .imgBlog {
  margin-top: 36px;
}

.blogDetailsHeader .imgBlog img {
  max-height: 600px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.disc, .dynamicBlog ul {
  list-style: inside;
}

.dynamicBlog .rowBlog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 50px;
}

.dynamicBlog .rowBlog .tableContent,
.dynamicBlog .rowBlog .summartContent {
  width: 300px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: .25s;
  transition: .25s;
  padding-top: 10px;
}

.dynamicBlog .rowBlog .tableContent.toggleWidth,
.dynamicBlog .rowBlog .summartContent.toggleWidth {
  width: 200px;
}

.dynamicBlog .rowBlog .tableContent ul {
  padding-left: 25px;
}

.dynamicBlog .rowBlog .tableContent ul li {
  list-style: decimal;
  list-style-position: outside;
}

.dynamicBlog .rowBlog .tableContent ul li::marker {
  font-weight: 500;
}

.dynamicBlog .rowBlog .tableContent ul li a {
  font-weight: 500;
  margin-bottom: 5px;
  display: inline;
}

.dynamicBlog .mainContent {
  border-bottom: 1px solid #000000;
  padding-bottom: 48px;
  margin-bottom: 56px;
}

.dynamicBlog .mainContent * {
  color: #000000 !important;
}

.dynamicBlog .mainContent h2 {
  font-weight: 700;
}

.dynamicBlog .mainContent h4,
.dynamicBlog .mainContent h5,
.dynamicBlog .mainContent h6,
.dynamicBlog .mainContent p,
.dynamicBlog .mainContent li,
.dynamicBlog .mainContent h3 {
  font-weight: 400;
}

.dynamicBlog .mainContent h4,
.dynamicBlog .mainContent h5,
.dynamicBlog .mainContent h6,
.dynamicBlog .mainContent h3 {
  font-weight: 600;
}

.dynamicBlog .mainContent blockquote {
  border-left: 2px solid #000000;
  padding: 0px 85px 0 20px;
  padding-bottom: 30px;
  font-style: italic;
}

.dynamicBlog .mainContent strong {
  font-weight: 700;
  line-height: 140%;
}

.dynamicBlog .summartContent .font24 {
  font-weight: 700;
  margin-bottom: 24px;
}

.dynamicBlog .summartContent .hideToggle > div {
  border: 1px solid #000000;
  padding: 10px;
  border-radius: 8px;
  margin-bottom: 24px;
}

.dynamicBlog .summartContent .hideToggle > div h4 {
  color: #000000;
  font-weight: 500;
  margin-bottom: 8px;
}

.dynamicBlog .collapsing {
  margin-bottom: 24px;
}

.dynamicBlog .tags a {
  background: #EEEEEE;
  display: inline-block;
  padding: 6px 8px;
  font-size: 14px;
  font-weight: 600;
  margin-left: 8px;
  margin-bottom: 8px;
  -webkit-transition: .25s;
  transition: .25s;
}

.dynamicBlog .tags a:hover {
  background: #ff5e04;
  color: #fff !important;
}

.dynamicBlog .shareThisPost {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 46px;
}

.dynamicBlog .shareThisPost .left {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-right: 30px;
}

.dynamicBlog .shareThisPost .left .sharing {
  list-style: none;
  padding-top: 16px;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

.dynamicBlog .shareThisPost .left li:first-of-type a {
  margin-left: 0;
}

.relatedBlog .col-md-12 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  margin-bottom: 80px;
}

.relatedBlog .col-md-12 .text .font48 {
  padding: 16px 0 24px;
  color: #000000;
}

.relatedBlog .blogListCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 48px;
}

.relatedBlog .blogListCard .imgBlog {
  width: 296px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 32px;
}

.relatedBlog .blogListCard .imgBlog img {
  padding: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.relatedBlog .blogListCard .realtedBlogList {
  width: calc(100% - 328px);
}

.dynamicBlog .collapsing span:last-of-type {
  margin: 0 8px;
}

.dynamicBlog .collapsing span:first-of-type {
  border: 1px solid #000000;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
}

.dynamicBlog .collapsing span:first-of-type img {
  width: 11px;
}

.dynamicBlog .collapsing span img:first-of-type {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.dynamicBlog .summartContent .collapsing span img:first-of-type {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.dynamicBlog .collapsing span img:last-of-type {
  display: none;
}

.toggleWidth .collapsing span:first-of-type img,
.toggleWidth .collapsing span:last-of-type {
  display: none;
}

.toggleWidth .collapsing span img:last-of-type {
  display: block;
}

.toggleWidth .hideToggle {
  display: none;
}

.conttactHeader {
  padding-top: 112px;
  padding-bottom: 80px;
  text-align: center;
}

.conttactHeader * {
  color: #000000;
}

.conttactHeader .font48 {
  margin-bottom: 24px;
}

.callUs {
  padding-bottom: 112px;
}

.callUs .callBox {
  text-align: center;
}

.callUs .callBox > img {
  max-width: 65px;
  height: 65px;
}

.callUs .callBox .font32, .callUs .callBox .dynamicBlog .mainContent h2, .dynamicBlog .mainContent .callUs .callBox h2 {
  margin: 24px 0;
}

.callUs .callBox .font16, .callUs .callBox .contactWrapper .contactDetails ul li a, .contactWrapper .contactDetails ul li .callUs .callBox a, .callUs .callBox footer.footer ul li a, footer.footer ul li .callUs .callBox a, .callUs .callBox .readBlogBtn, .callUs .callBox .dynamicBlog .mainContent h4, .dynamicBlog .mainContent .callUs .callBox h4,
.callUs .callBox .dynamicBlog .mainContent h5, .dynamicBlog .mainContent .callUs .callBox h5,
.callUs .callBox .dynamicBlog .mainContent h6, .dynamicBlog .mainContent .callUs .callBox h6,
.callUs .callBox .dynamicBlog .mainContent p, .dynamicBlog .mainContent .callUs .callBox p,
.callUs .callBox .dynamicBlog .mainContent li, .dynamicBlog .mainContent .callUs .callBox li,
.callUs .callBox .dynamicBlog .mainContent h3, .dynamicBlog .mainContent .callUs .callBox h3, .callUs .callBox .dynamicBlog .summartContent .hideToggle > div p, .dynamicBlog .summartContent .hideToggle > div .callUs .callBox p {
  font-size: 15px;
  display: inline-block;
}

.callUs .callBox .action {
  margin-top: 24px;
}

.callUs .callBox .action a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 206px;
  padding: 12px 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  border-radius: 36px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(6.25%, #507AC6), color-stop(42.08%, #4365A2), color-stop(67.67%, #354F7F), color-stop(101.27%, #2F456C));
  background: linear-gradient(180deg, #507AC6 6.25%, #4365A2 42.08%, #354F7F 67.67%, #2F456C 101.27%);
  
}

.callUs .callBox .action a img {
  max-width: 25px;
  margin-right: 8px;
}

.WhatsApp.callBox .action a {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(6.25%, #1DF47C), color-stop(35.7%, #12DF63), color-stop(77.51%, #05C443), color-stop(101.27%, #00BA37));
  background: linear-gradient(180deg, #1DF47C 6.25%, #12DF63 35.7%, #05C443 77.51%, #00BA37 101.27%);
}

.privacyPage {
  max-width: 768px;
  margin: 0 auto;
}

.privacyPage * {
  color: #000;
}

.privacyPage .boxP .font56 {
  margin-bottom: 24px;
}

.privacyPage .boxP ul {
  list-style: disc;
  margin-bottom: 24px;
  margin-left: 24px;
}

.privacyPage .boxP ul .font16, .privacyPage .boxP .contactWrapper .contactDetails ul li a, .contactWrapper .contactDetails .privacyPage .boxP ul li a, .privacyPage .boxP footer.footer ul li a, footer.footer .privacyPage .boxP ul li a, .privacyPage .boxP ul .readBlogBtn, .privacyPage .boxP ul .dynamicBlog .mainContent h4, .dynamicBlog .mainContent .privacyPage .boxP ul h4,
.privacyPage .boxP ul .dynamicBlog .mainContent h5, .dynamicBlog .mainContent .privacyPage .boxP ul h5,
.privacyPage .boxP ul .dynamicBlog .mainContent h6, .dynamicBlog .mainContent .privacyPage .boxP ul h6,
.privacyPage .boxP ul .dynamicBlog .mainContent p, .dynamicBlog .mainContent .privacyPage .boxP ul p,
.privacyPage .boxP ul .dynamicBlog .mainContent li, .dynamicBlog .mainContent .privacyPage .boxP ul li,
.privacyPage .boxP ul .dynamicBlog .mainContent h3, .dynamicBlog .mainContent .privacyPage .boxP ul h3, .privacyPage .boxP ul .dynamicBlog .summartContent .hideToggle > div p, .dynamicBlog .summartContent .hideToggle > div .privacyPage .boxP ul p {
  margin-bottom: 5px;
}

.privacyPage .boxP .font48,
.privacyPage .boxP .font40 {
  font-weight: 700;
}

.privacyPage .boxP .font40 {
  margin: 24px 0;
}

.privacyPage .boxP .font18 {
  margin-bottom: 112px;
}

.privacyPage .boxP .font32, .privacyPage .boxP .dynamicBlog .mainContent h2, .dynamicBlog .mainContent .privacyPage .boxP h2 {
  padding: 20px 0 16px;
}

.privacyPage .boxP .font20, .privacyPage .boxP .dynamicBlog .rowBlog .tableContent ul li::marker, .dynamicBlog .rowBlog .tableContent ul .privacyPage .boxP li::marker, .privacyPage .boxP .dynamicBlog .rowBlog .tableContent ul li a, .dynamicBlog .rowBlog .tableContent ul li .privacyPage .boxP a, .privacyPage .boxP .dynamicBlog .mainContent strong, .dynamicBlog .mainContent .privacyPage .boxP strong, .privacyPage .boxP .dynamicBlog .summartContent .hideToggle > div h4, .dynamicBlog .summartContent .hideToggle > div .privacyPage .boxP h4,
.privacyPage .boxP .font24 {
  padding: 20px 0 16px;
}

.privacyPage .boxP .font16, .privacyPage .boxP .contactWrapper .contactDetails ul li a, .contactWrapper .contactDetails ul li .privacyPage .boxP a, .privacyPage .boxP footer.footer ul li a, footer.footer ul li .privacyPage .boxP a, .privacyPage .boxP .readBlogBtn, .privacyPage .boxP .dynamicBlog .mainContent h4, .dynamicBlog .mainContent .privacyPage .boxP h4,
.privacyPage .boxP .dynamicBlog .mainContent h5, .dynamicBlog .mainContent .privacyPage .boxP h5,
.privacyPage .boxP .dynamicBlog .mainContent h6, .dynamicBlog .mainContent .privacyPage .boxP h6,
.privacyPage .boxP .dynamicBlog .mainContent p, .dynamicBlog .mainContent .privacyPage .boxP p,
.privacyPage .boxP .dynamicBlog .mainContent li, .dynamicBlog .mainContent .privacyPage .boxP li,
.privacyPage .boxP .dynamicBlog .mainContent h3, .dynamicBlog .mainContent .privacyPage .boxP h3, .privacyPage .boxP .dynamicBlog .summartContent .hideToggle > div p, .dynamicBlog .summartContent .hideToggle > div .privacyPage .boxP p,
.privacyPage .boxP .font48 {
  margin-bottom: 16px;
}

.privacyPage .boxP br + .font16, .privacyPage .boxP .contactWrapper .contactDetails ul li br + a, .contactWrapper .contactDetails ul li .privacyPage .boxP br + a, .privacyPage .boxP footer.footer ul li br + a, footer.footer ul li .privacyPage .boxP br + a, .privacyPage .boxP br + .readBlogBtn, .privacyPage .boxP .dynamicBlog .mainContent br + h4, .dynamicBlog .mainContent .privacyPage .boxP br + h4,
.privacyPage .boxP .dynamicBlog .mainContent br + h5, .dynamicBlog .mainContent .privacyPage .boxP br + h5,
.privacyPage .boxP .dynamicBlog .mainContent br + h6, .dynamicBlog .mainContent .privacyPage .boxP br + h6,
.privacyPage .boxP .dynamicBlog .mainContent br + p, .dynamicBlog .mainContent .privacyPage .boxP br + p,
.privacyPage .boxP .dynamicBlog .mainContent br + li, .dynamicBlog .mainContent .privacyPage .boxP br + li,
.privacyPage .boxP .dynamicBlog .mainContent br + h3, .dynamicBlog .mainContent .privacyPage .boxP br + h3, .privacyPage .boxP .dynamicBlog .summartContent .hideToggle > div br + p, .dynamicBlog .summartContent .hideToggle > div .privacyPage .boxP br + p {
  margin-top: 48px;
}

.mainContent * {
  font-family: "Lexend", Helvetica !important;
}

.mainContent li::marker {
  font-size: 15px !important;
}

.dynamicBlog .mainContent strong {
  font-size: 1rem !important;
}

.dynamicBlog .rowBlog .tableContent ul li a {
  display: inline !important;
}

.risckBanner .font48 {
  color: #000;
}

.typeRisk {
  padding: 112px 0 60px;
}

.typeRisk .col-md-8 {
  padding-left: 60px;
}

.typeRisk .col-md-8 .col-md-6:nth-child(even) {
  padding-left: 20px;
}

.typeRisk .col-md-8 .col-md-6:nth-child(odd) {
  padding-right: 20px;
}

.boxRisk {
  margin-bottom: 64px;
}

.boxRisk img {
  width: 48px;
  height: 48px;
  background: #ff5b00;
  padding: 5px;
}

.boxRisk .font24 {
  padding: 24px 0;
}

.howSolves .col-md-6 {
  margin-bottom: 32px;
}

.howSolves .boxBgWho {
  background: #EEEEEE;
  padding: 24px;
  border-radius: 24px;
  height: 100%;
}

.howSolves .boxBgWho .font24 {
  margin-bottom: 16px;
}

.howSolves .actions {
  padding-top: 80px;
}

.highRiskSec .boxWidth50 {
  border-bottom: 1px solid #000000;
  margin-bottom: 32px;
  padding-bottom: 32px;
}

.cardsPatterns .frame-wrapper .container {
  padding: 0;
}

.cardsPatterns .PowerfulSwiper {
  padding-bottom: 45px;
}

.dynamicBlogMob {
  display: none;
}

@media (max-width: 992px) {
  .relatedBlog .blogListCard {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .relatedBlog .blogListCard .realtedBlogList {
    width: 100%;
  }
  .relatedBlog .blogListCard .imgBlog {
    width: 100%;
    margin-right: 0;
  }
  .dynamicBlogMob {
    display: block;
  }
  .no-scroll {
    overflow: hidden;
    height: 100vh;
    /* optional: prevents jumping on mobile */
  }
  .dynamicBlog:not(.dynamicBlogMob) .summartContent,
  .dynamicBlog:not(.dynamicBlogMob) .tableContent {
    display: none;
  }
  .tableMob > a {
    font-size: 12px;
    color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .tableMob > a img {
    margin: 0 8px;
  }
  .closeMobe {
    font-size: 16px;
    color: #000000 !important;
    margin-top: -6px;
    padding-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .closeMobe img {
    margin: 0 8px;
  }
  .blurSec {
    position: fixed;
    left: 0;
    height: 130vh;
    width: 100%;
    visibility: hidden;
    top: 0;
    content: '';
  }
  .blurSec.activeBR {
    visibility: visible;
    background: #00000078;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
  }
  .tableContentMob ul {
    padding-left: 25px;
  }
  .tableContentMob ul li {
    list-style: decimal;
    list-style-position: outside;
    text-align: left;
  }
  .tableContentMob ul li::marker {
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    font-size: 16px;
    text-align: left;
    color: #000000;
  }
  .tableContentMob ul li a {
    line-height: 1.4;
    font-size: 16px;
    text-align: left;
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .customAction {
    background: #000000;
    height: 48px;
    position: fixed;
    left: 0;
    width: 100%;
    bottom: 0;
    border-radius: 30px 30px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .customAction .tableMob {
    width: 50%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .customAction .tableMob:first-of-type {
    border-right: 2px solid white;
  }
  .customAction .hideSc {
    position: fixed;
    width: 100%;
    bottom: 0;
    background: #eeeeee;
    height: 0;
    border-radius: 30px 30px 0 0;
    padding: 30px 15px;
    left: 0;
    z-index: 99;
    visibility: hidden;
    -webkit-transition: .25s;
    transition: .25s;
  }
  .customAction .hideSc .contents {
    overflow: scroll;
    height: 400px;
  }
  .customAction .hideSc.toggleHeight {
    visibility: visible;
    height: 400px;
    font-size: 30px;
  }
  .dynamicBlog .mainContent {
    margin-left: 10px;
  }
  .blogDetailsHeader .font48 {
    color: #000000;
    margin: 16px 0 40px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 1312px;
    padding: 0 40px;
  }
}

@media (min-width: 1400px) {
  .container {
    max-width: 1312px;
    padding: 0 0px;
  }
}

@media (max-width: 1300px) {
  .buttonMain {
    font-size: 1rem;
  }
}

main .container {
  overflow: hidden;
}

@media (max-width: 1200px) {
  .container {
    padding: 0 20px;
  }
  .buttonMain {
    font-size: 0.8rem;
  }
  .headerHome .content .headerTitle {
    font-size: 50px;
  }
  .unlockPay {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .paddingSections, .cardsPatterns, .ACHPayment,
  .whySection, .contactWrapper, .switchingSec,
  .TrustedWrapper, .paymentGateway, .timeLinePattern2, .SuppliesSec, .intgrateSec, .bigTitle, .relatedBlog, .privacyPage .boxP, .howSolves {
    padding: 80px 0 !important;
  }
  .cardsPatterns .heading-2 {
    font-size: 1.2rem;
    line-height: 1.2;
  }
  .cardsPatterns .heading {
    font-size: 2.3rem;
  }
  .textHeading .title {
    font-size: 2.5rem !important;
  }
  .font56 {
    font-size: 2.8125rem;
  }
  .font40,
  .font18,
  .font16,
  .contactWrapper .contactDetails ul li a,
  footer.footer ul li a,
  .readBlogBtn,
  .dynamicBlog .mainContent h4,
  .dynamicBlog .mainContent h5,
  .dynamicBlog .mainContent h6,
  .dynamicBlog .mainContent p,
  .dynamicBlog .mainContent li,
  .dynamicBlog .mainContent h3,
  .dynamicBlog .summartContent .hideToggle > div p,
  .font24,
  .font14,
  .font20,
  .dynamicBlog .rowBlog .tableContent ul li::marker,
  .dynamicBlog .rowBlog .tableContent ul li a,
  .dynamicBlog .mainContent strong,
  .dynamicBlog .summartContent .hideToggle > div h4 {
    line-height: 130%;
  }
  .font48 {
    font-size: 2.5rem;
    line-height: 100%;
  }
  .font40 {
    font-size: 2.1875rem;
  }
  .font32, .dynamicBlog .mainContent h2 {
    font-size: 1.5625rem;
    font-weight: 700;
    line-height: 130%;
  }
  .font24 {
    font-size: 1.25rem;
  }
  
  .font16,
  .contactWrapper .contactDetails ul li a,
  footer.footer ul li a,
  .readBlogBtn,
  .dynamicBlog .mainContent h4,
  .dynamicBlog .mainContent h5,
  .dynamicBlog .mainContent h6,
  .dynamicBlog .mainContent p,
  .dynamicBlog .mainContent li,
  .dynamicBlog .mainContent h3,
  .dynamicBlog .summartContent .hideToggle > div p {
    font-size: 0.875rem;
  }
  .font18 {
    font-size: 1rem;
  }
  
  .font20,
  .dynamicBlog .rowBlog .tableContent ul li::marker,
  .dynamicBlog .rowBlog .tableContent ul li a,
  .dynamicBlog .mainContent strong,
  .dynamicBlog .summartContent .hideToggle > div h4 {
    font-size: 1.125rem;
  }
  .font14 {
    font-size: 0.75rem;
  }
}

@media (max-width: 1000px) {
  .solutionsCom .leftContents,
  .unlockPay .leftContents {
    width: 50%;
    margin-right: 2rem;
  }
  .headerHome .content .headerTitle {
    font-size: 40px;
  }
  .solutionsCom .leftContents .boxWidth50,
  .unlockPay .leftContents .boxWidth50 {
    width: 100%;
    margin-bottom: 20px;
  }
  nav .buttonMain {
    min-width: unset;
    text-align: center;
  }
}

@media (max-width: 992px) {
  nav .buttonMain {
    display: none !important;
  }
  nav .navbar-toggler {
    margin-right: 0 !important;
  }
  nav .navbar-collapse.show .navbar-nav {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  nav .dropdown .dropdown-menu {
    -webkit-transform: translateY(-22px);
            transform: translateY(-22px);
    min-height: 0;
    padding: 15px 0 !important;
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
  nav .dropdown .dropdown-item {
    font-size: .8rem;
  }
  nav .navbar-nav {
    position: absolute;
    width: 80%;
    left: 0;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    top: 96px;
    padding-top: 30px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(6.25%, #507AC6), color-stop(42.08%, #4365A2), color-stop(67.67%, #354F7F), color-stop(101.27%, #2F456C));
    background: linear-gradient(180deg, #507AC6 6.25%, #4365A2 42.08%, #354F7F 67.67%, #2F456C 101.27%);
  
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transition: 0.25s;
    transition: 0.25s;
  }
  nav .navbar-nav::before {
    position: absolute;
    content: "";
    top: 0;
    left: 100%;
    width: 25%;
    height: 100%;
    z-index: -1;
    -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px);
  }
  nav .navbar-nav .nav-link {
    color: #fff;
    margin-bottom: 30px;
  }
  nav .navbar-nav .nav-link:not(.show)::after {
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
  }
  nav .navbar-nav .navbar-nav .dropdown-menu {
    margin: 15px 8px !important;
  }
  nav .navbar-nav .dropdown {
    width: 100%;
  }
  nav .navbar-nav .nav-link.active {
    color: #000;
    font-weight: bold;
  }
  .blogListSec .col-md-4 {
    width: 50%;
  }
  .merchants .heading {
    margin-bottom: 40px;
    padding-top: 40px;
    width: 100%;
  }
  .solutionsCom .leftContents .boxWidth50:nth-child(odd) {
    padding-left: 0;
  }
  footer.footer .col-md-6.text-right {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    margin-top: 20px;
  }
  .buttonMain {
    font-size: 0.8rem;
  }
  .paymentBg .boxes a img {
    max-width: 100%;
    max-height: 30px;
  }
  .ACHPayment .col-md-4,
  .whySection .col-md-4 {
    margin-bottom: 32px;
    width: 50%;
  }
  .headerHome .content .headerTitle {
    font-size: 30px;
  }
  .headerHome .content .headerTitle + p {
    text-align: center;
    font-size: 14px;
  }
  .unlockPay {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .timeLinePattern2 .tmBox .count {
    font-size: 10rem;
    width: 15.625rem;
  }
  .paddingSections, .cardsPatterns, .ACHPayment,
  .whySection, .contactWrapper, .switchingSec,
  .TrustedWrapper, .paymentGateway, .timeLinePattern2, .SuppliesSec, .intgrateSec, .bigTitle, .relatedBlog, .privacyPage .boxP, .howSolves {
    padding: 80px 0 !important;
  }
  .privacyPage {
    max-width: 100%;
    margin: 0 15px;
  }
  .blogMain .contentBlog,
  .blogMain .imgBlog {
    width: 50%;
  }
  .blogMain .contentBlog {
    padding: 20px;
  }
  .cardsPatterns .heading-2 {
    font-size: 1.2rem;
    line-height: 1.2;
  }
  .cardsPatterns .heading {
    font-size: 2.3rem;
  }
  .textHeading .title {
    font-size: 2.5rem !important;
  }
  .font56 {
    font-size: 2.5rem;
  }
  .font40,
  .font18,
  .font16,
  .contactWrapper .contactDetails ul li a,
  footer.footer ul li a,
  .readBlogBtn,
  .dynamicBlog .mainContent h4,
  .dynamicBlog .mainContent h5,
  .dynamicBlog .mainContent h6,
  .dynamicBlog .mainContent p,
  .dynamicBlog .mainContent li,
  .dynamicBlog .mainContent h3,
  .dynamicBlog .summartContent .hideToggle > div p,
  .font24,
  .font14,
  .font20,
  .dynamicBlog .rowBlog .tableContent ul li::marker,
  .dynamicBlog .rowBlog .tableContent ul li a,
  .dynamicBlog .mainContent strong,
  .dynamicBlog .summartContent .hideToggle > div h4 {
    line-height: 130%;
  }
  .font48 {
    font-size: 2.1875rem;
    line-height: 100%;
  }
  .font40 {
    font-size: 1.875rem;
  }
  .font32, .dynamicBlog .mainContent h2 {
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 130%;
  }
  .font24 {
    font-size: 1.125rem;
  }
  
  .font16,
  .contactWrapper .contactDetails ul li a,
  footer.footer ul li a,
  .readBlogBtn,
  .dynamicBlog .mainContent h4,
  .dynamicBlog .mainContent h5,
  .dynamicBlog .mainContent h6,
  .dynamicBlog .mainContent p,
  .dynamicBlog .mainContent li,
  .dynamicBlog .mainContent h3,
  .dynamicBlog .summartContent .hideToggle > div p {
    font-size: 0.875rem;
  }
  .font18 {
    font-size: 0.9375rem;
  }
  
  .font20,
  .dynamicBlog .rowBlog .tableContent ul li::marker,
  .dynamicBlog .rowBlog .tableContent ul li a,
  .dynamicBlog .mainContent strong,
  .dynamicBlog .summartContent .hideToggle > div h4 {
    font-size: 1rem;
  }
  .font14 {
    font-size: 0.75rem;
  }
  .bigTitle .title {
    font-size: 3rem;
  }
  .solutionsHeader .container {
    max-width: unset;
  }
  .solutionsHeader .textWrapper {
    width: 15rem;
  }
  .solutionsHeader .con3,
  .solutionsHeader .con6 {
    width: 13.75rem;
  }
  .switchingSec {
    margin: 0;
    padding: 0 !important;
  }
  /* end 992 */
}

@media (max-width: 767px) {
  .solutionsCom .leftContents,
  .unlockPay .leftContents,
  .unlockPay .rightImg,
  .contactWrapper .form .flexToBox .inputGp,
  .ACHPayment .col-md-4,
  .solutionsCom .rightImg,
  .whySection .col-md-4,
  .textBesideHeading .text,
  .textBesideHeading .title,
  .ACHPayment .textHeading .title span,
  .solutionsHeader .heading,
  .cardsPatterns .leftText,
  .contactWrapper .form .buttonMain,
  .cardsPatterns .frameCard {
    width: 100%;
  }
  .solutionsCom.reverseRow .leftContents {
    margin: 0;
  }
  .cardsPatterns .frameCard {
    height: 100%;
  }
  .cardsPatterns .PowerfulSwiper .swiper-pagination {
    zoom: .7;
  }
  .intgrateSec .col-md-6:first-of-type {
    padding-left: 12px;
    margin-bottom: 20px;
  }
  .intgrateSec .col-md-6:last-of-type {
    padding-right: 12px;
  }
  .intgrateSec.Benefits .textBNF .colorSpan.bold.font48, .intgrateSec.Benefits .textBNF .solutionsHeader .textWrapper .colorSpan.font48.font24, .solutionsHeader .textWrapper .intgrateSec.Benefits .textBNF .colorSpan.font48.font24, .intgrateSec.Benefits .textBNF .boxRisk .colorSpan.font48.font24, .boxRisk .intgrateSec.Benefits .textBNF .colorSpan.font48.font24 {
    margin-bottom: 25px;
  }
  .solutionsHeader {
    position: relative;
  }
  .solutionsHeader .contents {
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: scroll;
  }
  .mob .imgSolu {
    width: 100%;
    -webkit-transform: unset;
            transform: unset;
    height: auto;
    margin: unset;
    position: unset;
  }
  .mob .actions {
    padding-top: 0;
    margin-bottom: 30px;
  }
  .solutionsHeader .imgSolu img {
    max-width: 10.75rem;
  }
  .solutionsHeader.mob {
    display: block;
  }
  .solutionsHeader:not(.mob) {
    display: none;
  }
  .solutionsHeader .textWrapper {
    position: unset;
    width: 100%;
    -webkit-transform: unset;
            transform: unset;
    min-width: 100%;
    margin-right: 20px;
  }
  .paymentGateway .col-md-6.paddingRight {
    padding-right: 0;
    margin-bottom: 35px;
  }
  .ACHPayment .textHeading .title {
    gap: 1rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .merchants .textBesideHeading {
    padding: 40px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem;
  }
  .privacyPage .boxP .font18 {
    margin-bottom: 45px;
  }
  .Benefits.intgrateSec .borderLeft {
    margin-bottom: 25px;
  }
  .bigTitle .title span {
    font-size: 3rem;
  }
  .bigTitle .title {
    font-size: 35px;
  }
  .bigTitle .title br {
    display: none;
  }
  .paymentGateway .textImg .font16, .paymentGateway .textImg .contactWrapper .contactDetails ul li a, .contactWrapper .contactDetails ul li .paymentGateway .textImg a, .paymentGateway .textImg footer.footer ul li a, footer.footer ul li .paymentGateway .textImg a, .paymentGateway .textImg .readBlogBtn, .paymentGateway .textImg .dynamicBlog .mainContent h4, .dynamicBlog .mainContent .paymentGateway .textImg h4,
  .paymentGateway .textImg .dynamicBlog .mainContent h5, .dynamicBlog .mainContent .paymentGateway .textImg h5,
  .paymentGateway .textImg .dynamicBlog .mainContent h6, .dynamicBlog .mainContent .paymentGateway .textImg h6,
  .paymentGateway .textImg .dynamicBlog .mainContent p, .dynamicBlog .mainContent .paymentGateway .textImg p,
  .paymentGateway .textImg .dynamicBlog .mainContent li, .dynamicBlog .mainContent .paymentGateway .textImg li,
  .paymentGateway .textImg .dynamicBlog .mainContent h3, .dynamicBlog .mainContent .paymentGateway .textImg h3, .paymentGateway .textImg .dynamicBlog .summartContent .hideToggle > div p, .dynamicBlog .summartContent .hideToggle > div .paymentGateway .textImg p {
    padding: 1rem 0 1.5rem;
  }
  .paymentGateway .actions {
    text-align: center;
    margin-bottom: 25px;
  }
  .timeaLineCustom .TMBox .font24::after {
    background-size: 30px;
    background-position: 3% 15%;
  }
  .paymentGateway .col-md-6.paddingLeft {
    padding-left: 10px;
  }
  .Benefits.intgrateSec .borderLeft .font32, .Benefits.intgrateSec .borderLeft .dynamicBlog .mainContent h2, .dynamicBlog .mainContent .Benefits.intgrateSec .borderLeft h2 {
    margin-bottom: 8px;
  }
  .timeLinePattern2 .tmBox {
    gap: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  footer.footer {
    padding: 1.75rem 0;
  }
  footer.footer ul li a {
    display: inline-block;
    margin: 0 0 10px 0;
  }
  .timeLinePattern2 .tmBox .textTm {
    padding-bottom: 1.625rem;
  }
  .timeLinePattern2 .tmBox .count {
    font-size: 7rem;
    width: 100%;
  }
  .conttactHeader {
    padding-top: 40px;
    padding-bottom: 45px;
    text-align: center;
  }
  .timeLinePattern2 .tmBox .textTm .font48 {
    font-size: 32px;
  }
  .actions.text-left {
    text-align: center !important;
  }
  .SuppliesSec .boxSub:not(:last-of-type) {
    margin-bottom: 0;
  }
  .SuppliesSec .boxSub {
    padding: 25px 20px;
    margin-top: 20px;
  }
  .callUs .callBox > img {
    height: 40px;
  }
  .callUs .callBox .action a {
    min-width: 170px;
    padding: 10px 20px;
    font-size: 14px;
  }
  .callUs .callBox .action a img {
    max-width: 17px;
  }
  .callUs {
    padding-bottom: 0;
  }
  .callUs .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .callUs .font32, .callUs .dynamicBlog .mainContent h2, .dynamicBlog .mainContent .callUs h2 {
    font-size: 20px;
  }
  .callUs .callBox {
    text-align: center;
    margin-bottom: 45px;
  }
  .ACHPayment .textHeading,
  .whySection .textHeading {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 20px;
  }
  .ACHPayment .col-md-6,
  .whySection .col-md-6,
  .ACHPayment .col-md-4,
  .whySection .col-md-4 {
    margin-bottom: 20px;
  }
  .switchingSec .textHeading,
  .TrustedWrapper .textHeading {
    margin-bottom: 2rem;
  }
  .switchingSec .customActions,
  .TrustedWrapper .customActions {
    right: 20px;
    bottom: -50px;
  }
  .switchingSec .swiper-pagination,
  .TrustedWrapper .swiper-pagination {
    bottom: -2rem;
  }
  .paymentBg {
    margin-bottom: 25px;
  }
  .paymentBg .boxes {
    overflow: scroll;
    width: 100%;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .unlockPay .leftContents p.font20 {
    padding-bottom: 1rem;
  }
  .paymentBg .boxes a {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin: 0 16px;
  }
  .cardsPatterns .textHeading {
    margin-bottom: 40px;
    padding: 0 15px;
  }
  .ACHPayment,
  .whySection,
  .unlockPay {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .ACHPayment .rightImg img,
  .whySection .rightImg img,
  .unlockPay .rightImg img {
    max-height: 300px;
    width: 100%;
  }
  .buttonMain {
    font-size: 0.8rem;
  }
  .paymentBg .boxes a img {
    max-width: 100%;
    max-height: 30px;
  }
  .headerHome .content .headerTitle {
    font-size: 30px;
  }
  .headerHome .content .headerTitle + p {
    text-align: center;
    font-size: 14px;
  }
  .unlockPay {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .TrustedWrapper {
    margin: 0 20px;
    margin-bottom: 50px;
  }
  .swiper-button-next,
  .swiper-button-prev {
    zoom: 0.7;
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  .ACHPayment .whyBox > img,
  .whySection .whyBox > img {
    width: 30px;
  }
  .headerHome .header {
    height: auto;
  }
  .headerHome .header .column {
    margin-top: 30px;
  }
  .headerHome .header .column .buttonMain {
    margin: 0 20px;
  }
  .headerHome .header .image-container {
    position: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 48px 0;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    height: 188px;
    overflow-x: scroll;
  }
  .headerHome .header .image-container [class*="placeholder-image"] {
    position: unset;
    margin-right: 20px;
    height: 100%;
    width: 100%;
    border-radius: 10px;
  }
  .navbar-brand.px-4 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .navbar-brand .text-primary img {
    width: 150px;
  }
  .switchingSec .swiper-pagination,
  .TrustedWrapper .swiper-pagination {
    zoom: 0.5;
  }
  .paddingSections, .cardsPatterns, .ACHPayment,
  .whySection, .contactWrapper, .switchingSec,
  .TrustedWrapper, .paymentGateway, .timeLinePattern2, .SuppliesSec, .intgrateSec, .bigTitle, .relatedBlog, .privacyPage .boxP, .howSolves {
    padding: 20px 0 !important;
  }
  .cardsPatterns .heading-2 {
    font-size: 1.2rem;
    line-height: 1.2;
  }
  .cardsPatterns .heading {
    font-size: 2.3rem;
  }
  .cardsPatterns .heading {
    font-size: 1.6rem !important;
  }
  .textHeading .title {
    font-size: 2rem !important;
  }
  .cardsPatterns .leftText {
    padding: 20px;
  }
  .blogList .heading .colorSpan,
  .blogList .heading h1,
  .blogList .heading h3 {
    font-size: 35px;
    line-height: normal;
  }
  .blogMain .contentBlog .font40 {
    line-height: normal;
  }
  .buttonMain {
    min-width: 10.5625rem;
  }
  .blogListCard {
    margin-bottom: 3rem;
  }
  .readed .bgMin, .readed .bigTitle,
  .readed .bigTitle {
    font-size: 12px;
  }
  .blogListSec {
    margin-bottom: 30px;
  }
  .contactWrapper .contactDetails .map iframe {
    height: 300px;
    margin-bottom: 30px;
  }
  textarea,
  .inputInput,
  input[type="number"],
  input[type="text"],
  .label {
    font-size: 14px;
  }
  textarea,
  .inputInput,
  input[type="number"],
  input[type="text"] {
    font-size: 14px;
  }
  .contactWrapper .form .flexToBox,
  .contactWrapper .form .inputGp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .blogListCard .font24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .blogMain .actions {
    padding-top: 2rem;
  }
  .blogList {
    padding: 40px 0 40px;
  }
  .blogMain {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .boxRisk {
    margin-bottom: 30px;
    text-align: center;
  }
  .typeRisk .col-md-8 .col-md-6:nth-child(odd),
  .typeRisk .col-md-8 .col-md-6:nth-child(even) {
    padding: 0 10px;
  }
  .typeRisk .col-md-8 {
    padding-left: 15px;
    margin-top: 30px;
  }
  .typeRisk {
    padding: 0 0 15px;
  }
  .typeRisk .actions.text-left .buttonMain {
    margin-top: 15px;
    width: 100%;
  }
  .solutionsCom {
    padding-top: 40px !important;
    padding-bottom: 20px !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .solutionsCom .leftContents h4.font20, .solutionsCom .leftContents .dynamicBlog .summartContent .hideToggle > div h4, .dynamicBlog .summartContent .hideToggle > div .solutionsCom .leftContents h4 {
    margin-bottom: 15px;
  }
  .container.onLine p {
    color: #000000;
    line-height: normal;
    font-size: 0.875rem;
    margin-bottom: 20px;
  }
  .solutionsCom .rightImg img {
    max-height: 300px;
    width: 100%;
    margin-bottom: 35px;
    border-radius: 5px;
  }
  .howSolves .actions {
    padding-top: 35px;
  }
  .blogListSec .col-md-4 {
    width: 100%;
  }
  .blogMain .contentBlog,
  .blogMain .imgBlog {
    width: 100%;
  }
  .cardsPatterns .heading-2 {
    font-size: 1rem;
    margin-top: 10px;
  }
  .btn2 {
    font-size: 14px;
    min-width: 160px;
  }
  .font56 {
    font-size: 2.5rem;
  }
  .font40,
  .font18,
  .font16,
  .contactWrapper .contactDetails ul li a,
  footer.footer ul li a,
  .readBlogBtn,
  .dynamicBlog .mainContent h4,
  .dynamicBlog .mainContent h5,
  .dynamicBlog .mainContent h6,
  .dynamicBlog .mainContent p,
  .dynamicBlog .mainContent li,
  .dynamicBlog .mainContent h3,
  .dynamicBlog .summartContent .hideToggle > div p,
  .font24,
  .font14,
  .font20,
  .dynamicBlog .rowBlog .tableContent ul li::marker,
  .dynamicBlog .rowBlog .tableContent ul li a,
  .dynamicBlog .mainContent strong,
  .dynamicBlog .summartContent .hideToggle > div h4 {
    line-height: 130%;
  }
  .font48 {
    font-size: 2.1875rem;
    line-height: 100%;
  }
  .font40 {
    font-size: 1.875rem;
  }
  .font32, .dynamicBlog .mainContent h2 {
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 130%;
  }
  .font24 {
    font-size: 1.125rem;
  }
  
  .font16,
  .contactWrapper .contactDetails ul li a,
  footer.footer ul li a,
  .readBlogBtn,
  .dynamicBlog .mainContent h4,
  .dynamicBlog .mainContent h5,
  .dynamicBlog .mainContent h6,
  .dynamicBlog .mainContent p,
  .dynamicBlog .mainContent li,
  .dynamicBlog .mainContent h3,
  .dynamicBlog .summartContent .hideToggle > div p {
    font-size: 0.875rem;
  }
  .font18 {
    font-size: 0.9375rem;
  }
  
  .font20,
  .dynamicBlog .rowBlog .tableContent ul li::marker,
  .dynamicBlog .rowBlog .tableContent ul li a,
  .dynamicBlog .mainContent strong,
  .dynamicBlog .summartContent .hideToggle > div h4 {
    font-size: 1rem;
  }
  .font14 {
    font-size: 0.75rem;
  }
  .solutionsHeader .contents::-webkit-scrollbar,
  .paymentBg .boxes::-webkit-scrollbar,
  .image-container::-webkit-scrollbar {
    display: none;
  }
  /* Hide scrollbar for IE, Edge and Firefox */
  .solutionsHeader .contents,
  .paymentBg .boxes,
  .image-container {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
  }
  /* end 767 */
}