/* mysender public website - phone-friendly spacing, readable text, nothing floating over the content */
@media (max-width: 767.98px) {
  html, body { overflow-x: clip; }
  body { -webkit-text-size-adjust: 100%; }
  .container { padding-left: 16px; padding-right: 16px; }

  /* inner-page banner: short instead of a full screen */
  .breadcrumb__area.breadcrumb-height { height: auto !important; min-height: 0 !important; padding: 104px 0 34px !important; }
  .breadcrumb__scroll-bottom { display: none !important; }
  .breadcrumb__title { font-size: 30px !important; line-height: 1.2 !important; margin-bottom: 8px !important; }
  .breadcrumb__list span, .breadcrumb__list a { font-size: 13px !important; letter-spacing: .03em !important; }

  /* tighter, calmer sections */
  .pt-120 { padding-top: 52px !important; } .pb-120 { padding-bottom: 52px !important; }
  .pt-100 { padding-top: 44px !important; } .pb-100 { padding-bottom: 44px !important; }
  .pt-80 { padding-top: 38px !important; } .pb-80 { padding-bottom: 38px !important; }
  .pt-60 { padding-top: 32px !important; } .pb-60 { padding-bottom: 32px !important; }

  /* headings */
  h1, .tp-hero__title { font-size: clamp(27px, 7.6vw, 34px) !important; line-height: 1.22 !important; letter-spacing: -.005em; }
  h2, .tp-section__title, .tp-section-title { font-size: clamp(23px, 6.4vw, 28px) !important; line-height: 1.28 !important; }
  h3 { font-size: 20px; }
  p { font-size: 15.5px; line-height: 1.6; }

  /* home hero: the curve at the bottom must not cut the headline */
  .tp-hero__area { min-height: 0 !important; padding-top: 112px !important; padding-bottom: 150px !important; }
  .hero-cta { padding-bottom: 20px !important; }

  /* header */
  .tp-header__login { letter-spacing: .02em !important; font-size: 12.5px !important; padding: 10px 16px !important; }
  .tp-header__logo img, .tp-header__logo-wrapper img { max-height: 36px; width: auto; }
  .tp-header__logo { background: rgba(255,255,255,.94); border-radius: 12px; padding: 4px 10px; display: inline-block; }

  /* buttons: easy to tap */
  .tp-btn, .tp-btn-blue, .tp-btn-blue-square, .tp-btn-border { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; }

  /* floating helpers: small and out of the way */
  .wa-float-btn { width: 46px !important; height: 46px !important; right: 12px !important; bottom: 12px !important; }
  .faqw-bubble { width: 40px !important; height: 40px !important; right: 15px !important; bottom: 66px !important; }
  .scroll-top, .scroll-to-target { display: none !important; }

  /* pricing cards and tables */
  .table-responsive, .tp-pricing__table { overflow-x: auto; -webkit-overflow-scrolling: touch; }
}

/* ---- footer: tidy, evenly spaced links; readable logo (owner, 20-10-2026) ---- */
.tp-footer-bottom__menu ul { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 14px 26px; margin: 0 !important; padding: 0; list-style: none; text-align: center; }
.tp-footer-bottom__menu ul li { display: block; margin: 0 !important; }
.tp-footer-bottom__menu ul li a { font-size: 13px; line-height: 18px; letter-spacing: .09em; white-space: nowrap; padding: 4px 0; border-bottom: 2px solid transparent; transition: border-color .15s, color .15s; }
.tp-footer-bottom__menu ul li a:hover { border-bottom-color: currentColor; }
.tp-footer-bottom__logo a { display: inline-block; background: #fff; border-radius: 12px; padding: 8px 14px; line-height: 0; }
.tp-footer-bottom__logo img { max-height: 40px; width: auto; display: block; }
.tp-footer-bottom__social select { height: 52px; border-radius: 10px; }
@media (min-width: 992px) {
  .tp-footer-bottom__border-top .row { align-items: center; }
  .tp-footer-bottom__menu ul { justify-content: center; max-width: 450px; margin: 0 auto !important; } /* 5 + 4 links, two even rows */
}
@media (max-width: 991px) {
  .tp-footer-bottom__menu { margin: 4px 0 22px; }
  .tp-footer-bottom__logo { text-align: center !important; margin-bottom: 8px; }
  .tp-footer-bottom__social { max-width: 320px; margin: 0 auto; }
}
@media (max-width: 575px) {
  .tp-footer-bottom__menu ul { gap: 10px 20px; }
  .tp-footer-bottom__menu ul li a { font-size: 12.5px; letter-spacing: .07em; }
}

/* ---- header (desktop): menu, buttons and logo never overlap — each takes only the room it needs (owner, 20-10-2026) ---- */
@media (min-width: 992px) {
  .tp-header__area .row { flex-wrap: nowrap; }
  .tp-header__area .row > [class*="col-"]:first-child { flex: 0 0 auto; width: auto; max-width: 230px; }
  .tp-header__area .row > .d-lg-block { flex: 1 1 auto; width: auto; max-width: none; min-width: 0; }
  .tp-header__area .row > [class*="col-"]:last-child { flex: 0 0 auto; width: auto; max-width: none; }
  .tp-header__main-menu > nav > ul, .tp-header__main-menu nav ul:first-child { display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; margin: 0; padding: 0; }
  .tp-header__main-menu nav > ul > li { margin: 0 clamp(7px, 1.05vw, 24px) !important; white-space: nowrap; }
  .tp-header__main-menu nav > ul > li > a { font-size: clamp(12px, .95vw, 15px); letter-spacing: .08em; padding-left: 0 !important; padding-right: 0 !important; }
  .tp-header__right, .tp-header__right-two { display: flex; align-items: center; justify-content: flex-end; flex-wrap: nowrap; gap: 8px; }
  .tp-header__right > a, .tp-header__right-two > a { margin: 0 !important; flex: 0 0 auto; white-space: nowrap; }
}
@media (min-width: 992px) and (max-width: 1399px) {
  .tp-header__right > a[href$="/get-app"], .tp-header__right-two > a[href$="/get-app"] { display: none !important; } /* "Get App" stays in the menu / footer on narrower screens */
  .tp-header__right .tp-btn, .tp-header__right-two .tp-btn-blue-square { padding: 0 16px !important; }
}
/* header logo: dark "My" text was almost invisible on the dark-blue header — put the logo on a white pill like in the footer */
@media (min-width: 992px) {
  .tp-header__menu-space .tp-header__logo a { display: inline-block; background: #fff; border-radius: 12px; padding: 7px 14px; line-height: 0; }
  .tp-header__menu-space .tp-header__logo img { max-height: 40px; width: auto; display: block; }
}

/* ---- pricing cards: compact, equal-height, professional (owner, 21-10-2026) ---- */
#price .pr-grid { margin-top: 8px; }
#price .pr-col { display: flex; }
#price .pr-col .tp-price__item { display: flex; flex-direction: column; width: 100%; margin: 0; padding: 26px 24px 24px; border: 1px solid #e3e8f0; border-radius: 16px; background: #fff; box-shadow: 0 6px 22px rgba(20,25,80,.06); transition: transform .2s, box-shadow .2s; position: relative; }
#price .pr-col .tp-price__item:hover { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(20,25,80,.12); }
#price .pr-col .tp-price__item.tp-price__active { border: 2px solid #1fb57a; box-shadow: 0 12px 34px rgba(31,181,122,.18); }
#price .pr-col .tp-price__item.tp-price__active:before { content: "MOST POPULAR"; position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: #1fb57a; color: #fff; font-size: 11px; font-weight: 700; letter-spacing: .08em; padding: 4px 14px; border-radius: 20px; }
#price .tp-price__icon { margin-bottom: 14px !important; padding: 0 !important; justify-content: flex-start !important; gap: 12px; }
#price .tp-price__icon .icon { width: 42px !important; height: 42px !important; line-height: 42px !important; font-size: 17px !important; flex: none; border-radius: 12px; }
#price .tp-price__icon > span:last-child { font-size: 18px; font-weight: 700; letter-spacing: .02em; text-transform: uppercase; color: #1b1f3b; }
#price .pr-prices { display: grid; gap: 10px; }
#price .pr-blk { border: 1px solid #e9eef5; border-radius: 12px; padding: 11px 14px; background: #fafbfe; }
#price .pr-blk.pr-year { background: #f1fbf6; border-color: #cdeedd; }
#price .pr-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2px; }
#price .pr-lbl { font-size: 11.5px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; color: #6b7c93; }
#price .pr-off { background: #ffe9ec; color: #d6264a; font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 10px; }
#price .pr-row { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 6px; }
#price .pr-amt { font-size: 28px; font-weight: 800; color: #14186b; line-height: 1.15; }
#price .pr-per { font-size: 14px; color: #6b7c93; font-weight: 600; }
#price .pr-mrp { font-size: 13px; color: #9aa7b8; margin-left: auto; }
#price .pr-save { font-size: 12.5px; color: #0b7a4b; font-weight: 600; margin-top: 2px; }
#price .pr-tag { font-size: 12px; color: #6b7c93; text-align: center; margin-top: 10px; }
#price .tp-price__list { margin: 16px 0 18px !important; padding: 0 !important; flex: 1 1 auto; }
#price .tp-price__list ul { margin: 0; padding: 0; }
#price .tp-price__list ul li { font-size: 14px; line-height: 1.45; padding: 5px 0 5px 22px !important; position: relative; color: #40496b; }
#price .tp-price__list ul li:before { top: 11px !important; }
#price .tp-price__btn { margin-top: auto; display: grid; gap: 8px; }
#price .tp-price__btn a.tp-btn-border { display: block; width: 100%; height: auto !important; line-height: 1.25 !important; padding: 12px 14px !important; font-size: 13.5px; font-weight: 700; text-align: center; white-space: normal; border-radius: 10px; margin: 0 !important; }
#price .tp-price__btn a.tp-btn-border span { white-space: normal; }
#price .tp-price__btn a.tp-btn-border:first-child { background: #1fb57a; border-color: #1fb57a; color: #fff; }
#price .tp-price__btn a.tp-btn-border:first-child span { color: #fff; }
#price .tp-price__btn a.tp-btn-border:last-child:not(:first-child) { background: #fff; color: #14186b; border: 1.5px solid #14186b; }
@media (max-width: 991px) { #price .pr-amt { font-size: 26px; } }
#price .tp-price__list ul li { margin: 0 !important; min-height: 0 !important; }
#price .tp-price__list ul li:before { top: 12px !important; }

/* selectable Monthly / Yearly boxes inside a plan card */
#price .pr-pick { cursor: pointer; transition: border-color .15s, box-shadow .15s, background .15s; }
#price .pr-pick:hover { border-color: #9fd9bd; }
#price .pr-pick.sel { border-color: #1fb57a; box-shadow: 0 0 0 2px rgba(31,181,122,.28); background: #f1fbf6; }
#price .pr-dot { display: inline-block; width: 12px; height: 12px; border-radius: 50%; border: 2px solid #9aa9bb; margin-right: 7px; vertical-align: -1px; background: #fff; }
#price .pr-pick.sel .pr-dot { border-color: #1fb57a; background: radial-gradient(#1fb57a 45%, #fff 50%); }
#price .pr-hint { font-size: 11.5px; color: #8a97ab; text-align: center; }

/* =====================================================================
   Site-wide polish (desktop): tighter vertical rhythm, calmer headings, same card language as the pricing cards.
   Phones are untouched (they have their own rules above). Owner request 21-10-2026.
   ===================================================================== */
@media (min-width: 992px) {
  /* page title bands (About, Features, FAQ, Contact, Blog, Demo, Register, Developers...) */
  .breadcrumb-height { height: auto !important; min-height: 0 !important; padding: 150px 0 40px !important; }
  .breadcrumb__area .breadcrumb__scroll-bottom { display: none !important; }
  .breadcrumb__title { font-size: 40px !important; line-height: 1.2 !important; margin-bottom: 8px !important; }
  .breadcrumb__list { font-size: 13px; }
  /* home hero */
  .tp-hero__area { padding-bottom: 8px; }
  .tp-hero__title, .tp-hero__content h2, .tp-hero__content h1 { font-size: 46px !important; line-height: 1.18 !important; }
  /* section headings */
  .tp-section-title { font-size: 34px !important; line-height: 1.22 !important; }
  .tp-section-title-sm { font-size: 28px !important; line-height: 1.25 !important; }
  .tp-section-title-sm.pb-20, .tp-section-title.pb-20 { padding-bottom: 10px !important; }
  .tp-price__section, .tp-faq__section, .tp-feature__section { padding-bottom: 28px !important; }
  /* vertical spacing of big blocks */
  .pt-120 { padding-top: 52px !important; } .pb-120 { padding-bottom: 52px !important; }
  .pt-100 { padding-top: 46px !important; } .pb-100 { padding-bottom: 46px !important; }
  .pt-90 { padding-top: 42px !important; } .pb-90 { padding-bottom: 42px !important; }
  .pt-80 { padding-top: 38px !important; } .pb-80 { padding-bottom: 38px !important; }
  .mt-80 { margin-top: 44px !important; } .mb-80 { margin-bottom: 44px !important; }
  .pb-60 { padding-bottom: 34px !important; } .mb-60 { margin-bottom: 34px !important; }
  .tp-footer__area.pt-120 { padding-top: 64px !important; }
  /* readable, moderate body text */
  .tp-section-title + p, .tp-faq__section p, .tp-feature__section p { font-size: 15.5px; line-height: 1.65; }
  /* cards: one consistent look (features, solutions, blog, team) */
  .tp-feature__item, .tp-blog__item, .tp-team__item, .tp-solution__item { border: 1px solid #e3e8f0; border-radius: 16px; box-shadow: 0 6px 22px rgba(20,25,80,.06); transition: transform .2s, box-shadow .2s; }
  .tp-feature__item:hover, .tp-blog__item:hover, .tp-team__item:hover { transform: translateY(-3px); box-shadow: 0 14px 34px rgba(20,25,80,.12); }
  /* buttons */
  .tp-btn, .tp-btn-blue, .tp-btn-blue-square, .tp-btn-border { font-size: 14px; letter-spacing: .06em; }
  /* FAQ accordions */
  .tp-faq__area .accordion-item, .tp-faq__area .accordion-button { font-size: 15.5px; }
}
@media (min-width: 1200px) {
  .container { max-width: 1180px; }
}

@media (min-width: 992px) {
  .tp-feature__item { padding: 28px 28px 24px !important; }
  .tp-feature__item .tp-feature__icon, .tp-feature__item img { margin-bottom: 14px !important; }
  .tp-feature__item h3, .tp-feature__item .tp-feature__title { font-size: 19px !important; margin-bottom: 8px !important; }
  .tp-feature__item p { font-size: 14.5px !important; line-height: 1.6 !important; margin-bottom: 12px !important; }
}
@media (min-width: 992px) {
  /* feature / service cards (Features page, home) */
  .tp-service__item { padding: 36px 32px 30px !important; border: 1px solid #e3e8f0; border-radius: 16px; box-shadow: 0 6px 22px rgba(20,25,80,.06); transition: transform .2s, box-shadow .2s; }
  .tp-service__item:hover { transform: translateY(-3px); box-shadow: 0 14px 34px rgba(20,25,80,.12); }
  .tp-service__title-sm { margin-bottom: 12px !important; font-size: 19px !important; }
  .tp-service__item .tp-service__icon, .tp-service__item .tp-service__thumb { margin-bottom: 14px !important; }
  .tp-service__item p { font-size: 14.5px !important; line-height: 1.6 !important; margin-bottom: 14px !important; }
  .tp-service__item.mb-20 { margin-bottom: 20px !important; }
}


/* ---- tablets & phones: same tidy rhythm (no big empty bands between sections) ---- */
@media (max-width: 991px) {
  .breadcrumb-height { height: auto !important; min-height: 0 !important; padding: 112px 0 34px !important; }
  .breadcrumb__area .breadcrumb__scroll-bottom { display: none !important; }
  .breadcrumb__title { font-size: 28px !important; line-height: 1.25 !important; margin-bottom: 6px !important; }
  .tp-section-title { font-size: 26px !important; line-height: 1.25 !important; }
  .tp-section-title-sm { font-size: 22px !important; line-height: 1.3 !important; }
  .tp-hero__title { font-size: 32px !important; line-height: 1.22 !important; }
  .pt-120 { padding-top: 42px !important; } .pb-120 { padding-bottom: 42px !important; }
  .pt-100 { padding-top: 38px !important; } .pb-100 { padding-bottom: 38px !important; }
  .pt-90 { padding-top: 34px !important; } .pb-90 { padding-bottom: 34px !important; }
  .pt-80 { padding-top: 30px !important; } .pb-80 { padding-bottom: 30px !important; }
  .pt-70 { padding-top: 28px !important; } .pb-70 { padding-bottom: 28px !important; }
  .pt-65 { padding-top: 26px !important; }
  .pb-60 { padding-bottom: 24px !important; } .mb-60 { margin-bottom: 24px !important; }
  .mt-80 { margin-top: 28px !important; } .mb-80 { margin-bottom: 28px !important; }
  .mb-50 { margin-bottom: 22px !important; } .mt-50 { margin-top: 22px !important; }
  .tp-footer__area.pt-120 { padding-top: 40px !important; }
  .tp-footer__area { padding-bottom: 20px !important; }
  .tp-price__section, .tp-faq__section, .tp-feature__section { padding-bottom: 20px !important; }
  .tp-service__item { padding: 26px 22px 22px !important; }
  .tp-service__title-sm { margin-bottom: 10px !important; }
}

/* ---- page-specific tightening found in the whole-site audit ---- */
.tp-counter-2__area { margin-bottom: 0 !important; }
.tp-team__area { padding-top: 64px !important; padding-bottom: 46px !important; }
.contact-info { height: 100%; }
.row:has(> [class*="col"] > .contact-info) { align-items: stretch !important; }
@media (min-width: 992px) { .tp-footer__area.pt-120, .tp-footer__area { padding-top: 46px !important; } .tp-footer__content { margin-bottom: 0 !important; } }

/* ---- audit round 2: theme's odd spacing helpers + title boxes + sidebars + contact ---- */
@media (min-width: 992px) {
  .pt-125, .pt-130, .pt-140, .pt-150, .pt-160 { padding-top: 54px !important; } .pb-125, .pb-130, .pb-140, .pb-150, .pb-160 { padding-bottom: 54px !important; }
  .mb-70 { margin-bottom: 34px !important; } .mb-65 { margin-bottom: 30px !important; } .mt-70 { margin-top: 34px !important; }
  [class*="__section-box"], [class*="__title-box"] { margin-bottom: 34px !important; }
  .tp-service__icon { margin-bottom: 20px !important; }
  .sidebar__widget { padding: 28px 28px 24px !important; margin-bottom: 24px !important; }
  .sidebar__widget-title { margin-bottom: 16px !important; }
  .contact-info { padding: 26px 24px !important; }
  .contact-info > * { margin-bottom: 14px !important; }
  .contact-form-box { padding-top: 36px !important; }
}
@media (max-width: 991px) {
  .pt-125, .pt-130, .pt-140, .pt-150, .pt-160 { padding-top: 38px !important; } .pb-125, .pb-130, .pb-140, .pb-150, .pb-160 { padding-bottom: 38px !important; }
  .mb-70 { margin-bottom: 24px !important; } .mb-65 { margin-bottom: 22px !important; } .mt-70 { margin-top: 24px !important; }
  [class*="__section-box"], [class*="__title-box"] { margin-bottom: 24px !important; }
  .tp-service__icon { margin-bottom: 16px !important; }
  .tp-service__icon img { max-height: 54px; width: auto; }
  .sidebar__widget { padding: 22px 20px 18px !important; margin-bottom: 18px !important; }
  .sidebar__widget-title { margin-bottom: 12px !important; }
  .contact-info { padding: 22px 18px !important; }
  .contact-info > * { margin-bottom: 10px !important; }
  .contact-form-box { padding-top: 28px !important; }
  .tp-feature__area.pt-60 { padding-top: 8px !important; }
  .tp-feature__item, .tp-solution__item { padding: 22px 20px 18px !important; }
  .tp-team__area { padding-top: 40px !important; padding-bottom: 30px !important; }
}

/* about / features: the "section wrapper" rows above card grids */
[class*="__section-wrapper"] { margin-bottom: 26px !important; }
@media (min-width: 992px) {
  .tp-service__area .tp-service__section-wrapper, .tp-service__title-box { padding-bottom: 0 !important; }
  .tp-counter-2__wrapper { padding-top: 34px !important; }
  .tp-counter-2__item { padding-top: 18px; padding-bottom: 18px; }
}
@media (max-width: 991px) {
  .tp-counter-2__wrapper { padding-top: 24px !important; }
}

/* ---- modern look for the home sections (screens of any width, incl. zoomed-out browsers) ---- */
#solutions { padding-top: 56px !important; padding-bottom: 56px !important; }
#solutions .row.mb-50 { margin-bottom: 26px !important; }
#solutions .col-lg-4 > div { display: flex; flex-direction: column; border: 1px solid #e3e8f0 !important; border-radius: 16px !important; box-shadow: 0 6px 22px rgba(20,25,80,.06); padding: 26px 26px 22px !important; transition: transform .2s, box-shadow .2s; }
#solutions .col-lg-4 > div:hover { transform: translateY(-3px); box-shadow: 0 14px 34px rgba(20,25,80,.12); }
#solutions h4 { font-size: 20px; line-height: 1.3; margin-bottom: 8px; color: #14186b; }
#solutions p { font-size: 15px !important; line-height: 1.65 !important; margin-bottom: 12px; color: #40496b; }
#solutions p.small { font-size: 12.5px !important; color: #7a879c; }
#solutions .badge { align-self: flex-start; font-size: 11px; padding: 5px 10px; border-radius: 10px; margin-bottom: 14px !important; }
#solutions .tp-btn-blue, #solutions a.ml-2 { margin-top: auto; }
#solutions .tp-btn-blue { align-self: flex-start; padding: 0 24px; }
.tp-app__content p, .tp-faq__title-box p { font-size: 16px !important; line-height: 1.7 !important; }
.app-nocover .tp-app__content h3 { margin-bottom: 14px !important; }
.app-nocover .tp-app__download { margin-top: 22px; }
.app-nocover .tp-app__thumb-sm { justify-content: center; }
.tp-faq__area { padding-top: 56px; padding-bottom: 56px; }
.tp-faq__title-box { text-align: center; }
.tp-faq__wrapper-box { max-width: 860px; margin: 0 auto; }
.tp-integration__area { padding-bottom: 20px; }
@media (max-width: 991px) {
  #solutions { padding-top: 34px !important; padding-bottom: 34px !important; }
  #solutions .col-lg-4 > div { padding: 20px 18px 18px !important; }
  .tp-faq__area { padding-top: 34px; padding-bottom: 34px; }
}
/* integration strip: shorter, so the logos are not lost in empty space on wide screens */
.tp-integration__wrapper { height: clamp(300px, 20vw, 380px); overflow: hidden; }
.tp-integration__wrapper .tp-integration__border-shape { height: 100%; }
.tp-integration__wrapper .tp-integration__border-shape img { width: 100%; height: 100%; object-fit: fill; }
.tp-integration__bottom:empty, .tp-integration__bottom { min-height: 0; }
/* FAQ: calm background (the big cyan blob behind the questions made the list hard to read) */
.tp-faq__area::before, .tp-faq__area::after, .tp-faq__wrapper-box::before, .tp-faq__wrapper-box::after, .tp-faq__area [class*="__shape"] { display: none !important; }
.tp-faq__area { background-image: none !important; }
.tp-support__bg img, .tp-support__bg-2 img { display: none !important; }
.accordion-items:has(.accordion-collapse.show) { border: 1px solid #cfe3f5 !important; border-radius: 14px; background: #fff; box-shadow: 0 6px 18px rgba(20,25,80,.06); }

/* =====================================================================
   TIGHT pass (owner: "still too much space"): every vertical gap roughly 35-40% smaller again
   ===================================================================== */
@media (min-width: 992px) {
  .pt-120, .pt-125, .pt-130, .pt-140, .pt-150, .pt-160 { padding-top: 34px !important; }
  .pb-120, .pb-125, .pb-130, .pb-140, .pb-150, .pb-160 { padding-bottom: 34px !important; }
  .pt-100 { padding-top: 30px !important; } .pb-100 { padding-bottom: 30px !important; }
  .pt-90 { padding-top: 28px !important; } .pb-90 { padding-bottom: 28px !important; }
  .pt-80 { padding-top: 26px !important; } .pb-80 { padding-bottom: 26px !important; }
  .pt-70 { padding-top: 24px !important; } .pb-70 { padding-bottom: 24px !important; }
  .pt-65 { padding-top: 22px !important; } .pb-60 { padding-bottom: 18px !important; } .pt-60 { padding-top: 20px !important; }
  .mb-80, .mt-80 { margin-top: 26px !important; margin-bottom: 26px !important; }
  .mb-70, .mb-65 { margin-bottom: 20px !important; } .mt-70 { margin-top: 20px !important; }
  .mb-60 { margin-bottom: 18px !important; } .mb-50 { margin-bottom: 16px !important; } .mb-40 { margin-bottom: 14px !important; } .mb-30 { margin-bottom: 14px !important; }
  [class*="__section-box"], [class*="__title-box"], [class*="__section-wrapper"], [class*="__section"] { margin-bottom: 20px !important; }
  .tp-price__section, .tp-faq__section, .tp-feature__section { padding-bottom: 12px !important; }

  .breadcrumb-height { padding: 128px 0 22px !important; }
  .breadcrumb__title { font-size: 32px !important; }
  .tp-hero__area, .tp-hero__bg { padding-top: 148px !important; }
  .tp-hero__title { font-size: 40px !important; }
  .tp-hero__area .tp-btn-blue, .tp-hero__area .tp-btn-border { margin-top: 0; }
  .tp-section-title { font-size: 30px !important; } .tp-section-title-sm { font-size: 24px !important; }
  .tp-section-title.mb-20, .tp-section-title-sm.pb-20 { margin-bottom: 8px !important; padding-bottom: 6px !important; }
  .tp-feature__area.pt-60 { padding-top: 22px !important; padding-bottom: 24px !important; }
  #solutions { padding-top: 30px !important; padding-bottom: 30px !important; }
  #solutions .col-lg-4 > div { padding: 20px 22px 18px !important; }
  .tp-service__item, .tp-feature__item { padding: 22px 24px 18px !important; }
  .tp-service__icon { margin-bottom: 12px !important; } .tp-service__icon img { max-height: 54px; width: auto; }
  .tp-service__title-sm { margin-bottom: 8px !important; }
  .tp-app__area { padding-top: 30px !important; padding-bottom: 30px !important; }
  .tp-faq__area { padding-top: 30px !important; padding-bottom: 30px !important; }
  .accordion-button, .accordion-buttons { padding-top: 16px !important; padding-bottom: 16px !important; }
  .tp-integration__area { padding-top: 30px !important; padding-bottom: 8px !important; }
  .tp-integration__wrapper { height: clamp(240px, 15vw, 300px) !important; }
  .tp-price__area { padding-top: 30px !important; padding-bottom: 28px !important; }
  #price .pr-col .tp-price__item { padding: 18px 18px 16px !important; }
  #price .pr-blk { padding: 8px 12px !important; }
  #price .pr-amt { font-size: 24px !important; }
  #price .tp-price__icon { margin-bottom: 10px !important; }
  #price .tp-price__list { margin: 10px 0 12px !important; }
  #price .tp-price__list ul li { padding-top: 3px !important; padding-bottom: 3px !important; font-size: 13.5px; }
  #price .pr-tag { margin-top: 6px; }
  .tp-choose__area { padding-top: 30px !important; padding-bottom: 20px !important; }
  .tp-support__area { padding-top: 30px !important; padding-bottom: 30px !important; }
  .tp-footer__area, .tp-footer__area.pt-120 { padding-top: 30px !important; padding-bottom: 26px !important; }
  .tp-footer-bottom__area { margin-top: 22px !important; }
  .tp-footer-bottom__border-top { padding-top: 22px !important; }
  .tp-counter-2__wrapper { padding-top: 20px !important; } .tp-counter-2__item { padding-top: 12px; padding-bottom: 12px; }
  .contact-info { padding: 18px 20px !important; } .contact-form-box { padding-top: 22px !important; }
  .sidebar__widget { padding: 20px 22px 16px !important; margin-bottom: 18px !important; }
  .tp-conatact-area, .about-inner__area, .postbox__area { padding-top: 34px !important; padding-bottom: 34px !important; }
}
@media (max-width: 991px) {
  .pt-120, .pt-125, .pt-130, .pt-140, .pt-150, .pt-160 { padding-top: 26px !important; }
  .pb-120, .pb-125, .pb-130, .pb-140, .pb-150, .pb-160 { padding-bottom: 26px !important; }
  .pt-100 { padding-top: 24px !important; } .pb-100 { padding-bottom: 24px !important; }
  .pt-90, .pt-80, .pt-70, .pt-65 { padding-top: 22px !important; } .pb-90, .pb-80, .pb-70 { padding-bottom: 22px !important; }
  .pb-60 { padding-bottom: 14px !important; } .pt-60 { padding-top: 16px !important; }
  .mb-80, .mt-80, .mb-70, .mb-65, .mt-70 { margin-top: 16px !important; margin-bottom: 16px !important; }
  .mb-60, .mb-50, .mb-40, .mb-30 { margin-bottom: 12px !important; }
  [class*="__section-box"], [class*="__title-box"], [class*="__section-wrapper"], [class*="__section"] { margin-bottom: 14px !important; }
  .breadcrumb-height { padding: 104px 0 20px !important; }
  .breadcrumb__title { font-size: 26px !important; }
  .tp-section-title { font-size: 24px !important; } .tp-section-title-sm { font-size: 20px !important; }
  #solutions, .tp-app__area, .tp-faq__area, .tp-integration__area, .tp-price__area, .tp-choose__area, .tp-support__area, .tp-feature__area, .tp-service__area { padding-top: 22px !important; padding-bottom: 22px !important; }
  .tp-service__item, .tp-feature__item, #solutions .col-lg-4 > div { padding: 16px 16px 14px !important; }
  .tp-service__icon { margin-bottom: 8px !important; } .tp-service__icon img { max-height: 44px; }
  .tp-footer__area, .tp-footer__area.pt-120 { padding-top: 24px !important; padding-bottom: 14px !important; }
  .tp-footer-bottom__area { margin-top: 14px !important; } .tp-footer-bottom__border-top { padding-top: 14px !important; }
  .accordion-button, .accordion-buttons { padding-top: 13px !important; padding-bottom: 13px !important; font-size: 15px !important; }
  #price .pr-col .tp-price__item { padding: 16px 14px 14px !important; }
  .sidebar__widget { padding: 16px !important; margin-bottom: 12px !important; }
  .contact-info { padding: 14px !important; }
  main p, .tp-app__content p { margin-bottom: 10px; }
}
.tp-hero__area .scroll-down { display: none !important; } /* decorative "Scroll Down" text overlapped the logo once the hero got shorter */
@media (max-width: 991px) {
  .tp-hero__area, .tp-hero__bg { margin-bottom: -64px; }
  .tp-feature__area { position: relative; z-index: 1; }
  .tp-service__title-sm, .tp-feature__item h4, .tp-feature__item h3 { font-size: 19px !important; }
  .tp-service__item p, .tp-feature__item p { font-size: 14px !important; line-height: 1.55 !important; margin-bottom: 8px !important; }
  .tp-service__item .tp-service__btn, .tp-service__item a { margin-top: 2px; }
}