html {
  font-size: 62.5%;
}
.security-custom-column h5,
.security-custom-column p {
  width: max-content;
}
.security-content-container {
  gap: 0;
}
.security-content-container .security-custom-column:nth-child(1) {
  margin-right: 5.6rem;
}
.footer-top > a > span {
  font-size: 2.4rem;
}
#logo {
  flex-shrink: 0;
}
@media screen and (min-width: 1201px) and (max-width: 1400px) {
  html {
    font-size: 57.5%;
  }
  .security-content-container > img {
    height: 135%;
    top: 50%;
    transform: translateY(-50%);
    overflow: auto;
  }
}
@media screen and (min-width: 961px) and (max-width: 1200px) {
  .mobile-menu {
    display: none;
  }
  header .button-primary {
    white-space: nowrap;
  }
  .nav,
  .nav-links {
    width: auto;
  }
  .nav-links {
    margin-left: 0.8rem;
  }
  .nav-links li {
    width: 10rem;
  }
  html {
    font-size: 50%;
  }
  .security-content-container {
    padding-right: 0;
  }
  .security-content-container > img {
    height: 135%;
    top: 50%;
    transform: translateY(-50%);
    overflow: auto;
  }
  .contact-form-container > img {
    width: 50%;
  }
  .contact-form-container h5 {
    text-align: center;
  }
}
@media screen and (max-width: 960px) {
  .mobile-menu-icon {
    display: block;
  }
  header {
    padding: 1.6rem 2rem 0;
    margin-bottom: 2.8rem;
  }
  header > svg {
    flex-shrink: 0;
  }
  header > a.button-primary {
    display: none;
  }
  .nav-links {
    display: none;
  }
  .container,
  .solutions .container {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
  .hero-content {
    text-align: center;
    background: url(assets/images/first-screen-bg-mobile.png) no-repeat center
      center / cover;
  }
  #hero-heading {
    font-size: min(8.578rem, 20vw);
    margin-bottom: 3.9rem;
  }
  .hero-content {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
  .hero-content .button-container > a {
    width: min(15.5rem, 40vw);
    font-size: 1.4rem;
    white-space: nowrap;
  }
  #trust-indicators {
    padding-top: 3.4rem;
    margin-bottom: 3.6rem;
  }
  #trust-heading {
    font-size: 2.6rem;
    margin-bottom: 1.6rem;
  }
  #trust-indicators p {
    font-size: 1.4rem;
    margin-bottom: 3.6rem;
  }
  #trust-heading svg {
    width: 2.5rem;
    height: 3.1rem;
  }
  #trust-indicators ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.6rem;
  }
  #trust-indicators li strong {
    font-size: 4rem;
  }
  #trust-indicators li span {
    font-size: 1.2rem;
  }
  #features {
    padding-top: 0;
  }
  #features .container {
    row-gap: 7.2rem;
  }
  #features .feature-item {
    padding: 0;
  }
  #features .feature-item img {
    margin: 0;
  }
  #features .feature-item .content {
    padding: 3.2rem 1.6rem 3.2rem 0.8rem;
  }
  .feature-item h3,
  .feature-item h3 > span {
    font-size: 2.4rem;
  }
  .feature-item p {
    min-width: 22rem;
  }
  .feature-item p,
  .feature-item .content li,
  .feature-item .content li span {
    font-size: 1.4rem;
  }
  .feature-item:nth-child(2) {
    display: flex;
    flex-direction: column;
    height: auto;
  }
  #features .feature-item:nth-child(2) .content {
    padding: 1rem 1.6rem 3.2rem 1.6rem;
  }
  #features .feature-item:nth-child(2) img {
    width: 21rem;
    height: 21rem;
    margin-top: -7rem;
  }
  #features .feature-item:nth-child(3) .content {
    padding: 3.2rem 1.6rem 3.2rem 1.6rem;
  }
  #features .feature-item:nth-child(3) {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: auto;
    height: auto;
  }
  #features .feature-item:nth-child(3) img {
    width: 19.9rem;
    height: 15.3rem;
    margin-right: -8.9rem;
  }
  #features .feature-item:nth-child(3) h3 {
    white-space: nowrap;
  }
  #pricing {
    padding-top: 7.2rem;
    margin-bottom: 7.2rem;
  }
  #pricing .container {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .pricing-intro-text h2 {
    font-size: 2.6rem;
    margin-bottom: 1.6rem;
  }
  .pricing-header-cta {
    margin-bottom: 3.6rem;
  }
  .pricing-header-cta p {
    font-size: 1.2rem;
    text-align: end;
  }
  .pricing-header-cta p br {
    display: none;
  }
  .pricing-header-cta .button-primary {
    white-space: nowrap;
  }
  .pricing-table-comparison {
    display: flex;
    flex-direction: column;
  }
  .solo-payment .pricing-column-header {
    padding: 4rem 1.6rem 0 1.6rem;
    margin-bottom: 3.2rem;
  }
  .pricing-features-column {
    display: none;
  }
  .pricing-column .pricing-cell {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    margin-bottom: 2rem;
    font-size: 1.6rem;
  }
  .pricing-column .pricing-cell:last-child {
    margin-bottom: 0;
  }
  .pricing-column {
    min-height: auto;
    padding-bottom: 4rem;
  }
  .pricing-info-banner {
    padding-bottom: 0;
  }
  .pricing-column .pricing-cell:nth-child(2)::before {
    content: "Transaction Fee:";
    margin-right: auto;
    font-size: 1.6rem;
    font-weight: 400;
  }
  .pricing-column .pricing-cell:nth-child(3)::before {
    content: "Chargebacks:";
    margin-right: auto;
    font-size: 1.6rem;
    font-weight: 400;
  }
  .pricing-column .pricing-cell:nth-child(4)::before {
    content: "Rolling Reserve:";
    margin-right: auto;
    font-size: 1.6rem;
    font-weight: 400;
  }
  .pricing-column .pricing-cell:nth-child(5)::before {
    content: "Success Rate:";
    margin-right: auto;
    font-size: 1.6rem;
    font-weight: 400;
  }
  .pricing-column .pricing-cell:nth-child(6)::before {
    content: "Setup Fee:";
    margin-right: auto;
    font-size: 1.6rem;
    font-weight: 400;
  }
  .pricing-column .pricing-cell:nth-child(7)::before {
    content: "Integration Time:";
    margin-right: auto;
    font-size: 1.6rem;
    font-weight: 400;
  }
  .solutions {
    margin-bottom: 7.2rem;
  }
  .solutions h2 {
    font-size: 2.6rem;
    padding: 0;
    margin-bottom: 3.6rem;
  }
  .solution-card {
    padding: 0;
    text-align: center;
  }
  .solution-card img {
    margin-bottom: 2.4rem;
  }
  .solution-card h3 {
    font-size: 2rem;
  }
  .solution-card p {
    font-size: 1.4rem;
  }
  .solutions .container {
    gap: 1.6rem;
  }
  #how-it-works .content {
    padding: 3.6rem 1.6rem;
    background-image: none;
  }
  .how-it-works-steps-container {
    flex-direction: column;
    gap: 0;
  }
  .how-it-works-heading {
    flex-direction: column;
    margin-bottom: 3.6rem;
  }
  .how-it-works-heading-button {
    flex-direction: column;
    gap: 0.8rem;
    width: 100%;
  }
  .how-it-works-heading h2 {
    font-size: 2.6rem;
    margin-bottom: 1.6rem;
  }
  .how-it-works-heading-button p {
    font-size: 1.2rem;
    text-align: center;
  }
  .how-it-works-heading-button p > br {
    display: none;
  }
  .how-it-works-heading-button button {
    white-space: nowrap;
  }
  .how-it-works-steps {
    width: 100%;
  }
  .how-it-works-steps--item {
    position: relative;
    cursor: pointer;
    margin-bottom: 1.6rem;
  }
  .how-it-works-steps--item h4 {
    font-size: 2rem;
  }
  .how-it-works-steps--item p {
    font-size: 1.4rem;
  }
  .how-it-works-steps--item p br {
    display: none;
  }
  .works-image {
    height: auto;
    display: none;
  }
  .how-it-works-steps--item.active + .works-image,
  .how-it-works-steps--item.active + .how-it-works-steps--item + .works-image,
  .how-it-works-steps--item.active
    + .how-it-works-steps--item
    + .how-it-works-steps--item
    + .works-image,
  .how-it-works-steps--item.active
    + .how-it-works-steps--item
    + .how-it-works-steps--item
    + .how-it-works-steps--item
    + .works-image {
    display: flex;
  }
  .how-it-works img {
    width: 100%;
    max-width: 32.6rem;
    height: 41.5rem;
    border-radius: 1.6rem;
  }
  .security-header {
    margin-top: 7.2rem;
    margin-bottom: 9.7rem;
  }
  .security-header h2 {
    font-size: 2.6rem;
    margin-bottom: 1.6rem;
  }
  .security-custom-column:nth-child(2) {
    transform: translateX(6%);
  }
  .security-custom-column,
  .security-content-container {
    gap: 2.4rem;
  }
  .security-header p,
  .security-custom-column__item > p {
    font-size: 1.4rem;
  }
  .security-content-container {
    flex-direction: column;
    height: auto;
    padding: 3.6rem;
    align-items: center;
  }
  .security-list-container {
    flex-wrap: wrap;
    gap: 2.4rem;
    justify-content: center;
  }
  .security-content-container > img {
    width: 27.8rem;
    height: 27.8rem;
    top: 0;
    flex-shrink: 0;
    order: -1;
    margin-top: -11rem;
  }
  .security-custom-column__item > h5 {
    font-size: 2rem;
    margin-bottom: 0.8rem;
    width: auto;
  }
  .faq-header {
    margin-top: 7.2rem;
    margin-bottom: 3.6rem;
  }
  .faq-header p {
    font-size: 1.4rem;
  }
  .faq-header h2 {
    font-size: 2.6rem;
  }
  .faq-content-container {
    margin-left: 1.6rem;
    margin-right: 1.6rem;
  }
  .faq-content-container summary {
    font-size: 1.6rem;
  }
  .faq-content-container > details > p {
    font-size: 1.4rem;
  }
  .faq-content-container details:last-child {
    margin-bottom: 0;
  }
  /* Contact Section */
  .cta-section {
    padding-top: 7.2rem;
    margin-bottom: 3.6rem;
  }
  .cta-section h2,
  .contact-form-container h5 {
    font-size: 2.6rem;
    margin-bottom: 1.6rem;
  }
  .contact-form-container > img {
    margin-top: -5.6rem;
    width: 36.8rem;
    height: 36.8rem;
    height: auto;
  }
  .cta-section #cta-heading + p {
    font-size: 1.4rem;
    margin-bottom: 7.2rem;
  }
  .contact-avatars img {
    width: 1.948rem;
    height: 1.948rem;
  }
  .contact-avatars img:not(:first-child) {
    margin-left: -0.7rem;
  }
  .contact-form-container,
  .contact-form-container .row {
    flex-direction: column;
  }
  .contact-form-container > div {
    padding: 0 1.6rem 3.6rem 1.6rem;
  }
  .contact-form-container .button-primary {
    width: 100%;
  }
  .contact-form-container p {
    font-size: 1.4rem;
    text-align: start;
    margin-bottom: 2.4rem;
  }
  .contact-form-container form input,
  .contact-form-container form input::placeholder {
    font-size: 1.6rem;
  }
  .contact-form-container .input-with-icon svg {
    width: 2.4rem;
    height: 2.4rem;
  }
  .contact-form-container .input-with-icon input {
    padding-left: 6rem;
  }
  /* Footer Section */
  .footer {
    margin-bottom: 3.843rem;
  }
  .footer-top {
    flex-direction: column;
    gap: 3.2rem;
  }
  .footer-top a,
  .footer-bottom a {
    font-size: 1.6rem;
  }
  .footer-nav {
    flex-direction: column;
    align-items: center;
  }
  .footer-bottom {
    flex-direction: column-reverse;
    gap: 3.2rem;
    max-width: 24.6rem;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  .footer-bottom p {
    font-size: 1.2rem;
  }
  .solutions .container {
    grid-template-columns: 1fr;
  }
  #features .container {
    grid-template-columns: 1fr;
  }
  .feature-item:nth-child(2) img {
    margin-left: 0;
  }
}

@media screen and (max-width: 450px) {
  .security-custom-column:nth-child(2) {
    transform: none;
  }
  .security-list-container {
    justify-content: flex-start;
  }
}