{"id":6666,"date":"2026-09-16T18:31:51","date_gmt":"2026-09-16T18:31:51","guid":{"rendered":"https:\/\/booxarabia.com\/?page_id=6666"},"modified":"2026-09-16T19:17:55","modified_gmt":"2026-09-16T19:17:55","slug":"note-air6-c","status":"publish","type":"page","link":"https:\/\/booxarabia.com\/en\/note-air6-c\/","title":{"rendered":"Note Air6 C"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6666\" class=\"elementor elementor-6666\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8909aa2 e-con-full e-flex e-con e-parent\" data-id=\"8909aa2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-72515f2 elementor-widget elementor-widget-html\" data-id=\"72515f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* ================================================\r\n   BOOX NOTE AIR6 C \u2014 HERO\r\n================================================ *\/\r\n\r\n#boox-air6-hero,\r\n#boox-air6-hero * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n#boox-air6-hero {\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n\r\n\/* HERO *\/\r\n\r\n#boox-air6-hero .boox-hero {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    height: 820px;\r\n\r\n    display: flex;\r\n    align-items: flex-start;\r\n    justify-content: center;\r\n\r\n    padding: 82px 25px 0;\r\n\r\n    overflow: hidden;\r\n\r\n    \/* \u0627\u0644\u0635\u0648\u0631\u0629 \u0643\u062e\u0644\u0641\u064a\u0629 *\/\r\n    background-image:\r\n        url(\"https:\/\/booxarabia.com\/wp-content\/uploads\/2026\/09\/Screenshot-2026-09-16-212050.jpg\");\r\n\r\n    background-size: cover;\r\n\r\n    \/* \u0646\u062a\u062d\u0643\u0645 \u0628\u0645\u0643\u0627\u0646 \u0627\u0644\u0635\u0648\u0631\u0629 \u0645\u0646 \u0647\u0648\u0646 *\/\r\n    background-position: center center;\r\n\r\n    background-repeat: no-repeat;\r\n}\r\n\r\n\r\n\/* ================================================\r\n   CONTENT\r\n================================================ *\/\r\n\r\n#boox-air6-hero .boox-hero-content {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    width: 100%;\r\n    max-width: 1000px;\r\n\r\n    text-align: center;\r\n}\r\n\r\n\r\n\/* TITLE *\/\r\n\r\n#boox-air6-hero .boox-hero-title {\r\n    margin: 0;\r\n\r\n    color: #111;\r\n\r\n    font-size: clamp(58px, 5.2vw, 82px);\r\n    line-height: 1;\r\n\r\n    font-weight: 500;\r\n\r\n    letter-spacing: -4px;\r\n}\r\n\r\n\r\n\/* DESCRIPTION *\/\r\n\r\n#boox-air6-hero .boox-hero-description {\r\n    max-width: 760px;\r\n\r\n    margin: 23px auto 0;\r\n\r\n    color: #111;\r\n\r\n    font-size: clamp(18px, 1.5vw, 23px);\r\n    line-height: 1.45;\r\n\r\n    font-weight: 400;\r\n\r\n    letter-spacing: -0.4px;\r\n}\r\n\r\n\r\n\/* ================================================\r\n   BUY NOW\r\n================================================ *\/\r\n\r\n#boox-air6-hero .boox-buy {\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    min-width: 108px;\r\n    height: 44px;\r\n\r\n    margin-top: 27px;\r\n    padding: 0 24px;\r\n\r\n    border-radius: 100px;\r\n\r\n    background: #111;\r\n    color: #fff;\r\n\r\n    text-decoration: none;\r\n\r\n    font-size: 14px;\r\n    line-height: 1;\r\n\r\n    font-weight: 600;\r\n\r\n    transition: .25s ease;\r\n}\r\n\r\n\r\n#boox-air6-hero .boox-buy:hover {\r\n    background: #333;\r\n    color: #fff;\r\n\r\n    transform: translateY(-1px);\r\n}\r\n\r\n\r\n\/* ================================================\r\n   TABLET\r\n================================================ *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    #boox-air6-hero .boox-hero {\r\n        height: 700px;\r\n\r\n        padding-top: 65px;\r\n\r\n        background-position: center center;\r\n    }\r\n\r\n    #boox-air6-hero .boox-hero-title {\r\n        font-size: 62px;\r\n\r\n        letter-spacing: -3px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ================================================\r\n   MOBILE\r\n================================================ *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    #boox-air6-hero .boox-hero {\r\n        height: 620px;\r\n\r\n        padding:\r\n            48px\r\n            18px\r\n            0;\r\n\r\n        \/*\r\n         \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0645\u0646\u0643\u0628\u0631 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0634\u0648\u064a\r\n         \u062d\u062a\u0649 \u0627\u0644\u062c\u0647\u0627\u0632 \u064a\u0636\u0644 \u0648\u0627\u0636\u062d\r\n        *\/\r\n\r\n        background-size: cover;\r\n        background-position: center center;\r\n    }\r\n\r\n\r\n    #boox-air6-hero .boox-hero-title {\r\n        font-size: 45px;\r\n\r\n        letter-spacing: -2px;\r\n    }\r\n\r\n\r\n    #boox-air6-hero .boox-hero-description {\r\n        max-width: 330px;\r\n\r\n        margin-top: 17px;\r\n\r\n        font-size: 16px;\r\n        line-height: 1.4;\r\n    }\r\n\r\n\r\n    #boox-air6-hero .boox-buy {\r\n        min-width: 100px;\r\n        height: 41px;\r\n\r\n        margin-top: 21px;\r\n\r\n        font-size: 13px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ================================================\r\n   SMALL MOBILE\r\n================================================ *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    #boox-air6-hero .boox-hero {\r\n        height: 570px;\r\n\r\n        padding-top: 42px;\r\n\r\n        background-position: center center;\r\n    }\r\n\r\n\r\n    #boox-air6-hero .boox-hero-title {\r\n        font-size: 40px;\r\n    }\r\n\r\n\r\n    #boox-air6-hero .boox-hero-description {\r\n        max-width: 300px;\r\n\r\n        font-size: 15px;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section id=\"boox-air6-hero\">\r\n\r\n    <div class=\"boox-hero\">\r\n\r\n        <div class=\"boox-hero-content\">\r\n\r\n            <h1 class=\"boox-hero-title\">\r\n                Note Air6 C\r\n            <\/h1>\r\n\r\n            <p class=\"boox-hero-description\">\r\n                The 10.3\u201d color ePaper notebook built to execute workflows.\r\n            <\/p>\r\n\r\n            <a href=\"#buy\" class=\"boox-buy\">\r\n                Buy Now\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ed00eb1 e-con-full e-flex e-con e-parent\" data-id=\"ed00eb1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-820ed3d elementor-widget elementor-widget-html\" data-id=\"820ed3d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* ==========================================================\r\n   BOOX NOTE AIR6 C\r\n   SECTION 02 \u2014 GET THE HIGHLIGHTS\r\n========================================================== *\/\r\n\r\n#boox-air6-highlights,\r\n#boox-air6-highlights * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n#boox-air6-highlights {\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    background: #fff;\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   SECTION\r\n========================================================== *\/\r\n\r\n#boox-air6-highlights .highlights-section {\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 90px 0 110px;\r\n    background: #fff;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   TITLE\r\n========================================================== *\/\r\n\r\n#boox-air6-highlights .highlights-title-wrap {\r\n    width: min(1240px, calc(100% - 60px));\r\n    margin: 0 auto 45px;\r\n}\r\n\r\n#boox-air6-highlights .highlights-title {\r\n    margin: 0;\r\n\r\n    color: #111;\r\n\r\n    font-size: clamp(44px, 4.3vw, 66px);\r\n    line-height: 1;\r\n\r\n    font-weight: 500;\r\n\r\n    letter-spacing: -3px;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   IMAGE\r\n========================================================== *\/\r\n\r\n#boox-air6-highlights .highlights-image-wrap {\r\n    width: min(1240px, calc(100% - 60px));\r\n\r\n    margin: 0 auto;\r\n    padding: 0;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius: 0;\r\n\r\n    line-height: 0;\r\n}\r\n\r\n\r\n#boox-air6-highlights .highlights-image {\r\n    display: block;\r\n\r\n    width: 100%;\r\n    max-width: none;\r\n    height: auto;\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    border: 0;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   TABLET\r\n========================================================== *\/\r\n#boox-air6-highlights {\r\n    background: #f3f2f1;\r\n}\r\n\r\n#boox-air6-highlights .highlights-section {\r\n    background: #f3f2f1;\r\n}\r\n@media (max-width: 1024px) {\r\n\r\n    #boox-air6-highlights .highlights-section {\r\n        padding:\r\n            70px\r\n            0\r\n            85px;\r\n    }\r\n\r\n    #boox-air6-highlights .highlights-title-wrap,\r\n    #boox-air6-highlights .highlights-image-wrap {\r\n        width: calc(100% - 40px);\r\n    }\r\n\r\n    #boox-air6-highlights .highlights-title-wrap {\r\n        margin-bottom: 35px;\r\n    }\r\n\r\n    #boox-air6-highlights .highlights-title {\r\n        font-size: 50px;\r\n        letter-spacing: -2.5px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   MOBILE\r\n========================================================== *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    #boox-air6-highlights .highlights-section {\r\n        padding:\r\n            55px\r\n            0\r\n            65px;\r\n    }\r\n\r\n    #boox-air6-highlights .highlights-title-wrap,\r\n    #boox-air6-highlights .highlights-image-wrap {\r\n        width: calc(100% - 28px);\r\n    }\r\n\r\n    #boox-air6-highlights .highlights-title-wrap {\r\n        margin-bottom: 28px;\r\n    }\r\n\r\n    #boox-air6-highlights .highlights-title {\r\n        font-size: 39px;\r\n        letter-spacing: -2px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   SMALL MOBILE\r\n========================================================== *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    #boox-air6-highlights .highlights-section {\r\n        padding-top: 45px;\r\n    }\r\n\r\n    #boox-air6-highlights .highlights-title-wrap,\r\n    #boox-air6-highlights .highlights-image-wrap {\r\n        width: calc(100% - 22px);\r\n    }\r\n\r\n    #boox-air6-highlights .highlights-title {\r\n        font-size: 36px;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section id=\"boox-air6-highlights\">\r\n\r\n    <div class=\"highlights-section\">\r\n\r\n\r\n        <!-- TITLE -->\r\n\r\n        <div class=\"highlights-title-wrap\">\r\n\r\n            <h2 class=\"highlights-title\">\r\n                Get the highlights.\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ORIGINAL DESIGN IMAGE -->\r\n\r\n        <div class=\"highlights-image-wrap\">\r\n\r\n            <img decoding=\"async\"\r\n                class=\"highlights-image\"\r\n                src=\"https:\/\/booxarabia.com\/wp-content\/uploads\/2026\/09\/Screenshot-2026-09-16-212858.jpg\"\r\n                alt=\"BOOX Note Air6 C Highlights\"\r\n                loading=\"lazy\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-41bde1e e-con-full e-flex e-con e-parent\" data-id=\"41bde1e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-69e0e3a elementor-widget elementor-widget-html\" data-id=\"69e0e3a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   BOOX NOTE AIR6 C\r\n   SECTION 03 \u2014 RESTFUL COLORS\r\n========================================================= *\/\r\n\r\n#boox-section-3,\r\n#boox-section-3 * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n#boox-section-3 {\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    overflow: hidden;\r\n    color: #292725;\r\n\r\n    \/* \u0646\u0641\u0633 \u0631\u0648\u062d \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0648\u0631\u0642\u064a\u0629 *\/\r\n    background:\r\n        linear-gradient(\r\n            rgba(236,232,228,.88),\r\n            rgba(236,232,228,.88)\r\n        ),\r\n        url(\"https:\/\/cdn.shopify.com\/s\/files\/1\/0604\/6410\/3654\/files\/page-na6c_restful-bg-pc.png\");\r\n\r\n    background-size: cover;\r\n    background-position: center;\r\n    background-repeat: no-repeat;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INNER\r\n========================================================= *\/\r\n\r\n#boox-section-3 .boox-s3-inner {\r\n    width: min(1240px, calc(100% - 60px));\r\n    margin: 0 auto;\r\n\r\n    padding:\r\n        32px\r\n        0\r\n        55px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n#boox-section-3 .boox-s3-title {\r\n    margin: 0;\r\n\r\n    text-align: center;\r\n\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n\r\n    font-size: clamp(42px, 3.3vw, 62px);\r\n    line-height: 1.05;\r\n\r\n    font-weight: 500;\r\n\r\n    letter-spacing: -2px;\r\n\r\n    color: #292725;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DEVICE\r\n========================================================= *\/\r\n\r\n#boox-section-3 .boox-s3-device {\r\n    width: min(530px, 46vw);\r\n\r\n    margin:\r\n        27px\r\n        auto\r\n        0;\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n}\r\n\r\n\r\n#boox-section-3 .boox-s3-device img {\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: auto;\r\n\r\n    margin: 0;\r\n\r\n    object-fit: contain;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FEATURES ROW\r\n========================================================= *\/\r\n\r\n#boox-section-3 .boox-s3-features {\r\n    width: 100%;\r\n\r\n    margin-top: 56px;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        205px\r\n        minmax(250px, 1fr)\r\n        205px\r\n        minmax(250px, 1fr);\r\n\r\n    align-items: start;\r\n\r\n    column-gap: 35px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FEATURE TITLES\r\n========================================================= *\/\r\n\r\n#boox-section-3 .boox-s3-feature-heading h3 {\r\n    margin: 0;\r\n\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n\r\n    font-size: 31px;\r\n    line-height: 1.04;\r\n\r\n    font-weight: 500;\r\n\r\n    letter-spacing: -1px;\r\n\r\n    color: #292725;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WRITING\r\n========================================================= *\/\r\n\r\n#boox-section-3 .boox-writing {\r\n    display: block;\r\n\r\n    margin-top: 4px;\r\n\r\n    font-family:\r\n        \"Brush Script MT\",\r\n        \"Segoe Script\",\r\n        cursive;\r\n\r\n    font-size: 48px;\r\n    line-height: .9;\r\n\r\n    font-weight: 400;\r\n\r\n    font-style: italic;\r\n\r\n    color: #173978;\r\n\r\n    transform: rotate(-4deg);\r\n\r\n    transform-origin: left center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FEATURE DESCRIPTION\r\n========================================================= *\/\r\n\r\n#boox-section-3 .boox-s3-description {\r\n    margin: 0;\r\n\r\n    max-width: 300px;\r\n\r\n    font-size: 17px;\r\n    line-height: 1.55;\r\n\r\n    font-weight: 400;\r\n\r\n    color: #686663;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUPERSCRIPT\r\n========================================================= *\/\r\n\r\n#boox-section-3 sup {\r\n    position: relative;\r\n\r\n    top: -.35em;\r\n\r\n    font-size: 13px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    #boox-section-3 .boox-s3-inner {\r\n        width: calc(100% - 50px);\r\n\r\n        padding-top: 35px;\r\n    }\r\n\r\n    #boox-section-3 .boox-s3-title {\r\n        font-size: 48px;\r\n    }\r\n\r\n    #boox-section-3 .boox-s3-device {\r\n        width: min(500px, 58vw);\r\n\r\n        margin-top: 28px;\r\n    }\r\n\r\n    #boox-section-3 .boox-s3-features {\r\n        grid-template-columns:\r\n            180px\r\n            1fr\r\n            180px\r\n            1fr;\r\n\r\n        column-gap: 25px;\r\n    }\r\n\r\n    #boox-section-3 .boox-s3-feature-heading h3 {\r\n        font-size: 27px;\r\n    }\r\n\r\n    #boox-section-3 .boox-s3-description {\r\n        font-size: 15px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    #boox-section-3 .boox-s3-inner {\r\n        width: calc(100% - 34px);\r\n\r\n        padding:\r\n            45px\r\n            0\r\n            55px;\r\n    }\r\n\r\n    #boox-section-3 .boox-s3-title {\r\n        font-size: 38px;\r\n        line-height: 1.08;\r\n\r\n        letter-spacing: -1.5px;\r\n    }\r\n\r\n    #boox-section-3 .boox-s3-device {\r\n        width: 82%;\r\n\r\n        margin-top: 32px;\r\n    }\r\n\r\n    #boox-section-3 .boox-s3-features {\r\n        margin-top: 45px;\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        row-gap: 18px;\r\n    }\r\n\r\n    #boox-section-3 .boox-s3-feature-heading {\r\n        margin-top: 25px;\r\n    }\r\n\r\n    #boox-section-3 .boox-s3-feature-heading:first-child {\r\n        margin-top: 0;\r\n    }\r\n\r\n    #boox-section-3 .boox-s3-feature-heading h3 {\r\n        font-size: 29px;\r\n    }\r\n\r\n    #boox-section-3 .boox-writing {\r\n        font-size: 43px;\r\n    }\r\n\r\n    #boox-section-3 .boox-s3-description {\r\n        max-width: 100%;\r\n\r\n        font-size: 15px;\r\n        line-height: 1.55;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section id=\"boox-section-3\">\r\n\r\n    <div class=\"boox-s3-inner\">\r\n\r\n\r\n        <!-- TITLE -->\r\n\r\n        <h2 class=\"boox-s3-title\">\r\n            Restful colors, deep focus.\r\n        <\/h2>\r\n\r\n\r\n\r\n        <!-- DEVICE -->\r\n\r\n        <div class=\"boox-s3-device\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0604\/6410\/3654\/files\/page-na6c_restful-device-pc.png\"\r\n                alt=\"BOOX Note Air6 C Color ePaper Display\"\r\n                loading=\"lazy\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- FEATURES -->\r\n\r\n        <div class=\"boox-s3-features\">\r\n\r\n\r\n            <!-- INK ON PAPER TITLE -->\r\n\r\n            <div class=\"boox-s3-feature-heading\">\r\n\r\n                <h3>\r\n                    Ink-on-Paper\r\n                <\/h3>\r\n\r\n                <span class=\"boox-writing\">\r\n                    Writing\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- INK DESCRIPTION -->\r\n\r\n            <p class=\"boox-s3-description\">\r\n                Write as if on real paper. Textured\r\n                surface gives control for handwriting\r\n                and adds natural friction for\r\n                sketching.\r\n            <\/p>\r\n\r\n\r\n\r\n            <!-- FRONT LIGHT TITLE -->\r\n\r\n            <div class=\"boox-s3-feature-heading\">\r\n\r\n                <h3>\r\n                    Dual-Tone<br>\r\n                    Front Light<sup>1<\/sup>\r\n                <\/h3>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- FRONT LIGHT DESCRIPTION -->\r\n\r\n            <p class=\"boox-s3-description\">\r\n                Think clearly with less eye strain.\r\n                Switch between cool daylight and\r\n                warm amber tones, whether in\r\n                bright library or late-night dorms.\r\n            <\/p>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f7556c2 e-con-full e-flex e-con e-parent\" data-id=\"f7556c2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b4dbba8 elementor-widget elementor-widget-html\" data-id=\"b4dbba8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* ==========================================================\r\n   BOOX NOTE AIR6 C\r\n   SECTION 04 \u2014 ACADEMIC EXCELLENCE\r\n========================================================== *\/\r\n\r\n#boox-academic,\r\n#boox-academic * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n#boox-academic {\r\n    --academic-bg: #999092;\r\n    --academic-text: #ffffff;\r\n    --academic-line: rgba(255,255,255,.72);\r\n\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    overflow: hidden;\r\n\r\n    background: var(--academic-bg);\r\n    color: var(--academic-text);\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   INNER\r\n========================================================== *\/\r\n\r\n#boox-academic .academic-inner {\r\n    width: min(1280px, calc(100% - 70px));\r\n    margin: 0 auto;\r\n\r\n    padding: 82px 0 72px;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   HEADER\r\n========================================================== *\/\r\n\r\n#boox-academic .academic-header {\r\n    width: 100%;\r\n    max-width: 1120px;\r\n\r\n    margin: 0 auto;\r\n\r\n    text-align: center;\r\n}\r\n\r\n\r\n#boox-academic .academic-title {\r\n    margin: 0;\r\n\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n\r\n    font-size: clamp(42px, 3.2vw, 58px);\r\n    line-height: 1.08;\r\n\r\n    font-weight: 500;\r\n\r\n    letter-spacing: -2px;\r\n\r\n    color: #fff;\r\n}\r\n\r\n\r\n#boox-academic .academic-description {\r\n    max-width: 1080px;\r\n\r\n    margin: 13px auto 0;\r\n\r\n    font-size: 16px;\r\n    line-height: 1.55;\r\n\r\n    font-weight: 400;\r\n\r\n    color: rgba(255,255,255,.93);\r\n}\r\n\r\n\r\n#boox-academic .academic-description strong {\r\n    font-weight: 700;\r\n    color: #fff;\r\n}\r\n\r\n\r\n#boox-academic .academic-description sup {\r\n    position: relative;\r\n    top: -.25em;\r\n\r\n    font-size: 10px;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   CONTENT\r\n========================================================== *\/\r\n\r\n#boox-academic .academic-content {\r\n    display: grid;\r\n\r\n    grid-template-columns: 52% 48%;\r\n\r\n    align-items: center;\r\n\r\n    gap: 70px;\r\n\r\n    margin-top: 65px;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   PRODUCT IMAGE\r\n========================================================== *\/\r\n\r\n#boox-academic .academic-product {\r\n    position: relative;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    min-height: 470px;\r\n}\r\n\r\n\r\n#boox-academic .academic-product img {\r\n    display: block;\r\n\r\n    width: 100%;\r\n    max-width: 610px;\r\n\r\n    height: auto;\r\n\r\n    margin: 0;\r\n\r\n    object-fit: contain;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   ACCORDION\r\n========================================================== *\/\r\n\r\n#boox-academic .academic-accordion {\r\n    width: 100%;\r\n}\r\n\r\n\r\n\/* ITEM *\/\r\n\r\n#boox-academic .academic-item {\r\n    width: 100%;\r\n\r\n    border-top: 2px solid var(--academic-line);\r\n}\r\n\r\n\r\n#boox-academic .academic-item:last-child {\r\n    border-bottom: 2px solid var(--academic-line);\r\n}\r\n\r\n\r\n\/* BUTTON *\/\r\n\r\n#boox-academic .academic-question {\r\n    appearance: none;\r\n    -webkit-appearance: none;\r\n\r\n    width: 100%;\r\n\r\n    margin: 0;\r\n    padding: 23px 5px;\r\n\r\n    border: 0;\r\n    outline: none;\r\n\r\n    background: transparent;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 25px;\r\n\r\n    cursor: pointer;\r\n\r\n    text-align: left;\r\n\r\n    color: #fff;\r\n}\r\n\r\n\r\n\/* QUESTION TEXT *\/\r\n\r\n#boox-academic .academic-question-text {\r\n    font-size: 20px;\r\n    line-height: 1.25;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: -.5px;\r\n}\r\n\r\n\r\n\/* PLUS *\/\r\n\r\n#boox-academic .academic-icon {\r\n    position: relative;\r\n\r\n    flex: 0 0 18px;\r\n\r\n    width: 18px;\r\n    height: 18px;\r\n}\r\n\r\n\r\n#boox-academic .academic-icon::before,\r\n#boox-academic .academic-icon::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 50%;\r\n    top: 50%;\r\n\r\n    background: #fff;\r\n\r\n    transform: translate(-50%, -50%);\r\n\r\n    transition: .3s ease;\r\n}\r\n\r\n\r\n#boox-academic .academic-icon::before {\r\n    width: 13px;\r\n    height: 2px;\r\n}\r\n\r\n\r\n#boox-academic .academic-icon::after {\r\n    width: 2px;\r\n    height: 13px;\r\n}\r\n\r\n\r\n\/* ACTIVE = MINUS *\/\r\n\r\n#boox-academic .academic-item.active\r\n.academic-icon::after {\r\n    transform:\r\n        translate(-50%, -50%)\r\n        rotate(90deg);\r\n\r\n    opacity: 0;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   ANSWER\r\n========================================================== *\/\r\n\r\n#boox-academic .academic-answer {\r\n    max-height: 0;\r\n\r\n    overflow: hidden;\r\n\r\n    opacity: 0;\r\n\r\n    transition:\r\n        max-height .45s ease,\r\n        opacity .3s ease;\r\n}\r\n\r\n\r\n#boox-academic .academic-answer-inner {\r\n    padding:\r\n        0\r\n        45px\r\n        24px\r\n        5px;\r\n}\r\n\r\n\r\n#boox-academic .academic-answer p {\r\n    max-width: 520px;\r\n\r\n    margin: 0;\r\n\r\n    font-size: 15px;\r\n    line-height: 1.6;\r\n\r\n    color: rgba(255,255,255,.82);\r\n}\r\n\r\n\r\n\/* OPEN *\/\r\n\r\n#boox-academic .academic-item.active\r\n.academic-answer {\r\n    max-height: 180px;\r\n\r\n    opacity: 1;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   TABLET\r\n========================================================== *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    #boox-academic .academic-inner {\r\n        width: calc(100% - 50px);\r\n\r\n        padding:\r\n            65px\r\n            0\r\n            65px;\r\n    }\r\n\r\n\r\n    #boox-academic .academic-title {\r\n        font-size: 45px;\r\n    }\r\n\r\n\r\n    #boox-academic .academic-description {\r\n        max-width: 850px;\r\n\r\n        font-size: 15px;\r\n    }\r\n\r\n\r\n    #boox-academic .academic-content {\r\n        grid-template-columns: 48% 52%;\r\n\r\n        gap: 40px;\r\n\r\n        margin-top: 55px;\r\n    }\r\n\r\n\r\n    #boox-academic .academic-product {\r\n        min-height: 390px;\r\n    }\r\n\r\n\r\n    #boox-academic .academic-product img {\r\n        max-width: 500px;\r\n    }\r\n\r\n\r\n    #boox-academic .academic-question-text {\r\n        font-size: 18px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   MOBILE\r\n========================================================== *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    #boox-academic .academic-inner {\r\n        width: calc(100% - 36px);\r\n\r\n        padding:\r\n            52px\r\n            0\r\n            55px;\r\n    }\r\n\r\n\r\n    #boox-academic .academic-title {\r\n        font-size: 37px;\r\n        line-height: 1.08;\r\n\r\n        letter-spacing: -1.5px;\r\n    }\r\n\r\n\r\n    #boox-academic .academic-description {\r\n        margin-top: 17px;\r\n\r\n        font-size: 14px;\r\n        line-height: 1.55;\r\n    }\r\n\r\n\r\n    #boox-academic .academic-content {\r\n        display: flex;\r\n        flex-direction: column;\r\n\r\n        gap: 35px;\r\n\r\n        margin-top: 42px;\r\n    }\r\n\r\n\r\n    \/* IMAGE FIRST *\/\r\n\r\n    #boox-academic .academic-product {\r\n        width: 100%;\r\n\r\n        min-height: 0;\r\n    }\r\n\r\n\r\n    #boox-academic .academic-product img {\r\n        width: 90%;\r\n        max-width: 520px;\r\n    }\r\n\r\n\r\n    \/* ACCORDION *\/\r\n\r\n    #boox-academic .academic-accordion {\r\n        width: 100%;\r\n    }\r\n\r\n\r\n    #boox-academic .academic-question {\r\n        padding:\r\n            20px\r\n            3px;\r\n    }\r\n\r\n\r\n    #boox-academic .academic-question-text {\r\n        font-size: 17px;\r\n    }\r\n\r\n\r\n    #boox-academic .academic-answer-inner {\r\n        padding:\r\n            0\r\n            30px\r\n            20px\r\n            3px;\r\n    }\r\n\r\n\r\n    #boox-academic .academic-answer p {\r\n        font-size: 14px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   SMALL MOBILE\r\n========================================================== *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    #boox-academic .academic-inner {\r\n        width: calc(100% - 28px);\r\n    }\r\n\r\n\r\n    #boox-academic .academic-title {\r\n        font-size: 33px;\r\n    }\r\n\r\n\r\n    #boox-academic .academic-product img {\r\n        width: 100%;\r\n    }\r\n\r\n\r\n    #boox-academic .academic-question-text {\r\n        font-size: 16px;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section id=\"boox-academic\">\r\n\r\n    <div class=\"academic-inner\">\r\n\r\n\r\n        <!-- ==================================================\r\n             HEADER\r\n        =================================================== -->\r\n\r\n        <div class=\"academic-header\">\r\n\r\n            <h2 class=\"academic-title\">\r\n                Academic excellence, achieved with ease.\r\n            <\/h2>\r\n\r\n\r\n            <p class=\"academic-description\">\r\n\r\n                The BOOX Note Air6 C optimizes academic research.\r\n                It pairs an <strong>octa-core processor<sup>2<\/sup><\/strong>\r\n                and <strong>6GB RAM<\/strong> with proprietary\r\n                <strong>BOOX Super Refresh Technology<sup>3<\/sup><\/strong>.\r\n\r\n                This setup runs multiple academic apps simultaneously\r\n                while rendering data-heavy color PDFs and charts with\r\n                minimal ePaper ghosting or lag.\r\n\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- ==================================================\r\n             MAIN CONTENT\r\n        =================================================== -->\r\n\r\n        <div class=\"academic-content\">\r\n\r\n\r\n            <!-- PRODUCT IMAGE -->\r\n\r\n            <div class=\"academic-product\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/booxarabia.com\/wp-content\/uploads\/2026\/09\/Screenshot-2026-09-16-213912.jpg\"\r\n                    alt=\"BOOX Note Air6 C Academic Workflow\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- ==================================================\r\n                 ACCORDION\r\n            =================================================== -->\r\n\r\n            <div class=\"academic-accordion\">\r\n\r\n\r\n                <!-- ITEM 1 -->\r\n\r\n                <div class=\"academic-item\">\r\n\r\n                    <button\r\n                        class=\"academic-question\"\r\n                        type=\"button\"\r\n                    >\r\n\r\n                        <span class=\"academic-question-text\">\r\n                            Instant Access to Heavy Documents\r\n                        <\/span>\r\n\r\n                        <span class=\"academic-icon\"><\/span>\r\n\r\n                    <\/button>\r\n\r\n\r\n                    <div class=\"academic-answer\">\r\n\r\n                        <div class=\"academic-answer-inner\">\r\n\r\n                            <p>\r\n                                Open and navigate large academic PDFs,\r\n                                research papers and data-heavy documents\r\n                                smoothly with fast access to your study\r\n                                materials.\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- ITEM 2 -->\r\n\r\n                <div class=\"academic-item\">\r\n\r\n                    <button\r\n                        class=\"academic-question\"\r\n                        type=\"button\"\r\n                    >\r\n\r\n                        <span class=\"academic-question-text\">\r\n                            Multitasking for Research Workflows\r\n                        <\/span>\r\n\r\n                        <span class=\"academic-icon\"><\/span>\r\n\r\n                    <\/button>\r\n\r\n\r\n                    <div class=\"academic-answer\">\r\n\r\n                        <div class=\"academic-answer-inner\">\r\n\r\n                            <p>\r\n                                Move between documents, notes, research\r\n                                tools and academic apps while keeping your\r\n                                workflow organized and responsive.\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- ITEM 3 -->\r\n\r\n                <div class=\"academic-item\">\r\n\r\n                    <button\r\n                        class=\"academic-question\"\r\n                        type=\"button\"\r\n                    >\r\n\r\n                        <span class=\"academic-question-text\">\r\n                            Smart Recognition Accuracy\r\n                        <\/span>\r\n\r\n                        <span class=\"academic-icon\"><\/span>\r\n\r\n                    <\/button>\r\n\r\n\r\n                    <div class=\"academic-answer\">\r\n\r\n                        <div class=\"academic-answer-inner\">\r\n\r\n                            <p>\r\n                                Turn handwritten content into useful\r\n                                digital information while keeping your\r\n                                notes easier to organize, search and reuse.\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- ITEM 4 -->\r\n\r\n                <div class=\"academic-item\">\r\n\r\n                    <button\r\n                        class=\"academic-question\"\r\n                        type=\"button\"\r\n                    >\r\n\r\n                        <span class=\"academic-question-text\">\r\n                            Distraction-Free Typing\r\n                        <\/span>\r\n\r\n                        <span class=\"academic-icon\"><\/span>\r\n\r\n                    <\/button>\r\n\r\n\r\n                    <div class=\"academic-answer\">\r\n\r\n                        <div class=\"academic-answer-inner\">\r\n\r\n                            <p>\r\n                                Pair your Note Air6 C with a keyboard\r\n                                workflow for focused writing, research and\r\n                                document creation on the ePaper display.\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n    const section = document.querySelector('#boox-academic');\r\n\r\n    if (!section) return;\r\n\r\n\r\n    const items = section.querySelectorAll('.academic-item');\r\n\r\n\r\n    items.forEach(function (item) {\r\n\r\n        const button = item.querySelector('.academic-question');\r\n\r\n        button.addEventListener('click', function () {\r\n\r\n            const isOpen = item.classList.contains('active');\r\n\r\n\r\n            \/* close all *\/\r\n\r\n            items.forEach(function (otherItem) {\r\n                otherItem.classList.remove('active');\r\n            });\r\n\r\n\r\n            \/* open clicked item *\/\r\n\r\n            if (!isOpen) {\r\n                item.classList.add('active');\r\n            }\r\n\r\n        });\r\n\r\n    });\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-20ef313 e-con-full e-flex e-con e-parent\" data-id=\"20ef313\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ab40b26 elementor-widget elementor-widget-html\" data-id=\"ab40b26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* ==========================================================\r\n   BOOX NOTE AIR6 C\r\n   SECTION 05 \u2014 NOTE TAKING\r\n========================================================== *\/\r\n\r\n#boox-note-taking,\r\n#boox-note-taking * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n#boox-note-taking {\r\n    --bg: #82777b;\r\n    --card: #e9e6e3;\r\n    --dark: #292725;\r\n\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    overflow: hidden;\r\n\r\n    background: var(--bg);\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   HEADER\r\n========================================================== *\/\r\n\r\n#boox-note-taking .nt-header {\r\n    width: min(1100px, calc(100% - 50px));\r\n\r\n    margin: 0 auto;\r\n\r\n    padding: 78px 0 44px;\r\n\r\n    text-align: center;\r\n}\r\n\r\n\r\n#boox-note-taking .nt-title {\r\n    margin: 0;\r\n\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n\r\n    font-size: clamp(42px, 3.3vw, 59px);\r\n    line-height: 1.08;\r\n\r\n    font-weight: 500;\r\n\r\n    letter-spacing: -2px;\r\n\r\n    color: #fff;\r\n}\r\n\r\n\r\n#boox-note-taking .nt-description {\r\n    max-width: 850px;\r\n\r\n    margin: 13px auto 0;\r\n\r\n    font-size: 16px;\r\n    line-height: 1.5;\r\n\r\n    font-weight: 400;\r\n\r\n    color: rgba(255,255,255,.96);\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   CARDS AREA\r\n========================================================== *\/\r\n\r\n#boox-note-taking .nt-viewport {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    overflow: hidden;\r\n\r\n    padding-bottom: 0;\r\n}\r\n\r\n\r\n\/*\r\n   \u0627\u0644\u0639\u0631\u0636 \u0623\u0643\u0628\u0631 \u0645\u0646 \u0627\u0644\u0634\u0627\u0634\u0629 \u0645\u062a\u0639\u0645\u062f\r\n   \u0645\u062b\u0644 BOOX:\r\n   \u0623\u0648\u0644 \u0648\u0622\u062e\u0631 Card \u0645\u0642\u0635\u0648\u0635\u064a\u0646 \u0642\u0644\u064a\u0644\u0627\u064b\r\n*\/\r\n\r\n#boox-note-taking .nt-track {\r\n    display: flex;\r\n\r\n    align-items: stretch;\r\n\r\n    gap: 30px;\r\n\r\n    width: max-content;\r\n\r\n    transform: translateX(-145px);\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   CARD\r\n========================================================== *\/\r\n\r\n#boox-note-taking .nt-card {\r\n    position: relative;\r\n\r\n    flex: 0 0 490px;\r\n\r\n    width: 490px;\r\n    height: 590px;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius: 30px 30px 0 0;\r\n\r\n    background: var(--card);\r\n\r\n    color: var(--dark);\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   IMAGE\r\n========================================================== *\/\r\n\r\n#boox-note-taking .nt-image {\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    left: 0;\r\n\r\n    width: 100%;\r\n    height: calc(100% - 82px);\r\n\r\n    overflow: hidden;\r\n\r\n    background: var(--card);\r\n}\r\n\r\n\r\n#boox-note-taking .nt-image img {\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n    object-position: center center;\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    border: 0;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   CARD BOTTOM\r\n========================================================== *\/\r\n\r\n#boox-note-taking .nt-bottom {\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    bottom: 0;\r\n\r\n    width: 100%;\r\n    height: 82px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    padding: 0 34px;\r\n\r\n    background: var(--card);\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   LABEL\r\n========================================================== *\/\r\n\r\n#boox-note-taking .nt-label {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 14px;\r\n\r\n    margin: 0;\r\n\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n\r\n    font-size: 25px;\r\n    line-height: 1;\r\n\r\n    font-weight: 400;\r\n\r\n    color: var(--dark);\r\n}\r\n\r\n\r\n#boox-note-taking .nt-label sup {\r\n    position: relative;\r\n\r\n    top: -.5em;\r\n\r\n    margin-left: 2px;\r\n\r\n    font-size: 11px;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   SIMPLE ICONS\r\n========================================================== *\/\r\n\r\n#boox-note-taking .nt-symbol {\r\n    position: relative;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    flex: 0 0 31px;\r\n\r\n    width: 31px;\r\n    height: 31px;\r\n\r\n    color: #292725;\r\n}\r\n\r\n\r\n\/* BRUSH *\/\r\n\r\n#boox-note-taking .nt-brush::before {\r\n    content: \"\u270e\";\r\n\r\n    font-family: Georgia, serif;\r\n\r\n    font-size: 35px;\r\n\r\n    transform: rotate(-28deg);\r\n}\r\n\r\n\r\n\/* SHAPES *\/\r\n\r\n#boox-note-taking .nt-shape::before,\r\n#boox-note-taking .nt-shape::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    border: 2px solid #292725;\r\n}\r\n\r\n#boox-note-taking .nt-shape::before {\r\n    width: 21px;\r\n    height: 21px;\r\n\r\n    left: 2px;\r\n    top: 6px;\r\n}\r\n\r\n#boox-note-taking .nt-shape::after {\r\n    width: 19px;\r\n    height: 19px;\r\n\r\n    right: 1px;\r\n    top: 1px;\r\n}\r\n\r\n\r\n\/* LASSO *\/\r\n\r\n#boox-note-taking .nt-lasso::before {\r\n    content: \"\";\r\n\r\n    width: 27px;\r\n    height: 21px;\r\n\r\n    border: 2px solid #292725;\r\n    border-radius: 50%;\r\n}\r\n\r\n#boox-note-taking .nt-lasso::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 11px;\r\n    height: 2px;\r\n\r\n    left: 2px;\r\n    bottom: 3px;\r\n\r\n    background: #292725;\r\n\r\n    transform: rotate(-35deg);\r\n}\r\n\r\n\r\n\/* AI *\/\r\n\r\n#boox-note-taking .nt-ai {\r\n    border: 2px solid #292725;\r\n\r\n    font-family: Arial, sans-serif;\r\n\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n}\r\n\r\n#boox-note-taking .nt-ai::before {\r\n    content: \"AI\";\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   TABLET\r\n========================================================== *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    #boox-note-taking .nt-header {\r\n        padding:\r\n            65px\r\n            0\r\n            40px;\r\n    }\r\n\r\n    #boox-note-taking .nt-title {\r\n        font-size: 46px;\r\n    }\r\n\r\n    #boox-note-taking .nt-track {\r\n        gap: 22px;\r\n\r\n        transform: translateX(-110px);\r\n    }\r\n\r\n    #boox-note-taking .nt-card {\r\n        flex-basis: 410px;\r\n\r\n        width: 410px;\r\n        height: 510px;\r\n\r\n        border-radius: 26px 26px 0 0;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   MOBILE\r\n========================================================== *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    #boox-note-taking .nt-header {\r\n        width: calc(100% - 36px);\r\n\r\n        padding:\r\n            50px\r\n            0\r\n            34px;\r\n    }\r\n\r\n    #boox-note-taking .nt-title {\r\n        font-size: 36px;\r\n        line-height: 1.08;\r\n\r\n        letter-spacing: -1.4px;\r\n    }\r\n\r\n    #boox-note-taking .nt-description {\r\n        max-width: 360px;\r\n\r\n        margin-top: 15px;\r\n\r\n        font-size: 14px;\r\n        line-height: 1.5;\r\n    }\r\n\r\n\r\n    \/* horizontal swipe *\/\r\n\r\n    #boox-note-taking .nt-viewport {\r\n        overflow-x: auto;\r\n        overflow-y: hidden;\r\n\r\n        padding:\r\n            0\r\n            18px\r\n            35px;\r\n\r\n        scrollbar-width: none;\r\n\r\n        -webkit-overflow-scrolling: touch;\r\n\r\n        scroll-snap-type: x mandatory;\r\n    }\r\n\r\n    #boox-note-taking .nt-viewport::-webkit-scrollbar {\r\n        display: none;\r\n    }\r\n\r\n    #boox-note-taking .nt-track {\r\n        gap: 15px;\r\n\r\n        transform: none;\r\n    }\r\n\r\n    #boox-note-taking .nt-card {\r\n        flex: 0 0 82vw;\r\n\r\n        width: 82vw;\r\n        height: 475px;\r\n\r\n        border-radius: 22px;\r\n\r\n        scroll-snap-align: center;\r\n    }\r\n\r\n    #boox-note-taking .nt-image {\r\n        height: calc(100% - 72px);\r\n    }\r\n\r\n    #boox-note-taking .nt-bottom {\r\n        height: 72px;\r\n\r\n        padding: 0 25px;\r\n    }\r\n\r\n    #boox-note-taking .nt-label {\r\n        font-size: 22px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   SMALL MOBILE\r\n========================================================== *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    #boox-note-taking .nt-title {\r\n        font-size: 33px;\r\n    }\r\n\r\n    #boox-note-taking .nt-card {\r\n        flex-basis: 84vw;\r\n\r\n        width: 84vw;\r\n        height: 440px;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section id=\"boox-note-taking\">\r\n\r\n\r\n    <!-- HEADER -->\r\n\r\n    <div class=\"nt-header\">\r\n\r\n        <h2 class=\"nt-title\">\r\n            Major in note-taking, think with you.\r\n        <\/h2>\r\n\r\n        <p class=\"nt-description\">\r\n            The 10.3\" color ePaper notebook for learners, scholars, and thinkers.\r\n            From rough formulas to conceptual diagrams, polish your notes with\r\n            various writing tools.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- CARDS -->\r\n\r\n    <div class=\"nt-viewport\">\r\n\r\n        <div class=\"nt-track\">\r\n\r\n\r\n            <!-- ==========================================\r\n                 01 \u2014 BRUSHES\r\n            =========================================== -->\r\n\r\n            <article class=\"nt-card\">\r\n\r\n                <div class=\"nt-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/booxarabia.com\/wp-content\/uploads\/2026\/09\/Screenshot-2026-09-16-214326.jpg\"\r\n                        alt=\"BOOX Brushes\"\r\n                        loading=\"lazy\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n                <div class=\"nt-bottom\">\r\n\r\n                    <div class=\"nt-label\">\r\n\r\n                        <span class=\"nt-symbol nt-brush\"><\/span>\r\n\r\n                        <span>Brushes<\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- ==========================================\r\n                 02 \u2014 SHAPES\r\n            =========================================== -->\r\n\r\n            <article class=\"nt-card\">\r\n\r\n                <div class=\"nt-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/booxarabia.com\/wp-content\/uploads\/2026\/09\/Screenshot-2026-09-16-214254.jpg\"\r\n                        alt=\"BOOX Shapes\"\r\n                        loading=\"lazy\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n                <div class=\"nt-bottom\">\r\n\r\n                    <div class=\"nt-label\">\r\n\r\n                        <span class=\"nt-symbol nt-shape\"><\/span>\r\n\r\n                        <span>Shapes<\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- ==========================================\r\n                 03 \u2014 LASSO\r\n            =========================================== -->\r\n\r\n            <article class=\"nt-card\">\r\n\r\n                <div class=\"nt-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/booxarabia.com\/wp-content\/uploads\/2026\/09\/Screenshot-2026-09-16-214308.jpg\"\r\n                        alt=\"BOOX Lasso\"\r\n                        loading=\"lazy\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n                <div class=\"nt-bottom\">\r\n\r\n                    <div class=\"nt-label\">\r\n\r\n                        <span class=\"nt-symbol nt-lasso\"><\/span>\r\n\r\n                        <span>\r\n                            Lasso<sup>7<\/sup>\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- ==========================================\r\n                 04 \u2014 SMART SCRIBE\r\n            =========================================== -->\r\n\r\n            <article class=\"nt-card\">\r\n\r\n                <div class=\"nt-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/booxarabia.com\/wp-content\/uploads\/2026\/09\/Screenshot-2026-09-16-214340.jpg\"\r\n                        alt=\"BOOX Smart Scribe\"\r\n                        loading=\"lazy\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n                <div class=\"nt-bottom\">\r\n\r\n                    <div class=\"nt-label\">\r\n\r\n                        <span class=\"nt-symbol nt-ai\"><\/span>\r\n\r\n                        <span>Smart Scribe<\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ae8291a e-con-full e-flex e-con e-parent\" data-id=\"ae8291a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-47b49eb elementor-widget elementor-widget-html\" data-id=\"47b49eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* ==========================================================\r\n   BOOX NOTE AIR6 C\r\n   SECTION 06 \u2014 TALK INSIGHTS\r\n========================================================== *\/\r\n\r\n#boox-talk-insights,\r\n#boox-talk-insights * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n#boox-talk-insights {\r\n    --bg: #ebe8e5;\r\n    --text: #191919;\r\n    --orange: #df7c42;\r\n\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    overflow: hidden;\r\n\r\n    background: var(--bg);\r\n    color: var(--text);\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   INNER\r\n========================================================== *\/\r\n\r\n#boox-talk-insights .talk-inner {\r\n    width: min(1240px, calc(100% - 60px));\r\n    margin: 0 auto;\r\n\r\n    padding: 32px 0 0;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   HEADER\r\n========================================================== *\/\r\n\r\n#boox-talk-insights .talk-header {\r\n    width: 100%;\r\n    max-width: 1050px;\r\n\r\n    margin: 0 auto;\r\n\r\n    text-align: center;\r\n}\r\n\r\n\r\n#boox-talk-insights .talk-title {\r\n    margin: 0;\r\n\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n\r\n    font-size: clamp(42px, 3.3vw, 60px);\r\n    line-height: 1.08;\r\n\r\n    font-weight: 500;\r\n\r\n    letter-spacing: -2px;\r\n\r\n    color: #191919;\r\n}\r\n\r\n\r\n#boox-talk-insights .talk-intro {\r\n    max-width: 970px;\r\n\r\n    margin: 10px auto 0;\r\n\r\n    font-size: 16px;\r\n    line-height: 1.55;\r\n\r\n    font-weight: 400;\r\n\r\n    color: #171717;\r\n}\r\n\r\n\r\n#boox-talk-insights .talk-intro strong {\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n#boox-talk-insights .talk-intro sup {\r\n    position: relative;\r\n    top: -.35em;\r\n\r\n    font-size: 10px;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   TABS\r\n========================================================== *\/\r\n\r\n#boox-talk-insights .talk-tabs {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    margin-top: 42px;\r\n\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n\r\n    border-top: 2px solid rgba(25,25,25,.75);\r\n    border-bottom: 2px solid rgba(25,25,25,.75);\r\n}\r\n\r\n\r\n#boox-talk-insights .talk-tab {\r\n    position: relative;\r\n\r\n    appearance: none;\r\n    -webkit-appearance: none;\r\n\r\n    margin: 0;\r\n    padding: 12px 10px 13px;\r\n\r\n    border: 0;\r\n\r\n    background: transparent;\r\n\r\n    text-align: center;\r\n\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n\r\n    font-size: 24px;\r\n    line-height: 1;\r\n\r\n    font-weight: 400;\r\n\r\n    color: #46413f;\r\n\r\n    cursor: pointer;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   ACTIVE CAPTURE \u2014 HAND DRAWN CIRCLE\r\n========================================================== *\/\r\n\r\n#boox-talk-insights .talk-tab.active {\r\n    color: #171717;\r\n}\r\n\r\n\r\n#boox-talk-insights .talk-tab.active span {\r\n    position: relative;\r\n\r\n    display: inline-block;\r\n\r\n    z-index: 2;\r\n}\r\n\r\n\r\n#boox-talk-insights .talk-tab.active span::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    z-index: -1;\r\n\r\n    left: 50%;\r\n    top: 50%;\r\n\r\n    width: 142px;\r\n    height: 38px;\r\n\r\n    border: 4px solid var(--orange);\r\n\r\n    border-radius: 48% 52% 50% 47%;\r\n\r\n    transform:\r\n        translate(-50%, -50%)\r\n        rotate(-3deg);\r\n\r\n    opacity: .95;\r\n}\r\n\r\n\r\n\/* little imperfect stroke *\/\r\n\r\n#boox-talk-insights .talk-tab.active span::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    right: -25px;\r\n    top: -8px;\r\n\r\n    width: 24px;\r\n    height: 7px;\r\n\r\n    border-top: 3px solid var(--orange);\r\n\r\n    border-radius: 50%;\r\n\r\n    transform: rotate(17deg);\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   CONTENT\r\n========================================================== *\/\r\n\r\n#boox-talk-insights .talk-content {\r\n    width: 100%;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: 64% 36%;\r\n\r\n    align-items: center;\r\n\r\n    gap: 55px;\r\n\r\n    padding-top: 35px;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   IMAGE\r\n========================================================== *\/\r\n\r\n#boox-talk-insights .talk-image-wrap {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius: 28px 28px 0 0;\r\n\r\n    line-height: 0;\r\n}\r\n\r\n\r\n#boox-talk-insights .talk-image {\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: auto;\r\n\r\n    margin: 0;\r\n\r\n    border: 0;\r\n\r\n    object-fit: contain;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   TEXT\r\n========================================================== *\/\r\n\r\n#boox-talk-insights .talk-copy {\r\n    width: 100%;\r\n\r\n    padding-right: 15px;\r\n}\r\n\r\n\r\n#boox-talk-insights .talk-copy p {\r\n    max-width: 410px;\r\n\r\n    margin: 0;\r\n\r\n    font-size: 17px;\r\n    line-height: 1.55;\r\n\r\n    font-weight: 400;\r\n\r\n    color: #171717;\r\n}\r\n\r\n\r\n#boox-talk-insights .talk-copy strong {\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   TABLET\r\n========================================================== *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    #boox-talk-insights .talk-inner {\r\n        width: calc(100% - 50px);\r\n    }\r\n\r\n\r\n    #boox-talk-insights .talk-title {\r\n        font-size: 48px;\r\n    }\r\n\r\n\r\n    #boox-talk-insights .talk-intro {\r\n        font-size: 15px;\r\n    }\r\n\r\n\r\n    #boox-talk-insights .talk-tab {\r\n        font-size: 21px;\r\n    }\r\n\r\n\r\n    #boox-talk-insights .talk-content {\r\n        grid-template-columns: 60% 40%;\r\n\r\n        gap: 35px;\r\n    }\r\n\r\n\r\n    #boox-talk-insights .talk-copy p {\r\n        font-size: 15px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   MOBILE\r\n========================================================== *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    #boox-talk-insights .talk-inner {\r\n        width: calc(100% - 34px);\r\n\r\n        padding-top: 48px;\r\n    }\r\n\r\n\r\n    #boox-talk-insights .talk-title {\r\n        font-size: 37px;\r\n        line-height: 1.08;\r\n\r\n        letter-spacing: -1.5px;\r\n    }\r\n\r\n\r\n    #boox-talk-insights .talk-intro {\r\n        margin-top: 15px;\r\n\r\n        font-size: 14px;\r\n        line-height: 1.5;\r\n    }\r\n\r\n\r\n    #boox-talk-insights .talk-tabs {\r\n        margin-top: 32px;\r\n    }\r\n\r\n\r\n    #boox-talk-insights .talk-tab {\r\n        padding:\r\n            13px\r\n            5px;\r\n\r\n        font-size: 17px;\r\n    }\r\n\r\n\r\n    #boox-talk-insights .talk-tab.active span::after {\r\n        width: 95px;\r\n        height: 31px;\r\n\r\n        border-width: 3px;\r\n    }\r\n\r\n\r\n    #boox-talk-insights .talk-tab.active span::before {\r\n        display: none;\r\n    }\r\n\r\n\r\n    #boox-talk-insights .talk-content {\r\n        display: flex;\r\n\r\n        flex-direction: column;\r\n\r\n        gap: 28px;\r\n\r\n        padding-top: 28px;\r\n    }\r\n\r\n\r\n    #boox-talk-insights .talk-image-wrap {\r\n        width: 100%;\r\n\r\n        border-radius: 20px;\r\n    }\r\n\r\n\r\n    #boox-talk-insights .talk-copy {\r\n        padding:\r\n            0\r\n            3px\r\n            50px;\r\n    }\r\n\r\n\r\n    #boox-talk-insights .talk-copy p {\r\n        max-width: 100%;\r\n\r\n        font-size: 15px;\r\n        line-height: 1.55;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   SMALL MOBILE\r\n========================================================== *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    #boox-talk-insights .talk-inner {\r\n        width: calc(100% - 28px);\r\n    }\r\n\r\n\r\n    #boox-talk-insights .talk-title {\r\n        font-size: 33px;\r\n    }\r\n\r\n\r\n    #boox-talk-insights .talk-tab {\r\n        font-size: 15px;\r\n    }\r\n\r\n\r\n    #boox-talk-insights .talk-tab.active span::after {\r\n        width: 83px;\r\n        height: 28px;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section id=\"boox-talk-insights\">\r\n\r\n    <div class=\"talk-inner\">\r\n\r\n\r\n        <!-- HEADER -->\r\n\r\n        <div class=\"talk-header\">\r\n\r\n            <h2 class=\"talk-title\">\r\n                Stay on track, without scrambling.\r\n            <\/h2>\r\n\r\n            <p class=\"talk-intro\">\r\n\r\n                <strong>Talk Insights<sup>8<\/sup><\/strong>\r\n                delivers real-time transcriptions in multiple languages.\r\n                Keep up with every discussion from group meetings to thesis\r\n                advising sessions. Focus on active listening instead of\r\n                rushing to write or type down everything.\r\n\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- TABS -->\r\n\r\n        <div class=\"talk-tabs\">\r\n\r\n            <button\r\n                class=\"talk-tab active\"\r\n                type=\"button\"\r\n                data-tab=\"capture\"\r\n            >\r\n                <span>Capture<\/span>\r\n            <\/button>\r\n\r\n\r\n            <button\r\n                class=\"talk-tab\"\r\n                type=\"button\"\r\n                data-tab=\"transcribe\"\r\n            >\r\n                <span>Transcribe<\/span>\r\n            <\/button>\r\n\r\n\r\n            <button\r\n                class=\"talk-tab\"\r\n                type=\"button\"\r\n                data-tab=\"summarize\"\r\n            >\r\n                <span>Summarize<\/span>\r\n            <\/button>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- CONTENT -->\r\n\r\n        <div class=\"talk-content\">\r\n\r\n\r\n            <!-- IMAGE -->\r\n\r\n            <div class=\"talk-image-wrap\">\r\n\r\n                <img decoding=\"async\"\r\n                    class=\"talk-image\"\r\n                    src=\"https:\/\/booxarabia.com\/wp-content\/uploads\/2026\/09\/Screenshot-2026-09-16-214746.jpg\"\r\n                    alt=\"BOOX Talk Insights Capture\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- DESCRIPTION -->\r\n\r\n            <div class=\"talk-copy\">\r\n\r\n                <p>\r\n                    Record and write down key words at the same time.\r\n                    You can start and pause recording anytime during\r\n                    a meeting or research interview. If you want a more\r\n                    immersive experience, you can turn on\r\n                    <strong>Focus Mode<\/strong> to hide the scrolling\r\n                    real-time transcription.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6560b29 e-con-full e-flex e-con e-parent\" data-id=\"6560b29\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58ce51c elementor-widget elementor-widget-html\" data-id=\"58ce51c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   BOOX NOTE AIR6 C\r\n   SECTION 07 \u2014 TEXTUAL DEPTH\r\n========================================================= *\/\r\n\r\n#boox-textual-depth,\r\n#boox-textual-depth * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n#boox-textual-depth {\r\n    --page-bg: #f0edeb;\r\n    --card-bg: #e5e0dd;\r\n    --accent: #c97c4d;\r\n    --text: #181818;\r\n\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    overflow: hidden;\r\n\r\n    background: var(--page-bg);\r\n    color: var(--text);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INNER\r\n========================================================= *\/\r\n\r\n#boox-textual-depth .td-inner {\r\n    width: min(1320px, calc(100% - 60px));\r\n\r\n    margin: 0 auto;\r\n\r\n    padding:\r\n        70px\r\n        0\r\n        0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n#boox-textual-depth .td-header {\r\n    width: 100%;\r\n\r\n    max-width: 1050px;\r\n\r\n    margin: 0 auto;\r\n\r\n    text-align: center;\r\n}\r\n\r\n\r\n#boox-textual-depth .td-title {\r\n    margin: 0;\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size: clamp(42px, 3.2vw, 58px);\r\n\r\n    line-height: 1.08;\r\n\r\n    font-weight: 500;\r\n\r\n    letter-spacing: -2px;\r\n\r\n    color: #181818;\r\n}\r\n\r\n\r\n#boox-textual-depth .td-description {\r\n    max-width: 960px;\r\n\r\n    margin:\r\n        11px\r\n        auto\r\n        0;\r\n\r\n    font-size: 15.5px;\r\n\r\n    line-height: 1.5;\r\n\r\n    font-weight: 400;\r\n\r\n    color: #191919;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT AREA\r\n========================================================= *\/\r\n\r\n#boox-textual-depth .td-content-wrap {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    margin-top: 72px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ORANGE TAB\r\n========================================================= *\/\r\n\r\n#boox-textual-depth .td-tab {\r\n    position: absolute;\r\n\r\n    z-index: 5;\r\n\r\n    top: -48px;\r\n    left: 42px;\r\n\r\n    width: 275px;\r\n    height: 49px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    background: var(--accent);\r\n\r\n    color: #fff;\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 600;\r\n\r\n    border-radius:\r\n        25px\r\n        25px\r\n        0\r\n        0;\r\n}\r\n\r\n\r\n\/*\r\n  \u064a\u0639\u0637\u064a \u0627\u0644\u0637\u0631\u0641\u064a\u0646 \u0634\u0643\u0644 \u0627\u0644\u062a\u0627\u0628 \u0627\u0644\u0645\u0648\u062c\u0648\u062f\r\n  \u0628\u0627\u0644\u0645\u0631\u062c\u0639 \u0628\u062f\u0644 \u0645\u0633\u062a\u0637\u064a\u0644 \u0639\u0627\u062f\u064a\r\n*\/\r\n\r\n#boox-textual-depth .td-tab::before,\r\n#boox-textual-depth .td-tab::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    bottom: 0;\r\n\r\n    width: 30px;\r\n    height: 20px;\r\n\r\n    background: var(--accent);\r\n}\r\n\r\n\r\n#boox-textual-depth .td-tab::before {\r\n    left: -16px;\r\n\r\n    transform: skewX(-30deg);\r\n\r\n    border-radius: 12px 0 0 0;\r\n}\r\n\r\n\r\n#boox-textual-depth .td-tab::after {\r\n    right: -16px;\r\n\r\n    transform: skewX(30deg);\r\n\r\n    border-radius: 0 12px 0 0;\r\n}\r\n\r\n\r\n\/* keep text above pseudo elements *\/\r\n\r\n#boox-textual-depth .td-tab span {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LARGE CARD\r\n========================================================= *\/\r\n\r\n#boox-textual-depth .td-card {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    min-height: 590px;\r\n\r\n    overflow: hidden;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        56%\r\n        44%;\r\n\r\n    align-items: stretch;\r\n\r\n    background: var(--card-bg);\r\n\r\n    border-radius:\r\n        28px\r\n        28px\r\n        0\r\n        0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT \u2014 IMAGE\r\n========================================================= *\/\r\n\r\n#boox-textual-depth .td-visual {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    min-height: 590px;\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n#boox-textual-depth .td-device-image {\r\n    position: absolute;\r\n\r\n    \/*\r\n       \u0628\u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0623\u0635\u0644\u064a\u0629 \u0627\u0644\u062c\u0647\u0627\u0632 \u062f\u0627\u062e\u0644 \u0645\u0646\r\n       \u0627\u0644\u0637\u0631\u0641 \u0627\u0644\u064a\u0633\u0627\u0631 \u0648\u062a\u062d\u062a\r\n    *\/\r\n\r\n    left: -3px;\r\n    bottom: -2px;\r\n\r\n    display: block;\r\n\r\n    width: 82%;\r\n    max-width: 610px;\r\n\r\n    height: auto;\r\n\r\n    margin: 0;\r\n\r\n    border: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT \u2014 TEXT\r\n========================================================= *\/\r\n\r\n#boox-textual-depth .td-copy {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    padding:\r\n        50px\r\n        75px\r\n        50px\r\n        20px;\r\n}\r\n\r\n\r\n#boox-textual-depth .td-copy p {\r\n    max-width: 420px;\r\n\r\n    margin: 0;\r\n\r\n    font-size: 16px;\r\n\r\n    line-height: 1.55;\r\n\r\n    font-weight: 400;\r\n\r\n    color: #34312f;\r\n}\r\n\r\n\r\n#boox-textual-depth .td-copy strong {\r\n    font-weight: 700;\r\n\r\n    color: #292725;\r\n}\r\n\r\n\r\n#boox-textual-depth .td-copy sup {\r\n    position: relative;\r\n\r\n    top: -.4em;\r\n\r\n    font-size: 10px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HIGHLIGHT EFFECT\r\n========================================================= *\/\r\n\r\n#boox-textual-depth .td-highlight {\r\n    position: relative;\r\n\r\n    display: inline;\r\n\r\n    z-index: 1;\r\n}\r\n\r\n\r\n#boox-textual-depth .td-highlight::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    z-index: -1;\r\n\r\n    left: -2px;\r\n    right: -2px;\r\n\r\n    bottom: 1px;\r\n\r\n    height: 8px;\r\n\r\n    background: rgba(201,124,77,.48);\r\n\r\n    transform: rotate(-1deg);\r\n\r\n    border-radius: 2px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   UNDERLINE EFFECT\r\n========================================================= *\/\r\n\r\n#boox-textual-depth .td-underline {\r\n    position: relative;\r\n\r\n    display: inline-block;\r\n}\r\n\r\n\r\n#boox-textual-depth .td-underline::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    right: 0;\r\n\r\n    bottom: -1px;\r\n\r\n    height: 2px;\r\n\r\n    background: #444;\r\n\r\n    transform: rotate(-1deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    #boox-textual-depth .td-inner {\r\n        width: calc(100% - 50px);\r\n\r\n        padding-top: 60px;\r\n    }\r\n\r\n\r\n    #boox-textual-depth .td-title {\r\n        font-size: 47px;\r\n    }\r\n\r\n\r\n    #boox-textual-depth .td-content-wrap {\r\n        margin-top: 65px;\r\n    }\r\n\r\n\r\n    #boox-textual-depth .td-card {\r\n        min-height: 520px;\r\n\r\n        grid-template-columns:\r\n            55%\r\n            45%;\r\n    }\r\n\r\n\r\n    #boox-textual-depth .td-visual {\r\n        min-height: 520px;\r\n    }\r\n\r\n\r\n    #boox-textual-depth .td-device-image {\r\n        width: 90%;\r\n    }\r\n\r\n\r\n    #boox-textual-depth .td-copy {\r\n        padding:\r\n            40px\r\n            40px\r\n            40px\r\n            10px;\r\n    }\r\n\r\n\r\n    #boox-textual-depth .td-copy p {\r\n        font-size: 15px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    #boox-textual-depth .td-inner {\r\n        width: calc(100% - 34px);\r\n\r\n        padding-top: 50px;\r\n    }\r\n\r\n\r\n    #boox-textual-depth .td-title {\r\n        font-size: 36px;\r\n\r\n        line-height: 1.08;\r\n\r\n        letter-spacing: -1.5px;\r\n    }\r\n\r\n\r\n    #boox-textual-depth .td-description {\r\n        margin-top: 15px;\r\n\r\n        font-size: 14px;\r\n\r\n        line-height: 1.5;\r\n    }\r\n\r\n\r\n    #boox-textual-depth .td-content-wrap {\r\n        margin-top: 70px;\r\n    }\r\n\r\n\r\n    \/* TAB *\/\r\n\r\n    #boox-textual-depth .td-tab {\r\n        left: 22px;\r\n\r\n        top: -42px;\r\n\r\n        width: 210px;\r\n        height: 43px;\r\n\r\n        font-size: 13px;\r\n    }\r\n\r\n\r\n    \/* CARD *\/\r\n\r\n    #boox-textual-depth .td-card {\r\n        display: flex;\r\n\r\n        flex-direction: column;\r\n\r\n        min-height: 0;\r\n\r\n        border-radius:\r\n            22px\r\n            22px\r\n            0\r\n            0;\r\n    }\r\n\r\n\r\n    \/* IMAGE *\/\r\n\r\n    #boox-textual-depth .td-visual {\r\n        min-height: 480px;\r\n    }\r\n\r\n\r\n    #boox-textual-depth .td-device-image {\r\n        width: 88%;\r\n\r\n        max-width: none;\r\n\r\n        left: 0;\r\n    }\r\n\r\n\r\n    \/* COPY *\/\r\n\r\n    #boox-textual-depth .td-copy {\r\n        padding:\r\n            35px\r\n            28px\r\n            45px;\r\n    }\r\n\r\n\r\n    #boox-textual-depth .td-copy p {\r\n        max-width: 100%;\r\n\r\n        font-size: 15px;\r\n\r\n        line-height: 1.55;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    #boox-textual-depth .td-inner {\r\n        width: calc(100% - 28px);\r\n    }\r\n\r\n\r\n    #boox-textual-depth .td-title {\r\n        font-size: 33px;\r\n    }\r\n\r\n\r\n    #boox-textual-depth .td-visual {\r\n        min-height: 400px;\r\n    }\r\n\r\n\r\n    #boox-textual-depth .td-device-image {\r\n        width: 96%;\r\n    }\r\n\r\n\r\n    #boox-textual-depth .td-tab {\r\n        left: 18px;\r\n\r\n        width: 190px;\r\n\r\n        font-size: 12px;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section id=\"boox-textual-depth\">\r\n\r\n    <div class=\"td-inner\">\r\n\r\n\r\n        <!-- ==============================================\r\n             HEADER\r\n        =============================================== -->\r\n\r\n        <div class=\"td-header\">\r\n\r\n            <h2 class=\"td-title\">\r\n                For textual depth, page by page.\r\n            <\/h2>\r\n\r\n\r\n            <p class=\"td-description\">\r\n                Handle complex documents with the Note Air6 C.\r\n                Reading tools within NeoReader transform overwhelming\r\n                content into clear, actionable knowledge. Get the most\r\n                out of your academic reading, from digesting dense papers\r\n                to examining colored charts.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- ==============================================\r\n             CONTENT\r\n        =============================================== -->\r\n\r\n        <div class=\"td-content-wrap\">\r\n\r\n\r\n            <!-- ORANGE TAB -->\r\n\r\n            <div class=\"td-tab\">\r\n                <span>\r\n                    Consume with Intention\r\n                <\/span>\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- LARGE CARD -->\r\n\r\n            <div class=\"td-card\">\r\n\r\n\r\n                <!-- LEFT IMAGE -->\r\n\r\n                <div class=\"td-visual\">\r\n\r\n                    <img decoding=\"async\"\r\n                        class=\"td-device-image\"\r\n                        src=\"https:\/\/booxarabia.com\/wp-content\/uploads\/2026\/09\/Screenshot-2026-09-16-215415.jpg\"\r\n                        alt=\"BOOX Note Air6 C NeoReader\"\r\n                        loading=\"lazy\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- RIGHT TEXT -->\r\n\r\n                <div class=\"td-copy\">\r\n\r\n                    <p>\r\n                        Rebuild attention with active reading.\r\n                        <span class=\"td-highlight\">Highlight<\/span>\r\n                        or\r\n                        <span class=\"td-underline\">underline<\/span>\r\n                        to color-code core arguments and supporting\r\n                        evidence. Write margin notes directly on documents\r\n                        across <strong>multiple formats<sup>9<\/sup><\/strong>\r\n                        to turn passive reading into active intellectual\r\n                        dialogue.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5bbcded e-con-full e-flex e-con e-parent\" data-id=\"5bbcded\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc7c33c elementor-widget elementor-widget-html\" data-id=\"dc7c33c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* ==========================================================\r\n   BOOX NOTE AIR6 C\r\n   SECTION 08 \u2014 STUDY HUB\r\n========================================================== *\/\r\n\r\n#boox-study-hub,\r\n#boox-study-hub * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n#boox-study-hub {\r\n    --bg: #968d90;\r\n    --card: #eeebe7;\r\n    --white: #ffffff;\r\n\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    overflow: hidden;\r\n\r\n    background: var(--bg);\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   INNER\r\n========================================================== *\/\r\n\r\n#boox-study-hub .study-inner {\r\n    width: min(1440px, calc(100% - 70px));\r\n    margin: 0 auto;\r\n\r\n    padding: 72px 0 78px;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   TITLE\r\n========================================================== *\/\r\n\r\n#boox-study-hub .study-title {\r\n    margin: 0 0 45px;\r\n\r\n    text-align: center;\r\n\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n\r\n    font-size: clamp(43px, 3.3vw, 60px);\r\n    line-height: 1.08;\r\n\r\n    font-weight: 500;\r\n\r\n    letter-spacing: -2px;\r\n\r\n    color: #fff;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   GRID\r\n========================================================== *\/\r\n\r\n#boox-study-hub .study-grid {\r\n    display: grid;\r\n\r\n    grid-template-columns: repeat(3, 1fr);\r\n\r\n    gap: 50px;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   ITEM\r\n========================================================== *\/\r\n\r\n#boox-study-hub .study-item {\r\n    min-width: 0;\r\n\r\n    text-align: center;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   IMAGE CARD\r\n========================================================== *\/\r\n\r\n#boox-study-hub .study-card {\r\n    width: 100%;\r\n\r\n    aspect-ratio: 1 \/ 1.12;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius: 10px;\r\n\r\n    background: var(--card);\r\n\r\n    line-height: 0;\r\n}\r\n\r\n\r\n#boox-study-hub .study-card img {\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    border: 0;\r\n\r\n    object-fit: cover;\r\n    object-position: center;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   TEXT BELOW CARDS\r\n========================================================== *\/\r\n\r\n#boox-study-hub .study-content {\r\n    padding-top: 23px;\r\n}\r\n\r\n\r\n#boox-study-hub .study-item-title {\r\n    margin: 0;\r\n\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n\r\n    font-size: 23px;\r\n    line-height: 1.2;\r\n\r\n    font-weight: 600;\r\n\r\n    color: #fff;\r\n}\r\n\r\n\r\n#boox-study-hub .study-item-title sup {\r\n    position: relative;\r\n\r\n    top: -.45em;\r\n\r\n    margin-left: 2px;\r\n\r\n    font-size: 11px;\r\n}\r\n\r\n\r\n\/* DESCRIPTION *\/\r\n\r\n#boox-study-hub .study-description {\r\n    max-width: 410px;\r\n\r\n    margin: 9px auto 0;\r\n\r\n    font-size: 16px;\r\n    line-height: 1.5;\r\n\r\n    font-weight: 400;\r\n\r\n    color: rgba(255,255,255,.96);\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   TABLET\r\n========================================================== *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    #boox-study-hub .study-inner {\r\n        width: calc(100% - 50px);\r\n\r\n        padding:\r\n            62px\r\n            0\r\n            65px;\r\n    }\r\n\r\n\r\n    #boox-study-hub .study-title {\r\n        margin-bottom: 38px;\r\n\r\n        font-size: 47px;\r\n    }\r\n\r\n\r\n    #boox-study-hub .study-grid {\r\n        gap: 25px;\r\n    }\r\n\r\n\r\n    #boox-study-hub .study-item-title {\r\n        font-size: 20px;\r\n    }\r\n\r\n\r\n    #boox-study-hub .study-description {\r\n        font-size: 14px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   MOBILE\r\n========================================================== *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    #boox-study-hub .study-inner {\r\n        width: calc(100% - 36px);\r\n\r\n        padding:\r\n            50px\r\n            0\r\n            55px;\r\n    }\r\n\r\n\r\n    #boox-study-hub .study-title {\r\n        max-width: 500px;\r\n\r\n        margin:\r\n            0\r\n            auto\r\n            35px;\r\n\r\n        font-size: 36px;\r\n        line-height: 1.08;\r\n\r\n        letter-spacing: -1.5px;\r\n    }\r\n\r\n\r\n    #boox-study-hub .study-grid {\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 45px;\r\n    }\r\n\r\n\r\n    #boox-study-hub .study-item {\r\n        width: 100%;\r\n    }\r\n\r\n\r\n    #boox-study-hub .study-card {\r\n        width: min(100%, 480px);\r\n\r\n        margin: 0 auto;\r\n\r\n        aspect-ratio: 1 \/ 1.12;\r\n\r\n        border-radius: 9px;\r\n    }\r\n\r\n\r\n    #boox-study-hub .study-content {\r\n        padding-top: 18px;\r\n    }\r\n\r\n\r\n    #boox-study-hub .study-item-title {\r\n        font-size: 22px;\r\n    }\r\n\r\n\r\n    #boox-study-hub .study-description {\r\n        max-width: 390px;\r\n\r\n        margin-top: 8px;\r\n\r\n        font-size: 15px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   SMALL MOBILE\r\n========================================================== *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    #boox-study-hub .study-inner {\r\n        width: calc(100% - 28px);\r\n    }\r\n\r\n\r\n    #boox-study-hub .study-title {\r\n        font-size: 33px;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section id=\"boox-study-hub\">\r\n\r\n    <div class=\"study-inner\">\r\n\r\n\r\n        <!-- TITLE -->\r\n\r\n        <h2 class=\"study-title\">\r\n            Get ready with your unique study hub.\r\n        <\/h2>\r\n\r\n\r\n\r\n        <!-- ==================================================\r\n             CARDS\r\n        =================================================== -->\r\n\r\n        <div class=\"study-grid\">\r\n\r\n\r\n            <!-- ==============================================\r\n                 01 \u2014 ANDROID 16\r\n            =============================================== -->\r\n\r\n            <article class=\"study-item\">\r\n\r\n                <div class=\"study-card\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/booxarabia.com\/wp-content\/uploads\/2026\/09\/Screenshot-2026-09-16-215641.jpg\"\r\n                        alt=\"BOOX Android 16\"\r\n                        loading=\"lazy\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"study-content\">\r\n\r\n                    <h3 class=\"study-item-title\">\r\n                        Android 16\r\n                    <\/h3>\r\n\r\n                    <p class=\"study-description\">\r\n                        Download third party apps for learning,\r\n                        self-growth,<br>\r\n                        or a relaxing wind down via the Google Play Store.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- ==============================================\r\n                 02 \u2014 SMOOTH MODE\r\n            =============================================== -->\r\n\r\n            <article class=\"study-item\">\r\n\r\n                <div class=\"study-card\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/booxarabia.com\/wp-content\/uploads\/2026\/09\/Screenshot-2026-09-16-215659.jpg\"\r\n                        alt=\"BOOX Smooth Mode\"\r\n                        loading=\"lazy\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"study-content\">\r\n\r\n                    <h3 class=\"study-item-title\">\r\n                        Smooth Mode\r\n                    <\/h3>\r\n\r\n                    <p class=\"study-description\">\r\n                        Optimized algorithms reduce visual lag<br>\r\n                        for a smoother ePaper experience.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- ==============================================\r\n                 03 \u2014 EINKWISE CODE\r\n            =============================================== -->\r\n\r\n            <article class=\"study-item\">\r\n\r\n                <div class=\"study-card\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/booxarabia.com\/wp-content\/uploads\/2026\/09\/Screenshot-2026-09-16-215711.jpg\"\r\n                        alt=\"BOOX EinkWise Code\"\r\n                        loading=\"lazy\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"study-content\">\r\n\r\n                    <h3 class=\"study-item-title\">\r\n                        EinkWise Code<sup>12<\/sup>\r\n                    <\/h3>\r\n\r\n                    <p class=\"study-description\">\r\n                        Set up ePaper settings instantly with EinkWise Code<br>\r\n                        for text-reading, color PDFs, or online research.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4db8529 e-con-full e-flex e-con e-parent\" data-id=\"4db8529\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-183a443 elementor-widget elementor-widget-html\" data-id=\"183a443\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   BOOX NOTE AIR6 C\r\n   SECTION 09 \u2014 SEAMLESS LEARNING\r\n========================================================= *\/\r\n\r\n#boox-seamless,\r\n#boox-seamless * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n#boox-seamless {\r\n    --bg: #efebe8;\r\n    --text: #171717;\r\n\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    overflow: hidden;\r\n\r\n    background: var(--bg);\r\n    color: var(--text);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INNER\r\n========================================================= *\/\r\n\r\n#boox-seamless .seamless-inner {\r\n    width: min(1320px, calc(100% - 70px));\r\n    margin: 0 auto;\r\n\r\n    padding: 78px 0 55px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n#boox-seamless .seamless-header {\r\n    width: 100%;\r\n    max-width: 1050px;\r\n\r\n    margin: 0 auto;\r\n\r\n    text-align: center;\r\n}\r\n\r\n\r\n#boox-seamless .seamless-title {\r\n    margin: 0;\r\n\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n\r\n    font-size: clamp(43px, 3.25vw, 59px);\r\n    line-height: 1.08;\r\n\r\n    font-weight: 500;\r\n\r\n    letter-spacing: -2px;\r\n\r\n    color: #171717;\r\n}\r\n\r\n\r\n#boox-seamless .seamless-intro {\r\n    max-width: 880px;\r\n\r\n    margin: 12px auto 0;\r\n\r\n    font-size: 16px;\r\n    line-height: 1.5;\r\n\r\n    font-weight: 400;\r\n\r\n    color: #171717;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN CONTENT\r\n========================================================= *\/\r\n\r\n#boox-seamless .seamless-content {\r\n    width: 100%;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: 48% 52%;\r\n\r\n    align-items: center;\r\n\r\n    gap: 65px;\r\n\r\n    margin-top: 65px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DEVICE\r\n========================================================= *\/\r\n\r\n#boox-seamless .seamless-device {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    min-height: 455px;\r\n\r\n    display: flex;\r\n\r\n    align-items: flex-end;\r\n    justify-content: flex-start;\r\n}\r\n\r\n\r\n#boox-seamless .seamless-device img {\r\n    display: block;\r\n\r\n    width: 78%;\r\n    max-width: 500px;\r\n\r\n    height: auto;\r\n\r\n    margin: 0;\r\n\r\n    object-fit: contain;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT CONTENT\r\n========================================================= *\/\r\n\r\n#boox-seamless .seamless-info {\r\n    width: 100%;\r\n\r\n    padding-bottom: 20px;\r\n}\r\n\r\n\r\n#boox-seamless .ecosystem-title {\r\n    margin: 0;\r\n\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n\r\n    font-size: clamp(30px, 2.25vw, 39px);\r\n    line-height: 1.08;\r\n\r\n    font-weight: 500;\r\n\r\n    letter-spacing: -1.3px;\r\n\r\n    color: #171717;\r\n}\r\n\r\n\r\n#boox-seamless .ecosystem-description {\r\n    max-width: 570px;\r\n\r\n    margin: 16px 0 0;\r\n\r\n    font-size: 17px;\r\n    line-height: 1.5;\r\n\r\n    font-weight: 400;\r\n\r\n    color: #171717;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LOGOS\r\n========================================================= *\/\r\n\r\n#boox-seamless .ecosystem-logos {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 65px;\r\n\r\n    margin-top: 58px;\r\n}\r\n\r\n\r\n\/* GOOGLE DRIVE *\/\r\n\r\n#boox-seamless .drive-logo {\r\n    position: relative;\r\n\r\n    width: 65px;\r\n    height: 58px;\r\n}\r\n\r\n\r\n#boox-seamless .drive-logo .drive-green,\r\n#boox-seamless .drive-logo .drive-yellow,\r\n#boox-seamless .drive-logo .drive-blue {\r\n    position: absolute;\r\n}\r\n\r\n\r\n#boox-seamless .drive-logo .drive-green {\r\n    left: 17px;\r\n    top: 0;\r\n\r\n    width: 18px;\r\n    height: 49px;\r\n\r\n    background: #4d9d6a;\r\n\r\n    transform: skew(-30deg);\r\n}\r\n\r\n\r\n#boox-seamless .drive-logo .drive-yellow {\r\n    right: 8px;\r\n    top: 18px;\r\n\r\n    width: 18px;\r\n    height: 40px;\r\n\r\n    background: #e9c844;\r\n\r\n    transform: skew(30deg);\r\n}\r\n\r\n\r\n#boox-seamless .drive-logo .drive-blue {\r\n    left: 7px;\r\n    bottom: 0;\r\n\r\n    width: 47px;\r\n    height: 17px;\r\n\r\n    background: #5d8cc9;\r\n\r\n    transform: skew(-30deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   READWISE\r\n========================================================= *\/\r\n\r\n#boox-seamless .readwise-logo {\r\n    width: 61px;\r\n    height: 61px;\r\n\r\n    border: 2px solid #292929;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    background: transparent;\r\n}\r\n\r\n\r\n#boox-seamless .readwise-logo span {\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n\r\n    font-size: 44px;\r\n    line-height: 1;\r\n\r\n    font-weight: 700;\r\n\r\n    color: #292929;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ZOTERO\r\n========================================================= *\/\r\n\r\n#boox-seamless .zotero-logo {\r\n    position: relative;\r\n\r\n    width: 68px;\r\n    height: 62px;\r\n}\r\n\r\n\r\n#boox-seamless .zotero-back {\r\n    position: absolute;\r\n\r\n    width: 48px;\r\n    height: 48px;\r\n\r\n    right: 0;\r\n    bottom: 0;\r\n\r\n    border-radius: 8px;\r\n\r\n    background: #d9dbe5;\r\n}\r\n\r\n\r\n#boox-seamless .zotero-front {\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    top: 0;\r\n\r\n    width: 54px;\r\n    height: 54px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 9px;\r\n\r\n    background: #fff;\r\n\r\n    box-shadow: 0 3px 8px rgba(0,0,0,.09);\r\n}\r\n\r\n\r\n#boox-seamless .zotero-front span {\r\n    font-family: Arial, sans-serif;\r\n\r\n    font-size: 42px;\r\n    line-height: 1;\r\n\r\n    font-weight: 700;\r\n\r\n    color: #d95b63;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    #boox-seamless .seamless-inner {\r\n        width: calc(100% - 50px);\r\n\r\n        padding-top: 65px;\r\n    }\r\n\r\n\r\n    #boox-seamless .seamless-title {\r\n        font-size: 47px;\r\n    }\r\n\r\n\r\n    #boox-seamless .seamless-content {\r\n        grid-template-columns: 46% 54%;\r\n\r\n        gap: 40px;\r\n\r\n        margin-top: 55px;\r\n    }\r\n\r\n\r\n    #boox-seamless .seamless-device {\r\n        min-height: 390px;\r\n    }\r\n\r\n\r\n    #boox-seamless .seamless-device img {\r\n        width: 90%;\r\n    }\r\n\r\n\r\n    #boox-seamless .ecosystem-title {\r\n        font-size: 31px;\r\n    }\r\n\r\n\r\n    #boox-seamless .ecosystem-description {\r\n        font-size: 15px;\r\n    }\r\n\r\n\r\n    #boox-seamless .ecosystem-logos {\r\n        gap: 45px;\r\n\r\n        margin-top: 45px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    #boox-seamless .seamless-inner {\r\n        width: calc(100% - 36px);\r\n\r\n        padding:\r\n            50px\r\n            0\r\n            55px;\r\n    }\r\n\r\n\r\n    #boox-seamless .seamless-title {\r\n        font-size: 36px;\r\n        line-height: 1.08;\r\n\r\n        letter-spacing: -1.5px;\r\n    }\r\n\r\n\r\n    #boox-seamless .seamless-intro {\r\n        margin-top: 15px;\r\n\r\n        font-size: 14px;\r\n        line-height: 1.5;\r\n    }\r\n\r\n\r\n    #boox-seamless .seamless-content {\r\n        display: flex;\r\n\r\n        flex-direction: column;\r\n\r\n        gap: 38px;\r\n\r\n        margin-top: 45px;\r\n    }\r\n\r\n\r\n    \/* DEVICE *\/\r\n\r\n    #boox-seamless .seamless-device {\r\n        min-height: 0;\r\n\r\n        justify-content: center;\r\n    }\r\n\r\n\r\n    #boox-seamless .seamless-device img {\r\n        width: 78%;\r\n        max-width: 420px;\r\n    }\r\n\r\n\r\n    \/* INFO *\/\r\n\r\n    #boox-seamless .seamless-info {\r\n        width: 100%;\r\n\r\n        padding: 0;\r\n    }\r\n\r\n\r\n    #boox-seamless .ecosystem-title {\r\n        font-size: 30px;\r\n    }\r\n\r\n\r\n    #boox-seamless .ecosystem-description {\r\n        max-width: 100%;\r\n\r\n        margin-top: 14px;\r\n\r\n        font-size: 15px;\r\n    }\r\n\r\n\r\n    #boox-seamless .ecosystem-logos {\r\n        gap: 42px;\r\n\r\n        margin-top: 35px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    #boox-seamless .seamless-inner {\r\n        width: calc(100% - 28px);\r\n    }\r\n\r\n\r\n    #boox-seamless .seamless-title {\r\n        font-size: 33px;\r\n    }\r\n\r\n\r\n    #boox-seamless .seamless-device img {\r\n        width: 90%;\r\n    }\r\n\r\n\r\n    #boox-seamless .ecosystem-title {\r\n        font-size: 27px;\r\n    }\r\n\r\n\r\n    #boox-seamless .ecosystem-logos {\r\n        justify-content: space-between;\r\n\r\n        gap: 20px;\r\n\r\n        max-width: 280px;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section id=\"boox-seamless\">\r\n\r\n    <div class=\"seamless-inner\">\r\n\r\n\r\n        <!-- ==============================================\r\n             HEADER\r\n        =============================================== -->\r\n\r\n        <div class=\"seamless-header\">\r\n\r\n            <h2 class=\"seamless-title\">\r\n                Seamless learning for productivity.\r\n            <\/h2>\r\n\r\n\r\n            <p class=\"seamless-intro\">\r\n                The Note Air6 C helps build a digital eKnowledge system.\r\n                With seamless cloud backup and multi-device synchronization,\r\n                its open Android 16 OS also offers third-party integration.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- ==============================================\r\n             MAIN CONTENT\r\n        =============================================== -->\r\n\r\n        <div class=\"seamless-content\">\r\n\r\n\r\n            <!-- DEVICE -->\r\n\r\n            <div class=\"seamless-device\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/booxarabia.com\/wp-content\/uploads\/2026\/09\/Screenshot-2026-09-16-220052.jpg\"\r\n                    alt=\"BOOX Note Air6 C Third Party Integration\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- RIGHT -->\r\n\r\n            <div class=\"seamless-info\">\r\n\r\n                <h3 class=\"ecosystem-title\">\r\n                    Third-Party Ecosystem Ready\r\n                <\/h3>\r\n\r\n\r\n                <p class=\"ecosystem-description\">\r\n                    Play nice with your favorite platforms. Effortlessly\r\n                    integrate with third-party cloud services like Google Drive,\r\n                    Readwise, and Zotero, to sync your books and reading insights\r\n                    across devices.\r\n                <\/p>\r\n\r\n\r\n\r\n                <!-- LOGOS -->\r\n\r\n                <div class=\"ecosystem-logos\">\r\n\r\n\r\n                    <!-- GOOGLE DRIVE -->\r\n\r\n                    <div\r\n                        class=\"drive-logo\"\r\n                        aria-label=\"Google Drive\"\r\n                    >\r\n                        <span class=\"drive-green\"><\/span>\r\n                        <span class=\"drive-yellow\"><\/span>\r\n                        <span class=\"drive-blue\"><\/span>\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <!-- READWISE -->\r\n\r\n                    <div\r\n                        class=\"readwise-logo\"\r\n                        aria-label=\"Readwise\"\r\n                    >\r\n                        <span>R<\/span>\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <!-- ZOTERO -->\r\n\r\n                    <div\r\n                        class=\"zotero-logo\"\r\n                        aria-label=\"Zotero\"\r\n                    >\r\n\r\n                        <span class=\"zotero-back\"><\/span>\r\n\r\n                        <span class=\"zotero-front\">\r\n                            <span>Z<\/span>\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-527b0d6 e-con-full e-flex e-con e-parent\" data-id=\"527b0d6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-65cd7b7 elementor-widget elementor-widget-html\" data-id=\"65cd7b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* ==========================================================\r\n   BOOX NOTE AIR6 C\r\n   SECTION 10 \u2014 PRODUCTIVITY\r\n========================================================== *\/\r\n\r\n#boox-productivity,\r\n#boox-productivity * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n#boox-productivity {\r\n    --bg: #efebe8;\r\n    --text: #181818;\r\n\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    overflow: hidden;\r\n\r\n    background: var(--bg);\r\n    color: var(--text);\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   INNER\r\n========================================================== *\/\r\n\r\n#boox-productivity .productivity-inner {\r\n    width: min(1320px, calc(100% - 70px));\r\n\r\n    margin: 0 auto;\r\n\r\n    padding: 0 0 35px;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   ROW\r\n========================================================== *\/\r\n\r\n#boox-productivity .productivity-row {\r\n    width: 100%;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: 1fr 1fr;\r\n\r\n    align-items: center;\r\n\r\n    column-gap: 85px;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   FIRST ROW\r\n========================================================== *\/\r\n\r\n#boox-productivity .productivity-row-one {\r\n    min-height: 440px;\r\n\r\n    align-items: start;\r\n\r\n    padding-top: 70px;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   SECOND ROW\r\n========================================================== *\/\r\n\r\n#boox-productivity .productivity-row-two {\r\n    min-height: 430px;\r\n\r\n    margin-top: 30px;\r\n\r\n    align-items: center;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   TEXT\r\n========================================================== *\/\r\n\r\n#boox-productivity .productivity-copy {\r\n    width: 100%;\r\n}\r\n\r\n\r\n#boox-productivity .productivity-row-one .productivity-copy {\r\n    padding-top: 20px;\r\n}\r\n\r\n\r\n#boox-productivity .productivity-title {\r\n    margin: 0;\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size: clamp(31px, 2.5vw, 40px);\r\n\r\n    line-height: 1.1;\r\n\r\n    font-weight: 500;\r\n\r\n    letter-spacing: -1.4px;\r\n\r\n    color: #181818;\r\n}\r\n\r\n\r\n#boox-productivity .productivity-description {\r\n    max-width: 515px;\r\n\r\n    margin: 16px 0 0;\r\n\r\n    font-size: 17px;\r\n\r\n    line-height: 1.55;\r\n\r\n    font-weight: 400;\r\n\r\n    color: #171717;\r\n}\r\n\r\n\r\n#boox-productivity .productivity-description strong {\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n#boox-productivity .productivity-description sup {\r\n    position: relative;\r\n\r\n    top: -.4em;\r\n\r\n    margin-left: 1px;\r\n\r\n    font-size: 10px;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   FIRST IMAGE \u2014 CALENDAR\r\n========================================================== *\/\r\n\r\n#boox-productivity .calendar-image-wrap {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    min-height: 360px;\r\n\r\n    display: flex;\r\n\r\n    align-items: flex-start;\r\n    justify-content: center;\r\n}\r\n\r\n\r\n#boox-productivity .calendar-image {\r\n    display: block;\r\n\r\n    width: 83%;\r\n    max-width: 510px;\r\n\r\n    height: auto;\r\n\r\n    margin-top: -65px;\r\n\r\n    object-fit: contain;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   SECOND IMAGE \u2014 DEVICES\r\n========================================================== *\/\r\n\r\n#boox-productivity .devices-image-wrap {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    min-height: 390px;\r\n\r\n    display: flex;\r\n\r\n    align-items: flex-end;\r\n    justify-content: flex-start;\r\n}\r\n\r\n\r\n#boox-productivity .devices-image {\r\n    display: block;\r\n\r\n    width: 100%;\r\n    max-width: 620px;\r\n\r\n    height: auto;\r\n\r\n    margin: 0;\r\n\r\n    object-fit: contain;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   SECOND TEXT POSITION\r\n========================================================== *\/\r\n\r\n#boox-productivity .transfer-copy {\r\n    padding-left: 10px;\r\n    padding-bottom: 35px;\r\n}\r\n\r\n\r\n#boox-productivity .transfer-copy\r\n.productivity-description {\r\n    max-width: 525px;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   ICONS\r\n========================================================== *\/\r\n\r\n#boox-productivity .transfer-icons {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 65px;\r\n\r\n    margin-top: 45px;\r\n}\r\n\r\n\r\n\/* BOOXDROP ICON *\/\r\n\r\n#boox-productivity .drop-icon {\r\n    width: 62px;\r\n    height: 62px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border: 2px solid #333;\r\n\r\n    border-radius: 12px;\r\n\r\n    background: #efebe8;\r\n}\r\n\r\n\r\n#boox-productivity .drop-icon-inner {\r\n    position: relative;\r\n\r\n    width: 34px;\r\n    height: 27px;\r\n\r\n    border: 3px solid #333;\r\n\r\n    border-radius: 4px;\r\n\r\n    background: #a9d5d1;\r\n}\r\n\r\n\r\n#boox-productivity .drop-icon-inner::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 5px;\r\n    top: 5px;\r\n\r\n    width: 17px;\r\n    height: 7px;\r\n\r\n    border-top: 3px solid #333;\r\n    border-right: 3px solid #333;\r\n\r\n    transform: skewX(35deg);\r\n}\r\n\r\n\r\n#boox-productivity .drop-icon-inner::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    right: 5px;\r\n    bottom: 5px;\r\n\r\n    width: 17px;\r\n    height: 7px;\r\n\r\n    border-bottom: 3px solid #333;\r\n    border-left: 3px solid #333;\r\n\r\n    transform: skewX(35deg);\r\n}\r\n\r\n\r\n\/* BOOX ICON *\/\r\n\r\n#boox-productivity .boox-icon {\r\n    width: 62px;\r\n    height: 62px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border: 2px solid #333;\r\n\r\n    border-radius: 12px;\r\n\r\n    background: #f7f4f1;\r\n\r\n    font-family: Arial, sans-serif;\r\n\r\n    font-size: 15px;\r\n\r\n    letter-spacing: -.7px;\r\n\r\n    color: #444;\r\n}\r\n\r\n\r\n#boox-productivity .boox-icon .b {\r\n    color: #557f9b;\r\n}\r\n\r\n#boox-productivity .boox-icon .o1 {\r\n    color: #c58265;\r\n}\r\n\r\n#boox-productivity .boox-icon .o2 {\r\n    color: #d6a04e;\r\n}\r\n\r\n#boox-productivity .boox-icon .x {\r\n    color: #7b9b73;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   TABLET\r\n========================================================== *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    #boox-productivity .productivity-inner {\r\n        width: calc(100% - 50px);\r\n    }\r\n\r\n\r\n    #boox-productivity .productivity-row {\r\n        column-gap: 45px;\r\n    }\r\n\r\n\r\n    #boox-productivity .productivity-row-one {\r\n        min-height: 390px;\r\n\r\n        padding-top: 60px;\r\n    }\r\n\r\n\r\n    #boox-productivity .productivity-title {\r\n        font-size: 31px;\r\n    }\r\n\r\n\r\n    #boox-productivity .productivity-description {\r\n        font-size: 15px;\r\n    }\r\n\r\n\r\n    #boox-productivity .calendar-image {\r\n        width: 92%;\r\n\r\n        margin-top: -45px;\r\n    }\r\n\r\n\r\n    #boox-productivity .devices-image {\r\n        width: 100%;\r\n    }\r\n\r\n\r\n    #boox-productivity .transfer-icons {\r\n        gap: 45px;\r\n\r\n        margin-top: 35px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   MOBILE\r\n========================================================== *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    #boox-productivity .productivity-inner {\r\n        width: calc(100% - 36px);\r\n\r\n        padding:\r\n            45px\r\n            0\r\n            55px;\r\n    }\r\n\r\n\r\n    #boox-productivity .productivity-row {\r\n        display: flex;\r\n\r\n        flex-direction: column;\r\n\r\n        gap: 30px;\r\n\r\n        min-height: 0;\r\n    }\r\n\r\n\r\n    \/* ======================\r\n       ROW 1\r\n    ====================== *\/\r\n\r\n    #boox-productivity .productivity-row-one {\r\n        padding-top: 0;\r\n    }\r\n\r\n\r\n    #boox-productivity .productivity-row-one\r\n    .productivity-copy {\r\n        padding-top: 0;\r\n\r\n        order: 1;\r\n    }\r\n\r\n\r\n    #boox-productivity .calendar-image-wrap {\r\n        min-height: 0;\r\n\r\n        order: 2;\r\n\r\n        justify-content: center;\r\n    }\r\n\r\n\r\n    #boox-productivity .calendar-image {\r\n        width: 88%;\r\n        max-width: 430px;\r\n\r\n        margin-top: 0;\r\n    }\r\n\r\n\r\n    \/* ======================\r\n       ROW 2\r\n    ====================== *\/\r\n\r\n    #boox-productivity .productivity-row-two {\r\n        margin-top: 60px;\r\n    }\r\n\r\n\r\n    #boox-productivity .devices-image-wrap {\r\n        min-height: 0;\r\n\r\n        order: 1;\r\n    }\r\n\r\n\r\n    #boox-productivity .transfer-copy {\r\n        order: 2;\r\n\r\n        padding:\r\n            0\r\n            0\r\n            0;\r\n    }\r\n\r\n\r\n    #boox-productivity .devices-image {\r\n        width: 100%;\r\n        max-width: 520px;\r\n\r\n        margin: 0 auto;\r\n    }\r\n\r\n\r\n    \/* TEXT *\/\r\n\r\n    #boox-productivity .productivity-title {\r\n        font-size: 30px;\r\n\r\n        line-height: 1.1;\r\n    }\r\n\r\n\r\n    #boox-productivity .productivity-description {\r\n        max-width: 100%;\r\n\r\n        margin-top: 13px;\r\n\r\n        font-size: 15px;\r\n\r\n        line-height: 1.55;\r\n    }\r\n\r\n\r\n    #boox-productivity .transfer-icons {\r\n        gap: 35px;\r\n\r\n        margin-top: 30px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   SMALL MOBILE\r\n========================================================== *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    #boox-productivity .productivity-inner {\r\n        width: calc(100% - 28px);\r\n    }\r\n\r\n\r\n    #boox-productivity .productivity-title {\r\n        font-size: 27px;\r\n    }\r\n\r\n\r\n    #boox-productivity .calendar-image {\r\n        width: 100%;\r\n    }\r\n\r\n\r\n    #boox-productivity .devices-image {\r\n        width: 105%;\r\n\r\n        max-width: none;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section id=\"boox-productivity\">\r\n\r\n    <div class=\"productivity-inner\">\r\n\r\n\r\n        <!-- ==================================================\r\n             ROW 01\r\n             TEXT LEFT \/ IMAGE RIGHT\r\n        =================================================== -->\r\n\r\n        <div class=\"productivity-row productivity-row-one\">\r\n\r\n\r\n            <!-- TEXT -->\r\n\r\n            <div class=\"productivity-copy\">\r\n\r\n                <h2 class=\"productivity-title\">\r\n                    Plan Your Day in One Place\r\n                <\/h2>\r\n\r\n\r\n                <p class=\"productivity-description\">\r\n                    Time management made easy. Write down anything for\r\n                    reminders, turn handwritten content into to-do tasks,\r\n                    and organize your schedule with calendar sync,\r\n                    directly from the\r\n                    <strong>Calendar Memo<sup>13<\/sup><\/strong>.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- IMAGE -->\r\n\r\n            <div class=\"calendar-image-wrap\">\r\n\r\n                <img decoding=\"async\"\r\n                    class=\"calendar-image\"\r\n                    src=\"https:\/\/booxarabia.com\/wp-content\/uploads\/2026\/09\/Screenshot-2026-09-16-221004.jpg\"\r\n                    alt=\"BOOX Note Air6 C Calendar Memo\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- ==================================================\r\n             ROW 02\r\n             IMAGE LEFT \/ TEXT RIGHT\r\n        =================================================== -->\r\n\r\n        <div class=\"productivity-row productivity-row-two\">\r\n\r\n\r\n            <!-- IMAGE -->\r\n\r\n            <div class=\"devices-image-wrap\">\r\n\r\n                <img decoding=\"async\"\r\n                    class=\"devices-image\"\r\n                    src=\"https:\/\/booxarabia.com\/wp-content\/uploads\/2026\/09\/Screenshot-2026-09-16-221011.jpg\"\r\n                    alt=\"BOOX Cross Device Wireless Transfer\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- TEXT -->\r\n\r\n            <div class=\"productivity-copy transfer-copy\">\r\n\r\n                <h2 class=\"productivity-title\">\r\n                    Cross-Device Wireless Transfer\r\n                <\/h2>\r\n\r\n\r\n                <p class=\"productivity-description\">\r\n                    Share your thoughts instantly. Transfer notes,\r\n                    documents, and images across devices using\r\n                    <strong>BOOXDrop<sup>14<\/sup><\/strong>.\r\n                    When it's time to collaborate,\r\n                    <strong>BOOXDrop Screen Mirroring<\/strong>\r\n                    casts your screen in real time for presentations\r\n                    and brainstorming.\r\n                <\/p>\r\n\r\n\r\n\r\n                <!-- ICONS -->\r\n\r\n                <div class=\"transfer-icons\">\r\n\r\n\r\n                    <!-- BOOXDROP -->\r\n\r\n                    <div\r\n                        class=\"drop-icon\"\r\n                        aria-label=\"BOOXDrop\"\r\n                    >\r\n                        <span class=\"drop-icon-inner\"><\/span>\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <!-- BOOX -->\r\n\r\n                    <div\r\n                        class=\"boox-icon\"\r\n                        aria-label=\"BOOX\"\r\n                    >\r\n                        <span class=\"b\">B<\/span>\r\n                        <span class=\"o1\">O<\/span>\r\n                        <span class=\"o2\">O<\/span>\r\n                        <span class=\"x\">X<\/span>\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6b9b399 e-con-full e-flex e-con e-parent\" data-id=\"6b9b399\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ea6032 elementor-widget elementor-widget-html\" data-id=\"9ea6032\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   BOOX NOTE AIR6 C\r\n   SECTION 11 \u2014 10GB CLOUD STORAGE\r\n========================================================= *\/\r\n\r\n#boox-cloud-storage,\r\n#boox-cloud-storage * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n#boox-cloud-storage {\r\n    --bg: #efebe8;\r\n    --text: #171717;\r\n\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    overflow: hidden;\r\n\r\n    background: var(--bg);\r\n    color: var(--text);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INNER\r\n========================================================= *\/\r\n\r\n#boox-cloud-storage .cloud-inner {\r\n    width: min(1320px, calc(100% - 70px));\r\n\r\n    min-height: 660px;\r\n\r\n    margin: 0 auto;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: 46% 54%;\r\n\r\n    align-items: center;\r\n\r\n    column-gap: 30px;\r\n\r\n    padding: 30px 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT TEXT\r\n========================================================= *\/\r\n\r\n#boox-cloud-storage .cloud-copy {\r\n    width: 100%;\r\n\r\n    padding-left: 40px;\r\n\r\n    transform: translateY(-5px);\r\n}\r\n\r\n\r\n#boox-cloud-storage .cloud-title {\r\n    margin: 0;\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size: 35px;\r\n\r\n    line-height: 1.1;\r\n\r\n    font-weight: 500;\r\n\r\n    letter-spacing: -1.3px;\r\n\r\n    color: #171717;\r\n}\r\n\r\n\r\n#boox-cloud-storage .cloud-description {\r\n    max-width: 560px;\r\n\r\n    margin: 17px 0 0;\r\n\r\n    font-size: 17px;\r\n\r\n    line-height: 1.55;\r\n\r\n    font-weight: 400;\r\n\r\n    color: #171717;\r\n}\r\n\r\n\r\n#boox-cloud-storage .cloud-description sup {\r\n    position: relative;\r\n\r\n    top: -.4em;\r\n\r\n    margin-left: 1px;\r\n\r\n    font-size: 10px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT IMAGE\r\n========================================================= *\/\r\n\r\n#boox-cloud-storage .cloud-visual {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    min-height: 590px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n\r\n#boox-cloud-storage .cloud-image {\r\n    display: block;\r\n\r\n    width: 100%;\r\n\r\n    max-width: 700px;\r\n\r\n    height: auto;\r\n\r\n    margin: 0;\r\n\r\n    object-fit: contain;\r\n\r\n    transform: translate(15px, -10px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    #boox-cloud-storage .cloud-inner {\r\n        width: calc(100% - 50px);\r\n\r\n        min-height: 560px;\r\n\r\n        grid-template-columns: 44% 56%;\r\n\r\n        column-gap: 20px;\r\n    }\r\n\r\n\r\n    #boox-cloud-storage .cloud-copy {\r\n        padding-left: 10px;\r\n    }\r\n\r\n\r\n    #boox-cloud-storage .cloud-title {\r\n        font-size: 31px;\r\n    }\r\n\r\n\r\n    #boox-cloud-storage .cloud-description {\r\n        font-size: 15px;\r\n    }\r\n\r\n\r\n    #boox-cloud-storage .cloud-visual {\r\n        min-height: 500px;\r\n    }\r\n\r\n\r\n    #boox-cloud-storage .cloud-image {\r\n        width: 105%;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    #boox-cloud-storage .cloud-inner {\r\n        width: calc(100% - 36px);\r\n\r\n        min-height: 0;\r\n\r\n        display: flex;\r\n\r\n        flex-direction: column;\r\n\r\n        padding: 55px 0 45px;\r\n    }\r\n\r\n\r\n    #boox-cloud-storage .cloud-copy {\r\n        width: 100%;\r\n\r\n        padding: 0;\r\n\r\n        transform: none;\r\n    }\r\n\r\n\r\n    #boox-cloud-storage .cloud-title {\r\n        font-size: 30px;\r\n    }\r\n\r\n\r\n    #boox-cloud-storage .cloud-description {\r\n        max-width: 100%;\r\n\r\n        margin-top: 13px;\r\n\r\n        font-size: 15px;\r\n\r\n        line-height: 1.55;\r\n    }\r\n\r\n\r\n    #boox-cloud-storage .cloud-visual {\r\n        width: 100%;\r\n\r\n        min-height: 0;\r\n\r\n        margin-top: 35px;\r\n    }\r\n\r\n\r\n    #boox-cloud-storage .cloud-image {\r\n        width: 100%;\r\n\r\n        max-width: 600px;\r\n\r\n        transform: none;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    #boox-cloud-storage .cloud-inner {\r\n        width: calc(100% - 28px);\r\n\r\n        padding-top: 45px;\r\n    }\r\n\r\n\r\n    #boox-cloud-storage .cloud-title {\r\n        font-size: 28px;\r\n    }\r\n\r\n\r\n    #boox-cloud-storage .cloud-visual {\r\n        margin-top: 28px;\r\n    }\r\n\r\n\r\n    #boox-cloud-storage .cloud-image {\r\n        width: 110%;\r\n\r\n        max-width: none;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section id=\"boox-cloud-storage\">\r\n\r\n    <div class=\"cloud-inner\">\r\n\r\n\r\n        <!-- =============================================\r\n             LEFT TEXT\r\n        ============================================== -->\r\n\r\n        <div class=\"cloud-copy\">\r\n\r\n            <h2 class=\"cloud-title\">\r\n                10GB Cloud Storage\r\n            <\/h2>\r\n\r\n\r\n            <p class=\"cloud-description\">\r\n                Free 10GB Onyx cloud<sup>15<\/sup> storage to house\r\n                semester-long archives.<br>\r\n                All your papers, lecture notes, textbooks, even reading\r\n                data are<br>\r\n                securely stored and backed up in the cloud.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =============================================\r\n             RIGHT IMAGE\r\n        ============================================== -->\r\n\r\n        <div class=\"cloud-visual\">\r\n\r\n            <img decoding=\"async\"\r\n                class=\"cloud-image\"\r\n                src=\"https:\/\/booxarabia.com\/wp-content\/uploads\/2026\/09\/Screenshot-2026-09-16-221245.jpg\"\r\n                alt=\"BOOX 10GB Onyx Cloud Storage\"\r\n                loading=\"lazy\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-198cd2d e-con-full e-flex e-con e-parent\" data-id=\"198cd2d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2a3c66e elementor-widget elementor-widget-html\" data-id=\"2a3c66e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   BOOX NOTE AIR6 C\r\n   SECTION 12 \u2014 ACCESSORIES\r\n========================================================= *\/\r\n\r\n#boox-accessories,\r\n#boox-accessories * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n#boox-accessories {\r\n    --bg: #efebe8;\r\n    --text: #1b1a19;\r\n    --line: #3f3d3b;\r\n    --orange: #e27f42;\r\n    --button: #ff644d;\r\n\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    overflow: hidden;\r\n\r\n    background: var(--bg);\r\n    color: var(--text);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n#boox-accessories .acc-inner {\r\n    width: min(1380px, calc(100% - 70px));\r\n    margin: 0 auto;\r\n    padding: 32px 0 70px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN TITLE\r\n========================================================= *\/\r\n\r\n#boox-accessories .acc-main-title {\r\n    margin: 0 0 30px;\r\n\r\n    text-align: center;\r\n\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: clamp(43px, 3.3vw, 59px);\r\n    line-height: 1.08;\r\n    font-weight: 500;\r\n    letter-spacing: -2px;\r\n\r\n    color: #171717;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABS\r\n========================================================= *\/\r\n\r\n#boox-accessories .acc-tabs {\r\n    width: 100%;\r\n\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n\r\n    border-top: 2px solid rgba(30,30,30,.78);\r\n    border-bottom: 2px solid rgba(30,30,30,.78);\r\n}\r\n\r\n\r\n#boox-accessories .acc-tab {\r\n    position: relative;\r\n\r\n    appearance: none;\r\n    -webkit-appearance: none;\r\n\r\n    border: 0;\r\n    background: transparent;\r\n\r\n    margin: 0;\r\n    padding: 13px 10px 14px;\r\n\r\n    cursor: pointer;\r\n\r\n    text-align: center;\r\n\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: 22px;\r\n    line-height: 1;\r\n\r\n    font-weight: 400;\r\n\r\n    color: #4c4845;\r\n}\r\n\r\n\r\n#boox-accessories .acc-tab span {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: inline-block;\r\n}\r\n\r\n\r\n#boox-accessories .acc-tab.active {\r\n    color: #171717;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ORANGE HAND-DRAWN CIRCLE\r\n========================================================= *\/\r\n\r\n#boox-accessories .acc-tab.active span::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    z-index: -1;\r\n\r\n    left: 50%;\r\n    top: 50%;\r\n\r\n    width: 195px;\r\n    height: 39px;\r\n\r\n    border: 4px solid var(--orange);\r\n    border-radius: 50% 47% 52% 48%;\r\n\r\n    transform:\r\n        translate(-50%, -50%)\r\n        rotate(-4deg);\r\n\r\n    opacity: .95;\r\n}\r\n\r\n\r\n#boox-accessories .acc-tab.active span::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    right: -24px;\r\n    top: -7px;\r\n\r\n    width: 25px;\r\n    height: 8px;\r\n\r\n    border-top: 3px solid var(--orange);\r\n    border-radius: 50%;\r\n\r\n    transform: rotate(12deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TAB PANEL\r\n========================================================= *\/\r\n\r\n#boox-accessories .acc-panel {\r\n    display: none;\r\n}\r\n\r\n\r\n#boox-accessories .acc-panel.active {\r\n    display: block;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   KEYBOARD CONTENT\r\n========================================================= *\/\r\n\r\n#boox-accessories .acc-content {\r\n    width: 100%;\r\n\r\n    min-height: 520px;\r\n\r\n    display: grid;\r\n    grid-template-columns: 45% 55%;\r\n\r\n    align-items: center;\r\n\r\n    gap: 40px;\r\n\r\n    padding-top: 55px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT COPY\r\n========================================================= *\/\r\n\r\n#boox-accessories .acc-copy {\r\n    width: 100%;\r\n\r\n    padding-left: 105px;\r\n    padding-bottom: 15px;\r\n}\r\n\r\n\r\n#boox-accessories .acc-title {\r\n    margin: 0;\r\n\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n\r\n    font-size: 34px;\r\n    line-height: 1.1;\r\n\r\n    font-weight: 500;\r\n\r\n    letter-spacing: -1.2px;\r\n\r\n    color: #171717;\r\n}\r\n\r\n\r\n#boox-accessories .acc-description {\r\n    max-width: 460px;\r\n\r\n    margin: 17px 0 0;\r\n\r\n    font-size: 17px;\r\n    line-height: 1.55;\r\n\r\n    font-weight: 400;\r\n\r\n    color: #171717;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON\r\n========================================================= *\/\r\n\r\n#boox-accessories .acc-learn {\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    min-width: 128px;\r\n    height: 37px;\r\n\r\n    margin-top: 120px;\r\n\r\n    padding: 0 22px;\r\n\r\n    border-radius: 100px;\r\n\r\n    background: var(--button);\r\n    color: #fff;\r\n\r\n    text-decoration: none;\r\n\r\n    font-family: Arial, sans-serif;\r\n    font-size: 14px;\r\n    line-height: 1;\r\n\r\n    font-weight: 600;\r\n\r\n    transition:\r\n        transform .25s ease,\r\n        background .25s ease;\r\n}\r\n\r\n\r\n#boox-accessories .acc-learn:hover {\r\n    color: #fff;\r\n    background: #ef5844;\r\n\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT IMAGE\r\n========================================================= *\/\r\n\r\n#boox-accessories .acc-visual {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    min-height: 500px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n\r\n#boox-accessories .acc-image {\r\n    display: block;\r\n\r\n    width: 82%;\r\n    max-width: 600px;\r\n\r\n    height: auto;\r\n\r\n    margin: 0;\r\n\r\n    object-fit: contain;\r\n\r\n    transform: translate(-20px, 0);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EMPTY PANELS \u2014 UNTIL IMAGES ARE ADDED\r\n========================================================= *\/\r\n\r\n#boox-accessories .acc-coming {\r\n    min-height: 500px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    text-align: center;\r\n\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: 28px;\r\n\r\n    color: #333;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    #boox-accessories .acc-inner {\r\n        width: calc(100% - 50px);\r\n\r\n        padding-bottom: 60px;\r\n    }\r\n\r\n\r\n    #boox-accessories .acc-main-title {\r\n        font-size: 47px;\r\n    }\r\n\r\n\r\n    #boox-accessories .acc-tab {\r\n        font-size: 20px;\r\n    }\r\n\r\n\r\n    #boox-accessories .acc-content {\r\n        grid-template-columns: 45% 55%;\r\n\r\n        gap: 25px;\r\n\r\n        min-height: 470px;\r\n    }\r\n\r\n\r\n    #boox-accessories .acc-copy {\r\n        padding-left: 35px;\r\n    }\r\n\r\n\r\n    #boox-accessories .acc-title {\r\n        font-size: 30px;\r\n    }\r\n\r\n\r\n    #boox-accessories .acc-description {\r\n        font-size: 15px;\r\n    }\r\n\r\n\r\n    #boox-accessories .acc-learn {\r\n        margin-top: 85px;\r\n    }\r\n\r\n\r\n    #boox-accessories .acc-image {\r\n        width: 95%;\r\n\r\n        transform: none;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    #boox-accessories .acc-inner {\r\n        width: calc(100% - 34px);\r\n\r\n        padding:\r\n            48px\r\n            0\r\n            50px;\r\n    }\r\n\r\n\r\n    #boox-accessories .acc-main-title {\r\n        margin-bottom: 27px;\r\n\r\n        font-size: 36px;\r\n        line-height: 1.08;\r\n\r\n        letter-spacing: -1.5px;\r\n    }\r\n\r\n\r\n    \/* TABS *\/\r\n\r\n    #boox-accessories .acc-tab {\r\n        padding:\r\n            14px\r\n            3px;\r\n\r\n        font-size: 15px;\r\n    }\r\n\r\n\r\n    #boox-accessories .acc-tab.active span::before {\r\n        width: 125px;\r\n        height: 31px;\r\n\r\n        border-width: 3px;\r\n    }\r\n\r\n\r\n    #boox-accessories .acc-tab.active span::after {\r\n        display: none;\r\n    }\r\n\r\n\r\n    \/* CONTENT *\/\r\n\r\n    #boox-accessories .acc-content {\r\n        display: flex;\r\n\r\n        flex-direction: column;\r\n\r\n        min-height: 0;\r\n\r\n        gap: 35px;\r\n\r\n        padding-top: 45px;\r\n    }\r\n\r\n\r\n    #boox-accessories .acc-copy {\r\n        width: 100%;\r\n\r\n        padding: 0;\r\n\r\n        order: 1;\r\n    }\r\n\r\n\r\n    #boox-accessories .acc-title {\r\n        font-size: 29px;\r\n    }\r\n\r\n\r\n    #boox-accessories .acc-description {\r\n        max-width: 100%;\r\n\r\n        margin-top: 13px;\r\n\r\n        font-size: 15px;\r\n    }\r\n\r\n\r\n    #boox-accessories .acc-learn {\r\n        height: 38px;\r\n\r\n        margin-top: 28px;\r\n    }\r\n\r\n\r\n    #boox-accessories .acc-visual {\r\n        min-height: 0;\r\n\r\n        order: 2;\r\n    }\r\n\r\n\r\n    #boox-accessories .acc-image {\r\n        width: 100%;\r\n\r\n        max-width: 550px;\r\n\r\n        transform: none;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    #boox-accessories .acc-inner {\r\n        width: calc(100% - 26px);\r\n    }\r\n\r\n\r\n    #boox-accessories .acc-main-title {\r\n        font-size: 32px;\r\n    }\r\n\r\n\r\n    #boox-accessories .acc-tab {\r\n        font-size: 13px;\r\n    }\r\n\r\n\r\n    #boox-accessories .acc-tab.active span::before {\r\n        width: 105px;\r\n        height: 28px;\r\n    }\r\n\r\n\r\n    #boox-accessories .acc-title {\r\n        font-size: 27px;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section id=\"boox-accessories\">\r\n\r\n    <div class=\"acc-inner\">\r\n\r\n\r\n        <!-- =================================================\r\n             TITLE\r\n        ================================================== -->\r\n\r\n        <h2 class=\"acc-main-title\">\r\n            Explore campus-ready accessories.\r\n        <\/h2>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             TABS\r\n        ================================================== -->\r\n\r\n        <div class=\"acc-tabs\">\r\n\r\n            <button\r\n                class=\"acc-tab active\"\r\n                type=\"button\"\r\n                data-accessory=\"keyboard\"\r\n            >\r\n                <span>Keyboard Cover<\/span>\r\n            <\/button>\r\n\r\n\r\n            <button\r\n                class=\"acc-tab\"\r\n                type=\"button\"\r\n                data-accessory=\"pen\"\r\n            >\r\n                <span>Pen3 Stylus<\/span>\r\n            <\/button>\r\n\r\n\r\n            <button\r\n                class=\"acc-tab\"\r\n                type=\"button\"\r\n                data-accessory=\"case\"\r\n            >\r\n                <span>Magnetic Case<\/span>\r\n            <\/button>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             KEYBOARD COVER\r\n        ================================================== -->\r\n\r\n        <div\r\n            class=\"acc-panel active\"\r\n            data-panel=\"keyboard\"\r\n        >\r\n\r\n            <div class=\"acc-content\">\r\n\r\n\r\n                <!-- LEFT -->\r\n\r\n                <div class=\"acc-copy\">\r\n\r\n                    <h3 class=\"acc-title\">\r\n                        The Keys to Ideas\r\n                    <\/h3>\r\n\r\n\r\n                    <p class=\"acc-description\">\r\n                        Connect the keyboard cover via po-go pins.\r\n                        Handle quick typing tasks like drafting emails,\r\n                        editing essays, or typing up meeting minutes.\r\n                        You can also charge your device through the\r\n                        built-in USB-C port.\r\n                    <\/p>\r\n\r\n\r\n                    <a\r\n                        href=\"#\"\r\n                        class=\"acc-learn\"\r\n                    >\r\n                        Learn More\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- RIGHT -->\r\n\r\n                <div class=\"acc-visual\">\r\n\r\n                    <img decoding=\"async\"\r\n                        class=\"acc-image\"\r\n                        src=\"https:\/\/booxarabia.com\/wp-content\/uploads\/2026\/09\/Screenshot-2026-09-16-221256.jpg\"\r\n                        alt=\"BOOX Note Air6 C Keyboard Cover\"\r\n                        loading=\"lazy\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             PEN3\r\n             \u0627\u0644\u0635\u0648\u0631\u0629 \u0628\u0646\u0636\u064a\u0641\u0647\u0627 \u0644\u0645\u0627 \u062a\u0628\u0639\u062a\u064a\u0647\u0627\r\n        ================================================== -->\r\n\r\n        <div\r\n            class=\"acc-panel\"\r\n            data-panel=\"pen\"\r\n        >\r\n\r\n            <div class=\"acc-coming\">\r\n                Pen3 Stylus\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             MAGNETIC CASE\r\n        ================================================== -->\r\n\r\n        <div\r\n            class=\"acc-panel\"\r\n            data-panel=\"case\"\r\n        >\r\n\r\n            <div class=\"acc-coming\">\r\n                Magnetic Case\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n    const section =\r\n        document.querySelector('#boox-accessories');\r\n\r\n    if (!section) return;\r\n\r\n\r\n    const tabs =\r\n        section.querySelectorAll('.acc-tab');\r\n\r\n    const panels =\r\n        section.querySelectorAll('.acc-panel');\r\n\r\n\r\n    tabs.forEach(function (tab) {\r\n\r\n        tab.addEventListener('click', function () {\r\n\r\n            const target =\r\n                tab.getAttribute('data-accessory');\r\n\r\n\r\n            \/* REMOVE ACTIVE *\/\r\n\r\n            tabs.forEach(function (item) {\r\n                item.classList.remove('active');\r\n            });\r\n\r\n\r\n            panels.forEach(function (panel) {\r\n                panel.classList.remove('active');\r\n            });\r\n\r\n\r\n            \/* ACTIVATE TAB *\/\r\n\r\n            tab.classList.add('active');\r\n\r\n\r\n            \/* ACTIVATE CONTENT *\/\r\n\r\n            const activePanel =\r\n                section.querySelector(\r\n                    '[data-panel=\"' + target + '\"]'\r\n                );\r\n\r\n\r\n            if (activePanel) {\r\n                activePanel.classList.add('active');\r\n            }\r\n\r\n        });\r\n\r\n    });\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5f51409 e-con-full e-flex e-con e-parent\" data-id=\"5f51409\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5036242 elementor-widget elementor-widget-html\" data-id=\"5036242\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   BOOX NOTE AIR6 C\r\n   SECTION 13 \u2014 FROM IDEAS TO EXECUTION\r\n========================================================= *\/\r\n\r\n#boox-execution,\r\n#boox-execution * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n#boox-execution {\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO\r\n========================================================= *\/\r\n\r\n#boox-execution .execution-hero {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    height: 840px;\r\n\r\n    overflow: hidden;\r\n\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: center;\r\n\r\n    background-image:\r\n        url(\"https:\/\/booxarabia.com\/wp-content\/uploads\/2026\/09\/Screenshot-2026-09-16-221652.jpg\");\r\n\r\n    background-size: cover;\r\n\r\n    background-position: center center;\r\n\r\n    background-repeat: no-repeat;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n#boox-execution .execution-content {\r\n    position: relative;\r\n    z-index: 5;\r\n\r\n    width: 100%;\r\n\r\n    padding: 0 20px 38px;\r\n\r\n    text-align: center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n#boox-execution .execution-title {\r\n    margin: 0;\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size: clamp(40px, 3.2vw, 58px);\r\n\r\n    line-height: 1.05;\r\n\r\n    font-weight: 500;\r\n\r\n    letter-spacing: -2px;\r\n\r\n    color: #fff;\r\n\r\n    text-shadow:\r\n        0 1px 2px rgba(0,0,0,.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON\r\n========================================================= *\/\r\n\r\n#boox-execution .execution-button {\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    min-width: 170px;\r\n    height: 40px;\r\n\r\n    margin-top: 24px;\r\n\r\n    padding: 0 24px;\r\n\r\n    border: 0;\r\n    border-radius: 100px;\r\n\r\n    background: #ff644d;\r\n\r\n    color: #fff;\r\n\r\n    text-decoration: none;\r\n\r\n    font-family:\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 600;\r\n\r\n    transition:\r\n        background .25s ease,\r\n        transform .25s ease;\r\n}\r\n\r\n\r\n#boox-execution .execution-button:hover {\r\n    background: #ef5742;\r\n\r\n    color: #fff;\r\n\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    #boox-execution .execution-hero {\r\n        height: 700px;\r\n\r\n        background-position: center center;\r\n    }\r\n\r\n\r\n    #boox-execution .execution-content {\r\n        padding-bottom: 34px;\r\n    }\r\n\r\n\r\n    #boox-execution .execution-title {\r\n        font-size: 46px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    #boox-execution .execution-hero {\r\n        height: 590px;\r\n\r\n        \/*\r\n         * \u0646\u062e\u0644\u064a \u0627\u0644\u062c\u0647\u0627\u0632 \u0647\u0648 \u0645\u0631\u0643\u0632 \u0627\u0644\u0635\u0648\u0631\u0629\r\n         * \u0628\u062f\u0644 \u0645\u0627 \u064a\u0646\u0642\u0635 \u0645\u0646 \u0627\u0644\u0637\u0631\u0641 \u0627\u0644\u0645\u0647\u0645\r\n         *\/\r\n        background-position: center center;\r\n    }\r\n\r\n\r\n    #boox-execution .execution-content {\r\n        padding:\r\n            0\r\n            18px\r\n            30px;\r\n    }\r\n\r\n\r\n    #boox-execution .execution-title {\r\n        font-size: 36px;\r\n\r\n        line-height: 1.08;\r\n\r\n        letter-spacing: -1.5px;\r\n    }\r\n\r\n\r\n    #boox-execution .execution-button {\r\n        min-width: 150px;\r\n\r\n        height: 39px;\r\n\r\n        margin-top: 19px;\r\n\r\n        padding: 0 21px;\r\n\r\n        font-size: 13px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    #boox-execution .execution-hero {\r\n        height: 520px;\r\n    }\r\n\r\n\r\n    #boox-execution .execution-title {\r\n        font-size: 32px;\r\n    }\r\n\r\n\r\n    #boox-execution .execution-content {\r\n        padding-bottom: 25px;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section id=\"boox-execution\">\r\n\r\n    <div class=\"execution-hero\">\r\n\r\n\r\n        <!-- =============================================\r\n             BOTTOM OVERLAY CONTENT\r\n        ============================================== -->\r\n\r\n        <div class=\"execution-content\">\r\n\r\n\r\n            <h2 class=\"execution-title\">\r\n                From ideas to execution.\r\n            <\/h2>\r\n\r\n\r\n            <a\r\n                href=\"#\"\r\n                class=\"execution-button\"\r\n            >\r\n                Watch Unboxing\r\n            <\/a>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Note Air6 C The 10.3\u201d color ePaper notebook built to execute workflows. Buy Now Get the highlights. Restful colors, deep focus. Ink-on-Paper Writing Write as if on real paper. Textured surface gives control for handwriting and adds natural friction for sketching. Dual-Tone Front Light1 Think clearly with less eye strain. Switch between cool daylight and [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6666","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/booxarabia.com\/en\/wp-json\/wp\/v2\/pages\/6666","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/booxarabia.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/booxarabia.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/booxarabia.com\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/booxarabia.com\/en\/wp-json\/wp\/v2\/comments?post=6666"}],"version-history":[{"count":13,"href":"https:\/\/booxarabia.com\/en\/wp-json\/wp\/v2\/pages\/6666\/revisions"}],"predecessor-version":[{"id":6717,"href":"https:\/\/booxarabia.com\/en\/wp-json\/wp\/v2\/pages\/6666\/revisions\/6717"}],"wp:attachment":[{"href":"https:\/\/booxarabia.com\/en\/wp-json\/wp\/v2\/media?parent=6666"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}