.blog-area, .blog-group {
    margin-bottom: 2vw;
    display: flex
}

.blog-place #blog1, .blog-place #blog10, .blog-place #blog11, .blog-place #blog12, .blog-place #blog13, .blog-place #blog14, .blog-place #blog15, .blog-place #blog17, .blog-place #blog18, .blog-place #blog2, .blog-place #blog20, .blog-place #blog21, .blog-place #blog22, .blog-place #blog23, .blog-place #blog24, .blog-place #blog25, .blog-place #blog26, .blog-place #blog27, .blog-place #blog28, .blog-place #blog29, .blog-place #blog3, .blog-place #blog30, .blog-place #blog31, .blog-place #blog32, .blog-place #blog33, .blog-place #blog34, .blog-place #blog35, .blog-place #blog36, .blog-place #blog37, .blog-place #blog38, .blog-place #blog39, .blog-place #blog4, .blog-place #blog40, .blog-place #blog41, .blog-place #blog42, .blog-place #blog43, .blog-place #blog44, .blog-place #blog45, .blog-place #blog46, .blog-place #blog47, .blog-place #blog48, .blog-place #blog49, .blog-place #blog5, .blog-place #blog50, .blog-place #blog51, .blog-place #blog52, .blog-place #blog53, .blog-place #blog54, .blog-place #blog55, .blog-place #blog6, .blog-place #blog7, .blog-place #blog8, .blog-place #blog9 {
    width: 20vw;
    height: 16vw
}

.blog-place #campaign1, .blog-place #campaign10, .blog-place #campaign11, .blog-place #campaign12, .blog-place #campaign2, .blog-place #campaign3, .blog-place #campaign4, .blog-place #campaign5, .blog-place #campaign6, .blog-place #campaign7, .blog-place #campaign8, .blog-place #campaign9 {
    width: 20vw;
    height: 16vw;
    background-size: contain !important
}

.blog-place .blog-header a:hover {
    color: #e81c53
}

.blog-area h5 {
    font-weight: 400
}

    .blog-area h5 a {
        font-weight: 600
    }

.blog-cronology {
    background: url(../../../assets/images/blog/menulux-cronology.webp) center/contain no-repeat;
    display: flex;
    align-items: stretch;
    flex-direction: column;
    margin-top: 5vw;
    grid-gap: 5vw;
    padding: 5vw 6vw
}

    .blog-cronology .left-cronology {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        width: 25vw;
        position: relative
    }

        .blog-cronology .left-cronology p {
            text-align: right;
            margin: unset
        }

        .blog-cronology .left-cronology h6, .blog-cronology .right-cronology h6 {
            margin: unset;
            position: absolute;
            bottom: -1.75vw;
            color: #646464
        }

    .blog-cronology .right-cronology {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 25vw;
        position: relative;
        margin-left: auto
    }

        .blog-cronology .right-cronology p {
            text-align: left;
            margin: unset
        }

.back-blog img {
    margin-right: 1vw;
    width: .65vw
}

.blog-area .group-reverse img {
    width: 35vw
}

.blog-area, .blog-detail-section .blog-detail-group div .display-flex, .blog-section .blog-group .blog-text div {
    flex-direction: column
}

    .blog-area img {
        margin: 1vw auto 3vw
    }

    .blog-area .package-pos {
        width: 35vw;
        margin: 1vw auto 0
    }

    .blog-area .pos-systems-group {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 1vw 0 0
    }

    .blog-area .online-group {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 1vw
    }

    .blog-area .pos-systems-group img {
        height: 14vw;
        border-radius: unset !important
    }

    .blog-area .online-group img {
        width: 30vw;
        border-radius: unset !important
    }

    .blog-area h1 {
        font-size: 2vw;
        line-height: normal;
        color: #191919;
        font-weight: 500;
        margin: unset
    }

    .blog-area h2, .blog-area-head {
        font-size: 2.25vw;
        line-height: normal;
        font-weight: 700
    }

    .blog-area p, .blog-area span {
        font-weight: 400;
        line-height: normal
    }

    .blog-area span {
        font-size: .8vw;
        margin: .5vw 0 2vw;
        opacity: .85
    }

    .blog-area p, .blog-area p a {
        font-size: 1.1vw;
        margin: 0 0 1.5vw;
        color: #5e5e5e
    }

    .blog-area h5, .blog-area h5 a {
        font-size: 1vw;
        font-style: italic;
        color: #787474
    }

        .blog-area .group .text h3, .blog-area .group .text h4, .blog-area .group-reverse .text h3, .blog-area .group-reverse .text h4, .blog-area h5, .blog-area h5 a {
            margin: unset;
            line-height: normal
        }

    .blog-area .group-reverse {
        display: flex;
        align-items: center;
        margin: 3vw 0
    }

        .blog-area .group-reverse .text {
            display: flex;
            flex-direction: column;
            align-items: flex-end
        }

            .blog-area .group-reverse .text h3 {
                color: #e81c53;
                line-height: normal;
                font-size: 1.5vw;
                font-weight: 500;
                text-align: right
            }

            .blog-area .group-reverse .text h4 {
                font-size: 3vw;
                line-height: 3.5vw;
                font-weight: 600;
                text-align: right;
                margin-bottom: .5vw
            }

            .blog-area .group-reverse .text p {
                font-size: 1.5vw;
                color: #919191;
                line-height: normal;
                font-weight: 400;
                text-align: right
            }

    .blog-area .sub-head, .blog-area .sub-head a {
        font-size: 1.3vw;
        color: #e81c53;
        font-weight: 500;
        margin: 0 0 1.5vw
    }

.blog-area {
    display: flex;
    flex-direction: column
}

    .blog-area .group {
        display: flex;
        align-items: center;
        margin: 0 0 3vw
    }

        .blog-area .group .text {
            display: flex;
            flex-direction: column;
            align-items: flex-start
        }

            .blog-area .group .text h3 {
                color: #e81c53;
                font-size: 1.5vw;
                font-weight: 500
            }

            .blog-area .group .text h4 {
                font-size: 2.5vw;
                font-weight: 600
            }

        .blog-area .group img {
            width: 45vw
        }

.blog-detail-section .blog-detail-group .return-blog {
    display: flex;
    width: fit-content;
    font-size: 1vw;
    margin-bottom: 1vw;
    color: #e81c53;
    font-weight: 500;
    border: .1vw solid #e81c53;
    padding: .5vw 1.5vw;
    border-radius: .41vw;
    background-color: #fff0;
    transition: .1s ease-out
}

    .blog-detail-section .blog-detail-group .return-blog:hover {
        color: #fff;
        border: .1vw solid #e81c53;
        background-color: #e81c53
    }

.blog-detail-section .blog-detail-group .back-blog {
    display: flex;
    width: fit-content;
    font-size: 1.5vw;
    margin-bottom: 1vw;
    color: #e81c53;
    font-weight: 500
}

.blog-detail-section {
    padding: 11.875vw 14.48vw 3.6vw
}

    .blog-detail-section .blog-detail-group div ol li {
        line-height: 1.5vw
    }

    .blog-detail-section .blog-detail-group div ol {
        padding-left: 1.5vw
    }

    .blog-detail-section .blog-detail-group div .display-flex div {
        width: 38vw
    }

        .blog-detail-section .blog-detail-group div .display-flex div iframe {
            width: 30vw;
            height: 17vw
        }

.blog-group {
    align-items: flex-start;
    justify-content: space-between;
    grid-gap: 2.5vw
}

    .blog-group p {
        margin-top: 1vw;
        margin-bottom: unset;
        width: 32vw
    }

    .blog-group img, .blog-img {
        width: 30%
    }

.blog-detail-section .blog-detail-group div .online-report-img {
    width: 40vw
}

.other-blogs {
    margin: 2vw 13vw
}

    .other-blogs h2 {
        font-size: 2vw;
        font-weight: 500;
        color: #191919;
        margin: 0 0 3vw
    }

    .other-blogs .other-blogs-group {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        grid-gap: 3vw
    }

        .other-blogs .other-blogs-group a {
            display: flex;
            align-items: center;
            flex-direction: column;
            flex: 1
        }

        .other-blogs .other-blogs-group h4, .other-blogs .other-blogs-group p {
            white-space: pre-line;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .other-blogs .other-blogs-group img {
            height: 9vw;
            border-radius: .41vw;
            width: fit-content
        }

        .other-blogs .other-blogs-group h3 {
            font-size: .7vw;
            font-weight: 300;
            margin: 1vw auto 0 0;
            line-height: normal
        }

            .other-blogs .other-blogs-group h3 span {
                font-size: .7vw;
                background-color: #edf2f5;
                padding: 0 .5vw;
                border-radius: 100vw;
                font-weight: 300;
                margin: 0 .5vw 0 0
            }

        .other-blogs .other-blogs-group h4 {
            font-size: 1vw;
            font-weight: 500;
            -webkit-line-clamp: 2;
            margin: .5vw auto .5vw 0;
            line-height: normal
        }

        .other-blogs .other-blogs-group p {
            font-size: .8vw;
            line-height: normal;
            margin: unset;
            color: #5e5e5e;
            font-weight: 400;
            -webkit-line-clamp: 4
        }

.blog-place {
    padding: 4.5vw 10vw 4.5vw 14.5vw
}

    .blog-place .blog-header {
        display: flex;
        padding-bottom: 4vw
    }

        .blog-place .blog-header .campaign-tab img {
            height: 1.5vw;
            margin-left: .5vw;
            margin-bottom: .4vw
        }

        .blog-place .blog-header a {
            cursor: pointer;
            display: flex;
            align-items: center;
            color: #656565;
            font: 500 1.041vw Poppins;
            user-select: none;
            margin-right: 3.33vw
        }

        .blog-place .blog-header .active {
            cursor: pointer;
            display: flex;
            color: #e81c53;
            font: 600 1.041vw Poppins;
            border-bottom: .15625vw solid #e81c53;
            opacity: 1 !important
        }

    .blog-place .blog-content {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column
    }

        .blog-place .blog-content .blog-card .blog-tag {
            background-color: #edf2f5;
            border-radius: 100vw;
            padding: .1vw .5vw;
            margin-right: 1vw
        }

        .blog-place .blog-content .blog-card {
            display: flex;
            margin-bottom: 4vw
        }

            .blog-place .blog-content .blog-card .blog-card-image {
                width: 20vw;
                height: 20vw;
                margin: 0 2vw 0 0
            }

    .blog-place #campaign1 {
        background: url(../images/campaign/web-pos-sistemi.webp) center/cover no-repeat
    }

    .blog-place #campaign2 {
        background: url(../images/campaign/mobil-pos-sistemi.webp) center/cover no-repeat
    }

    .blog-place #campaign3 {
        background: url(../images/campaign/tablet-pos-sistemi.webp) center/cover no-repeat
    }

    .blog-place #campaign4 {
        background: url(../images/campaign/premium-pos-sistemi.webp) center/cover no-repeat
    }

    .blog-place #campaign5 {
        background: url(../images/campaign/mobil-app.webp) center/cover no-repeat
    }

    .blog-place #campaign6 {
        background: url(../images/campaign/paketle.webp) center/cover no-repeat
    }

    .blog-place #campaign7 {
        background: url(../images/campaign/dijital-menuboard.webp) center/cover no-repeat
    }

    .blog-place #campaign8 {
        background: url(../images/campaign/dijital-qr-menu.webp) center/cover no-repeat
    }

    .blog-place #campaign9 {
        background: url(../images/campaign/self-order-air.webp) center/cover no-repeat
    }

    .blog-place #campaign10 {
        background: url(../images/campaign/self-order-pro.webp) center/cover no-repeat
    }

    .blog-place #campaign11 {
        background: url(../images/campaign/kurye-app.webp) center/cover no-repeat
    }

    .blog-place #campaign12 {
        background: url(../images/campaign/dijital-tablet-menu.webp) center/cover no-repeat
    }

    .blog-place #blog1 {
        background: url(../images/blog/menulux-project-cronology.webp) center/cover no-repeat
    }

    .blog-place #blog53 {
        background: url(../images/blog/restoran-servis-robotu.webp) center/cover no-repeat
    }

    .blog-place #blog55 {
        background: url(../images/blog/2026-yilinda-restoran-otomasyonu-1.webp) center/cover no-repeat
    }

    .blog-place #blog54 {
        background: url(../images/blog/adisyon-programi-secim-kilavuzu-1.webp) center/cover no-repeat
    }

    .blog-place #blog52 {
        background: url(../images/blog/menulux-self-servis-kiosk-rehberi.webp) center/cover no-repeat
    }

    .blog-place #blog51 {
        background: url(../images/blog/restoran-rezervasyon-sistemi.webp) center/cover no-repeat
    }

    .blog-place #blog50 {
        background: url(../images/blog/e-adisyon.webp) center/cover no-repeat
    }

    .blog-place #blog49 {
        background: url(../images/blog/self-order-kiosk.webp) center/cover no-repeat
    }

    .blog-place #blog48 {
        background: url(../images/blog/loyalty-blog.webp) center/cover no-repeat
    }

    .blog-place #blog47 {
        background: url(../images/blog/kiosk-sistemi-ve-pos-entegrasyonu.webp) center/cover no-repeat
    }

    .blog-place #blog46 {
        background: url(../images/blog/musteri-sadakati.webp) center/cover no-repeat
    }

    .blog-place #blog45 {
        background: url(../images/blog/kafeler-icin-kurye-takip-sistemi-1.webp) center/cover no-repeat
    }

    .blog-place #blog44 {
        background: url(../images/blog/siparislerinizi-kolayca-yonetin-1.webp) center/cover no-repeat
    }

    .blog-place #blog43 {
        background: url(../images/blog/self-order-kiosk-nedir.webp) center/cover no-repeat
    }

    .blog-place #blog42 {
        background: url(../images/blog/qr-menu-zorunlulugu-4.webp) center/cover no-repeat
    }

    .blog-place #blog41 {
        background: url(../images/blog/menuboardblog-3.webp) center/cover no-repeat
    }

    .blog-place #blog40 {
        background: url(../images/blog/qrmenublog-1.webp) center/cover no-repeat
    }

    .blog-place #blog39 {
        background: url(../images/blog/is-yeri-acma-sureci-1.webp) center/cover no-repeat
    }

    .blog-place #blog38 {
        background: url(../images/blog/stok-sayimi-yapan-restoran-personeli.webp) center/cover no-repeat
    }

    .blog-place #blog37 {
        background: url(../images/blog/menulux-atp-gsyo.webp) center/cover no-repeat
    }

    .blog-place #blog36 {
        background: url(../images/blog/pastane-acmak-girisimciler-firin-tezgah.webp) center/cover no-repeat
    }

    .blog-place #blog35 {
        background: url(../images/blog/pazarda-alisveris-kartli-odeme-pos-cihazi.webp) center/cover no-repeat
    }

    .blog-place #blog34 {
        background: url(../images/blog/menulux-blog-adisyon-programi-1.webp) center/cover no-repeat
    }

    .blog-place #blog33 {
        background: url(../images/blog/okc-1.webp) center/cover no-repeat
    }

    .blog-place #blog12, .blog-place #blog30 {
        background: url(../images/blog/cloud-web-pos.webp) center/cover no-repeat
    }

    .blog-place #blog32 {
        background: url(../images/blog/hygenic-qr-menu-1.webp) center/cover no-repeat
    }

    .blog-place #blog31 {
        background: url(../images/blog/qr-code-menu.webp) center/cover no-repeat
    }

    .blog-place #blog29 {
        background: url(../images/blog/self-checkout-1.webp) center/cover no-repeat
    }

    .blog-place #blog28 {
        background: url(../images/blog/cloud-kitchen.webp) center/cover no-repeat
    }

    .blog-place #blog27 {
        background: url(../images/blog/customer-loyalty.webp) center/cover no-repeat
    }

    .blog-place #blog26 {
        background: url(../images/blog/reduce-costs.webp) center/cover no-repeat
    }

    .blog-place #blog25 {
        background: url(../images/blog/new-restaurant-cafe.webp) center/cover no-repeat
    }

    .blog-place #blog24 {
        background: url(../images/blog/online-order-integrations.webp) center/cover no-repeat
    }

    .blog-place #blog23 {
        background: url(../images/blog/qr-code-restaurant.webp) center/cover no-repeat
    }

    .blog-place #blog22 {
        background: url(../images/blog/green-solutions.webp) center/cover no-repeat
    }

    .blog-place #blog21 {
        background: url(../images/banner/tepsi-dagitim-sistemi.webp) center/cover no-repeat
    }

    .blog-place #blog20 {
        background: url(../images/banner/menulux-restaurant-pos.webp) center/cover no-repeat
    }

    .blog-place #blog16, .blog-place #blog19 {
        width: 20vw;
        height: 16vw;
        background: url(../images/banner/menulux-pos-systems.webp) center/cover no-repeat
    }

    .blog-place #blog2 {
        background: url(../images/paket-pos/menulux-paket-pos-2.webp) center/cover no-repeat
    }

    .blog-place #blog3 {
        background: url(../images/blog/yazarkasa-pos.webp) center/cover no-repeat
    }

    .blog-place #blog4 {
        background: url(../images/blog/pavo-isbirligi.webp) center/cover no-repeat
    }

    .blog-place #blog5 {
        background: url(../images/blog/restoran.webp) center/cover no-repeat
    }

    .blog-place #blog6 {
        background: url(../images/blog/restoran-adisyon-programi.webp) center/cover no-repeat
    }

    .blog-place #blog7 {
        background: url(../images/blog/special-menu.webp) center/cover no-repeat
    }

    .blog-place #blog8 {
        background: url(../images/blog/cloud-pos-systems.webp) center/cover no-repeat
    }

    .blog-place #blog9 {
        background: url(../images/blog/dijital-qr-menu.webp) center/cover no-repeat
    }

    .blog-place #blog10 {
        background: url(../images/blog/self-order.webp) center/cover no-repeat
    }

    .blog-place #blog11, .blog-place #blog15 {
        background: url(../images/blog/robot-barista.webp) center/cover no-repeat
    }

    .blog-place #blog13 {
        background: url(../images/blog/maliyet-kontrolu.webp) center/cover no-repeat
    }

    .blog-place #blog14 {
        background: url(../images/qr-menu/menulux-digital-qr-menu-13.jpg) center/cover no-repeat
    }

    .blog-place #blog15 {
        background: url(../images/blog/package-order-courier.webp) center/cover no-repeat
    }

    .blog-place #blog17 {
        background: url(../images/blog/happy-customer.webp) center/cover no-repeat
    }

    .blog-place #blog18 {
        background: url(../images/blog/self-checkout-systems.webp) center/cover no-repeat
    }

    .blog-place .blog-content .blog-card h6 {
        color: #000;
        font: 600 1.5vw Poppins;
        margin: .25vw 0 .5vw
    }

    .blog-place .blog-content .blog-card p {
        color: #646464;
        font: 1vw Poppins;
        margin-bottom: 1.5vw
    }

    .blog-place .blog-content .blog-card .show-cont {
        font-size: 1.041vw;
        background: #e81c53;
        border: .1vw solid #fff0;
        padding: .5vw 1.5vw;
        border-radius: .41vw;
        height: fit-content;
        transition: .2s ease-out;
        color: #fff;
        display: flex;
        width: fit-content;
        align-items: center;
        justify-content: center;
        grid-gap: .5vw
    }

        .blog-place .blog-content .blog-card .show-cont:hover {
            opacity: .7
        }

        .blog-place .blog-content .blog-card .show-cont img {
            width: 1.5vw
        }

    .blog-place .blog-content .campaign div h6 img {
        width: 2.5vw;
        height: 2.2875vw
    }

.blog-section input {
    border: .11vw solid #c4c4c4;
    border-radius: .41vw;
    color: #4d4d4d;
    width: 25vw;
    height: fit-content;
    margin-right: 1.35vw;
    padding: .37vw .83vw
}

.blog-section button, .blog-section button:hover {
    border: .1vw solid #e81c53;
    height: fit-content;
    font-weight: 400;
    cursor: pointer
}

.blog-section button {
    padding: .5vw 1.5vw;
    background-color: #e81c53;
    border-radius: .41vw;
    color: #fff;
    transition: .2s ease-out
}

    .blog-section button:hover {
        background-color: #fff0;
        border-radius: .41vw;
        color: #e81c53 !important;
        cursor: pointer
    }

    .blog-section button:disabled, .blog-section button[disabled] {
        border: .1vw solid #e81c53;
        background-color: #fff0;
        border-radius: .41vw;
        color: #e81c53 !important;
        height: fit-content;
        font-weight: 400;
        opacity: .7
    }

.blog-section .blog-group .blog-text h1 {
    line-height: 4vw;
    margin-right: 5vw
}

.blog-section .blog-group .blog-text div .blog-response {
    color: #4d4d4d;
    font-weight: 400
}

    .blog-section .blog-group .blog-text div .blog-response img {
        margin: 0 .25vw .25vw 0
    }

.blog-bg span {
    font-weight: 500;
    font-size: 1.5vw;
    color: #e81c53;
    margin: 0
}

.blog-bg h1 {
    font-weight: 500;
    font-size: 3.15vw;
    line-height: 3.95vw;
    margin: .5vw 2vw 1.25vw 0
}

.blog-bg {
    background: linear-gradient(53deg,#fff 0,#ffe8e0 100%) no-repeat padding-box;
    padding: 13vw 13.5vw 0 14.5vw
}

@media (max-width:768px) {
    .blog-bg span, .blog-section .blog-group .blog-text span {
        font-size: 6vw
    }

    .blog-detail-section .blog-detail-group .back-blog {
        display: flex;
        align-items: center;
        font-size: 5vw;
        margin: 5vw 0
    }

    .blog-detail-section .blog-detail-group .return-blog {
        display: flex;
        align-items: center;
        font-size: 3.5vw;
        padding: 2vw 6vw;
        border-radius: 1.5vw;
        margin: 5vw 0
    }

    .blog-detail-section .blog-detail-group div h6 {
        font-size: 4vw;
        line-height: 5.5vw
    }

    .blog-detail-section .blog-detail-group div ol {
        padding-left: 4.5vw;
        margin-bottom: 6vw
    }

        .blog-detail-section .blog-detail-group div ol li {
            font-size: 3.5vw;
            line-height: 4.5vw;
            margin-bottom: 3vw
        }

    .blog-area .group img, .blog-area .package-pos, .blog-detail-section .blog-detail-group div .display-flex div, .blog-detail-section img, .blog-group img {
        width: 100%
    }

    .blog-detail-section .blog-detail-group div .display-flex iframe {
        width: 100% !important;
        height: 50vw !important;
        margin-bottom: 7vw
    }

    .blog-detail-section h6 {
        color: #000
    }

    .blog-bg span, .blog-place .blog-header a:hover {
        color: #e81c53
    }

    .blog-detail-section {
        padding: 20vw 5vw 10vw
    }

    .blog-bg span {
        font-weight: 500;
        margin: 3vw 0 0
    }

    .blog-bg h1 {
        font-weight: 500;
        font-size: 7.5vw;
        margin-bottom: 1vw;
        text-align: center
    }

    .blog-bg {
        padding: 20vw 5vw 0
    }

    .blog-section .blog-group {
        flex-direction: column;
        align-items: center
    }

    .blog-section input {
        border: .11vw solid #c4c4c4;
        border-radius: 1.5vw;
        color: #4d4d4d;
        width: 85vw;
        height: 4vw;
        font-size: 3.65vw;
        margin-right: 1.35vw;
        margin-bottom: 4vw;
        padding: 4vw 2.5vw
    }

    .blog-section button {
        padding: 2vw 6vw;
        border: .1vw solid #e81c53;
        background-color: #e81c53;
        border-radius: 1.5vw;
        font-size: 3.5vw;
        color: #fff;
        height: auto;
        font-weight: 400
    }

        .blog-section button:hover {
            border: .1vw solid #e81c53;
            background-color: #fff0;
            border-radius: 1.5vw;
            color: #e81c53 !important;
            height: auto;
            font-weight: 400
        }

    .blog-section .blog-group .blog-text {
        align-items: center;
        margin-bottom: 7vw
    }

        .blog-section .blog-group .blog-text div form {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column
        }

        .blog-section .blog-group .blog-text h1 {
            font-size: 9vw;
            text-align: center;
            line-height: 11.5vw;
            margin: 0 0 5vw
        }

        .blog-section .blog-group .blog-text div .blog-response {
            color: #4d4d4d;
            font-weight: 400;
            font-size: 3.5vw
        }

            .blog-section .blog-group .blog-text div .blog-response img {
                margin: 0 1.25vw .5vw 0;
                width: 5vw
            }

    .blog-place {
        padding: 10vw 5vw
    }

        .blog-place .blog-header {
            display: flex;
            padding-bottom: 4vw;
            overflow: scroll;
            white-space: nowrap;
            margin-bottom: 2vw
        }

            .blog-place .blog-header .campaign-tab img {
                height: 5vw;
                margin-left: 1.5vw
            }

            .blog-place .blog-header a {
                cursor: pointer;
                display: flex;
                color: #656565;
                font: 500 4vw Poppins;
                user-select: none;
                margin-right: 5vw
            }

            .blog-place .blog-header .active {
                cursor: pointer;
                display: flex;
                color: #e81c53;
                font: 600 4vw Poppins;
                border-bottom: .15625vw solid #e81c53;
                opacity: 1 !important
            }

        .blog-place .blog-content {
            display: flex;
            align-items: flex-start;
            justify-content: center;
            flex-direction: column;
            grid-gap: 10vw
        }

            .blog-place .blog-content .blog-card {
                display: flex;
                flex-direction: column;
                position: relative
            }

                .blog-place .blog-content .blog-card .blog-tag {
                    background-color: #edf2f5;
                    font-size: 3vw;
                    border-radius: 100vw;
                    padding: .5vw 3vw;
                    margin-right: 1vw
                }

                .blog-place .blog-content .blog-card .blog-card-image {
                    width: 100%;
                    height: 100%;
                    margin: 0 0 5vw
                }

                    .blog-place .blog-content .blog-card .blog-card-image #blog4 {
                        background-size: contain !important
                    }

                    .blog-place .blog-content .blog-card .blog-card-image #blog5 {
                        background-size: cover !important
                    }

                    .blog-place .blog-content .blog-card .blog-card-image div {
                        width: 100% !important;
                        height: 67vw !important
                    }

                .blog-place .blog-content .blog-card h6 {
                    color: #000;
                    font: 500 4.5vw Poppins;
                    margin: 1vw 0 2vw
                }

                .blog-place .blog-content .blog-card p {
                    color: #646464;
                    font: 3vw Poppins;
                    margin-bottom: 5vw
                }

                .blog-place .blog-content .blog-card .show-cont {
                    color: #fff;
                    padding: 2vw 6vw;
                    border-radius: 1.5vw;
                    border: .11vw solid #e81c53;
                    font: 400 3.5vw Poppins;
                    height: auto;
                    display: flex;
                    width: fit-content;
                    align-items: center;
                    justify-content: center;
                    grid-gap: 2vw
                }

                    .blog-place .blog-content .blog-card .show-cont img {
                        width: 6vw
                    }

            .blog-place .blog-content .campaign div h6 img {
                width: auto;
                height: 4vw
            }

    .other-blogs {
        margin: 5vw 5vw 0
    }

        .other-blogs h2 {
            font-size: 6.5vw;
            font-weight: 700;
            color: #191919;
            margin: 0 0 8vw
        }

        .other-blogs .other-blogs-group {
            display: flex;
            align-items: flex-start;
            flex-direction: column;
            justify-content: space-between;
            overflow: auto;
            grid-gap: 20vw;
            margin-bottom: 20vw
        }

            .other-blogs .other-blogs-group a {
                display: flex;
                align-items: center;
                flex-direction: column;
                flex: 1
            }

            .other-blogs .other-blogs-group h4, .other-blogs .other-blogs-group p {
                white-space: pre-line;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
                line-height: normal
            }

            .other-blogs .other-blogs-group img {
                width: 100%;
                border-radius: 2.5vw;
                height: fit-content
            }

            .other-blogs .other-blogs-group h3 {
                font-size: 4vw;
                font-weight: 300;
                line-height: normal;
                margin: 3vw auto 0 0
            }

                .other-blogs .other-blogs-group h3 span {
                    font-size: 3.5vw;
                    background-color: #edf2f5;
                    padding: 0 3vw;
                    border-radius: 100vw;
                    font-weight: 300;
                    margin: 0 2vw 0 0;
                    line-height: normal
                }

            .other-blogs .other-blogs-group h4 {
                font-size: 4.5vw;
                font-weight: 500;
                -webkit-line-clamp: 2;
                margin: 2vw 0
            }

            .other-blogs .other-blogs-group p {
                font-size: 4vw;
                margin: unset;
                color: #5e5e5e;
                font-weight: 400;
                -webkit-line-clamp: 5
            }

    .blog-area h1, .blog-area h2, .blog-area-head {
        font-size: 6.5vw;
        line-height: normal;
        font-weight: 700;
        margin: 0 0 2vw
    }

    .blog-area h5, .blog-area p, .blog-area span {
        font-weight: 400
    }

    .blog-area .sub-head, .blog-area .sub-head a {
        font-size: 5vw;
        font-weight: 600;
        margin: 0 0 1.5vw
    }

    .blog-area span {
        font-size: 3.5vw;
        line-height: normal;
        margin: 0 0 4vw;
        opacity: .85
    }

    .blog-area p, .blog-area p a {
        font-size: 5vw;
        line-height: normal;
        margin: 0 0 10vw
    }

    .blog-area .group .text h3, .blog-area .group .text h4, .blog-area h5, .blog-area h5 a {
        margin: unset;
        line-height: normal
    }

    .blog-area .group {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 0 0 8vw
    }

        .blog-area .group .text {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-bottom: 5vw
        }

            .blog-area .group .text h3 {
                color: #e81c53;
                font-size: 3.5vw;
                font-weight: 500
            }

            .blog-area .group .text h4 {
                font-size: 5vw;
                font-weight: 600;
                text-align: center
            }

    .blog-area h5 a {
        font-weight: 600
    }

    .blog-group {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        justify-content: space-between;
        grid-gap: 2.5vw;
        margin-bottom: 0
    }

        .blog-group p {
            font-size: 3.5vw;
            margin-top: 1vw;
            margin-bottom: unset;
            width: 100%;
            line-height: 4.5vw !important
        }

    .blog-buttons {
        display: flex;
        align-items: center;
        grid-gap: 2vw;
        flex-wrap: wrap;
        justify-content: center
    }

        .blog-buttons a {
            font-size: 3.5vw;
            border: .1vw solid #696f85;
            background-color: #fff0;
            padding: 2vw 6vw;
            border-radius: 1.5vw;
            height: fit-content;
            color: #696f85;
            transition: .2s ease-out
        }

            .blog-buttons a:hover {
                background-color: #696f85;
                color: #fff !important
            }

    .blog-cronology {
        background: url(../../../assets/images/blog/menulux-cronology.webp) center/contain no-repeat;
        display: flex;
        align-items: stretch;
        flex-direction: column;
        margin-top: 10vw;
        grid-gap: 15vw;
        padding: 15vw 0
    }

        .blog-cronology .left-cronology {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            width: 39vw;
            position: relative
        }

            .blog-cronology .left-cronology p {
                text-align: right;
                margin: unset !important;
                font-size: 3vw !important
            }

            .blog-cronology .left-cronology h6, .blog-cronology .right-cronology h6 {
                margin: unset;
                position: absolute;
                bottom: -4.75vw;
                color: #646464;
                font-size: 3vw !important
            }

            .blog-cronology .left-cronology h4, .blog-cronology .right-cronology h4 {
                font-size: 5vw
            }

        .blog-cronology .right-cronology {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            width: 39vw;
            position: relative;
            margin-left: auto
        }

            .blog-cronology .right-cronology p {
                text-align: left;
                margin: unset !important;
                font-size: 3vw !important
            }

    .blog-area h5, .blog-area h5 a {
        font-style: italic;
        font-size: 4vw
    }

    .back-blog img {
        width: 3vw;
        margin-right: 3vw
    }
}