.no-logging {
    #header {
        #title-container {
            @media screen and (min-width: 1200px) {
                min-height: 748px;
                justify-content: start;

                background: url("../images/globe-bg-XeIIHXj.avif") no-repeat bottom left;
            }

            .container {
                width: 100%;

                h1,
                h2,
                p {
                    margin: 0 auto;

                    @media screen and (min-width: 1200px) {
                        text-align: start;
                        margin: 0;
                    }
                }

                p {
                    font-size: 14px;
                    line-height: 21px;

                    @media screen and (min-width: 1200px) {
                        font-size: 16px;
                        line-height: normal;
                    }
                }

                .badge {
                    width: 100%;
                    box-sizing: border-box;

                    @media screen and (min-width: 1200px) {
                        width: auto;
                    }
                }

            }
        }

        img.abs,
        img.bottom {
            padding: 2rem 1rem 0 1rem;

            @media screen and (min-width: 1200px) {
                width: auto;
                height: auto;
            }
        }
    }

    #competition {
        p {
            font-size: 16px;
            line-height: 24px;

            @media screen and (min-width: 876px) {
                font-size: 20px;
                line-height: 30px;
            }
        }

        p:last-child {
            font-size: 18px;
            line-height: 30px;

            @media screen and (min-width: 876px) {
                font-size: 24px;
                line-height: normal;
            }
        }
    }

    #why-trust {
        h3 {
            font-size: 20px;
            font-weight: 700;
            line-height: 30px;

            @media screen and (min-width: 876px) {
                font-size: 28px;
                line-height: 42px;
            }
        }

        ul {
            list-style: none;
            line-height: 1.5;

            @media screen and (min-width: 1200px) {
                line-height: 2;
            }
        }

        #bahamas {
            @media screen and (min-width: 1200px) {
                padding-bottom: 220px;

                img {
                    bottom: -60px;
                }
            }
        }

        #warrant-canary {
            @media screen and (min-width: 1200px) {
                padding-bottom: 220px;

                img {
                    bottom: 0;
                }
            }
        }
    }

    .d-flex {
        gap: 1rem;

        @media screen and (min-width: 1200px) {
            gap: 24px;
        }
    }

    .blue-gradient {

        @media screen and (min-width: 1200px) {
            background: #0c031e url("../images/desktop-no-logging-back-6Nf5DMV.avif") no-repeat top center;
        }

        h2,
        .box.gray {
            position: relative;
            z-index: 2;
        }

        .box.gray {
            border-radius: 32px;

            @media screen and (min-width: 1200px) {
                padding: 40px 24px;
            }
        }

        #mobile-blue-bg {
            margin-left: -1rem;
            margin-right: -1rem;
            margin-top: -57vw;
            margin-bottom: -60vw;
            min-width: 100vw;

            height: auto;
            box-sizing: border-box;
            position: relative;
            z-index: 1;

            @media screen and (min-width: 1200px) {
                display: none;
            }
        }
    }
}