{"id":8430,"date":"2022-09-16T14:12:10","date_gmt":"2022-09-16T14:12:10","guid":{"rendered":"https:\/\/neovision.com.vn\/?page_id=8430"},"modified":"2022-10-11T02:21:20","modified_gmt":"2022-10-11T02:21:20","slug":"test","status":"publish","type":"page","link":"https:\/\/neovision.com.vn\/en\/test\/","title":{"rendered":"TEST"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"8430\" class=\"elementor elementor-8430\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6e92c217 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"6e92c217\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-76a0970f\" data-id=\"76a0970f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a268650 elementor-widget elementor-widget-html\" data-id=\"a268650\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n  \/*sketchfab*\/\n  .sketchfab-embed-wrapper {\n    border-radius: 50%;\n    overflow: hidden;\n  }\n\n  .container-1 {\n    position: absolute;\n    top: 0;\n    left: 11%;\n  }\n\n  .container-2 {\n    position: absolute;\n    bottom: 0;\n    right: 11%;\n  }\n\n  .ct-1 {\n    position: absolute;\n    width: 200px;\n    top: -100px;\n    left: -100px;\n  }\n\n  .ct-2 {\n    position: absolute;\n    width: 200px;\n    top: 40px;\n  }\n\n  .icon-lienhe {\n    display: flex;\n  }\n\n  @media screen and (max-width: 768px) {\n    .showplus:before {\n      top: 1px !important;\n    }\n\n    .showminus:before {\n      top: 1px !important;\n    }\n\n    .ct-1 {\n      left: -20px;\n      top: -85px;\n    }\n\n    .ct-2 {\n      top: 60px;\n      right: -130px;\n    }\n\n    .bannersection .swiper-wrapper {\n      height: 200px;\n    }\n  }\n\n  .bannersection .swiper-pagination {\n    transform: scale(1.5) rotate(90deg);\n    padding-right: 4px;\n    top: 50%;\n    left: -50%;\n  }\n\n  .bannersection .swiper-pagination .swiper-pagination-bullet {\n    margin: 0 10px;\n  }\n\n  .bannersection .swiper-wrapper {\n    height: 400px;\n    flex-direction: column;\n  }\n\n  @media screen and (max-width: 1024px) {\n    .bannersection .swiper-wrapper {\n      height: 240px;\n    }\n  }\n\n  @media screen and (max-width:1600px) {\n    .bannersection .swiper-pagination {\n      left: -65%;\n    }\n  }\n\n  @media screen and (max-width:1400px) {\n    .bannersection .swiper-pagination {\n      left: -80%;\n    }\n  }\n<\/style>\n<script src=\"https:\/\/unpkg.com\/swiper\/swiper-bundle.min.js\"><\/script>\n<!-- <link rel=\"stylesheet\" href=\"style.css\"> -->\n<style>\n  .tab button {\n    background-color: #1f4940;\n    float: left;\n    border: none;\n    outline: none;\n    cursor: pointer;\n    padding: 30px 36px;\n    transition: 0.3s;\n    font-size: 17px;\n    color: white;\n    border-radius: 0px;\n  }\n\n  .tab button:hover {\n    background-color: rgba(0, 0, 0, 0.8);\n  }\n\n  .tab button.active {\n    background-color: black;\n  }\n\n  .tabcontent {\n    display: none;\n    background: linear-gradient(110deg, #DDEECC 5%, #a8d397 90%);\n    border-bottom-right-radius: 225px;\n  }\n\n  .active {\n    display: block;\n  }\n\n  .tabs {\n    width: calc(100% - 210px);\n    position: relative;\n  }\n\n  .tab {\n    overflow: hidden;\n    background: linear-gradient(20deg, #DDEECC 5%, #a8d397 90%);\n  }\n\n  #oval {\n    position: absolute;\n    width: 100%;\n    height: 120%;\n    margin: 0px 0 50px -200px;\n    background: linear-gradient(#669f54, #caeda6);\n    left: 0;\n    border-top-right-radius: 50%;\n    border-bottom-right-radius: 50%;\n    transform: rotate(45deg);\n  }\n\n  .circle {\n    border-top: 1px solid transparent;\n    border-left: 1px solid white;\n    border-right: 1px solid white;\n    border-bottom: 1px solid white;\n    transform: rotate(60deg);\n    background-color: transparent;\n    height: 540px;\n    -moz-border-radius: 540px;\n    -webkit-border-radius: 540px;\n    width: 540px;\n    display: flex;\n  }\n\n  .circle-2 {\n    background-color: #d9ecce;\n    height: 460px;\n    -moz-border-radius: 460px;\n    -webkit-border-radius: 460px;\n    width: 460px;\n    margin: auto;\n    position: relative;\n    transform: rotate(-60deg);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .showContent {\n    opacity: 1;\n    transition: all 0.5s ease-in-out;\n  }\n\n  .hideContent {\n    opacity: 0;\n    transition: all 0.5s ease-in-out;\n  }\n\n  .showplus {\n    position: relative;\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    background-image: url('\/wp-content\/uploads\/2022\/10\/Plus-button.png');\n    background-size: cover;\n    z-index: 10;\n  }\n.showminus {\n    position: relative;\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    background-image: url('\/wp-content\/uploads\/2022\/10\/Minus-button.png');\n    background-size: cover;\n    z-index: 10;\n  }\n\n  .circle-btn {\n    position: relative;\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    z-index: 10;\n  }\n\n  .circle-btn:hover {\n    cursor: pointer;\n    transform: scale(1.1);\n    transition: 0.5s;\n  }\n\n  .small-text {\n    font-family: \"SVN-Poppins-Regular\", Sans-serif;\n    font-size: 20px;\n    color: #1f4940;\n  }\n\n  .medium-text {\n    color: #1f4940;\n    font-family: \"SVN-Poppins-Bold\";\n    font-size: 40px;\n  }\n\n  .contents {\n    display: flex;\n  }\n\n  .content-left,\n  .content-right {\n    width: 50%;\n    display: flex;\n  }\n\n  .content-left {\n    align-items: center;\n    justify-content: flex-end;\n    padding: 5% 0;\n    overflow: hidden;\n    position: relative;\n  }\n\n  .content-right {\n    align-items: flex-start;\n    justify-content: center;\n    flex-direction: column;\n    padding-right: 30px;\n    padding-left: 30px;\n  }\n\n  .content-right .elementor-button-wrapper {\n    padding-top: 20px;\n  }\n\n  .tab button:first-child {\n    padding-left: 250px;\n  }\n\n  .tab button:last-child {\n    padding-right: 60px;\n    border-bottom-right-radius: 25px;\n  }\n\n  .swipee-up,\n  .swipee-down,\n  .swipee-right,\n  .swipee-left {\n    z-index: 99;\n    cursor: pointer;\n    line-height: 0;\n  }\n\n  .swiper-pagination-bullet {\n    width: 8px;\n    height: 8px;\n    opacity: 0.2 !important;\n    background-color: white !important;\n  }\n\n  .swiper-pagination-bullet-active {\n    opacity: 1 !important;\n  }\n\n  .swipee img {\n    width: 400px;\n  }\n\n  .babylonjs-canvas {\n    \/*width: 400px;*\/\n    \/*height: 400px;*\/\n    border-radius: 50%;\n  }\n\n  loading-screen {\n    width: 400px !important;\n    border-radius: 50%;\n  }\n\n  babylon {\n    width: 400px !important;\n    \n    height: 400px !important;\n    \n  }\n\n  .swipee {\n    display: flex;\n    align-items: center;\n    justify-content: right;\n  }\n\n  .heading-title {\n    font-family: \"SVN-Poppins-Bold\", Sans-serif;\n    font-size: 70px;\n    color: white;\n    line-height: 1.1;\n    padding-bottom: 30px;\n  }\n\n  .text-editor {\n    color: #080F0A;\n    font-family: \"SVN-Poppins-Regular\", Sans-serif;\n    font-size: 18px;\n    font-weight: normal;\n    word-spacing: 2px;\n  }\n\n  .tab-btn {\n    font-family: \"SVN-Poppins-SemiBold\", Sans-serif;\n    font-size: 18px;\n    font-weight: normal;\n    background-color: #669F54;\n    border-radius: 25px 25px 25px 25px;\n    padding: 10px 10px 10px 20px;\n  }\n\n  .tablinks {\n    font-family: \"SVN-Poppins-Regular\", Sans-serif;\n    font-size: 16px;\n    font-weight: 600;\n  }\n\n  .button-text {\n    display: flex;\n    align-items: center;\n  }\n\n  @media screen and (max-width: 1776px) {\n    .heading-title {\n      font-size: 70px !important;\n    }\n\n    .bannersection .swiper-pagination {\n      left: -70%;\n    }\n  }\n\n  @media screen and (max-width: 1600px) {\n    .bannersection .swiper-pagination {\n      left: -90%;\n    }\n  }\n\n  @media screen and (max-width: 1460px) {\n    .tabs {\n      width: 100%;\n    }\n\n    .content-right {\n      padding-bottom: 5%;\n    }\n\n    .content-left {\n      padding: 10% 0;\n    }\n\n    #oval {\n      transform: rotate(0deg);\n    }\n  }\n\n  @media screen and (max-width: 1360px) {\n    .heading-title {\n      font-size: 55px !important;\n    }\n  }\n\n  @media screen and (max-width: 1245px) {\n    .tab button:first-child {\n      padding-left: 30px;\n    }\n\n    #oval {\n      height: 120%;\n      margin: 0px 0 0px -40%;\n      transform: rotate(0deg);\n      border-radius: 50%;\n      width: 100%;\n    }\n\n    .circle {\n      transform: rotate(60deg) scale(0.85);\n    }\n  }\n\n  @media screen and (max-width: 1125px) {\n\n    .content-left,\n    .content-right {\n      justify-content: center;\n      width: 100%;\n    }\n\n    .contents {\n      display: block;\n    }\n\n    #oval {\n      \/*margin: 0px 0 0px -60%;*\/\n      height: 80%;\n      margin: 0 0 0 0;\n      transform: rotate(0deg);\n      border-radius: 50%;\n      width: 55%;\n      left: 22%\n    }\n\n    .circle {\n      transform: rotate(60deg) scale(1);\n    }\n  }\n\n  @media screen and (max-width: 1028px) {\n    .heading-title {\n      font-size: 42px !important;\n    }\n\n    .tab {\n      background: #1f4940;\n    }\n\n    .tab button:last-child {\n      border-bottom-right-radius: 0px;\n    }\n  }\n\n  @media screen and (max-width: 876px) {\n    .bannersection .swiper-pagination {\n      right: 0 !important;\n      left: -140%;\n    }\n  }\n\n  @media screen and (max-width: 450px) {\n    .content-left {\n      padding: 20% 0;\n    }\n  }\n\n  @media screen and (max-width: 1024px) {\n    .circle {\n      height: 360px;\n      -moz-border-radius: 360px;\n      -webkit-border-radius: 360px;\n      width: 360px;\n    }\n\n    #oval {\n      height: 85%;\n    }\n\n    .circle-2 {\n      height: 300px;\n      -moz-border-radius: 300px;\n      -webkit-border-radius: 300px;\n      width: 300px;\n    }\n\n    .contents {\n      display: block;\n    }\n\n    .swipee {\n      justify-content: center;\n    }\n\n    .swipee img {\n      width: 240px;\n    }\n\n    .babylonjs-canvas {\n      width: 240px;\n      height: 240px;\n    }\n\n    babylon {\n      width: 240px !important;\n      ;\n      height: 240px !important;\n      ;\n    }\n  }\n\n  @media screen and (max-width: 768px) {\n    .content-right {\n      padding: 20px;\n    }\n\n    .heading-title {\n      font-size: 30px !important;\n    }\n\n    .tab button:first-child {\n      padding-left: 14px !important;\n    }\n\n    .tab button:last-child {\n      padding-right: 14px !important;\n      border-bottom-right-radius: 0px !important;\n    }\n\n    .small-text {\n      font-size: 18px;\n    }\n\n    .medium-text {\n      font-size: 28px;\n    }\n\n    .tabs {\n      position: unset;\n    }\n\n    .tab {\n      overflow: hidden;\n      position: relative;\n      display: block;\n      background-color: #1f4940;\n    }\n\n    .tab button {\n      padding: 14px;\n    }\n\n    .tabcontent {\n      border-bottom-right-radius: 125px;\n    }\n\n    .content-left,\n    .content-right {\n      width: 100%;\n    }\n\n    .content-left {\n      padding-top: 16%;\n      margin-bottom: 14%;\n    }\n\n    .swipee img {\n      width: 200px;\n    }\n\n    .babylonjs-canvas {\n      width: 200px;\n      height: 200px;\n    }\n\n    babylon {\n      width: 200px !important;\n      ;\n      height: 200px !important;\n      ;\n    }\n\n    #oval {\n      height: 90%;\n      margin: 0 auto;\n      width: 100%;\n      left: 0%;\n    }\n  }\n\n  @media screen and (max-width: 450px) {\n    .ct-2 {\n      right: -180px !important;\n    }\n\n    .ct-1 {\n      top: -65px !important;\n    }\n  }\n\n  @media screen and (max-width: 420px) {\n    .heading-title {\n      font-size: 26px !important;\n    }\n\n    .content-right {\n      padding: 15px;\n    }\n  }\n<\/style>\n<div class=\"tabs\">\n  <div class=\"tab\">\n    <button class=\"tablinks active\" onclick=\"openContent(event, 'Neomask')\">Fashion Face Masks<\/button>\n    <button class=\"tablinks\" onclick=\"openContent(event, 'Dustmask')\">Industrial Safety Masks<\/button>\n    <button class=\"tablinks\" onclick=\"openContent(event, 'Fiume')\">Labour Protection Products<\/button>\n  <\/div>\n  <div id=\"Neomask\" class=\"tabcontent active\">\n    <!-- Open -->\n    <div class=\"contents bannersection\">\n      <div class=\"content-left\">\n        <div id=\"oval\"><\/div>\n        <div class=\"swiper-pagination\"><\/div>\n        <div class=\"circle\">\n          <div class=\"circle-2\">\n            <div class=\"container-1\">\n              <div class=\"ct-1 hideContent\">\n                <div class=\"small-text\">Anti-bacteria<\/div>\n                <div class=\"medium-text\">> 99%<\/div>\n              <\/div>\n              <div class=\"circle-btn circle-btn-1 showplus\" onclick=\"toggleContent(event,'.ct-1')\">\n                <span class=\"showplus\"><\/span>\n              <\/div>\n            <\/div>\n            <div class=\"swiper-container\">\n              <div class=\"swiper-wrapper\">\n               <div class=\"swipee swiper-slide\">\n                  <babylon extends=\"minimal\">\n                    <model url=\"\/wp-content\/uploads\/glb\/NM.glb\"><\/model>\n                    <!-- enable antialiasing -->\n                    <engine antialiasing=\"true\"><\/engine>\n                    <!-- camera configuration -->\n                    <camera>\n                      <!-- add camera behaviors -->\n                      <behaviors>\n                        <!-- enable default auto-rotate behavior -->\n                        <auto-rotate type=\"0\"><\/auto-rotate>\n                        <!-- enable and configure the framing behavior -->\n                        <framing type=\"2\" zoom-on-bounding-info=\"true\" zoom-stops-animation=\"false\"><\/framing>\n                        <!-- enable default bouncing behavior -->\n                        <bouncing type=\"2\"><\/bouncing>\n                      <\/behaviors>\n                      <position x=\"10\" y=\"6\" z=\"1\"><\/position>\n                    <\/camera>\n                    <scene>\n                      <clear-color r=\"0.85\" g=\"0.93\" b=\"0.81\"><\/clear-color>\n                    <\/scene>\n                  <\/babylon>\n                <\/div>\n                <div class=\"swipee swiper-slide\">\n                  <img class=\"skip-lazy\" src=\"\/wp-content\/uploads\/2022\/08\/FM008A-300x300.png\" \/>\n                <\/div>\n                <div class=\"swipee swiper-slide\">\n                  <img class=\"skip-lazy\" src=\"\/wp-content\/uploads\/2022\/08\/FM038A-300x300.png\" \/>\n                <\/div>\n                <div class=\"swipee swiper-slide\">\n                  <img class=\"skip-lazy\" src=\"\/wp-content\/uploads\/2022\/08\/FM088A-2048x2048.png\" \/>\n                <\/div>\n              <\/div>\n            <\/div>\n            <div class=\"container-2\">\n              <div class=\"circle-btn circle-btn-2 showminus\" onclick=\"toggleContent(event,'.ct-2')\">\n                <span class=\"showminus\"><\/span>\n              <\/div>\n              <div class=\"showContent ct-2\">\n                <div class=\"small-text\">Anti-bacteria<\/div>\n                <div class=\"medium-text\">> 99%<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"content-right\">\n        <div class=\"heading-title\"> Kh\u1ea9u trang <span class=\"no-wrap\">th\u1eddi trang <\/span>\n        <\/div>\n        <div class=\"text-editor\"> C\u1ea3i ti\u1ebfn v\u01b0\u1ee3t tr\u1ed9i v\u1ec1 thi\u1ebft k\u1ebf v\u00e0 b\u1ed9 l\u1ecdc, lo\u1ea1i b\u1ecf \u0111\u1ebfn 99% b\u1ee5i si\u00eau m\u1ecbn v\u00e0 vi khu\u1ea9n 0,1 \u00b5m, d\u1ec5 d\u00e0ng thay th\u1ebf \u0111\u1ecbnh k\u1ef3. <\/div>\n        <div class=\"elementor-button-wrapper\">\n          <a href=\"https:\/\/neovision.com.vn\/en\/shop\/\" class=\"elementor-button-link elementor-button elementor-size-sm tab-btn\" role=\"button\">\n            <span class=\"elementor-button-content-wrapper\">\n              <span class=\"elementor-button-text button-text\">See more <span class=\"icon-lienhe\">\n                  <img src=\"\/wp-content\/uploads\/2022\/08\/icon-Next-1.png\">\n                <\/span>\n              <\/span>\n            <\/span>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n    <!-- End -->\n  <\/div>\n  <div id=\"Dustmask\" class=\"tabcontent\">\n    <!-- Open -->\n    <div class=\"contents bannersection\">\n      <div class=\"content-left\">\n        <div id=\"oval\"><\/div>\n        <div class=\"swiper-pagination\"><\/div>\n        <div class=\"circle\">\n          <div class=\"circle-2\">\n            <div class=\"container-1\">\n              <div class=\"ct-1 hideContent\">\n                <div class=\"small-text\">Anti-bacteria<\/div>\n                <div class=\"medium-text\">> 99%<\/div>\n              <\/div>\n              <div class=\"circle-btn circle-btn-1\" onclick=\"toggleContent(event,'.ct-1')\">\n                <span class=\"showplus\"><\/span>\n              <\/div>\n            <\/div>\n            <div class=\"swiper-container\">\n              <div class=\"swiper-wrapper\">\n                   <div class=\"swipee swiper-slide\">\n                  <babylon extends=\"minimal\">\n                       <!-- Ground that receives shadows -->\n              <ground receive-shadows=\"true\"><\/ground>\n              <!-- Default skybox\n             <skybox><\/skybox>\n             -->\n                    <model url=\"\/wp-content\/uploads\/glb\/NM.glb\"><\/model>\n                    <!-- enable antialiasing -->\n                    <engine antialiasing=\"true\"><\/engine>\n                    <!-- camera configuration -->\n                    <camera>\n                      <!-- add camera behaviors -->\n                      <behaviors>\n                        <!-- enable default auto-rotate behavior -->\n                        <auto-rotate type=\"0\"><\/auto-rotate>\n                        <!-- enable and configure the framing behavior -->\n                        <framing type=\"2\" zoom-on-bounding-info=\"true\" zoom-stops-animation=\"false\"><\/framing>\n                        <!-- enable default bouncing behavior -->\n                        <bouncing type=\"2\"><\/bouncing>\n                      <\/behaviors>\n                      <position x=\"10\" y=\"6\" z=\"1\"><\/position>\n                    <\/camera>\n                    <scene>\n                      <clear-color r=\"0.85\" g=\"0.93\" b=\"0.81\"><\/clear-color>\n                    <\/scene>\n                  <\/babylon>\n                <\/div>\n                <!--<div class=\"swipee swiper-slide\">-->\n                <!--  <babylon extends=\"minimal\">-->\n                <!--    <model url=\"\/wp-content\/uploads\/glb\/VC.glb\"><\/model>-->\n                    <!-- enable antialiasing -->\n                <!--    <engine antialiasing=\"true\"><\/engine>-->\n                    <!-- camera configuration -->\n                <!--    <camera>-->\n                      <!-- add camera behaviors -->\n                <!--      <behaviors>-->\n                        <!-- enable default auto-rotate behavior -->\n                <!--        <auto-rotate type=\"0\"><\/auto-rotate>-->\n                        <!-- enable and configure the framing behavior -->\n                <!--        <framing type=\"2\" zoom-on-bounding-info=\"true\" zoom-stops-animation=\"false\"><\/framing>-->\n                        <!-- enable default bouncing behavior -->\n                <!--        <bouncing type=\"1\"><\/bouncing>-->\n                <!--      <\/behaviors>-->\n                <!--      <position x=\"1\" y=\"1\" z=\"1\"><\/position>-->\n                <!--    <\/camera>-->\n                <!--    <scene>-->\n                <!--      <clear-color r=\"0.85\" g=\"0.93\" b=\"0.81\"><\/clear-color>-->\n                <!--    <\/scene>-->\n                <!--  <\/babylon>-->\n                <!--<\/div>-->\n                <!--<div class=\"swipee swiper-slide\">-->\n                <!--  <babylon extends=\"minimal\">-->\n                <!--    <model url=\"\/wp-content\/uploads\/glb\/KoolMAsk.glb\"><\/model>-->\n                    <!-- enable antialiasing -->\n                <!--    <engine antialiasing=\"true\"><\/engine>-->\n                    <!-- camera configuration -->\n                <!--    <camera>-->\n                      <!-- add camera behaviors -->\n                <!--      <behaviors>-->\n                        <!-- enable default auto-rotate behavior -->\n                <!--        <auto-rotate type=\"0\"><\/auto-rotate>-->\n                        <!-- enable and configure the framing behavior -->\n                <!--        <framing type=\"2\" zoom-on-bounding-info=\"true\" zoom-stops-animation=\"false\"><\/framing>-->\n                        <!-- enable default bouncing behavior -->\n                <!--        <bouncing type=\"1\"><\/bouncing>-->\n                <!--      <\/behaviors>-->\n                <!--      <position x=\"1\" y=\"1\" z=\"1\"><\/position>-->\n                <!--    <\/camera>-->\n                <!--    <scene>-->\n                <!--      <clear-color r=\"0.85\" g=\"0.93\" b=\"0.81\"><\/clear-color>-->\n                <!--    <\/scene>-->\n                <!--  <\/babylon>-->\n                <!--<\/div>-->\n                <!--<div class=\"swipee swiper-slide\">-->\n                <!--  <babylon extends=\"minimal\">-->\n                <!--    <model url=\"\/wp-content\/uploads\/glb\/DS01.glb\"><\/model>-->\n                    <!-- enable antialiasing -->\n                <!--    <engine antialiasing=\"true\"><\/engine>-->\n                    <!-- camera configuration -->\n                <!--    <camera>-->\n                      <!-- add camera behaviors -->\n                <!--      <behaviors>-->\n                        <!-- enable default auto-rotate behavior -->\n                <!--        <auto-rotate type=\"0\"><\/auto-rotate>-->\n                        <!-- enable and configure the framing behavior -->\n                <!--        <framing type=\"2\" zoom-on-bounding-info=\"true\" zoom-stops-animation=\"false\"><\/framing>-->\n                        <!-- enable default bouncing behavior -->\n                <!--        <bouncing type=\"1\"><\/bouncing>-->\n                <!--      <\/behaviors>-->\n                <!--      <position x=\"3\" y=\"3\" z=\"3\"><\/position>-->\n                <!--    <\/camera>-->\n                <!--    <scene>-->\n                <!--      <clear-color r=\"0.85\" g=\"0.93\" b=\"0.81\"><\/clear-color>-->\n                <!--    <\/scene>-->\n                <!--  <\/babylon>-->\n                <!--<\/div>-->\n                <!--<div class=\"swipee swiper-slide\">-->\n                <!--  <babylon extends=\"minimal\">-->\n                <!--    <model url=\"\/wp-content\/uploads\/glb\/VC65_TQG.glb\"><\/model>-->\n                    <!-- enable antialiasing -->\n                <!--    <engine antialiasing=\"true\"><\/engine>-->\n                    <!-- camera configuration -->\n                <!--    <camera>-->\n                      <!-- add camera behaviors -->\n                <!--      <behaviors>-->\n                        <!-- enable default auto-rotate behavior -->\n                <!--        <auto-rotate type=\"0\"><\/auto-rotate>-->\n                        <!-- enable and configure the framing behavior -->\n                <!--        <framing type=\"2\" zoom-on-bounding-info=\"true\" zoom-stops-animation=\"false\"><\/framing>-->\n                        <!-- enable default bouncing behavior -->\n                <!--        <bouncing type=\"1\"><\/bouncing>-->\n                <!--      <\/behaviors>-->\n                <!--      <position x=\"3\" y=\"3\" z=\"3\"><\/position>-->\n                <!--    <\/camera>-->\n                <!--    <scene>-->\n                <!--      <clear-color r=\"0.85\" g=\"0.93\" b=\"0.81\"><\/clear-color>-->\n                <!--    <\/scene>-->\n                <!--  <\/babylon>-->\n                <!--<\/div>-->\n                <!--<div class=\"swipee swiper-slide\">-->\n                <!--  <babylon extends=\"minimal\">-->\n                <!--    <model url=\"\/wp-content\/uploads\/glb\/NC95_TQG.glb\"><\/model>-->\n                    <!-- enable antialiasing -->\n                <!--    <engine antialiasing=\"true\"><\/engine>-->\n                    <!-- camera configuration -->\n                <!--    <camera>-->\n                      <!-- add camera behaviors -->\n                <!--      <behaviors>-->\n                        <!-- enable default auto-rotate behavior -->\n                <!--        <auto-rotate type=\"0\"><\/auto-rotate>-->\n                        <!-- enable and configure the framing behavior -->\n                <!--        <framing type=\"2\" zoom-on-bounding-info=\"true\" zoom-stops-animation=\"false\"><\/framing>-->\n                        <!-- enable default bouncing behavior -->\n                <!--        <bouncing type=\"1\"><\/bouncing>-->\n                <!--      <\/behaviors>-->\n                <!--      <position x=\"3\" y=\"3\" z=\"3\"><\/position>-->\n                <!--    <\/camera>-->\n                <!--    <scene>-->\n                <!--      <clear-color r=\"0.85\" g=\"0.93\" b=\"0.81\"><\/clear-color>-->\n                <!--    <\/scene>-->\n                <!--  <\/babylon>-->\n                <!--<\/div>-->\n                <!--<div class=\"swipee swiper-slide\">-->\n                <!--  <babylon extends=\"minimal\">-->\n                <!--    <model url=\"\/wp-content\/uploads\/glb\/NEO_RE5.glb\"><\/model>-->\n                    <!-- enable antialiasing -->\n                <!--    <engine antialiasing=\"true\"><\/engine>-->\n                    <!-- camera configuration -->\n                <!--    <camera>-->\n                      <!-- add camera behaviors -->\n                <!--      <behaviors>-->\n                        <!-- enable default auto-rotate behavior -->\n                <!--        <auto-rotate type=\"0\"><\/auto-rotate>-->\n                        <!-- enable and configure the framing behavior -->\n                <!--        <framing type=\"2\" zoom-on-bounding-info=\"true\" zoom-stops-animation=\"false\"><\/framing>-->\n                        <!-- enable default bouncing behavior -->\n                <!--        <bouncing type=\"1\"><\/bouncing>-->\n                <!--      <\/behaviors>-->\n                <!--      <position x=\"3\" y=\"3\" z=\"3\"><\/position>-->\n                <!--    <\/camera>-->\n                <!--    <scene>-->\n                <!--      <clear-color r=\"0.85\" g=\"0.93\" b=\"0.81\"><\/clear-color>-->\n                <!--    <\/scene>-->\n                <!--  <\/babylon>-->\n                <!--<\/div>-->\n                <!--<div class=\"swipee swiper-slide\">-->\n                <!--  <babylon extends=\"minimal\">-->\n                <!--    <model url=\"\/wp-content\/uploads\/glb\/DM01AC.glb\"><\/model>-->\n                    <!-- enable antialiasing -->\n                <!--    <engine antialiasing=\"true\"><\/engine>-->\n                    <!-- camera configuration -->\n                <!--    <camera>-->\n                      <!-- add camera behaviors -->\n                <!--      <behaviors>-->\n                        <!-- enable default auto-rotate behavior -->\n                <!--        <auto-rotate type=\"0\"><\/auto-rotate>-->\n                        <!-- enable and configure the framing behavior -->\n                <!--        <framing type=\"2\" zoom-on-bounding-info=\"true\" zoom-stops-animation=\"false\"><\/framing>-->\n                        <!-- enable default bouncing behavior -->\n                <!--        <bouncing type=\"1\"><\/bouncing>-->\n                <!--      <\/behaviors>-->\n                <!--      <position x=\"3\" y=\"3\" z=\"3\"><\/position>-->\n                <!--    <\/camera>-->\n                <!--    <scene>-->\n                <!--      <clear-color r=\"0.85\" g=\"0.93\" b=\"0.81\"><\/clear-color>-->\n                <!--    <\/scene>-->\n                <!--  <\/babylon>-->\n                <!--<\/div>-->\n              <\/div>\n            <\/div>\n            <div class=\"container-2\">\n              <div class=\"circle-btn circle-btn-2\" onclick=\"toggleContent(event,'.ct-2')\">\n                <span class=\"showminus\"><\/span>\n              <\/div>\n              <div class=\"showContent ct-2\">\n                <div class=\"small-text\">Anti-bacteria<\/div>\n                <div class=\"medium-text\">> 99%<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"content-right\">\n        <div class=\"heading-title\"> Kh\u1ea9u trang <span class=\"no-wrap\">c\u00f4ng nghi\u1ec7p<\/span>\n        <\/div>\n        <div class=\"text-editor\"> T\u00edch h\u1ee3p 4 t\u00ednh n\u0103ng ch\u1ec9 trong 1 s\u1ea3n ph\u1ea9m, mang \u0111\u1ebfn gi\u1ea3i ph\u00e1p b\u1ea3o v\u1ec7 l\u00e0n da v\u00e0 h\u1ec7 h\u00f4 h\u1ea5p to\u00e0n di\u1ec7n. <\/div>\n        <div class=\"elementor-button-wrapper\">\n          <a href=\"https:\/\/neovision.com.vn\/en\/shop\/\" class=\"elementor-button-link elementor-button elementor-size-sm tab-btn\" role=\"button\">\n            <span class=\"elementor-button-content-wrapper\">\n              <span class=\"elementor-button-text button-text\">See more <span class=\"icon-lienhe\">\n                  <img src=\"\/wp-content\/uploads\/2022\/08\/icon-Next-1.png\">\n                <\/span>\n              <\/span>\n            <\/span>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n    <!-- End -->\n  <\/div>\n  <div id=\"Fiume\" class=\"tabcontent\">\n    <!-- Open -->\n    <div class=\"contents bannersection\">\n      <div class=\"content-left\">\n        <div id=\"oval\"><\/div>\n        <div class=\"swiper-pagination\"><\/div>\n        <div class=\"circle\">\n          <div class=\"circle-2\">\n            <div class=\"container-1\">\n              <div class=\"ct-1 hideContent\">\n                <div class=\"small-text\">Anti-bacteria<\/div>\n                <div class=\"medium-text\">> 99%<\/div>\n              <\/div>\n              <div class=\"circle-btn circle-btn-1\" onclick=\"toggleContent(event,'.ct-1')\">\n                <span class=\"showplus\"><\/span>\n              <\/div>\n            <\/div>\n            <div class=\"swiper-container\">\n\n              <div class=\"swiper-wrapper\">\n                  <div class=\"swipee swiper-slide\">\n                  <babylon extends=\"minimal\">\n                    <model url=\"\/wp-content\/uploads\/glb\/VC.glb\"><\/model>\n                     <!--enable antialiasing -->\n                    <engine antialiasing=\"true\"><\/engine>\n                     <!--camera configuration -->\n                    <camera>\n                       <!--add camera behaviors -->\n                      <behaviors>\n                         <!--enable default auto-rotate behavior -->\n                        <auto-rotate type=\"0\"><\/auto-rotate>\n                         <!--enable and configure the framing behavior -->\n                        <framing type=\"2\" zoom-on-bounding-info=\"true\" zoom-stops-animation=\"false\"><\/framing>\n                         <!--enable default bouncing behavior -->\n                        <bouncing type=\"1\"><\/bouncing>\n                      <\/behaviors>\n                      <position x=\"1\" y=\"1\" z=\"1\"><\/position>\n                    <\/camera>\n                    <scene>\n                      <clear-color r=\"0.85\" g=\"0.93\" b=\"0.81\"><\/clear-color>\n                    <\/scene>\n                  <\/babylon>\n                <\/div>\n                <div class=\"swipee swiper-slide\">\n                  <img class=\"skip-lazy\" src=\"\/wp-content\/uploads\/2022\/09\/XD-001-600x600.png\" \/>\n                <\/div>\n                <div class=\"swipee swiper-slide\">\n                  <img class=\"skip-lazy\" src=\"\/wp-content\/uploads\/2022\/09\/GG-002-600x600.png\" \/>\n                <\/div>\n                <div class=\"swipee swiper-slide\">\n                  <img class=\"skip-lazy\" src=\"\/wp-content\/uploads\/2022\/09\/DM013-600x600.png\" \/>\n                <\/div>\n              <\/div>\n            <\/div>\n            <div class=\"container-2\">\n              <div class=\"circle-btn circle-btn-2\" onclick=\"toggleContent(event,'.ct-2')\">\n                <span class=\"showminus\"><\/span>\n              <\/div>\n              <div class=\"showContent ct-2\">\n                <div class=\"small-text\">Anti-bacteria<\/div>\n                <div class=\"medium-text\">> 99%<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"content-right\">\n        <div class=\"heading-title\"> C\u00e1c s\u1ea3n ph\u1ea9m b\u1ea3o h\u1ed9 <span class=\"no-wrap\">lao \u0111\u1ed9ng<\/span>\n        <\/div>\n        <div class=\"text-editor\"> \u0110\u00e1p \u1ee9ng c\u00e1c ti\u00eau chu\u1ea9n ch\u1ea5t l\u01b0\u1ee3ng qu\u1ed1c t\u1ebf t\u1eeb M\u1ef9 v\u00e0 Ch\u00e2u \u00c2u, an to\u00e0n trong b\u1ea5t k\u1ef3 m\u00f4i tr\u01b0\u1eddng l\u00e0m vi\u1ec7c n\u00e0o. <\/div>\n        <div class=\"elementor-button-wrapper\">\n          <a href=\"https:\/\/neovision.com.vn\/en\/shop\/\" class=\"elementor-button-link elementor-button elementor-size-sm tab-btn\" role=\"button\">\n            <span class=\"elementor-button-content-wrapper\">\n              <span class=\"elementor-button-text button-text\">See more <span class=\"icon-lienhe\">\n                  <img src=\"\/wp-content\/uploads\/2022\/08\/icon-Next-1.png\">\n                <\/span>\n              <\/span>\n            <\/span>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n    <!-- End -->\n  <\/div>\n<\/div>\n<script>\n  function openContent(evt, cityName) {\n\n    var i, tabcontent, tablinks;\n    tabcontent = document.getElementsByClassName(\"tabcontent\");\n    for (i = 0; i < tabcontent.length; i++) {\n      tabcontent[i].style.display = \"none\";\n      tabcontent[i].className = tabcontent[i].className.replace(\" active\", \"\");\n    }\n    tablinks = document.getElementsByClassName(\"tablinks\");\n    for (i = 0; i < tablinks.length; i++) {\n      tablinks[i].className = tablinks[i].className.replace(\" active\", \"\");\n    }\n    document.getElementById(cityName).style.display = \"block\";\n    document.getElementById(cityName).className += \" active\";\n    evt.currentTarget.className += \" active\";\n  }\n<\/script>\n<script>\n  var tabcontent = document.getElementsByClassName(\"tabcontent\");\n  for (i = 0; i < tabcontent.length; i++) {\n    var swiper = new Swiper(\"#\" + tabcontent[i].getAttribute('id') + \" .swiper-container\", {\n      direction: \"vertical\",\n      slidesPerView: 1,\n      spaceBetween: 30,\n      mousewheel: false,\n      on: {\n        slideChangeTransitionEnd: function() {\n          if (swiper.isBeginning || swiper.isEnd) {\n            swiper.params.mousewheel.releaseOnEdges = true;\n          } else {\n            swiper.params.mousewheel.releaseOnEdges = false;\n          }\n        }\n      },\n      pagination: {\n        el: \"#\" + tabcontent[i].getAttribute('id') + \" .swiper-pagination\",\n        clickable: true,\n      },\n    });\n  }\n<\/script>\n<script>\n  function toggleContent(e, content) {\n    var elementToggle = e.target\n    var elementCurrentContent = document.querySelector('.tabcontent.active ' + content)\n    if (elementToggle.classList.contains(\"showplus\")) {\n        elementToggle.style.backgroundImage=\"url('\/wp-content\/uploads\/2022\/10\/Minus-button.png')\";\n      elementToggle.classList.remove(\"showplus\");\n      elementToggle.classList.add(\"showminus\");\n    elementCurrentContent.classList.remove(\"hideContent\");\n      elementCurrentContent.classList.add(\"showContent\");\n    } else {\n        elementToggle.style.backgroundImage=\"url('\/wp-content\/uploads\/2022\/10\/Plus-button.png')\";\n  elementToggle.classList.remove(\"showminus\"); \n      elementToggle.classList.add(\"showplus\");\n      elementCurrentContent.classList.remove(\"showContent\");\n      elementCurrentContent.classList.add(\"hideContent\");\n\n    }\n  }\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Kh\u1ea9u trang th\u1eddi trang Kh\u1ea9u trang c\u00f4ng nghi\u1ec7p C\u00e1c s\u1ea3n ph\u1ea9m b\u1ea3o h\u1ed9 lao \u0111\u1ed9ng L\u1ecdc khu\u1ea9n > 99% L\u1ecdc khu\u1ea9n > 99% Kh\u1ea9u trang th\u1eddi trang C\u1ea3i ti\u1ebfn v\u01b0\u1ee3t tr\u1ed9i v\u1ec1 thi\u1ebft k\u1ebf v\u00e0 b\u1ed9 l\u1ecdc, lo\u1ea1i b\u1ecf \u0111\u1ebfn 99% b\u1ee5i si\u00eau m\u1ecbn v\u00e0 vi khu\u1ea9n 0,1 \u00b5m, d\u1ec5 d\u00e0ng thay th\u1ebf \u0111\u1ecbnh k\u1ef3. [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/neovision.com.vn\/en\/wp-json\/wp\/v2\/pages\/8430"}],"collection":[{"href":"https:\/\/neovision.com.vn\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/neovision.com.vn\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/neovision.com.vn\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/neovision.com.vn\/en\/wp-json\/wp\/v2\/comments?post=8430"}],"version-history":[{"count":0,"href":"https:\/\/neovision.com.vn\/en\/wp-json\/wp\/v2\/pages\/8430\/revisions"}],"wp:attachment":[{"href":"https:\/\/neovision.com.vn\/en\/wp-json\/wp\/v2\/media?parent=8430"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}