/* ============================================
   BLOG TEMPLATE - RESPONSIVE SINGLE STRUCTURE
   ============================================ */

/* Base Template Container - Mobile First (Desktop default) */
.blog-template {
    align-items: flex-start;
    background-color: var(--beige100);
    border-color: var(--black);
    display: flex;
    flex-direction: column;
    gap: 120px;
    min-width: 375px;
    padding: 0px 0px 20px;
    position: relative;
}

/* Header */
.blog-header {
    align-items: center;
    align-self: stretch;
    background-color: var(--beige100);
    border-radius: 0px 0px 12px 12px;
    display: flex;
    height: 66px;
    justify-content: space-between;
    overflow: hidden;
    padding: 10px 20px;
    position: relative;
    width: 100%;
}

.blog-logo-container {
    height: 34.2px;
    position: relative;
    width: 140.57px;
}

.blog-logo-link {
    align-items: flex-end;
    cursor: pointer;
    display: flex;
    gap: 8px;
    min-width: 141px;
}

.blog-logo-text {
    height: 28px;
    letter-spacing: -0.84px;
    line-height: 27.9px;
    margin-bottom: 1.31px;
    min-width: 98px;
    text-align: center;
    white-space: nowrap;
}

.blog-download-buttons {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 12px;
    justify-content: center;
    position: relative;
}

.blog-download-buttons-mobile {
    display: none;
}

.blog-badge-ios {
    cursor: pointer;
    height: 46px;
    position: relative;
    width: 172.9px;
}

.blog-badge-android {
    align-items: center;
    background-color: var(--white);
    border-radius: 42.3px;
    cursor: pointer;
    display: flex;
    gap: 10.31px;
    height: 46px;
    justify-content: center;
    padding: 6.34px 20.62px;
    position: relative;
    width: 172.9px;
}

.blog-android-svg {
    height: 26.56px;
    position: relative;
    width: 23.75px;
}

.blog-android-vector {
    height: 31.09px;
    position: relative;
    width: 96.11px;
}

/* Main Content Container */
.blog-main {
    flex-direction: column;
    gap: 56px;
    padding: 0px 20px;
    width: 100%;
    max-width: 1078px;
    margin: 0 auto;
}

/* Article Header */
.blog-article-header {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.blog-category {
    align-self: stretch;
    text-align: center;
}

.blog-title {
    align-self: stretch;
    letter-spacing: -3.40px;
    line-height: 70px;
    position: relative;
    text-align: center;
}

/* Article Meta */
.blog-meta {
    align-self: stretch;
    justify-content: space-between;
    width: 100%;
    display: flex;
}

.blog-author {
    display: flex;
    gap: 8px;
}

.blog-author-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.blog-author-name {
    letter-spacing: 0.28px;
    line-height: 15px;
}

.blog-author-title {
    align-self: stretch;
    letter-spacing: 0.28px;
    line-height: 15px;
    opacity: 0.5;
    position: relative;
}

.blog-date {
    letter-spacing: 0.28px;
    line-height: 15px;
    margin-top: -1.00px;
    opacity: 0.5;
    position: relative;
    text-align: right;
    white-space: nowrap;
    width: fit-content;
}

/* Article Content */
.blog-content {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    gap: 56px;
}

.blog-intro {
    align-self: stretch;
    letter-spacing: -0.60px;
    line-height: 30px;
    margin-top: -1.00px;
    position: relative;
}

/* Paragraph Sections */
.blog-paragraph {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.paragraph-title {
    align-self: stretch;
    letter-spacing: -1.84px;
    line-height: 50px;
    margin-top: -1.00px;
    position: relative;
}

.paragraph-description {
    align-self: stretch;
    letter-spacing: -0.60px;
    line-height: 30px;
    position: relative;
}

/* App Preview Section */
.frame-1948756429 {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 140px;
    padding: 0px 20px;
    width: 100%;
}

.group-1948755464 {
    align-items: center;
    align-self: stretch;
    background-color: var(--violet900);
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    gap: 26px;
    justify-content: center;
    padding: 41px 125px;
    position: relative;
    width: 100%;
    max-width: 1026px;
    height: auto;
    min-height: 634px;
}

.group-1948755480 {
    align-items: flex-end;
    background-image: url(../blog/img/image.png);
    background-position: 50% 50%;
    background-size: cover;
    display: flex;
    flex-direction: column;
    gap: 24px;
    position: absolute;
    right: 60px;
    top: 20px;
    min-height: 594px;
    padding: 105.8px 29.1px;
    width: 313px;
}

.frame-8274-rqkMMV,
.frame-8274-t5PF2F,
.frame-8274-oBJxxr {
    align-items: center;
    display: flex;
    gap: 3px;
    width: 169px;
}

.frame-8118 {
    align-self: center;
    background-color: var(--white);
    border-radius: 14.94px;
    height: 300px;
    margin-left: 14px;
    overflow: hidden;
    position: relative;
    width: 209px;
}

.title-2 {
    position: absolute;
    left: 13px;
    top: 36px;
    width: 183px;
    height: 204px;
    letter-spacing: -0.40px;
    line-height: 19.9px;
}

.frame-8244 {
    align-items: center;
    background-color: var(--beige100);
    border-radius: 24.9px;
    display: inline-flex;
    gap: 6.23px;
    justify-content: center;
    padding: 4.98px 7.47px;
    position: absolute;
    left: 72px;
    top: 20px;
}

.title-3 {
    letter-spacing: 0.10px;
    line-height: 12.5px;
    margin-top: -0.62px;
    text-align: center;
    white-space: nowrap;
    width: fit-content;
}

.frame-8273 {
    align-items: flex-start;
    display: flex;
    gap: 4.98px;
    position: absolute;
    left: 12px;
    top: 245px;
    width: 184px;
}

.button {
    align-items: center;
    background-color: var(--beige100);
    border-radius: 24.34px;
    display: flex;
    gap: 1.22px;
    height: 39.74px;
    justify-content: center;
    padding: 15.82px 24.34px;
    width: 39.74px;
}

.button-1 {
    align-items: center;
    background-color: var(--violet900);
    border-radius: 24.9px;
    display: flex;
    gap: 1.25px;
    justify-content: center;
    padding: 16.19px 24.9px;
    width: 138.95px;
}

.frame-1948756415 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: absolute;
    left: 86px;
    top: 219px;
    width: 514px;
}

.frame-44 {
    align-items: flex-start;
    display: inline-flex;
    flex-direction: column;
    gap: 20px;
}

.group-8094-1 {
    height: 24.06px;
    position: relative;
    width: 100.96px;
}

.app-icon-1 {
    height: 24px;
    left: 0;
    position: absolute;
    top: 0;
    width: 24px;
}

.title-4 {
    height: 20px;
    left: 30px;
    letter-spacing: -0.59px;
    line-height: 19.6px;
    position: absolute;
    text-align: center;
    top: 3px;
    white-space: nowrap;
}

.example_title {
    letter-spacing: -2.60px;
    line-height: 53.7px;
    width: 454px;
}

/* Reviews Section */
.frame-1948756427 {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 100%;
    max-width: 1038px;
    margin: 0 auto;
}

.frame-1948756542 {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

.frame-1948756537 {
    align-items: center;
    display: inline-flex;
    gap: 8px;
    justify-content: center;
}

.frame-79 {
    height: 56px;
    width: 24.89px;
}

.frame-1948756538 {
    align-items: center;
    display: inline-flex;
    flex-direction: column;
    gap: 4px;
    justify-content: center;
}

.trusted-by-60000-couples {
    letter-spacing: 0.28px;
    line-height: normal;
    margin-top: -1.00px;
    text-align: center;
    width: fit-content;
}

.frame-1948756428,
.frame-1948756428-1,
.frame-1948756428-2,
.frame-1948756428-4 {
    align-items: flex-start;
    display: inline-flex;
    gap: 4px;
}

.star-streamline-block-free {
    height: 16px;
    width: 16px;
}

.recent-reviews-about-nemlys-app {
    align-self: stretch;
    letter-spacing: -3.20px;
    line-height: 67.7px;
    text-align: center;
}

.frame-1948756421 {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    width: 100%;
}

.frame-19487564 {
    align-items: flex-start;
    background-color: var(--white);
    border-radius: 40px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 40px;
    width: 328px;
}

.frame-19487564-1 {
    align-items: center;
    align-self: stretch;
    display: flex;
    gap: 10px;
    justify-content: center;
    width: 100%;
}

.frame-1948756405 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
}

.frame-1948756405-4 {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.rectangle {
    height: 40px;
    width: 40px;
}

.by {
    align-self: stretch;
    letter-spacing: 0.28px;
    line-height: 15px;
    margin-top: -1.00px;
}

.address,
.address-3 {
    align-self: stretch;
    letter-spacing: 0.28px;
    line-height: 15px;
    opacity: 0.5;
}

/* Similar Posts */
.blog-similar-posts {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 100%;
}

.blog-similar-title {
    align-self: stretch;
    position: relative;
}

.blog-similar-grid {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 25px 25px;
    position: relative;
    width: 100%;
}

.blog-similar-card {
    align-items: flex-end;
    background-color: var(--white);
    border-radius: 40px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 337px;
    justify-content: space-between;
    padding: 40px;
    position: relative;
    width: 328px;
}

.blog-similar-date {
    align-self: stretch;
    letter-spacing: 0.28px;
    line-height: 15px;
    margin-top: -1.00px;
    opacity: 0.5;
    position: relative;
}

.blog-similar-card-title {
    align-self: stretch;
    letter-spacing: -1.04px;
    line-height: 32px;
    position: relative;
}

.blog-back-button {
    background-color: var(--beige100);
    border-radius: 8px;
    height: 45px;
    position: relative;
    width: 45px;
}

.blog-back-icon {
    cursor: pointer;
    height: 34px;
    left: 6px;
    position: absolute;
    top: 6px;
    width: 34px;
}

/* Similar Posts Section - Figma classes */
.frame-1948756426 {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 100%;
}

.similar-posts {
    align-self: stretch;
    position: relative;
}

.frame-1948756421-1 {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 25px;
    position: relative;
    width: 100%;
}

.link {
    align-items: flex-end;
    background-color: var(--white);
    border-radius: 40px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 337px;
    justify-content: space-between;
    padding: 40px;
    position: relative;
    width: 328px;
}

.frame-1948756422 {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.july-08-2024 {
    align-self: stretch;
    letter-spacing: 0.28px;
    line-height: 15px;
    margin-top: -1.00px;
    opacity: 0.5;
    position: relative;
}

.expat-life-making-f {
    align-self: stretch;
    letter-spacing: -1.04px;
    line-height: 32px;
    position: relative;
}

.group-1948755469,
.group-1948755469-1 {
    background-color: var(--beige100);
    border-radius: 8px;
    height: 45px;
    position: relative;
    width: 45px;
}

.ic-back {
    cursor: pointer;
    height: 34px;
    left: 6px;
    position: absolute;
    top: 6px;
    width: 34px;
}

/* Footer */
.blog-footer {
    align-items: flex-end;
    align-self: stretch;
    background-color: var(--violet900);
    border-radius: 24px;
    display: flex;
    flex: 0 0 auto;
    gap: 10px;
    justify-content: center;
    padding: 70px 20px 0px;
    position: relative;
    width: 100%;
}

/* Footer - Figma classes */
.footer {
    align-items: flex-end;
    align-self: stretch;
    background-color: var(--violet900);
    border-radius: 30px;
    display: flex;
    gap: 10px;
    justify-content: center;
    padding: 0px 37px;
    position: relative;
    width: 100%;
    height: 880.88px;
}

.group-1948755474 {
    height: 690.4px;
    position: relative;
    width: 669.86px;
}

.frame-1948756549 {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 33px;
    left: 0;
    position: absolute;
    top: 0;
    width: 670px;
}

.group-1948755476 {
    height: 133.95px;
    position: relative;
    width: 611.79px;
}

.select-container {
    height: 55px;
    left: 59px;
    min-width: 488px;
    position: absolute;
    top: 6px;
    display: flex;
}

.select {
    align-items: center;
    background-color: var(--hint-of-red);
    border-radius: 15.86px;
    display: flex;
    flex-direction: column;
    gap: 12.68px;
    height: 49px;
    justify-content: center;
    padding: 19.03px;
    position: relative;
    transform: rotate(5.81deg);
    width: 74px;
}

.select-1 {
    align-self: flex-end;
    background-color: var(--hint-of-red);
    border-radius: 15.86px;
    flex-direction: column;
    gap: 12.68px;
    height: 49px;
    justify-content: center;
    margin-left: 23px;
    padding: 19.03px;
    position: relative;
    transform: rotate(-2.96deg);
    width: 81px;
    display: flex;
}

.select-2 {
    align-self: flex-start;
    background-color: var(--purple300);
    border-radius: 15.86px;
    box-shadow: 0px 3.55px 21.32px #1a052f26;
    flex-direction: column;
    gap: 12.68px;
    height: 49px;
    justify-content: center;
    margin-left: 21px;
    padding: 19.03px;
    position: relative;
    transform: rotate(4.64deg);
    width: 149px;
    display: flex;
}

.select-3 {
    background-color: var(--hint-of-red);
    border-radius: 15.86px;
    flex-direction: column;
    gap: 12.68px;
    height: 49px;
    justify-content: center;
    margin-left: 17px;
    margin-top: 1.1px;
    padding: 19.03px;
    position: relative;
    transform: rotate(-4.00deg);
    width: 123px;
    display: flex;
}

.select-container-1 {
    align-items: flex-end;
    display: flex;
    height: 65px;
    left: 2px;
    min-width: 608px;
    position: absolute;
    top: 65px;
}

.select-4 {
    align-self: center;
    background-color: var(--purple300);
    border-radius: 17.07px;
    box-shadow: 0px 3.55px 21.32px #1a052f26;
    flex-direction: column;
    gap: 13.66px;
    height: 49px;
    justify-content: center;
    margin-top: 4.61px;
    padding: 20.48px;
    position: relative;
    transform: rotate(-4.00deg);
    width: 100px;
    display: flex;
}

.select-5 {
    background-color: var(--hint-of-red);
    border-radius: 15.86px;
    flex-direction: column;
    gap: 12.68px;
    height: 49px;
    justify-content: center;
    margin-left: 19px;
    padding: 19.03px;
    position: relative;
    transform: rotate(-3.10deg);
    width: 141px;
    display: flex;
}

.select-6 {
    background-color: var(--hint-of-red);
    border-radius: 15.86px;
    flex-direction: column;
    gap: 12.68px;
    height: 49px;
    justify-content: center;
    margin-bottom: 3.94px;
    margin-left: 12px;
    padding: 19.03px;
    position: relative;
    transform: rotate(-4.59deg);
    width: 91px;
    display: flex;
}

.select-7 {
    background-color: var(--hint-of-red);
    border-radius: 15.86px;
    flex-direction: column;
    gap: 12.68px;
    height: 49px;
    justify-content: center;
    margin-bottom: 3.53px;
    margin-left: 16px;
    padding: 19.03px;
    position: relative;
    transform: rotate(-1.49deg);
    width: 103px;
    display: flex;
}

.select-8 {
    align-self: flex-start;
    background-color: var(--purple300);
    border-radius: 17.07px;
    box-shadow: 0px 3.58px 21.47px #1a052f26;
    flex-direction: column;
    gap: 13.66px;
    height: 49px;
    justify-content: center;
    margin-left: 16px;
    padding: 20.48px;
    position: relative;
    transform: rotate(-5.53deg);
    width: 109px;
    display: flex;
}

.select-9 {
    align-items: center;
    display: flex;
}

.label {
    letter-spacing: 0.14px;
    line-height: 16.9px;
    margin-top: -0.24px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: fit-content;
}

.label-1 {
    letter-spacing: 0.13px;
    line-height: 15.9px;
}

.label-2 {
    letter-spacing: 0.13px;
    line-height: 15.9px;
}

.label-3 {
    letter-spacing: 0.14px;
    line-height: 16.9px;
}

.label-4 {
    letter-spacing: 0.13px;
    line-height: 15.9px;
}

.label-5 {
    letter-spacing: 0.13px;
    line-height: 15.9px;
}

.label-6 {
    letter-spacing: 0.14px;
    line-height: 17.1px;
}

.label-7 {
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: fit-content;
}

.title-5 {
    align-self: stretch;
    letter-spacing: -1.92px;
    line-height: 67px;
    position: relative;
    text-align: center;
}

.download-buttons {
    align-items: center;
    display: inline-flex;
    gap: 12px;
    justify-content: center;
}

.badge-i-os {
    cursor: pointer;
    height: 58px;
    position: relative;
    width: 218px;
}

.badge-android {
    align-items: center;
    background-color: var(--white);
    border-radius: 53.35px;
    cursor: pointer;
    display: flex;
    gap: 13.01px;
    height: 58px;
    justify-content: center;
    padding: 8px 26.01px;
    position: relative;
    width: 218px;
}

.badge-android.dark {
    background-color: var(--valentino);

}

.anroid-svg-3 {
    height: 33.49px;
    position: relative;
    width: 29.95px;
}

.android-vector-1-3 {
    height: 39.2px;
    position: relative;
    width: 121.18px;
}

.group-1948755478 {
    align-items: flex-start;
    display: flex;
    height: 158px;
    left: 4px;
    min-width: 663px;
    position: absolute;
    top: 532px;
}

.frame-container {
    height: 158px;
    position: relative;
    width: 663px;
}

.frame-1948756414 {
    align-items: center;
    display: flex;
    gap: 8px;
    height: 56px;
    justify-content: center;
    left: 242px;
    position: absolute;
    top: 51px;
    width: 178px;
}

.frame-1948756535 {
    height: 158px;
    left: 0;
    position: absolute;
    top: 0;
    width: 663px;
}

/* Utility Classes */
.auto-layout {
    display: flex;
    position: relative;
}

.auto-layout-vertical {
    display: flex;
    flex-direction: column;
    position: relative;
}

/* ============================================
   TABLET BREAKPOINT (745px - 1077px)
   ============================================ */
@media screen and (min-width: 745px) and (max-width: 1077px) {
    .blog-template {
        gap: 80px;
        min-width: 745px;
    }

    .blog-main {
        gap: 56px;
    }

    /* Note: Container overrides are in global_overwrite.css to ensure they load last */

    .paragraph-title {
        font-size: 26px;
        letter-spacing: -1.04px;
        line-height: 32px;
    }

    .paragraph-description {
        font-size: 18px;
        letter-spacing: -0.54px;
        line-height: 28px;
    }

    /* App Preview - Tablet adjustments */
    .frame-1948756429 {
        gap: 80px;
    }

    .group-1948755464 {
        padding: 60px 40px;
        min-height: auto;
        height: auto;
        flex-direction: column;
        gap: 40px;
        max-width: none;
    }

    .group-1948755480 {
        position: static;
        right: auto;
        top: auto;
        /* width: 100%; */
        max-width: 350px;
        /* min-height: auto; */
        padding: 105px 29px;
    }

    .frame-1948756415 {
        position: static;
        left: auto;
        top: auto;
        width: 100%;
        max-width: 500px;
    }

    .example_title {
        letter-spacing: -2.60px;
        line-height: 53.7px;
        position: relative;
        text-align: center;
        width: 454px;
        padding-bottom: 20px;
    }

    /* Reviews - Tablet adjustments */
    .frame-1948756421 {
        justify-content: center;
    }

    .frame-19487564 {
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    position: relative;
    width: 100%;

    }

    /* Similar Posts - Tablet adjustments */
    .frame-1948756426 {
        gap: 32px;
    }

    .frame-1948756421-1 {
        justify-content: center;
        align-items: flex-start;
        align-self: stretch;
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        gap: 25px;
        position: relative;
        width: 100%;
    }


    article.link {
        align-items: center;
        align-self: stretch;
        background-color: var(--white);
        border-radius: 40px;
        cursor: pointer;
        display: flex;
        flex: 0 0 auto;
        flex-direction: row;
        gap: 20px;
        justify-content: center;
        padding: 40px;
        position: relative;
        width: 100%;

        margin: 0;
        border: 0;
        vertical-align: baseline;

        height: auto;
    }

    /* Footer - Tablet adjustments */
    .footer {
        height: 700px;
        padding: 0px 20px;
    }

    .group-1948755474 {
        width: 670px;
        min-width: 670px;
        height: 600px;
    }

    .frame-1948756549 {
        /* width: 580px; */
    }

    .group-1948755476 {
        width: 530px;
    }

    .title-5 {
        font-size: 48px;
        letter-spacing: -1.92px;
        line-height: 67px;
    }
}

/* ============================================
   MOBILE BREAKPOINT (≤744px)
   ============================================ */
@media screen and (max-width: 744px) {
    .blog-template {
        gap: 40px;
        min-width: 375px;
    }

    .blog-main {
        gap: 32px;
        padding: 0px 12px;
    }

    .blog-download-buttons {
        display: none;
    }

    .blog-download-buttons-mobile {
        visibility: visible;
        display: inline-flex;
        flex: 0 0 auto;
        position: relative;
        align-items: center;
        gap: 12px;
        justify-content: center;
    }

    /* Note: Container overrides are in global_overwrite.css to ensure they load last */

    .blog-article-header {
        gap: 12px;
    }

    .blog-title {
        font-size: 32px;
        letter-spacing: -1.60px;
        line-height: 40px;
    }

    .blog-content {
        gap: 40px;
    }

    .blog-intro {
        font-size: 18px;
        letter-spacing: -0.36px;
        line-height: 26px;
    }

    .paragraph-title {
        font-size: 46px;
        letter-spacing: -1.04px;
        line-height: 32px;
    }

    .paragraph-description {
        font-size: 20px;
        letter-spacing: -0.36px;
        line-height: 26px;
    }

    .blog-app-preview {
        height: auto;
        padding: 40px 20px;
    }

    .blog-app-phone {
        position: static;
        width: 100%;
        padding: 40px 20px;
    }

    .blog-app-info {
        position: static;
        width: 100%;
    }

    .blog-app-title {
        width: 100%;
        font-size: 32px;
        letter-spacing: -1.60px;
        line-height: 40px;
        text-align: center;
    }

    .blog-similar-grid {
        flex-direction: column;
        gap: 12px;
    }

    .blog-similar-card {
        width: 100%;
        height: auto;
        gap: 20px;
    }

    .blog-review-card {
        width: 100%;
    }


    /* .group-1948755464 {
        height: auto;
        min-height: 1040px;
        padding: 60px 20px;
        display: flex;
        flex-direction: column;
        gap: 26px;
        align-items: center;
    } */
    

    .frame-1948756548 {
        align-items: center;
        display: flex;
        flex-direction: column;
        gap: 16px;
        width: 311px;
    }

    .group-1948755481 {
        background-image: url(../blog/img/image.png);
        background-position: 50% 50%;
        background-size: cover;
        height: 551.92px;
        width: 291px;
        position: relative;
    }

    .group-1948755480 {
        position: static;
        width: 291px;
        max-width: 291px;
        padding: 105px 20px;
        min-height: 594px;
        right: auto;
        top: auto;
    }

    /* Phone content - Mobile adjustement */
    .frame-8118,
    .frame-8118-1 {
        /* width: 194px; */
        /* height: 279px; */
        /* left: 55px;
        top: 132px; */
        /* position: absolute; */
        /* padding: 13.9px 6px; */
        /* border-radius: 13.88px; */
    }

    .frame-1948756415 {
        position: static;
        left: auto;
        top: auto;
        width: 100%;
        max-width: 500px;
    }

    /* .example_title,
    .example_title-1 {
        width: 100%;
        font-size: 32px;
        letter-spacing: -1.60px;
        line-height: 40px;
        text-align: center;
        align-self: stretch;
    } */

    
    .example_title {
        letter-spacing: -2.60px;
        position: relative;
        text-align: center;
        width: auto;
        padding-bottom: 20px;
        line-height: 40px;
    }

    .download-buttons-2 {
        align-items: flex-start;
        flex-direction: column;
        gap: 16px;
    }

    /* Reviews - Mobile adjustments */
    .frame-1948756427 {
        gap: 24px;
        padding: 0px 12px;
    }

    .frame-1948756542,
    .frame-1948756542-1 {
        align-items: center;
        display: flex;
        flex-direction: column;
        gap: 12px;
        width: 100%;
    }

    .frame-1948756537,
    .frame-1948756537-1 {
        align-items: center;
        display: inline-flex;
        gap: 8px;
        justify-content: center;
    }

    .recent-reviews-about-nemlys-app,
    .recent-reviews-about-nemlys-app-1 {
        font-size: 32px;
        letter-spacing: -1.60px;
        line-height: 40px;
        align-self: stretch;
        text-align: center;
    }

    .frame-1948756421 {
        flex-direction: column;
        gap: 12px;
        align-items: center;
    }

    .frame-19487564,
    .frame-19487564-2 {
        width: 100%;
        padding: 40px;
        align-items: flex-start;
        flex-direction: column;
        gap: 24px;
    }

    .i-use-nemlys-with-my-1 {
        letter-spacing: -0.36px;
        line-height: 26px;
    }

    /* Similar Posts - Mobile adjustments */
    .frame-1948756426,
    .frame-1948756426-1 {
        gap: 24px;
        padding: 0px 12px;
    }

    .similar-posts,
    .similar-posts-1 {
        font-size: 32px;
        letter-spacing: -1.60px;
        line-height: 40px;
    }

    .frame-1948756421-1,
    .frame-1948756421-2 {
        align-items: center;
        align-self: stretch;
        display: flex;
        flex-direction: column;
        gap: 12px;
        justify-content: center;
        width: 100%;
    }

    .link,
    .link-1 {
        align-items: flex-start;
        align-self: stretch;
        width: 100%;
        height: auto;
        gap: 20px;
        flex-direction: column;
    }

    .similar,
    .similar-2 {
        align-self: stretch;
        letter-spacing: 0.28px;
        line-height: 15px;
        margin-top: -1.00px;
        opacity: 0.5;
    }

    .similar-1,
    .similar-3 {
        align-self: stretch;
        letter-spacing: -1.04px;
        line-height: 32px;
        font-size: 26px;
    }

    .expat-life-making-f {
        font-size: 26px;
        letter-spacing: -1.04px;
        line-height: 32px;
    }

    .group-1948755469-2 {
        background-color: var(--beige100);
        border-radius: 8px;
        height: 45px;
        width: 45px;
    }

    /* Footer - Mobile adjustments */
    .footer {
        height: auto;
        padding: 40px 12px;
        border-radius: 24px;
    }

    .group-1948755474 {
        width: 100%;
        height: 660px;
        position: static;
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    .frame-1948756549 {
        width: 100%;
        position: static;
        gap: 24px;
    }

    .group-1948755476 {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .select-container,
    .select-container-1 {
        position: static;
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px;
        height: auto;
        min-width: auto;
        left: auto;
        top: auto;
    }

    .title-5 {
        font-size: 32px;
        letter-spacing: -1.28px;
        line-height: 38px;
    }

    .download-buttons {
        flex-direction: column;
        width: 100%;
        gap: 12px;
    }

    .badge-i-os,
    .badge-android {
        width: 100%;
        max-width: 218px;
    }

    .group-1948755478 {
        position: static;
        width: 100%;
        min-width: auto;
        left: auto;
        top: auto;
    }

    .frame-container {
        width: 100%;
    }

    .frame-1948756414 {
        position: static;
        width: 100%;
        left: auto;
        top: auto;
    }

    .frame-1948756535 {
        position: static;
        width: 100%;
        left: auto;
        top: auto;
    }

}

/* ============================================
   DESKTOP BREAKPOINT (≥1078px)
   ============================================ */
@media screen and (min-width: 1078px) {
    .blog-template {
        min-width: 1078px;
    }
}