/* Restore section geometry dropped with the old stylesheet. */

/* Feature card grids ----------------------------------------------------- */
/* auto-fit rather than a fixed count: _partials/_business_types.php renders
   this grid inside a 282px column, where three fixed tracks left 77px cards
   with the text spilling out of them. */
.pos-card-features { display: grid; gap: 30px 25px; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); }
.pos-card-features.grid-4 { grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)); }
.pos-card-features.grid-3 { grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); }
.pos-card-features.grid-2-center { grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr)); justify-content: center; }
.pos-card-features .card-features {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  padding: 30px 25px;
  color: var(--ink);
  background: var(--surface);
  border: 1px solid var(--line, #d7dfec);
  border-radius: 10px;
  transition: border-color .2s ease, box-shadow .2s ease;
}
/* The plain variant is an industry card: text at the top, a large corner
   illustration filling the bottom. It needs the original fixed height, or the
   art lands on top of the copy. */
.pos-card-features:not(.layout-v2) .card-features { min-height: 306px; padding: 38px; }
.pos-card-features .card-features:hover { border-color: var(--brand); box-shadow: 0 0 0 1px var(--brand); }
.pos-card-features .card-features:hover .card-title { color: var(--brand); }
.pos-card-features .card-features .card-title { order: 1; margin: 0 0 13px; font-size: 19px; font-weight: 700; line-height: 22px; }
.pos-card-features .card-features .card-details { order: 2; font-size: 15.5px; font-weight: 500; line-height: 1.33; color: var(--ink); }

/* The icon is a background image on a fixed box. In the layout-v2 cards it
   sits above the title; in the plain industry cards it is a large corner
   illustration behind the text. */
.pos-card-features .card-features .card-icon {
  width: 100%;
  height: 170px;
  background-color: transparent;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 0;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: contain;
}
.pos-card-features .card-features .card-title,
.pos-card-features .card-features .card-details { position: relative; z-index: 1; }
.pos-card-features.layout-v2 .card-features .card-icon {
  width: 64px;
  height: 64px;
  position: relative;
  margin-bottom: 20px;
  background-position: left bottom;
}
.pos-card-features.layout-v2 .card-features .card-title { font-size: 17px; }
.pos-card-features.layout-v2 .card-features .card-details { font-size: 15px; }
.pos-card-features.layout-v2 .card-features .card-details br { display: none; }

@media (max-width: 700px) { .pos-card-features { gap: 20px; } }

/* Card icons ------------------------------------------------------------- */

.card-icon.icon-api { background-image: url(../img/icon-api.svg); }
.card-icon.icon-barcode { background-image: url(../img/icon-barcode.svg); }
.card-icon.icon-brand-credibility { background-image: url(../img/icon-brand-credibility.svg); }
.card-icon.icon-broader-market-reach { background-image: url(../img/icon-broader-market-reach.svg); }
.card-icon.icon-cash-management { background-image: url(../img/icon-cash-management.svg); }
.card-icon.icon-commission { background-image: url(../img/icon-commission.svg); }
.card-icon.icon-competitive-advantage { background-image: url(../img/icon-competitive-advantage.svg); }
.card-icon.icon-coupons-promotions { background-image: url(../img/icon-coupons-promotions.svg); }
.card-icon.icon-currency-exchange { background-image: url(../img/icon-currency-exchange.svg); }
.card-icon.icon-custom-fields { background-image: url(../img/icon-custom-fields.svg); }
.card-icon.icon-custom-receipts { background-image: url(../img/icon-custom-receipts.svg); }
.card-icon.icon-custom-views { background-image: url(../img/icon-custom-views.svg); }
.card-icon.icon-customer-facing-display { background-image: url(../img/icon-customer-facing-display.svg); }
.card-icon.icon-customizable-interface { background-image: url(../img/icon-customizable-interface.svg); }
.card-icon.icon-data-driven-decisions { background-image: url(../img/icon-data-driven-decisions.svg); }
.card-icon.icon-delivery-management { background-image: url(../img/icon-delivery-management.svg); }
.card-icon.icon-discount { background-image: url(../img/icon-benefits-discounts.svg); }
.card-icon.icon-easy-imports { background-image: url(../img/icon-benefits-easy-import.svg); }
.card-icon.icon-easy-to-use { background-image: url(../img/icon-benefits-easy-to-use.svg); }
.card-icon.icon-ecommerce-integration { background-image: url(../img/icon-ecommerce-integration.svg); }
.card-icon.icon-email-marketing { background-image: url(../img/icon-email-marketing.svg); }
.card-icon.icon-email-sms-receipts { background-image: url(../img/icon-email-sms-receipts.svg); }
.card-icon.icon-employee-time-clock { background-image: url(../img/icon-employee-time-clock.svg); }
.card-icon.icon-enhanced-customer-experience { background-image: url(../img/icon-enhanced-customer-experience.svg); }
.card-icon.icon-gift-cards { background-image: url(../img/icon-gift-cards.svg); }
.card-icon.icon-import-export { background-image: url(../img/icon-import-export.svg); }
.card-icon.icon-improved-customer-insights { background-image: url(../img/icon-improved-customer-insights.svg); }
.card-icon.icon-increased-visibility { background-image: url(../img/icon-increased-visibility.svg); }
.card-icon.icon-internal-messaging { background-image: url(../img/icon-internal-messaging.svg); }
.card-icon.icon-inventory-management { background-image: url(../img/icon-intentory-management.svg); }
.card-icon.icon-inventory-tracking { background-image: url(../img/icon-benefits-inventory-tracking.svg); }
.card-icon.icon-inventory-tracking-2 { background-image: url(../img/icon-benefits-inventory-tracking-2.svg); }
.card-icon.icon-isbn-support,.card-icon.icon-barcode-support { background-image: url(../img/icon-benefits-ISBN.svg); }
.card-icon.icon-item-grid { background-image: url(../img/icon-benefits-item-grid.svg); }
.card-icon.icon-item-variation { background-image: url(../img/icon-item-variation.svg); }
.card-icon.icon-layaways { background-image: url(../img/icon-layaways.svg); }
.card-icon.icon-loyalty-program { background-image: url(../img/icon-loyalty-program.svg); }
.card-icon.icon-mobile-compatibility { background-image: url(../img/icon-mobile-compatibility.svg); }
.card-icon.icon-mobile-friendly { background-image: url(../img/icon-mobile-friendly.svg); }
.card-icon.icon-multiple-languages { background-image: url(../img/icon-multiple-languages.svg); }
.card-icon.icon-multiple-locations { background-image: url(../img/icon-multiple-locations.svg); }
.card-icon.icon-offline-mode { background-image: url(../img/icon-offline-mode.svg); }
.card-icon.icon-organized { background-image: url(../img/icon-benefits-organized.svg); }
.card-icon.icon-payment-options { background-image: url(../img/icon-payment-options.svg); }
.card-icon.icon-product-tracking { background-image: url(../img/icon-benefits-product-tracking.svg); }
.card-icon.icon-purchase-order { background-image: url(../img/icon-purchase-order.svg); }
.card-icon.icon-purchase-orders { background-image: url(../img/icon-benefits-purchase-orders.svg); }
.card-icon.icon-quick-sales { background-image: url(../img/icon-benefits-quick-sale.svg); }
.card-icon.icon-quickbooks-online-integration { background-image: url(../img/icon-quickbooks-online-integration.svg); }
.card-icon.icon-reports { background-image: url(../img/icon-reports.svg); }
.card-icon.icon-sales-capability { background-image: url(../img/icon-sales-capability.svg); }
.card-icon.icon-serial-numbers { background-image: url(../img/icon-serial-numbers.svg); }
.card-icon.icon-series-items { background-image: url(../img/icon-series-items.svg); }
.card-icon.icon-store-accounts { background-image: url(../img/icon-store-accounts.svg); }
.card-icon.icon-streamlined-operations { background-image: url(../img/icon-streamlined-operations.svg); }
.card-icon.icon-third-party-integration { background-image: url(../img/icon-third-party-integration.svg); }
.card-icon.icon-tier-pricing { background-image: url(../img/icon-tier-pricing.svg); }
.card-icon.icon-track-appointments { background-image: url(../img/icon-track-appointments.svg); }
.card-icon.icon-transfer-stock { background-image: url(../img/icon-transfer-stock.svg); }

/* Benefit card grids ----------------------------------------------------- */
.pos-card-benefits { display: grid; gap: 40px 25px; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); }
.pos-card-benefits.grid-2, .pos-card-benefits.pos-payment-features.grid-2 { grid-template-columns: repeat(auto-fit, minmax(min(340px, 100%), 1fr)); }
.pos-card-benefits .card-benefits { width: 100%; position: relative; color: var(--ink); }
.pos-card-benefits.layout-v2 .card-icon {
  display: block;
  width: 100%;
  height: 270px;
  border-radius: 10px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.pos-card-benefits.layout-v2.card-h-340 .card-icon { height: 330px; }
.pos-card-benefits.layout-v2 .card-details { padding-top: 25px; }
.pos-card-benefits.pos-landing-benefits { gap: 25px; }
.pos-card-benefits.pos-landing-benefits .card-benefits {
  padding: 40px;
  text-align: center;
  border: 1px solid var(--line, #d7dfec);
  border-radius: 10px;
  background: var(--surface);
}
.pos-card-benefits.pos-landing-benefits .card-benefits .card-icon {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  display: block;
  border-radius: 0;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: contain;
}
.pos-card-benefits.pos-landing-benefits .card-benefits .card-details { padding-top: 10px; }
@media (max-width: 700px) {
  .pos-card-benefits { gap: 30px; }
  .pos-card-benefits.layout-v2 .card-icon { height: 220px; }
}

.pos-card-benefits.pos-landing-benefits .card-icon.icon-custom-fields { background-image: url(../img/icon-benefits-custom-fields.svg); }
.pos-card-benefits.pos-landing-benefits .card-icon.icon-discount { background-image: url(../img/icon-benefits-discounts.svg); }
.pos-card-benefits.pos-landing-benefits .card-icon.icon-easy-imports { background-image: url(../img/icon-benefits-easy-import.svg); }
.pos-card-benefits.pos-landing-benefits .card-icon.icon-easy-to-use { background-image: url(../img/icon-benefits-easy-to-use.svg); }
.pos-card-benefits.pos-landing-benefits .card-icon.icon-inventory-management { background-image: url(../img/icon-benefits-inventory-management.svg); }
.pos-card-benefits.pos-landing-benefits .card-icon.icon-inventory-tracking { background-image: url(../img/icon-benefits-inventory-tracking.svg); }
.pos-card-benefits.pos-landing-benefits .card-icon.icon-inventory-tracking-2 { background-image: url(../img/icon-benefits-inventory-tracking-2.svg); }
.pos-card-benefits.pos-landing-benefits .card-icon.icon-isbn-support,.pos-card-benefits.pos-landing-benefits .card-icon.icon-barcode-support { background-image: url(../img/icon-benefits-ISBN.svg); }
.pos-card-benefits.pos-landing-benefits .card-icon.icon-item-grid { background-image: url(../img/icon-benefits-item-grid.svg); }
.pos-card-benefits.pos-landing-benefits .card-icon.icon-item-variation { background-image: url(../img/icon-item-variation.svg); }
.pos-card-benefits.pos-landing-benefits .card-icon.icon-layaways { background-image: url(../img/icon-benefits-layaways.svg); }
.pos-card-benefits.pos-landing-benefits .card-icon.icon-organized { background-image: url(../img/icon-benefits-organized.svg); }
.pos-card-benefits.pos-landing-benefits .card-icon.icon-product-tracking { background-image: url(../img/icon-benefits-product-tracking.svg); }
.pos-card-benefits.pos-landing-benefits .card-icon.icon-purchase-orders { background-image: url(../img/icon-benefits-purchase-orders.svg); }
.pos-card-benefits.pos-landing-benefits .card-icon.icon-quick-sales { background-image: url(../img/icon-benefits-quick-sale.svg); }
.pos-card-benefits.pos-landing-benefits .card-icon.icon-store-accounts { background-image: url(../img/icon-benefits-store-account.svg); }
.pos-card-benefits.pos-landing-benefits .card-icon.icon-tier-pricing { background-image: url(../img/icon-benefits-tier-pricing.svg); }
.pos-card-benefits.layout-v2 .increase-sales .card-icon { background-image: url(../img/img-increase-sales.jpg); }
.pos-card-benefits.layout-v2 .informed-decisions .card-icon { background-image: url(../img/img-informed-decisions.jpg); }
.pos-card-benefits.layout-v2 .pos-payment-feature-14 .card-icon { background-image: url(../img/pos-payment-feature-14.jpg); }
.pos-card-benefits.layout-v2 .pos-payment-feature-15 .card-icon { background-image: url(../img/pos-payment-feature-15.jpg); }
.pos-card-benefits.layout-v2 .pos-payment-feature-16 .card-icon { background-image: url(../img/pos-payment-feature-16.jpg); }
.pos-card-benefits.layout-v2 .pos-payment-feature-17 .card-icon { background-image: url(../img/pos-payment-feature-17.jpg); }
.pos-card-benefits.layout-v2 .save-time-money .card-icon { background-image: url(../img/img-save-time-money.jpg); }

/* Split info/image sections ---------------------------------------------- */
.section-info-img { display: flex; align-items: center; gap: 30px; }
.section-info-img.align-top { align-items: flex-start; }
.section-info-img > .col, .section-info-img > .col-left, .section-info-img > .col-right { flex: 1; min-width: 0; }
.section-info-img .col-card-img { padding-bottom: 20px; }
.section-info-img .col-card-img img { border-radius: 10px; }
.section-info-img ul { padding-left: 20px; }
.section-info-img ul.list-grid { display: grid; gap: 2px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 900px) {
  .section-info-img { flex-direction: column; align-items: stretch; }
  .section-info-img ul.list-grid { grid-template-columns: minmax(0, 1fr); }
}

/* Pricing cards ---------------------------------------------------------- */
.col-payment-pricing { display: flex; flex-wrap: wrap; gap: 25px; }
.col-payment-pricing > * { flex: 1 1 300px; min-width: 0; }
@media (max-width: 900px) { .col-payment-pricing { flex-direction: column; } }
.col-payment-pricing.col-item-4 { display: grid; gap: 25px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.col-payment-pricing .card-pricing {
  width: 100%;
  padding: 30px;
  border: 1px solid var(--line, #d7dfec);
  border-radius: 10px;
  background: var(--surface);
}
.col-payment-pricing .card-pricing.single-center { max-width: 520px; margin-inline: auto; }
.col-payment-pricing .card-pricing .pricing-sub-col { display: flex; gap: 10px; padding: 20px 0 15px; }
@media (max-width: 700px) { .col-payment-pricing.col-item-4 { grid-template-columns: minmax(0, 1fr); } }

/* website_services.php business thumbnails ------------------------------- */
.web-services-thumbnails { display: grid; gap: 25px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.web-services-thumbnails img { width: 100%; height: auto; display: block; border-radius: 5px; box-shadow: 0 5px 25px rgba(177, 182, 195, .36); }

/* Industry cards in _partials/_business_types.php ------------------------ */
.pos-card-features .card-features.bakery .card-icon { background-image: url(../img/icon-bakery-v2.png); }
.pos-card-features .card-features.book-shop .card-icon { background-image: url(../img/icon-book-shop-v2.png); }
.pos-card-features .card-features.cloathing .card-icon { background-image: url(../img/icon-clothing-v2.png); }
.pos-card-features .card-features.coffee .card-icon { background-image: url(../img/icon-coffee.png); }
.pos-card-features .card-features.grocery .card-icon { background-image: url(../img/icon-grocery-v2.png); }
.pos-card-features .card-features.jewelry .card-icon { background-image: url(../img/icon-jewelry.png); }
.pos-card-features .card-features.mobile-app .card-icon { background-image: url(../img/icon-mobile-app-v2.png); }
.pos-card-features .card-features.museum .card-icon { background-image: url(../img/icon-museum.png); }
.pos-card-features .card-features.sporting-goods .card-icon { background-image: url(../img/icon-sporting-goods-v2.png); }

/* _partials/_business_types.php nests its card grid inside a wrapper that is
   itself a four-column grid (.section-pos-cards in site-v2.css), so the whole
   industry grid was squeezed into one quarter-width column - 282px of a
   1180px row - on woocommerce, shopify, lead and every other page using it. */
.section-pos-cards > .pos-card-features { grid-column: 1 / -1; }

/* Customer logo strip (_partials/_mini_reviews_logo.php) --------------- */
.happy-customer-logo { display: grid; gap: 17px; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: center; }
.happy-customer-logo .item-logo { display: flex; align-items: center; justify-content: center; }
.happy-customer-logo .item-logo img { width: 100%; height: auto; display: block; }
.happy-customer-logo .item-logo img.logo-bnt { max-width: 198px; }
.happy-customer-logo .item-logo img.logo-underground { max-width: 221px; }
.happy-customer-logo .item-logo img.logo-jk { max-width: 172px; }
.happy-customer-logo .item-logo img.logo-the-web-zone { max-width: 216px; }
@media (max-width: 900px) { .happy-customer-logo { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .happy-customer-logo { grid-template-columns: minmax(0, 1fr); } }

/* ---------------------------------------------------------------------------
   Everything below is the geometry the rewrite dropped, recovered from the old
   stylesheet for the 100 classes still emitted by these templates that no
   current rule defines. Only layout and scale declarations are kept - widths,
   grids, flex, spacing, font-size, line-height, and `content` so the imported
   ::before/::after rules still produce a box. Colours, fonts, shadows and
   borders from the old skin are deliberately not imported.

   Generated from the deleted assets/css/style.css; every selector here uses
   only class names that still appear in the current markup.
   --------------------------------------------------------------------------- */
.site-logo{width:auto;max-height:46px;display:block}
.main-banner{width:100%;height:calc(103vh - 76px);min-height:1020px;max-height:1020px;position:relative;overflow:hidden}
.main-banner.banner-website-services{height:745px;min-height:unset;max-height:unset;display:flex;align-items:center;justify-content:center;position:relative;background:url("../img/banner-web-services-img.png") no-repeat center top;background-size:cover}
.main-banner.banner-website-services:after,.main-banner.banner-website-services:before{content:"";inset:0;position:absolute}
.main-banner.banner-website-services:before{z-index:2;background:url("../img/banner-web-services-mask-bottom.png") repeat-x center top}
.main-banner.banner-website-services:after{z-index:1;background:url("../img/banner-web-services-mask-top.png") repeat-x center bottom}
.main-banner.banner-website-services .banner-content{position:relative;z-index:3}
.main-banner.banner-website-services .banner-content .headline{line-height:102%}
.main-banner.banner-website-services .banner-content span.sub-heading{width:100%;font-size:19px;display:block;padding:0;margin:4px 0 15px 0}
.main-banner .banner-content{padding:50px 20px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.main-banner .banner-content .intro{font-size:20px;line-height:150%;padding-bottom:8px}
.main-banner .banner-content .headline{width:100%;max-width:1200px;font-size:64px;line-height:125%;text-align:center;padding-bottom:15px;margin:0}
.main-banner .banner-content .headline span{width:100%;font-size:32px;line-height:130%;display:block;padding-top:5px}
.main-banner .banner-content .description{width:100%;max-width:750px;font-size:16px;line-height:130%;text-align:center}
.banner-button-group{display:flex;gap:30px;padding-top:42px}
.banner-button-group .btn.btn-white{padding-left:35px;padding-right:35px}
.section .inline-tag-container{gap:10px;height:30px;display:inline-flex}
.section .inline-tag-container .inline-tag{height:31px;font-size:16px;padding:0 18px;margin-top:-4px;display:inline-flex;align-items:center;justify-content:center}
.section-split-title{display:flex}
.section-split-title.top-bottom{display:flex;flex-direction:column;align-items:center;text-align:center}
.section-split-title.top-bottom .col-section-title{max-width:100%;padding-right:0}
.section-split-title.top-bottom .col-section-description,.section-split-title.top-bottom .col-section-description-md{width:100%;max-width:600px}
.section-split-title.top-bottom .col-section-description-md p,.section-split-title.top-bottom .col-section-description p{font-size:16px;line-height:150%}
.section-split-title.top-bottom .col-section-description-md{max-width:720px}
.section-split-title .col-section-title{width:100%;max-width:570px;padding-right:20px}
.section-split-title .col-section-description{flex:1}
.section-pos-book-demo{padding:80px 70px;position:relative;overflow:hidden}
.section-pos-book-demo:before{content:"";width:100%;top:0;right:0;bottom:0;position:absolute;background:url("../img/img-card-book-demo-v2.png") no-repeat top right;background-size:contain}
.section-pos-book-demo .card-nfo{width:100%;max-width:100%;position:relative;padding-right:420px;margin-left:0;margin-right:auto}
.section-pos-book-demo .card-nfo h2{margin-bottom:15px}
.section-pos-book-demo .card-nfo p{margin-bottom:40px}
.section-build-perfect-website,.section-pos-cloud{padding:65px 60px 60px;position:relative;overflow:hidden}
.section-build-perfect-website:before,.section-pos-cloud:before{content:"";width:100%;inset:0;left:auto;right:55px;position:absolute;background:url("../img/img-section-cloud-v2.png") no-repeat center right;background-size:580px}
.section-build-perfect-website .card-nfo,.section-pos-cloud .card-nfo{width:100%;max-width:60%;position:relative}
.section-build-perfect-website .card-nfo .section-title,.section-pos-cloud .card-nfo .section-title{font-size:49px;line-height:120%;margin-bottom:13px}
.section-build-perfect-website .card-nfo .section-card-price,.section-pos-cloud .card-nfo .section-card-price{font-size:31px;line-height:35px;margin-bottom:18px}
.section-build-perfect-website .card-nfo p,.section-pos-cloud .card-nfo p{font-size:16px}
.section-build-perfect-website .card-nfo ul,.section-pos-cloud .card-nfo ul{font-size:16px;list-style-type:none;padding:0;margin:0 0 35px 0;display:grid;gap:3px 25px;grid-template-columns:repeat(2, 1fr)}
.section-build-perfect-website .card-nfo ul li,.section-pos-cloud .card-nfo ul li{font-size:16px}
.section-build-perfect-website .btn-black,.section-pos-cloud .btn-black{padding:0 30px}
.section-build-perfect-website .d-flex,.section-pos-cloud .d-flex{display:block!important}
.section-build-perfect-website .d-flex p,.section-pos-cloud .d-flex p{font-size:15px;margin-top:15px!important;margin-left:0!important}
.section-build-perfect-website{min-height:400px}
.section-build-perfect-website:before{content:"";width:560px;inset:0;left:auto;right:0;position:absolute;background:url("../img/img-cta-build-perfect-website.png") no-repeat center left;background-size:100%}
.app-btn-group-sm .app-btn-download{display:flex;gap:7px}
.pos-card-features-lg{display:grid;gap:30px;grid-template-columns:repeat(2, 1fr)}
.pos-card-features-lg.layout-v2{display:flex;flex-direction:column;gap:140px}
.pos-card-features-lg.layout-v2 .card-details{line-height:160%}
.pos-card-features-lg.layout-v2 .card-features-lg{display:flex;padding:60px 0 0}
.pos-card-features-lg.layout-v2 .card-features-lg:before{display:none}
.pos-card-features-lg.layout-v2 .card-features-lg:first-child .card-info-details{width:100%;max-width:570px;padding-right:55px;flex:initial}
.pos-card-features-lg.layout-v2 .card-features-lg:first-child .card-icon{width:100%;max-width:100%;height:auto;flex:1;padding-left:0}
.pos-card-features-lg.layout-v2 .card-features-lg:first-child .card-icon:before{height:347px;overflow:hidden;display:none}
.pos-card-features-lg.layout-v2 .card-features-lg:first-child .card-icon img{display:block}
.pos-card-features-lg.layout-v2 .card-features-lg:nth-child(2) .card-info-details{width:100%;max-width:100%;flex:1;padding-right:0;order:1}
.pos-card-features-lg.layout-v2 .card-features-lg:nth-child(2) .card-icon{width:100%;max-width:570px;height:auto;padding-left:0;padding-right:55px;order:0}
.pos-card-features-lg.layout-v2 .card-features-lg:nth-child(2) .card-icon:before{height:100%;display:none}
.pos-card-features-lg.layout-v2 .card-features-lg .card-info-details{flex:1;padding-right:40px}
.pos-card-features-lg.layout-v2 .card-features-lg .card-info-details .card-title{font-size:48px;line-height:120%;margin-bottom:20px}
.pos-card-features-lg.layout-v2 .card-features-lg .card-info-details .card-title span{font-size:26px}
.pos-card-features-lg.layout-v2 .card-features-lg .card-info-details .btn-default{margin-bottom:0}
.pos-card-features-lg.layout-v2 .card-features-lg .card-icon{max-width:48%;padding-left:40px}
.pos-card-features-lg .card-features-lg{width:100%;height:auto;padding:50px 60px}
.pos-card-features-lg .card-icon{width:100%;height:290px;padding:0;display:flex;align-items:flex-end;justify-content:center;position:relative}
.pos-card-features-lg .card-icon:before{content:"";width:100%;height:290px;display:block}
.card-features-lg .card-title{font-size:39px;line-height:45px;padding:0;margin:0 0 20px 0}
.card-features-lg .card-title span{width:100%;font-size:25px;line-height:35px;display:block;padding-top:8px;padding-bottom:6px}
.card-features-lg .card-details{font-size:16px;line-height:27px;margin-bottom:0}
.card-features-lg .app-btn-group-sm{padding:20px 0 0 0}
.card-features-lg .app-btn-group-sm .app-btn-download{gap:9px}
.card-features-lg .btn-default{min-width:200px}
.card-features-lg.card-instroduction .btn-default{margin-top:37px;margin-bottom:36px}
.card-features-lg.card-instroduction:before{content:"";width:42px;height:34px;display:block;margin-bottom:22px}
.card-features-lg.card-work-anywhere .btn-default{margin-top:55px;margin-bottom:60px}
.card-features-lg.card-work-anywhere:before{content:"";width:34px;height:34px;display:block;margin-bottom:22px}
.section-features-and-bank-details{padding:0}
.section-features-and-bank-details .section-flex-content{display:flex}
.section-features-and-bank-details .section-flex-content .col-more-features{flex:1;padding-right:90px}
.section-features-and-bank-details .section-flex-content .col-bank-details{width:100%;max-width:470px}
.section-features-and-bank-details .section-flex-content .col-bank-details .section-bank-details .section-info div{padding-bottom:12px;margin-bottom:8px}
.section-features-and-bank-details .section-flex-content .col-bank-details .section-bank-details .bank-info-block:last-child .section-info div{padding-bottom:0;margin-bottom:0}
.section-features-and-bank-details .section-flex-content .col-bank-details .section-bank-details .section-title{font-size:22px;margin-bottom:20px}
.section-features-and-bank-details .section-flex-content .col-bank-details .section-bank-details .info-header{padding-bottom:0}
.section-features-and-bank-details .section-flex-content .col-bank-details .section-bank-details .info-header h4,.section-features-and-bank-details .section-flex-content .col-bank-details .section-bank-details .info-header span{font-size:17px}
.section-features-and-bank-details .section-title{font-size:46px;margin-bottom:20px}
.section-features-and-bank-details p{margin-bottom:25px}
.section-features-and-bank-details .payment-logo{display:flex;flex-wrap:wrap;gap:30px;margin:30px 0 50px 0}
.section-features-and-bank-details .payment-logo img{width:auto;max-height:48px}
.section-bank-details{padding:35px 40px}
.section-bank-details .bank-info-block:last-child .section-info div{padding-bottom:0;margin-bottom:0}
.section-bank-details .section-title{font-size:25px;line-height:30px;margin-bottom:25px;display:block}
.section-bank-details .info-header{width:100%;display:flex;justify-content:space-between;padding-bottom:10px;margin:0}
.section-bank-details .info-header h4,.section-bank-details .info-header span{font-size:16px;padding:0;margin:0;line-height:30px}
.section-bank-details .section-info{display:grid;grid-template-columns:repeat(3, 1fr)}
.section-bank-details .section-info div{font-size:16px;line-height:24px;padding-bottom:20px;margin-bottom:15px}
.section-bank-details .section-info div:nth-child(2),.section-bank-details .section-info div:nth-child(3){text-align:right}
.section-bank-details .section-info div:nth-child(2){padding-right:15px}
.section-client-testimonials .section-flex-content .col-testimonials{width:100%;max-width:670px}
.layout-v2 .col-section-description-md p,.layout-v2 .col-section-description p{line-height:150%}
.faq-accordion-flex-group{display:grid;gap:0 45px;grid-template-columns:repeat(2, 1fr)}
.faq-accordion-group{padding-top:35px}
.faq-accordion-group .accordion-item .accordion-header{width:100%;font-size:14px;line-height:150%;padding:0;margin:0;display:block}
.faq-accordion-group .accordion-item .accordion-header .accordion-button{height:65px;line-height:130%;display:flex;align-items:center;font-size:14px;padding:25px 25px 25px 0;margin:0}
.faq-accordion-group .accordion-item .accordion-header .accordion-button:after{width:14px;height:14px;display:flex;align-items:center;justify-content:center;position:absolute;right:0}
.faq-accordion-group .accordion-item .accordion-body{padding-left:0;padding-right:0}
.faq-accordion-group .accordion-item .accordion-body p:last-child{margin-bottom:0}
.faq-accordion-group .accordion-item .accordion-body li,.faq-accordion-group .accordion-item .accordion-body ol,.faq-accordion-group .accordion-item .accordion-body p,.faq-accordion-group .accordion-item .accordion-body ul{font-size:15px;line-height:170%}
.elem-blob{width:auto;position:relative}
.col-payment-pricing .card-pricing.single-center .btn-group-same-width{margin-left:auto;margin-right:auto}
.form-modern{font-size:16px}
.form-modern.form-modern-reseller{width:100%;max-width:450px}
.form-modern label{font-size:16px;margin-bottom:10px}
.form-modern label.label-bold{font-size:18px}
.form-modern .form-control,.form-modern .form-select{height:46px;font-size:16px}
.form-modern .form-control.form-control-lg,.form-modern .form-select.form-control-lg{height:50px}
.form-modern textarea.form-control{height:auto}
.form-modern.form-modern-sm{width:100%;max-width:600px;margin-left:auto;margin-right:auto}
.form-modern.form-modern-sm label{text-align:left;display:block;margin-bottom:10px}
.form-modern.form-modern-sm .form-group{margin-bottom:30px}
.store-url .form-control{width:100%;max-width:600px;height:52px;padding-left:15px;padding-right:15px;margin:0 auto 30px auto}
.phppos-login-url{width:100%;max-width:582px;margin:50px 0 0 0}
.phppos-login-url .form-group{display:flex;align-items:center;gap:15px}
.phppos-login-url .form-group.has-icon{position:relative}
.phppos-login-url .form-group.has-icon .form-control{padding-left:50px!important}
.phppos-login-url .form-group.has-icon .input-icon{width:22px;height:22px;position:absolute;left:15px;top:50%;transform:translateY(-50%);background-color:#2B2B2B;opacity:.25;mask:url("../img/icon-email-2.svg") no-repeat center center;mask-size:contain;-webkit-mask:url("../img/icon-email-2.svg") no-repeat center center;-webkit-mask-size:contain}
.phppos-login-url .form-group .label-my-store-url{font-size:16px}
.phppos-login-url .form-control{width:100%;height:52px;padding-left:15px;padding-right:15px}
.phppos-login-url .form-control+.label-my-store-url{max-width:425px}
.phppos-login-url .form-control.input-icon{position:relative;padding-left:50px!important}
.phppos-login-url .form-control.input-icon:before{content:"";width:40px;height:40px;left:10px;position:absolute;display:block}
.reseller-store-url .form-group{display:flex;align-items:center;gap:15px;position:relative}
.reseller-store-url .form-group.no-gap{gap:0}
.reseller-store-url .form-group.no-gap .btn-default{min-width:160px;border-radius:0 6px 6px 0!important}
.reseller-store-url .form-group.no-gap .btn-default.btn-submit-icon,.reseller-store-url .btn-copy{position:relative}
.reseller-store-url .form-group.no-gap .btn-default.btn-submit-icon .btn-submit{min-width:unset!important;padding:3px 0 0 20px!important;margin-top:0;inset:0;position:absolute}
.reseller-store-url .form-group.has-icon .form-control{padding-left:50px!important;flex:1;min-width:0;width:auto}
.reseller-store-url .form-group .btn,.reseller-store-url input[type=submit]{width:auto;min-width:max-content;flex:0 0 auto;min-height:46px}
.reseller-store-url .form-group.has-icon .input-icon{width:22px;height:22px;position:absolute;left:15px;top:50%;transform:translateY(-50%);background:#2B2B2B;opacity:.25;-webkit-mask:no-repeat center/contain;mask:no-repeat center/contain}
.reseller-store-url .form-group.has-icon .icon-calendar{-webkit-mask-image:url("../img/icon-calendar-2.svg");mask-image:url("../img/icon-calendar-2.svg")}
.reseller-store-url .form-group.has-icon .icon-link,.reseller-store-url .form-group.has-icon .icon-url{-webkit-mask-image:url("../img/icon-link.svg");mask-image:url("../img/icon-link.svg")}
.reseller-store-url .form-group.has-icon .icon-resellers{-webkit-mask-image:url("../img/icon-resellers-2.svg");mask-image:url("../img/icon-resellers-2.svg")}
.reseller-store-url .form-group.has-icon .icon-data{-webkit-mask-image:url("../img/icon-data-2.svg");mask-image:url("../img/icon-data-2.svg")}
.reseller-store-url .label-my-store-url,.reseller-store-url .label-store-url{font-size:16px;white-space:nowrap;flex:0 0 auto}
.btn-group-login{display:flex;gap:15px;margin-top:30px}
.btn-group-login .btn{min-width:160px}
.partners-logo-col-2{padding-top:50px;display:grid;gap:40px;grid-template-columns:repeat(2, 1fr)}
.form-modern-inline{font-size:16px}
.form-modern-inline .form-group{display:flex;align-items:center;margin-bottom:30px}
.form-modern-inline .form-group.align-top{align-items:flex-start}
.form-modern-inline .form-group.align-top .control-label{padding-top:8px}
.form-modern-inline .form-group.form-group-tos{flex-direction:column}
.form-modern-inline .form-group.form-group-tos label{font-size:16px;padding-right:0;line-height:inherit}
.form-modern-inline .form-group.form-group-center{justify-content:center}
.form-modern-inline .form-group .control-label{font-size:17px;padding-right:10px;line-height:120%}
.form-modern-inline .form-group .form-control{min-height:46px;font-size:16px;padding-left:15px;padding-right:15px}
.youtube-play{width:auto;height:auto;overflow:hidden;position:relative;display:block}
.youtube-play:before{content:"";inset:0;position:absolute;display:block;background:url("../img/icon-youtube-play.svg") no-repeat center center rgba(0,0,0,.15)}
.youtube-play:focus:before,.youtube-play:hover:before{background-color:rgba(0,0,0,.1)}
.modal-modern .modal-dialog{max-width:540px}
.modal-modern .modal-content .modal-header{padding:30px 30px 0 30px;position:relative}
.modal-modern .modal-content .modal-header.no-padding{width:100%;padding:0!important;display:block}
.modal-modern .modal-content .modal-header.no-padding .modal-title{font-size:26px;line-height:120%;padding:0!important;margin:0!important}
.modal-modern .modal-content .modal-header.no-header .btn-close{width:16px;height:16px;padding:0;margin:0;top:20px;right:18px;position:absolute}
.modal-modern .modal-content .modal-header.no-header+.modal-body{padding-top:15px}
.modal-modern .modal-content .modal-body{padding:30px}
.modal-modern .modal-content .modal-footer{justify-content:flex-start;padding:10px 30px 30px 30px}
.modal-modern .modal-content .modal-footer .btn-default{height:46px;font-size:15px;padding-left:30px;padding-right:30px;margin:0}
.reseller-login-toggle .banner-reseller-login{display:none}
.reseller-login-toggle .banner-reseller-login.active{display:flex}
.reseller-login-toggle .banner-reseller-reset{display:none}
.reseller-login-toggle .banner-reseller-reset.active{display:flex}
.show-number-icon{display:flex;gap:18px;margin-bottom:15px}
.show-number-icon.order-alt{margin:15px 0 0 0;align-items:center}
.show-number-icon.order-alt strong{font-size:20px}
.show-number-icon.order-alt.with-btn .details{flex:1}
.show-number-icon.order-alt.with-btn .btn-container .btn.btn-default{padding-left:35px;padding-right:35px}
.show-number-icon .icon-number-four,.show-number-icon .icon-number-one,.show-number-icon .icon-number-three,.show-number-icon .icon-number-two{width:60px;height:60px;display:block;background-repeat:no-repeat;background-position:center top;background-size:contain}
.show-number-icon .icon-number-one{background-image:url("../img/icon-number-one.svg")}
.show-number-icon .icon-number-two{background-image:url("../img/icon-number-two.svg")}
.show-number-icon .icon-number-three{background-image:url("../img/icon-number-three.svg")}
.show-number-icon .icon-number-four{background-image:url("../img/icon-number-four.svg")}
.show-number-icon p{line-height:140%;flex:1;margin:0}
.landing-page-container{width:100%;padding-top:100px}
.landing-header-logo{width:100%;max-width:137px;margin:0 auto 15px auto}
.landing-header-logo img{width:100%;height:auto;max-height:unset!important;display:block}
.section-header{font-size:64px;line-height:120%;margin-bottom:0.5rem}
.section-sub-header{font-size:20px;line-height:150%}
.form-landing-page{width:100%;max-width:460px;margin:25px auto 0 auto}
.form-landing-page .form-modern .form-control{height:50px;margin-bottom:0;margin-right:0!important}
.landing-page-video{width:100%;height:auto;margin-top:45px}
.landing-page-video .video-container{width:100%;height:auto;display:block;overflow:hidden;position:relative}
.landing-page-video .video-container:before{content:"";inset:0;position:absolute;background:url("../img/youtube-play-btn.svg") no-repeat center center;opacity:.8;z-index:1}
.landing-page-video .video-container:after{content:"";inset:0;position:absolute;display:block;background:#000;opacity:.15}
.col-card-border .card-data-col .data-col-border{display:flex;padding:22px 0}
.col-card-border .card-data-col .data-col-border:last-child{padding-bottom:0}
.col-card-border .card-data-col .data-col-border .col-rating-icon{width:144px;height:30px}
.col-card-border .card-data-col .data-col-border .col-rating-value{height:30px;font-size:16px;flex:1;padding-left:15px;display:flex;align-items:center}
.col-card-border .card-data-col .data-col-border .col-header-details{width:50%;padding-right:30px;font-size:16px}
.col-card-border .card-data-col .data-col-border .col-info-details{flex:1;font-size:16px;align-items:flex-start}
.col-card-border .card-data-col .data-col-border .col-info-details .icon-check{margin-left:-2px}
.inside-banner .banner-title .pos-logo-group{display:flex;align-items:center;gap:20px}
.inside-banner .banner-title .pos-logo-group .logo-group-plus{width:38px;min-width:38px;height:38px;display:inline-block!important}
.inside-banner .banner-title .pos-logo-group img{max-height:90px!important;display:block}
.section-business-like-yours{width:100%;display:flex;padding-top:30px;margin-top:-30px;position:relative}
.section-business-like-yours .col-left{width:100%;max-width:390px;padding-right:70px}
.section-business-like-yours .col-left .btn-default{margin-top:25px}
.section-business-like-yours .col-right{flex:1}
.section-business-like-yours .col-right .web-services-thumbnails{display:grid;gap:25px;grid-template-columns:repeat(2, 1fr)}
.section-business-like-yours .col-right .web-services-thumbnails img{width:100%;height:auto;display:block}
.section-web-design-and-development{width:100%;display:flex}
.section-web-design-and-development .col-left{width:50%}
.section-web-design-and-development .col-left .img-webdev-group{display:grid;gap:20px;grid-template-columns:repeat(2, 1fr)}
.section-web-design-and-development .col-left .img-webdev-group img{width:100%;height:auto;display:block}
.section-web-design-and-development .col-right{width:50%;padding-left:80px}
.text-license-agreement ol,.text-license-agreement p,.text-license-agreement ul{font-size:15px;line-height:160%;margin-bottom:25px}
.text-license-agreement ol,.text-license-agreement ul{padding-left:60px}
.text-license-agreement ol li,.text-license-agreement ul li{padding-bottom:3px}
.text-license-agreement .order{padding-right:40px}
.text-license-agreement .sub-order{padding-right:20px}
.text-license-agreement .indent-space{padding-left:55px}
.text-license-agreement .indent-space-2d{padding-left:65px}
.text-license-agreement .indent-space-2{padding-left:100px}
.text-license-agreement .indent-space-2 .sub-order{padding-right:15px}
.form-group-btn-password-reset{display:flex;gap:15px}
.form-group-btn-password-reset .btn{min-width:195px}
.btn-mw-195{min-width:195px}
.sq-logo-250{width:100%;max-width:250px}
.mw-650{width:100%;max-width:650px;margin:0 auto}
.gap-17{gap:17px}
.btn-group-same-width{width:100%;max-width:350px}
.btn-group-same-width .btn{width:100%;max-width:100%;padding-left:20px!important;padding-right:20px!important}
.form-gen-2{width:100%;max-width:700px;padding:60px 45px 45px 45px;margin-left:auto;margin-right:auto}
.form-gen-2 .form-header{font-size:39px;line-height:110%}
@media(max-width:768px){.site-logo{max-height:40px;margin-top:2px}}
@media(max-width:500px){.site-logo{max-height:36px;margin-top:1px}}
@media(max-width:1400px){.main-banner{height:100vh;min-height:750px;max-height:750px}}
@media(max-width:1100px){.main-banner{min-height:710px;max-height:720px}}
@media(max-width:992px){.main-banner{min-height:unset}}
@media(max-width:768px){.main-banner{max-height:580px}}
@media(max-width:1400px){.main-banner.banner-website-services{height:auto;padding-top:100px;padding-bottom:100px}}
@media(max-width:768px){.main-banner.banner-website-services{padding-top:90px;padding-bottom:50px}}
@media(max-width:600px){.main-banner.banner-website-services{padding-top:75px}}
@media(max-width:600px){.main-banner.banner-website-services .banner-content span.sub-heading{font-size:15px;margin-top:0;margin-bottom:8px}}
@media(max-width:1400px){.main-banner .banner-content{padding-top:10px}}
@media(max-width:600px){.main-banner .banner-content{padding-top:35px}}
@media(max-width:1400px){.main-banner .banner-content .intro{font-size:18px}}
@media(max-width:1024px){.main-banner .banner-content .intro{font-size:17px}}
@media(max-width:768px){.main-banner .banner-content .intro{font-size:16px}}
@media(max-width:600px){.main-banner .banner-content .intro{font-size:15px}}
@media(max-width:1400px){.main-banner .banner-content .headline{font-size:48px;line-height:120%;padding-bottom:12px}}
@media(max-width:1100px){.main-banner .banner-content .headline{font-size:50px;padding-bottom:10px}}
@media(max-width:768px){.main-banner .banner-content .headline{font-size:42px;padding-bottom:8px}}
@media(max-width:600px){.main-banner .banner-content .headline{font-size:28px;line-height:110%}
.main-banner .banner-content .headline br{display:none}}
@media(max-width:1400px){.main-banner .banner-content .headline span{font-size:24px}}
@media(max-width:768px){.main-banner .banner-content .headline span{font-size:20px}}
@media(max-width:600px){.main-banner .banner-content .headline span{font-size:16px}}
@media(max-width:500px){.main-banner .banner-content .description{font-size:15.2px}}
@media(max-width:1400px){.banner-button-group{padding-top:36px}}
@media(max-width:1024px){.banner-button-group{padding-top:30px}}
@media(max-width:992px){.banner-button-group{padding-top:25px;gap:20px}}
@media(max-width:550px){.banner-button-group{padding-top:20px;flex-direction:column}}
@media(max-width:768px){.section-split-title{flex-direction:column}}
@media(max-width:1200px){.section-pos-book-demo{padding:65px 55px}}
@media(max-width:1024px){.section-pos-book-demo{padding:52px 55px}}
@media(max-width:500px){.section-pos-book-demo{padding:40px}}
@media(max-width:992px){.section-pos-book-demo:before{right:-20px}}
@media(max-width:600px){.section-pos-book-demo:before{inset:0}}
@media(max-width:900px){.section-pos-book-demo .card-nfo{max-width:100%;padding-right:0}}
@media(max-width:1200px){.section-build-perfect-website,.section-pos-cloud{padding:65px 55px}}
@media(max-width:1024px){.section-build-perfect-website,.section-pos-cloud{padding:52px 55px}}
@media(max-width:500px){.section-build-perfect-website,.section-pos-cloud{padding:40px}}
@media(max-width:900px){.section-build-perfect-website:before,.section-pos-cloud:before{left:0;right:0}}
@media(max-width:900px){.section-build-perfect-website .card-nfo,.section-pos-cloud .card-nfo{max-width:100%}}
@media(max-width:1400px){.section-build-perfect-website .card-nfo .section-title,.section-pos-cloud .card-nfo .section-title{font-size:40px}}
@media(max-width:1024px){.section-build-perfect-website .card-nfo .section-title,.section-pos-cloud .card-nfo .section-title{font-size:36px}}
@media(max-width:992px){.section-build-perfect-website .card-nfo .section-title,.section-pos-cloud .card-nfo .section-title{font-size:32px}}
@media(max-width:768px){.section-build-perfect-website .card-nfo .section-title,.section-pos-cloud .card-nfo .section-title{font-size:30px;margin-bottom:10px}}
@media(max-width:600px){.section-build-perfect-website .card-nfo .section-title,.section-pos-cloud .card-nfo .section-title{font-size:28px;margin-bottom:5px}}
@media(max-width:500px){.section-build-perfect-website .card-nfo .section-title,.section-pos-cloud .card-nfo .section-title{font-size:26px;margin-bottom:2px}}
@media(max-width:400px){.section-build-perfect-website .card-nfo .section-title,.section-pos-cloud .card-nfo .section-title{font-size:24px}}
@media(max-width:1024px){.section-build-perfect-website .card-nfo .section-card-price,.section-pos-cloud .card-nfo .section-card-price{font-size:24px}}
@media(max-width:992px){.section-build-perfect-website .card-nfo .section-card-price,.section-pos-cloud .card-nfo .section-card-price{font-size:20px;padding:0}}
@media(max-width:700px){.section-build-perfect-website .card-nfo .section-card-price,.section-pos-cloud .card-nfo .section-card-price{font-size:18px;padding:0}}
@media(max-width:500px){.section-build-perfect-website .card-nfo ul,.section-pos-cloud .card-nfo ul{font-size:15px;grid-template-columns:repeat(1, 1fr)}}
@media(max-width:1400px){.section-build-perfect-website{display:flex;justify-content:center;flex-direction:column}}
@media(max-width:1100px){.section-build-perfect-website{min-height:380px}}
@media(max-width:768px){.section-build-perfect-website{min-height:320px}}
@media(max-width:1100px){.section-build-perfect-website:before{width:420px}}
@media(max-width:1400px){.pos-card-features-lg.layout-v2{gap:120px}}
@media(max-width:1100px){.pos-card-features-lg.layout-v2{gap:100px}}
@media(max-width:768px){.pos-card-features-lg.layout-v2{gap:85px}}
@media(max-width:500px){.pos-card-features-lg.layout-v2{gap:75px}}
@media(max-width:400px){.pos-card-features-lg.layout-v2{gap:65px}}
@media(max-width:768px){.pos-card-features-lg.layout-v2 .card-features-lg{flex-direction:column}}
@media(max-width:992px){.pos-card-features-lg.layout-v2 .card-features-lg:first-child .card-info-details{max-width:50%}}
@media(max-width:768px){.pos-card-features-lg.layout-v2 .card-features-lg:first-child .card-info-details{max-width:100%;padding-right:0}}
@media(max-width:768px){.pos-card-features-lg.layout-v2 .card-features-lg:first-child .card-icon{order:-1;padding-bottom:20px}}
@media(max-width:992px){.pos-card-features-lg.layout-v2 .card-features-lg:nth-child(2) .card-icon{max-width:50%;padding-right:40px}}
@media(max-width:768px){.pos-card-features-lg.layout-v2 .card-features-lg:nth-child(2) .card-icon{max-width:100%;padding-right:0;padding-bottom:30px}}
@media(max-width:1400px){.pos-card-features-lg.layout-v2 .card-features-lg .card-info-details .card-title{font-size:40px}}
@media(max-width:1024px){.pos-card-features-lg.layout-v2 .card-features-lg .card-info-details .card-title{font-size:36px}}
@media(max-width:992px){.pos-card-features-lg.layout-v2 .card-features-lg .card-info-details .card-title{font-size:32px}}
@media(max-width:768px){.pos-card-features-lg.layout-v2 .card-features-lg .card-info-details .card-title{font-size:30px}}
@media(max-width:600px){.pos-card-features-lg.layout-v2 .card-features-lg .card-info-details .card-title{font-size:28px}}
@media(max-width:500px){.pos-card-features-lg.layout-v2 .card-features-lg .card-info-details .card-title{font-size:26px}}
@media(max-width:400px){.pos-card-features-lg.layout-v2 .card-features-lg .card-info-details .card-title{font-size:24px}}
@media(max-width:1024px){.pos-card-features-lg.layout-v2 .card-features-lg .card-info-details .card-title span{font-size:24px}}
@media(max-width:992px){.pos-card-features-lg.layout-v2 .card-features-lg .card-info-details .card-title span{font-size:20px;padding:0}}
@media(max-width:700px){.pos-card-features-lg.layout-v2 .card-features-lg .card-info-details .card-title span{font-size:18px;padding:0}}
@media(max-width:768px){.card-features-lg.card-work-anywhere .btn-default{margin:30px 0 0 0}}
@media(max-width:768px){.section-features-and-bank-details .section-flex-content{flex-direction:column}}
@media(max-width:1024px){.section-features-and-bank-details .section-flex-content .col-more-features{padding-right:70px}}
@media(max-width:992px){.section-features-and-bank-details .section-flex-content .col-more-features{width:50%;flex:initial;padding-right:50px}}
@media(max-width:768px){.section-features-and-bank-details .section-flex-content .col-more-features{width:100%;padding-right:0;padding-bottom:85px}}
@media(max-width:500px){.section-features-and-bank-details .section-flex-content .col-more-features{padding-bottom:75px}}
@media(max-width:400px){.section-features-and-bank-details .section-flex-content .col-more-features{padding-bottom:65px}}
@media(max-width:992px){.section-features-and-bank-details .section-flex-content .col-bank-details{max-width:50%}}
@media(max-width:768px){.section-features-and-bank-details .section-flex-content .col-bank-details{max-width:100%}}
@media(max-width:500px){.section-features-and-bank-details .section-flex-content .col-bank-details .section-bank-details .section-title{font-size:18px;margin-bottom:10px}}
@media(max-width:500px){.section-features-and-bank-details .section-flex-content .col-bank-details .section-bank-details .info-header h4,.section-features-and-bank-details .section-flex-content .col-bank-details .section-bank-details .info-header span{font-size:15px}}
@media(max-width:1400px){.section-features-and-bank-details .section-title{font-size:40px}}
@media(max-width:1024px){.section-features-and-bank-details .section-title{font-size:36px}}
@media(max-width:992px){.section-features-and-bank-details .section-title{font-size:32px}}
@media(max-width:768px){.section-features-and-bank-details .section-title{font-size:30px}
.section-features-and-bank-details .section-title br{display:none}}
@media(max-width:600px){.section-features-and-bank-details .section-title{font-size:28px;margin-bottom:2px}}
@media(max-width:500px){.section-features-and-bank-details .section-title{font-size:26px}}
@media(max-width:400px){.section-features-and-bank-details .section-title{font-size:24px}}
@media(max-width:768px){.section-features-and-bank-details .payment-logo{gap:20px;margin:20px 0 20px 0}}
@media(max-width:500px){.section-bank-details{padding:30px 30px}}
@media(max-width:500px){.section-bank-details .section-info div{font-size:13px}}
@media(max-width:500px){.section-bank-details .section-info div:nth-child(2),.section-bank-details .section-info div:nth-child(3){font-size:13px}}
@media(max-width:500px){.section-bank-details .section-info div:nth-child(2){padding-right:0}}
@media(max-width:1200px){.section-client-testimonials .section-flex-content .col-testimonials{max-width:650px}}
@media(max-width:1100px){.section-client-testimonials .section-flex-content .col-testimonials{max-width:630px}}
@media(max-width:992px){.section-client-testimonials .section-flex-content .col-testimonials{max-width:100%}}
@media(max-width:1100px){.faq-accordion-flex-group{gap:0 35px}}
@media(max-width:992px){.faq-accordion-flex-group{gap:0 30px}}
@media(max-width:700px){.faq-accordion-flex-group{grid-template-columns:repeat(1, 1fr)}}
@media(max-width:768px){.faq-accordion-group .accordion-item .accordion-body li,.faq-accordion-group .accordion-item .accordion-body ol,.faq-accordion-group .accordion-item .accordion-body p,.faq-accordion-group .accordion-item .accordion-body ul{font-size:14px}}
@media(max-width:768px){.form-modern.form-modern-reseller{max-width:100%}}
@media(max-width:500px){.form-modern label{font-size:15px}}
@media(max-width:500px){.form-modern .form-control,.form-modern .form-select{font-size:15px}}
@media(max-width:768px){.phppos-login-url{max-width:96%;margin-top:20px}}
@media(max-width:600px){.phppos-login-url .form-group{flex-direction:column;align-items:flex-start}}
@media(max-width:600px){.phppos-login-url .form-group.has-icon .input-icon{top:15px}}
@media(max-width:600px){.reseller-store-url .form-group{flex-direction:column;align-items:flex-start}}
@media(max-width:600px){.reseller-store-url .form-group.has-icon .form-control{width:100%}}
@media(max-width:600px){.reseller-store-url .form-group.has-icon .input-icon{top:15px;transform:none}}
@media(max-width:400px){.btn-group-login{flex-direction:column}}
@media(max-width:880px){.pos-payment-partners-info .info-left{order:-1!important;padding-bottom:50px}}
@media(max-width:880px){.partners-logo-col-1{display:grid;gap:0 30px;grid-template-columns:repeat(2, 1fr)}}
@media(max-width:500px){.partners-logo-col-1{grid-template-columns:repeat(1, 1fr)}
.partners-logo-col-1 img{width:100%;max-width:70%}}
@media(max-width:880px){.partners-logo-col-2{padding-top:30px;gap:30px;grid-template-columns:repeat(4, 1fr)}}
@media(max-width:500px){.partners-logo-col-2{padding-top:20px;gap:20px 50px;grid-template-columns:repeat(2, 1fr)}}
@media(max-width:375px){.partners-logo-col-2{gap:20px 40px}}
@media(max-width:768px){.form-modern-inline{font-size:15px}}
@media(max-width:700px){.form-modern-inline .form-group{flex-direction:column;margin-bottom:25px}}
@media(max-width:700px){.form-modern-inline .form-group.form-group-tos label{padding-bottom:0}}
@media(max-width:700px){.form-modern-inline .form-group .control-label{font-size:16px;padding-bottom:10px}}
@media(max-width:768px){.form-modern-inline .form-group .form-control{min-height:44px;font-size:15px}}
@media(max-width:700px){.form-modern-inline .col-sm-7,.form-modern-inline .control-label{width:100%!important;flex:initial}}
@media(max-width:768px){.modal-modern .modal-dialog{max-width:500px}}
@media(max-width:500px){.modal-modern .modal-dialog{margin:0.5rem 18px}}
@media(max-width:768px){.modal-modern .modal-content .modal-header{padding:25px 25px 0 25px}}
@media(max-width:768px){.modal-modern .modal-content .modal-body{padding:25px}}
@media(max-width:768px){.modal-modern .modal-content .modal-footer{padding:5px 25px 30px 25px}}
@media(max-width:768px){.show-number-icon.order-alt{flex-direction:column}
.show-number-icon.order-alt br{display:none!important}}
@media(max-width:768px){.show-number-icon.order-alt strong{font-size:18px;padding-bottom:5px;display:block}}
@media(max-width:1150px){.show-number-icon.order-alt.with-btn{flex-wrap:wrap;gap:10px 18px}}
@media(max-width:768px){.show-number-icon.order-alt.with-btn .details{text-align:center}}
@media(max-width:1150px){.show-number-icon.order-alt.with-btn .btn-container{width:100%;margin-top:10px}}
@media(max-width:768px){.show-number-icon.order-alt.with-btn .btn-container .btn.btn-default{width:100%;display:flex}}
@media(max-width:768px){.show-number-icon.order-alt{text-align:center}}
@media(max-width:1024px){.landing-page-container{padding-top:30px}}
@media(max-width:1024px){.landing-header-logo{display:none}}
@media(max-width:1400px){.section-header{font-size:52px}}
@media(max-width:1024px){.section-header{font-size:48px}}
@media(max-width:768px){.section-header{font-size:36px}}
@media(max-width:500px){.section-header{font-size:32px;line-height:110%}}
@media(max-width:1400px){.section-sub-header{font-size:18px}}
@media(max-width:1024px){.section-sub-header{font-size:16px}}
@media(max-width:600px){.section-sub-header br{display:none!important}}
@media(max-width:500px){.section-sub-header{font-size:14px;line-height:140%}}
@media(max-width:400px){.col-card-border .card-data-col .data-col-border{flex-direction:column;padding:16px 0}}
@media(max-width:400px){.col-card-border .card-data-col .data-col-border .col-rating-value{padding-top:5px;padding-left:0}}
@media(max-width:400px){.col-card-border .card-data-col .data-col-border .col-header-details{width:100%;padding-right:0;padding-bottom:5px}}
@media(max-width:500px){.inside-banner .banner-title .pos-logo-group{gap:12px}}
@media(max-width:400px){.inside-banner .banner-title .pos-logo-group{flex-direction:column;gap:10px;align-items:flex-start}}
@media(max-width:500px){.inside-banner .banner-title .pos-logo-group .logo-group-plus{width:30px;height:30px}}
@media(max-width:400px){.inside-banner .banner-title .pos-logo-group .logo-group-plus{display:none!important}}
@media(max-width:1440px){.inside-banner .banner-title .pos-logo-group img{margin-bottom:0!important}}
@media(max-width:1100px){.inside-banner .banner-title .pos-logo-group img{max-height:80px!important}}
@media(max-width:1024px){.inside-banner .banner-title .pos-logo-group img{max-height:70px!important}}
@media(max-width:992px){.inside-banner .banner-title .pos-logo-group img{max-height:60px!important}}
@media(max-width:600px){.inside-banner .banner-title .pos-logo-group img{max-height:50px!important}}
@media(max-width:400px){.inside-banner .banner-title .pos-logo-group img.logo-repairs-first{margin-bottom:8px!important}}
@media(max-width:400px){.inside-banner .banner-title .pos-logo-group .logo-group-first{position:relative;display:flex;align-items:center}
.inside-banner .banner-title .pos-logo-group .logo-group-first:after{content:"";width:26px;height:26px;right:-40px;position:absolute;display:block}}
@media(max-width:992px){.section-business-like-yours{flex-direction:column}}
@media(max-width:1024px){.section-business-like-yours .col-left{padding-right:50px}}
@media(max-width:992px){.section-business-like-yours .col-left{max-width:100%;padding-right:0;padding-top:40px;order:2}}
@media(max-width:640px){.section-business-like-yours .col-right .web-services-thumbnails{gap:15px}}
@media(max-width:992px){.section-web-design-and-development{flex-direction:column}}
@media(max-width:992px){.section-web-design-and-development .col-left{width:100%}}
@media(max-width:1100px){.section-web-design-and-development .col-right{padding-left:50px}}
@media(max-width:992px){.section-web-design-and-development .col-right{width:100%;padding:40px 0 0 0}}
@media(max-width:500px){.text-license-agreement ol,.text-license-agreement p,.text-license-agreement ul{font-size:14px}}
@media(max-width:500px){.text-license-agreement ol,.text-license-agreement ul{padding-left:40px}}
@media(max-width:500px){.text-license-agreement .order{padding-right:20px}}
@media(max-width:500px){.text-license-agreement .sub-order{padding-right:15px}}
@media(max-width:500px){.text-license-agreement .indent-space{padding-left:35px}}
@media(max-width:500px){.text-license-agreement .indent-space-2d{padding-left:45px}}
@media(max-width:500px){.text-license-agreement .indent-space-2{padding-left:70px}}
@media(max-width:450px){.form-group-btn-password-reset{flex-direction:column}}
@media(max-width:450px){.form-group-btn-password-reset .btn{width:100%;min-width:unset}}
@media(max-width:768px){.form-gen-2{padding-top:40px}}
@media(max-width:600px){.form-gen-2{padding:40px 35px 35px 35px}}
@media(max-width:1024px){.form-gen-2 .form-header{font-size:34px}}
@media(max-width:768px){.form-gen-2 .form-header{font-size:28px;line-height:120%}}
@media(max-width:600px){.form-gen-2 .form-header br{display:none!important}}
@media(max-width:500px){.form-gen-2 .form-header{font-size:25px}}
@media(max-width:400px){.form-gen-2 .form-header{font-size:22px;line-height:135%}}

/* Mobile guards for the geometry imported above. The old stylesheet shrank
   these blocks in media queries that carried only colour and font-family, so
   they were dropped by the layout-only filter - leaving a 64px headline and a
   three-column table inside a 375px screen. */
/* The CTA card family lost its background in the redesign: the recovered
   geometry kept the padding but dropped `color:#FFF; background:#59BBF9;
   border-radius:10px`, leaving a transparent, square, dark-on-white block on
   all six pages that use it. Restored here in the new palette so the card
   reads as a card again and the navy `.btn-black` inside it keeps contrast. */
.section-build-perfect-website,
.section-pos-cloud {
  border-radius: var(--radius);
  background: var(--brand-soft);
  color: var(--ink);
}

@media (max-width: 700px) {
  .main-banner .banner-content { padding: 40px 16px; }
  .main-banner .banner-content .headline { font-size: clamp(28px, 8vw, 44px); }
  .main-banner .banner-content .headline span { font-size: clamp(19px, 5.5vw, 28px); }
  .main-banner.banner-website-services .banner-content span.sub-heading { font-size: clamp(16px, 4.6vw, 19px); }
  .section-bank-details { padding: 24px 18px; }
  .section-bank-details .section-info { grid-template-columns: minmax(0, 1fr); }
  .section-bank-details .section-info div:nth-child(2),
  .section-bank-details .section-info div:nth-child(3) { text-align: left; padding-right: 0; }
  .section-features-and-bank-details .section-flex-content .col-bank-details { max-width: 100%; }
}

/* white_label_partner.php ------------------------------------------------
   Five short sections at the site-wide 100px rhythm left the page reading as
   mostly empty space, and its two text-only sections ran as a lonely narrow
   column against the left edge. Tighten the rhythm and give the prose the
   same centred measure the rest of the site uses. */
.page-white-label-partner .section { padding-block: clamp(2.25rem, 4vw, 3.5rem); }
.page-white-label-partner .inside-banner { padding-block: clamp(2.5rem, 5vw, 4.5rem); }
.page-white-label-partner .section-container > .container > .col-section-title { margin-bottom: 8px; }
.page-white-label-partner .section-container p,
.page-white-label-partner .section-container ul,
.page-white-label-partner .section-container ol { max-width: 820px; }
.page-white-label-partner .section-container > .container > h2,
.page-white-label-partner .section-container > .container > .section-title { margin-bottom: 14px; }

/* Functional background images the rewrite recovered as empty boxes.
   Layout-only rules above keep the geometry; these restore the photos, play
   buttons, numbered steps and landing-page heroes that the templates still
   emit as empty <span class="card-icon"> / .landing-banner elements. */
.landing-banner {
  width: 100%;
  height: 100vh;
  max-height: 950px;
  inset: 0;
  z-index: -1;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
.landing-banner:before,
.landing-banner:after { content: ""; position: absolute; left: 0; right: 0; display: block; }
.landing-banner:before { height: 880px; top: 0; background: url("../img/lp-overlay-top.png") no-repeat center top; background-size: cover; }
.landing-banner:after { height: 440px; bottom: 0; background: url("../img/lp-overlay-bottom.png") no-repeat center top; background-size: cover; }
.landing-banner.banner-bookstore { background-image: url("../img/landing-bookstore-bg.jpg"); }
.landing-banner.banner-electronics { background-image: url("../img/landing-electronics-bg.jpg"); }
.landing-banner.banner-furniture { background-image: url("../img/landing-furniture-bg.jpg"); }
.landing-banner.banner-hardware { background-image: url("../img/landing-hardware-bg.jpg"); }

.pricing-plan-options .btn.btn-snackbar-help,
.pricing-plan-options .btn.btn-snackbar-help:hover,
.pricing-plan-options .btn.btn-snackbar-help:focus {
  display: inline-flex;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  padding: 0;
  border: 0;
  border-radius: 0;
  position: relative;
  flex-shrink: 0;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none;
  transform: none;
  color: inherit !important;
}
.pricing-plan-options .btn.btn-snackbar-help:before {
  content: "";
  inset: 0;
  position: absolute;
  display: block;
  background: url("../img/Icon-question.svg") no-repeat center center;
  background-size: contain;
}

.faq-accordion-group .accordion-item .accordion-header { position: relative; }
.faq-accordion-group .accordion-item .accordion-header .accordion-button:after {
  content: "";
  width: 14px;
  height: 14px;
  background: url("../img/accordion-close.svg") no-repeat center center;
  background-size: contain;
}
.faq-accordion-group .accordion-item .accordion-header .accordion-button[aria-expanded="true"]:after {
  background-image: url("../img/accordion-expand.svg");
}