/* Tighter section spacing than the website page: its growth block
           carries hero-sized top padding and the bands stack extra margins. */
        .tk-page-mobileapp #webpackages {
            padding-bottom: 56px;
        }

        .tk-page-mobileapp .service_main.service_main--growth {
            padding-top: 64px;
        }

        .tk-page-mobileapp .pricing.mainp,
        .tk-page-mobileapp .pricing:not(.mainp) {
            margin-top: 24px;
        }

        .tk-page-mobileapp #quote.our-brands {
            margin-bottom: 24px;
        }

        .tk-page-mobileapp #quote .our-brands-box {
            padding-top: 36px;
            padding-bottom: 36px;
        }

        .tk-page-mobileapp .service_main .hero-images {
            margin-top: 48px;
        }

        .tk-page-mobileapp .bgservicesection .min3 {
            margin-top: 48px;
            margin-bottom: 24px;
        }

        @media (max-width: 767.98px) {
            .tk-page-mobileapp #webpackages {
                padding-top: 40px;
                padding-bottom: 36px;
            }

            .tk-page-mobileapp .service_main.service_main--growth {
                padding-top: 40px;
            }

            .tk-page-mobileapp .pricing.mainp,
            .tk-page-mobileapp .pricing:not(.mainp) {
                margin-top: 16px;
            }
        }

        /* FAQ: the questions sat flush against the left edge of the light
           card; give question and answer the same 24px inner edge. The
           website page stylesheet zeroes this padding with !important. */
        .tk-page-mobileapp .website-faq .accordion-button {
            padding-left: 24px !important;
            padding-right: 24px !important;
        }

        .tk-page-mobileapp .website-faq .accordion-body {
            padding: 0 24px 18px !important;
        }

        @media (max-width: 767.98px) {
            .tk-page-mobileapp .website-faq .accordion-button {
                padding-left: 16px !important;
                padding-right: 16px !important;
            }

            .tk-page-mobileapp .website-faq .accordion-body {
                padding: 0 16px 16px !important;
            }
        }

        .tk-page-mobileapp .hero-images .tk-mobileapp-hero-img {
            display: block;
            width: 100%;
            height: auto;
            border-top-left-radius: 45px;
            border-top-right-radius: 45px;
        }

        .tk-page-mobileapp #webpackages .home-package-card {
            position: relative;
        }

        .tk-page-mobileapp #webpackages .featured-img {
            height: auto;
        }

        /* The website page's stylesheet fixes the feature box at a height
           sized for its longest card; these cards size to their own list
           and stretch to match each other instead. */
        .tk-page-mobileapp #webpackages .tk-constant-box {
            height: auto;
            min-height: 0;
        }

        .tk-page-mobileapp #webpackages .home-package-card,
        .tk-page-mobileapp #webpackages .product-card {
            height: 100%;
        }

        .tk-page-mobileapp #webpackages .home-package-tag {
            position: absolute;
            top: 16px;
            right: 16px;
            z-index: 4;
            padding: 5px 10px;
            border-radius: 8px;
            background: linear-gradient(var(--primary-color, #0073FC), var(--primary-color-dark, #005BC7));
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.22),
                0 3px 8px rgba(0, 0, 0, 0.4);
            color: #FFFFFF;
            font-size: 8.5px;
            font-weight: 800;
            letter-spacing: 0.06em;
            text-transform: uppercase;
        }

        .tk-page-mobileapp #webpackages h3.tk-title {
            margin: 0;
        }

        /* Eight tiles here against the website page's nine. */
        .tk-page-mobileapp #tk-webincluded .inc-list {
            grid-template-columns: repeat(8, minmax(0, 1fr));
        }

        @media (max-width: 1199.98px) {
            .tk-page-mobileapp #tk-webincluded .inc-list {
                grid-template-columns: repeat(4, minmax(0, 1fr));
            }
        }

        @media (max-width: 767.98px) {
            .tk-page-mobileapp #tk-webincluded .inc-list {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }
        }

        .tk-page-mobileapp .tk-mobileapp-benefits {
            display: flow-root;
            float: none;
            width: 100%;
            margin-top: 36px;
            padding: 0;
        }