/* Responsive layer for businessOwner1007.css */

html,
body {
    max-width: 100%;
    overflow-x: clip;
}

img,
svg,
video,
iframe {
    max-width: 100%;
}

/* Laptop */
@media (max-width: 1199px) {
    h3.subtitle,
    .seventh-subtitle,
    .guarantee-screen-subtitle {
        font-size: 17px !important;
        line-height: 1.3 !important;
    }

    .content,
    .cases-content,
    .seventh-screen .content,
    .about-author-screen .content,
    .faq-screen .content,
    .guarantee-screen-content {
        width: min(920px, calc(100% - 48px));
        max-width: none;
        margin-right: auto;
        margin-left: auto;
        box-sizing: border-box;
    }

    .report-screen .content,
    .sixth-screen .content {
        width: min(1140px, calc(100% - 48px));
        max-width: none;
        margin-right: auto;
        margin-left: auto;
    }

    .subscription-screen .content {
        width: min(1000px, calc(100% - 48px));
        max-width: none;
        margin-right: auto;
        margin-left: auto;
    }

    .first-screen {
        margin-top: 130px;
    }

    .container-first-screen {
        grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);
        gap: 24px;
    }

    .left-side-first-screen {
        padding-right: 0;
    }

    .first-screen .title {
        max-width: 100%;
        font-size: 36px;
        line-height: 1.12;
        text-wrap: pretty;
    }

    .first-screen .cascade-size {
        white-space: normal;
        font-size: 54px;
        line-height: 1;
    }

    .first-screen .description {
        margin: 28px 0;
        padding: 18px;
        font-size: 19px;
    }

    .right-side-first-screen {
        width: 100%;
        min-height: 0;
        margin: 0;
        padding: 20px;
        justify-content: center;
    }

    .right-side-first-screen img {
        width: min(260px, 100%);
        height: auto;
        max-height: 620px;
        object-fit: contain;
    }

    .report-screen .report-subtitle,
    .report-screen .report-title,
    .report-description {
        width: min(920px, 100%);
    }

    .report-table-wrapper {
        width: 100%;
        overflow: visible;
    }

    .report-table,
    .tariffs-table {
        width: 100%;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        -webkit-overflow-scrolling: touch;
    }

    .report-table {
        min-width: 0;
    }

    .report-table-header,
    .report-table-row,
    .report-table-total {
        min-width: 1000px;
    }

    .sixth-screen .title,
    .sixth-screen .subtitle-description,
    .faq-list,
    .guarantee-screen-title,
    .guarantee-screen-description {
        width: min(100%, 900px);
    }

    .tariffs-table {
        min-width: 0;
    }

    .tariffs-row {
        min-width: 820px;
    }

    .author-stats {
        width: min(757px, 100%);
    }

    .btn-express-audit,
    .report-button,
    .video-gid,
    .tariff-button,
    .author-btn,
    .guarantee-screen-btn {
        padding: 12px 20px;
        box-sizing: border-box;
        line-height: 1.25;
    }
}

/* Tablet */
@media (max-width: 991px) {
    h3.subtitle,
    .seventh-subtitle,
    .guarantee-screen-subtitle {
        font-size: 15px !important;
    }

    .content,
    .cases-content,
    .seventh-screen .content,
    .about-author-screen .content,
    .faq-screen .content,
    .guarantee-screen-content,
    .report-screen .content,
    .sixth-screen .content,
    .subscription-screen .content {
        width: calc(100% - 40px);
    }

    .first-screen {
        margin-top: 130px;
        padding-bottom: 55px;
    }

    .container-first-screen {
        grid-template-columns: minmax(0, 1.1fr) minmax(260px, .9fr);
        gap: 20px;
    }

    .container-first-screen > *,
    .container-second-screen > *,
    .subscription-grid > *,
    .cases-grid > *,
    .sixth-screen .container-card > *,
    .container-someone > * {
        min-width: 0;
    }

    .first-screen .title {
        font-size: 32px;
    }

    h1,
    h2,
    h3,
    h4,
    p,
    li,
    a {
        overflow-wrap: break-word;
    }

    .first-screen .cascade-size {
        font-size: 46px;
    }

    .first-screen .description {
        margin: 24px 0;
        padding: 16px;
        font-size: 17px;
    }

    .first-screen .btn-express-audit {
        width: 100%;
        padding: 12px 18px;
        line-height: 1.25;
    }

    .right-side-first-screen img {
        width: min(230px, 100%);
    }

    .container-second-screen {
        gap: 24px;
    }

    .left-side-second-screen,
    .right-side-second-screen {
        width: calc(50% - 12px);
        box-sizing: border-box;
    }

    .second-screen .title {
        font-size: 38px;
        line-height: 1.06;
    }

    .second-screen .cascade-size {
        font-size: 41px;
    }

    .second-screen .description {
        font-size: 19px;
    }

    .video-gid,
    .report-button {
        width: 100%;
        max-width: 369px;
    }

    .video-img img {
        width: 100%;
        max-width: 190px;
        height: auto;
    }

    .subscription-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .subscription-card:last-child {
        grid-column: 1 / -1;
        min-height: 0;
        width: calc(50% - 9px);
        justify-self: center;
    }

    .cases-grid {
        grid-template-columns: 1fr;
    }

    .sixth-screen .container-card {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    .sixth-screen .card {
        width: auto;
    }

    .sixth-screen .title-card {
        height: auto;
        min-height: 54px;
    }

    .seventh-title,
    .faq-screen .title {
        font-size: 48px;
    }

    .container-someone {
        gap: 18px;
    }

    .someone-left,
    .someone-right {
        width: calc(50% - 9px);
    }

    .author-quote {
        right: 14px;
        width: min(245px, calc(100% - 28px));
        box-sizing: border-box;
    }

    .case-result-metrics {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
        margin-right: 0;
    }
}

/* Phone */
@media (max-width: 767px) {
    h3.subtitle,
    .seventh-subtitle,
    .guarantee-screen-subtitle {
        margin-bottom: 14px !important;
        font-size: 14px !important;
        line-height: 1.3 !important;
    }

    .content,
    .cases-content,
    .seventh-screen .content,
    .about-author-screen .content,
    .faq-screen .content,
    .guarantee-screen-content,
    .report-screen .content,
    .sixth-screen .content,
    .subscription-screen .content {
        width: calc(100% - 32px);
    }

    .first-screen {
        margin-top: 130px;
        padding-bottom: 44px;
    }

    .container-first-screen {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .first-screen .subtitle {
        margin-bottom: 20px;
        font-size: 15px;
    }

    .first-screen .title {
        font-size: clamp(30px, 8vw, 38px);
        line-height: 1.08;
    }

    .first-screen .cascade-size {
        display: inline;
        font-size: inherit;
        line-height: inherit;
    }

    .first-screen .description {
        margin: 22px 0;
        padding: 15px;
        font-size: 16px;
    }

    .first-screen .btn-express-audit {
        max-width: 100%;
        min-height: 52px;
        font-size: 13px;
    }

    .right-side-first-screen {
        padding: 16px;
    }

    .right-side-first-screen img {
        width: min(260px, 82%);
        max-height: none;
    }

    .second-screen,
    .report-screen,
    .subscription-screen,
    .cases-screen,
    .sixth-screen,
    .seventh-screen,
    .about-author-screen,
    .faq-screen,
    .guarantee-screen {
        padding-top: 42px;
        padding-bottom: 48px;
    }

    .container-second-screen,
    .container-someone {
        flex-direction: column;
    }

    .left-side-second-screen,
    .right-side-second-screen,
    .someone-left,
    .someone-right {
        width: 100%;
    }

    .second-screen .title,
    .report-screen .report-title,
    .subscription-title,
    .cases-title,
    .sixth-screen .title,
    .seventh-title,
    .about-author-screen .title,
    .faq-screen .title,
    .guarantee-screen-title,
    .guarantee-screen-title strong {
        font-size: clamp(32px, 9vw, 42px);
        line-height: 1.04;
        letter-spacing: 0;
    }

    .second-screen .cascade-size {
        font-size: inherit;
    }

    .second-screen .description,
    .report-description,
    .subscription-description,
    .cases-note,
    .sixth-screen .subtitle-description,
    .about-author-screen .subtitle-description,
    .guarantee-screen-description {
        font-size: 17px;
        line-height: 1.4;
    }

    .right-side-second-screen {
        margin-top: 8px;
        padding: 15px;
    }

    .into-right-side-second-screen {
        padding: 15px;
    }

    .container-second-screen .container-second-screen {
        gap: 14px;
    }

    .left-side-second-screen .container-second-screen {
        flex-direction: row;
        align-items: stretch;
    }

    .video-img {
        flex: 0 0 48%;
        width: 48%;
        min-width: 0;
    }

    .video-img img {
        width: 100%;
        max-width: none;
        height: auto;
    }

    .video-description {
        flex: 1 1 auto;
        width: auto;
        min-width: 0;
        max-width: none;
    }

    .video-description {
        letter-spacing: normal;
    }

    .report-table-header,
    .report-table-row,
    .report-table-total {
        min-width: 860px;
    }

    .report-screen .report-subtitle {
        width: 100%;
    }

    .report-value-block {
        display: block;
        padding: 22px 18px;
    }

    .report-value-number {
        margin-bottom: 10px;
        font-size: 48px;
    }

    .sixth-screen .container-card,
    .author-stats {
        grid-template-columns: 1fr;
    }

    .subscription-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .subscription-card:last-child {
        grid-column: 1 / -1;
        width: calc(50% - 9px);
        justify-self: center;
    }

    .case-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .case-result-metrics {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
        margin: 8px 0;
    }

    .case-result-metric {
        min-width: 0;
    }

    .tariffs-row {
        min-width: 760px;
    }

    .container-someone {
        align-items: center;
    }

    .someone-left,
    .someone-right {
        max-width: 520px;
    }

    .someone-left {
        position: relative;
        width: min(360px, 100%);
        margin-right: auto;
        margin-left: auto;
        align-self: center;
    }

    .someone-left img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    .author-quote {
        position: absolute;
        right: 12px;
        bottom: 18%;
        width: calc(100% - 24px);
        margin: 0;
        padding: 13px 15px;
        font-size: 14px;
        line-height: 1.25;
    }

    .someone-right {
        padding-top: 0;
    }

    .author-stats {
        width: 100%;
        gap: 14px;
        margin-top: 24px;
    }

    .faq-list {
        width: 100%;
    }

    .faq-question {
        gap: 12px;
        font-size: 18px;
    }

    .faq-answer {
        width: 100%;
        padding-left: 0;
        box-sizing: border-box;
    }

    .author-btn,
    .guarantee-screen-btn {
        width: 100%;
        max-width: 320px;
        height: auto;
        min-height: 52px;
        padding: 12px 16px;
        box-sizing: border-box;
    }

    .btn-express-audit,
    .report-button,
    .video-gid,
    .tariff-button,
    .author-btn,
    .guarantee-screen-btn {
        padding-right: 18px;
        padding-left: 18px;
    }
}

@media (max-width: 599px) {
    .subscription-grid {
        grid-template-columns: 1fr;
    }

    .subscription-card,
    .subscription-card:last-child {
        grid-column: auto;
        width: auto;
        justify-self: stretch;
        min-height: 0;
    }
}

@media (max-width: 440px) {
    .left-side-second-screen .container-second-screen {
        flex-direction: column;
        align-items: center;
    }

    .video-img,
    .video-description {
        flex: none;
        width: 100%;
        max-width: 320px;
        margin-right: auto;
        margin-left: auto;
    }

    .video-img {
        display: flex;
        justify-content: center;
    }

    .video-img img {
        width: 100%;
        max-width: 320px;
        height: auto;
    }

    .video-description {
        align-items: center;
        text-align: center;
    }

    .video-duration {
        display: none;
    }
}

/* Small phone */
@media (max-width: 479px) {
    h3.subtitle,
    .seventh-subtitle,
    .guarantee-screen-subtitle {
        font-size: 13px !important;
    }

    .content,
    .cases-content,
    .seventh-screen .content,
    .about-author-screen .content,
    .faq-screen .content,
    .guarantee-screen-content,
    .report-screen .content,
    .sixth-screen .content,
    .subscription-screen .content {
        width: calc(100% - 24px);
    }

    .first-screen {
        margin-top: 135px;
    }

    .first-screen .title,
    .second-screen .title,
    .report-screen .report-title,
    .subscription-title,
    .cases-title,
    .sixth-screen .title,
    .seventh-title,
    .about-author-screen .title,
    .faq-screen .title,
    .guarantee-screen-title,
    .guarantee-screen-title strong {
        font-size: clamp(28px, 9.5vw, 36px);
    }

    .first-screen .description,
    .second-screen .description,
    .report-description,
    .subscription-description,
    .cases-note,
    .sixth-screen .subtitle-description,
    .about-author-screen .subtitle-description,
    .guarantee-screen-description {
        font-size: 15px;
    }

    .blur-description,
    .subscription-card,
    .case-card-body,
    .author-stat {
        padding-right: 13px;
        padding-left: 13px;
    }

    .case-card-header {
        padding-right: 14px;
        padding-left: 14px;
    }

    .case-stats {
        grid-template-columns: 1fr;
    }

    .case-stat {
        min-height: 0;
        border-right: 0;
        border-bottom: 1px solid rgba(0, 0, 0, .08);
    }

    .case-result-heading {
        grid-template-columns: 1fr;
    }

    .case-result-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .case-result-metric strong {
        font-size: 25px;
    }

    .case-result-metric span {
        font-size: 11px;
    }

    .author-quote {
        right: 8px;
        bottom: 12%;
        width: calc(100% - 16px);
        padding: 10px 12px;
        font-size: 12px;
    }

    .faq-question {
        font-size: 16px;
    }

    .faq-icon {
        flex-basis: 28px;
        width: 28px;
        height: 28px;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}
@media (max-width: 767px) {
    .percent {
        font-size: 28px;
    }
}