{"id":1416,"date":"2026-02-20T23:02:43","date_gmt":"2026-02-20T23:02:43","guid":{"rendered":"https:\/\/rtbn.gov.mn\/new\/home\/"},"modified":"2026-02-22T18:00:17","modified_gmt":"2026-02-22T18:00:17","slug":"home","status":"publish","type":"page","link":"https:\/\/rtbn.gov.mn\/new\/","title":{"rendered":"\u041d\u04af\u04af\u0440"},"content":{"rendered":"\n<section\n    class=\"hero-section px-6 lg:px-24 is-viewport-height min-h-screen\">\n    <div class=\"hero-video-container\">\n        <video autoplay muted loop playsinline poster=\"https:\/\/rtbn.gov.mn\/new\/wp-content\/themes\/rtbn-dark\/RTBN%20slide%20home%20page.001.jpg\">\n            <source src=\"https:\/\/rtbn.gov.mn\/new\/wp-content\/themes\/rtbn-dark\/assets\/video\/media1.mp4\" type=\"video\/mp4\">\n        <\/video>\n        <div class=\"hero-overlay\"><\/div>\n    <\/div>\n\n    <div class=\"max-w-3xl z-10 animate-fade-in relative\">\n                    <div\n                class=\"inline-flex items-center space-x-2 bg-white\/10 backdrop-blur-xl px-4 py-1.5 rounded-full mb-8 border border-white\/20\">\n                <span class=\"w-2 h-2 rounded-full bg-brand-light animate-pulse\"><\/span>\n                <span class=\"text-[10px] font-bold tracking-widest uppercase text-slate-200\">\n                    \u0422\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438 \u0431\u0430 \u0418\u043d\u043d\u043e\u0432\u0430\u0446\u0438                <\/span>\n            <\/div>\n        \n        <h2 class=\"text-4xl lg:text-7xl font-extrabold mb-8 leading-[1.1] text-white tracking-tight\">\n            \u041c\u043e\u043d\u0433\u043e\u043b \u0423\u043b\u0441\u044b\u043d \u0414\u0438\u0436\u0438\u0442\u0430\u043b \u0418\u0440\u044d\u044d\u0434\u04af\u0439\u0433 \u0422\u04af\u04af\u0447\u044d\u044d\u043b\u043d\u044d        <\/h2>\n\n                    <p class=\"text-base lg:text-lg text-slate-200 mb-10 lg:mb-12 leading-relaxed max-w-2xl font-medium\">\n                \u0411\u0438\u0434 \u0440\u0430\u0434\u0438\u043e, \u0442\u0435\u043b\u0435\u0432\u0438\u0437\u0438\u0439\u043d \u043d\u044d\u0432\u0442\u0440\u04af\u04af\u043b\u0433\u0438\u0439\u0433 \u0443\u043b\u0441 \u043e\u0440\u043e\u043d \u0434\u0430\u044f\u0430\u0440 \u0434\u0430\u043c\u0436\u0443\u0443\u043b\u0430\u0445, \u0445\u0430\u0440\u0438\u043b\u0446\u0430\u0430 \u0445\u043e\u043b\u0431\u043e\u043e\u043d\u044b \u0434\u044d\u0434 \u0431\u04af\u0442\u0446\u0438\u0439\u0433 \u0445\u04e9\u0433\u0436\u04af\u04af\u043b\u044d\u0445 \u0437\u0430\u043c\u0430\u0430\u0440 \u043c\u044d\u0434\u044d\u044d\u043b\u043b\u0438\u0439\u043d \u0445\u04af\u0440\u0442\u044d\u044d\u043c\u0436\u0438\u0439\u0433 \u043d\u044d\u043c\u044d\u0433\u0434\u04af\u04af\u043b\u0436 \u0431\u0430\u0439\u043d\u0430.            <\/p>\n        \n        <div class=\"flex flex-wrap gap-4\">\n                            <a href=\"#\"\n                    class=\"accent-btn px-8 lg:px-10 py-4 rounded-xl font-bold flex items-center space-x-3 shadow-lg shadow-red-500\/30 uppercase tracking-widest text-xs lg:text-sm\">\n                    <span>\n                        \u0414\u044d\u043b\u0433\u044d\u0440\u044d\u043d\u0433\u04af\u0439 \u04af\u0437\u044d\u0445                    <\/span>\n                    <i class=\"fa-solid fa-arrow-right\"><\/i>\n                <\/a>\n            \n                            <a href=\"#\"\n                    class=\"bg-white\/10 hover:bg-white\/20 text-white backdrop-blur-md px-8 lg:px-10 py-4 rounded-xl font-bold transition-all border border-white\/20 uppercase tracking-widest text-xs lg:text-sm\">\n                    \u0422\u04e9\u0441\u04e9\u043b \u0445\u04e9\u0442\u04e9\u043b\u0431\u04e9\u0440\u04af\u04af\u0434                <\/a>\n                    <\/div>\n    <\/div>\n\n    <!-- Floating Card (Optional or hardcoded for now as in static) -->\n    <div class=\"absolute bottom-12 right-12 hidden lg:block animate-fade-in z-20\" style=\"animation-delay: 0.4s\">\n        <div\n            class=\"bg-brand-surface\/95 backdrop-blur-xl border-l-4 border-brand-light p-6 rounded-r-2xl w-80 shadow-2xl border border-white\/10\">\n            <div class=\"flex items-center justify-between mb-4\">\n                <span class=\"text-brand-light font-bold text-xs uppercase tracking-tighter\">\u0428\u0438\u043d\u044d \u0442\u04e9\u0441\u04e9\u043b<\/span>\n                <i class=\"fa-solid fa-bolt text-brand-red text-xs\"><\/i>\n            <\/div>\n            <h4 class=\"font-bold text-white mb-3 leading-snug\">\u0421\u044d\u0440\u0433\u044d\u044d\u0433\u0434\u044d\u0445 \u044d\u0440\u0447\u0438\u043c \u0445\u04af\u0447\u043d\u0438\u0439 \u0441\u0442\u0430\u043d\u0446\u044b\u043d \u0445\u044d\u0440\u044d\u0433\u0436\u0438\u043b\u0442<\/h4>\n            <div class=\"w-full bg-white\/10 h-1.5 rounded-full overflow-hidden\">\n                <div class=\"bg-brand-light h-full w-3\/4 shadow-[0_0_8px_rgba(0,174,239,0.5)]\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<section class=\"py-20 lg:py-24 bg-brand-dark\">\n    <div class=\"container mx-auto px-6\">\n\n        \n        <div class=\"section-content\">\n            \n        <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 lg:gap-8\">\n            \n<div class=\"stat-card p-10 rounded-2xl shadow-sm\">\n    <div class=\"text-4xl lg:text-5xl font-black text-white mb-3\">\n        98%    <\/div>\n    <div class=\"text-[11px] text-slate-400 font-bold uppercase tracking-widest\">\n        \u0425\u04af\u043d \u0430\u043c\u044b\u043d \u0445\u0430\u043c\u0440\u0430\u043b\u0442    <\/div>\n<\/div>\n\n<div class=\"stat-card p-10 rounded-2xl shadow-sm\">\n    <div class=\"text-4xl lg:text-5xl font-black text-white mb-3\">\n        360+    <\/div>\n    <div class=\"text-[11px] text-slate-400 font-bold uppercase tracking-widest\">\n        \u0414\u0430\u043c\u0436\u0443\u0443\u043b\u0430\u0445 \u0441\u0442\u0430\u043d\u0446    <\/div>\n<\/div>\n\n<div class=\"stat-card p-10 rounded-2xl shadow-sm\">\n    <div class=\"text-4xl lg:text-5xl font-black text-white mb-3\">\n        24\/7    <\/div>\n    <div class=\"text-[11px] text-slate-400 font-bold uppercase tracking-widest\">\n        \u0422\u0430\u0441\u0440\u0430\u043b\u0442\u0433\u04af\u0439 \u0430\u0436\u0438\u043b\u043b\u0430\u0433\u0430\u0430    <\/div>\n<\/div>\n\n<div class=\"stat-card p-10 rounded-2xl shadow-sm\">\n    <div class=\"text-4xl lg:text-5xl font-black text-white mb-3\">\n        1.5\u041c\u0412\u0442    <\/div>\n    <div class=\"text-[11px] text-slate-400 font-bold uppercase tracking-widest\">\n        \u0421\u044d\u0440\u0433\u044d\u044d\u0433\u0434\u044d\u0445 \u044d\u0440\u0447\u0438\u043c \u0445\u04af\u0447    <\/div>\n<\/div>\n        <\/div>\n        \n        <\/div>\n    <\/div>\n<\/section>\n\n\n<section class=\"py-20 lg:py-24 bg-brand-dark\">\n    <div class=\"container mx-auto px-6\">\n\n        \n        <div class=\"section-content\">\n            \n            <div class=\"flex flex-col md:flex-row md:items-end justify-between mb-16 lg:mb-24 px-6 lg:px-0\">\n                        <div class=\"max-w-2xl\">\n                                    <div class=\"flex items-center space-x-3 mb-6\">\n                        <div class=\"w-12 h-[3px] bg-brand-red\"><\/div>\n                        <span class=\"text-brand-light font-extrabold tracking-[0.2em] uppercase text-xs\">\n                                \u0411\u0438\u0434\u043d\u0438\u0439 \u04af\u0439\u043b\u0447\u0438\u043b\u0433\u044d\u044d                        <\/span>\n                    <\/div>\n                                <h2 class=\"text-3xl lg:text-5xl font-extrabold leading-tight text-white\">\n                    \u0425\u0430\u0440\u0438\u043b\u0446\u0430\u0430 \u0445\u043e\u043b\u0431\u043e\u043e\u043d\u044b \u04af\u043d\u0434\u044d\u0441\u043d\u0438\u0439 \u0446\u043e\u0433\u0446 \u0448\u0438\u0439\u0434\u044d\u043b                <\/h2>\n            <\/div>\n                         <a href=\"#\"\n                    class=\"mt-8 md:mt-0 text-slate-300 hover:text-brand-red font-bold flex items-center transition-all group\">\n                 \u0411\u04af\u0445 \u04af\u0439\u043b\u0447\u0438\u043b\u0433\u044d\u044d <i\n                        class=\"fa-solid fa-arrow-right ml-3 text-xs group-hover:translate-x-2 transition-transform\"><\/i>\n                <\/a>\n                  <\/div>\n\n        <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 lg:gap-12\">\n         \n<div class=\"service-card p-10 lg:p-12 rounded-[2rem] lg:rounded-[2.5rem]\">\n    <div class=\"w-16 h-16 bg-white\/5 border border-white\/10 rounded-2xl flex items-center justify-center mb-10\">\n        <i class=\"fa-solid fa-tower-broadcast text-3xl text-brand-light\"><\/i>\n    <\/div>\n    <h4 class=\"text-xl font-bold mb-4 text-white\">\n        \u041d\u044d\u0432\u0442\u0440\u04af\u04af\u043b\u044d\u0433 \u0434\u0430\u043c\u0436\u0443\u0443\u043b\u0430\u0445    <\/h4>\n    <p class=\"text-slate-400 leading-relaxed font-medium\">\n        \u0423\u043b\u0441\u044b\u043d \u0445\u044d\u043c\u0436\u044d\u044d\u043d\u0434 \u0420\u0430\u0434\u0438\u043e, \u0422\u0435\u043b\u0435\u0432\u0438\u0437\u0438\u0439\u043d \u043e\u043b\u043e\u043d \u0441\u0443\u0432\u0433\u0438\u0439\u043d \u0434\u0430\u043c\u0436\u0443\u0443\u043b\u0430\u043b\u0442, \u04e9\u0440\u0433\u04e9\u043d \u043d\u044d\u0432\u0442\u0440\u04af\u04af\u043b\u0433\u0438\u0439\u043d \u04af\u0439\u043b\u0447\u0438\u043b\u0433\u044d\u044d.    <\/p>\n<\/div>\n\n<div class=\"service-card p-10 lg:p-12 rounded-[2rem] lg:rounded-[2.5rem]\">\n    <div class=\"w-16 h-16 bg-white\/5 border border-white\/10 rounded-2xl flex items-center justify-center mb-10\">\n        <i class=\"fa-solid fa-satellite-dish text-3xl text-brand-light\"><\/i>\n    <\/div>\n    <h4 class=\"text-xl font-bold mb-4 text-white\">\n        \u0421\u04af\u043b\u0436\u044d\u044d\u043d\u0438\u0439 \u0430\u0448\u0438\u0433\u043b\u0430\u043b\u0442    <\/h4>\n    <p class=\"text-slate-400 leading-relaxed font-medium\">\n        \u0414\u044d\u0434 \u0431\u04af\u0442\u044d\u0446, \u0446\u0430\u043c\u0445\u0430\u0433, \u0431\u0430\u0440\u0438\u043b\u0433\u0430 \u0431\u0430\u0439\u0433\u0443\u0443\u043b\u0430\u043c\u0436\u0438\u0439\u043d \u0442\u04af\u0440\u044d\u044d\u0441 \u0431\u043e\u043b\u043e\u043d \u0445\u0430\u043c\u0442\u044b\u043d \u0430\u0448\u0438\u0433\u043b\u0430\u043b\u0442\u044b\u043d \u0448\u0438\u0439\u0434\u043b\u04af\u04af\u0434.    <\/p>\n<\/div>\n\n<div class=\"service-card p-10 lg:p-12 rounded-[2rem] lg:rounded-[2.5rem]\">\n    <div class=\"w-16 h-16 bg-white\/5 border border-white\/10 rounded-2xl flex items-center justify-center mb-10\">\n        <i class=\"fa-solid fa-microchip text-3xl text-brand-light\"><\/i>\n    <\/div>\n    <h4 class=\"text-xl font-bold mb-4 text-white\">\n        \u0418\u043d\u043d\u043e\u0432\u0430\u0446\u0438 \u0431\u0430 \u0445\u04e9\u0433\u0436\u0438\u043b    <\/h4>\n    <p class=\"text-slate-400 leading-relaxed font-medium\">\n        \u0414\u0438\u0436\u0438\u0442\u0430\u043b \u0448\u0438\u043b\u0436\u0438\u043b\u0442, OTT \u0441\u0438\u0441\u0442\u0435\u043c \u0431\u043e\u043b\u043e\u043d \u0434\u044d\u0432\u0448\u0438\u043b\u0442\u044d\u0442 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0439\u043d \u0441\u0443\u0434\u0430\u043b\u0433\u0430\u0430, \u043d\u044d\u0432\u0442\u0440\u04af\u04af\u043b\u044d\u043b\u0442.    <\/p>\n<\/div>\n        <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<section class=\"py-20 lg:py-24 bg-brand-surface border-t border-white\/10\">\n    <div class=\"container mx-auto px-6\">\n\n                                    <div class=\"flex items-center justify-between mb-16\">\n                                            <h2 class=\"text-2xl lg:text-3xl font-extrabold text-white flex items-center uppercase tracking-tight\">\n                            <span class=\"w-2 h-8 bg-brand-red mr-5\"><\/span>\n                            \u041c\u044d\u0434\u044d\u044d \u043c\u044d\u0434\u044d\u044d\u043b\u044d\u043b                        <\/h2>\n                    \n                                    <\/div>\n                    \n        <div class=\"section-content\">\n            \n\n                    <div class=\"flex items-center justify-between mb-16\">\n                \n                                    <div class=\"hidden md:flex space-x-3 ml-auto\">\n                        <button\n                            class=\"w-12 h-12 rounded-full border border-white\/10 flex items-center justify-center hover:bg-brand-light hover:text-white transition-all bg-white\/5\">\n                            <i class=\"fa-solid fa-chevron-left\"><\/i>\n                        <\/button>\n                        <button\n                            class=\"w-12 h-12 rounded-full border border-white\/10 flex items-center justify-center hover:bg-brand-light hover:text-white transition-all bg-white\/5\">\n                            <i class=\"fa-solid fa-chevron-right\"><\/i>\n                        <\/button>\n                    <\/div>\n                            <\/div>\n        \n        <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8\">\n                                    <article class=\"news-card group cursor-pointer\">\n                            <a href=\"https:\/\/rtbn.gov.mn\/new\/2024\/02\/23\/how-to-brainstorm-for-creative-modern-design\/\">\n                                <div class=\"news-image-box\">\n                                    <img decoding=\"async\" src=\"https:\/\/rtbn.gov.mn\/new\/wp-content\/uploads\/2024\/02\/blog-img3.jpg\" alt=\"How to brainstorm for creative &amp; modern design?\"\n                                        class=\"news-image rounded-3xl\">\n                                <\/div>\n                                <div class=\"pt-6 px-2\">\n                                    <span\n                                        class=\"text-[10px] text-brand-red font-black uppercase tracking-widest mb-3 block\">Business<\/span>\n                                    <h4\n                                        class=\"text-base font-extrabold mb-3 text-white group-hover:text-brand-light transition-colors leading-snug\">\n                                        How to brainstorm for creative &amp; modern design?                                    <\/h4>\n                                    <div class=\"flex items-center text-[10px] text-slate-400 font-bold uppercase tracking-widest\">\n                                        <i class=\"fa-regular fa-clock mr-2 text-brand-light\"><\/i>\n                                        2024.02.23                                    <\/div>\n                                <\/div>\n                            <\/a>\n                        <\/article>\n                                                <article class=\"news-card group cursor-pointer\">\n                            <a href=\"https:\/\/rtbn.gov.mn\/new\/2024\/02\/23\/understanding-what-your-clients-main-brand-needs\/\">\n                                <div class=\"news-image-box\">\n                                    <img decoding=\"async\" src=\"https:\/\/rtbn.gov.mn\/new\/wp-content\/uploads\/2024\/02\/blog-img2.jpg\" alt=\"Understanding what your client&#8217;s main brand needs\"\n                                        class=\"news-image rounded-3xl\">\n                                <\/div>\n                                <div class=\"pt-6 px-2\">\n                                    <span\n                                        class=\"text-[10px] text-brand-red font-black uppercase tracking-widest mb-3 block\">Business<\/span>\n                                    <h4\n                                        class=\"text-base font-extrabold mb-3 text-white group-hover:text-brand-light transition-colors leading-snug\">\n                                        Understanding what your client&#8217;s main brand needs                                    <\/h4>\n                                    <div class=\"flex items-center text-[10px] text-slate-400 font-bold uppercase tracking-widest\">\n                                        <i class=\"fa-regular fa-clock mr-2 text-brand-light\"><\/i>\n                                        2024.02.23                                    <\/div>\n                                <\/div>\n                            <\/a>\n                        <\/article>\n                                                <article class=\"news-card group cursor-pointer\">\n                            <a href=\"https:\/\/rtbn.gov.mn\/new\/2024\/02\/23\/best-resources-to-get-design-inspiration-for-you\/\">\n                                <div class=\"news-image-box\">\n                                    <img decoding=\"async\" src=\"https:\/\/rtbn.gov.mn\/new\/wp-content\/uploads\/2024\/02\/blog-img1.jpg\" alt=\"Best resources to get design inspiration for you\"\n                                        class=\"news-image rounded-3xl\">\n                                <\/div>\n                                <div class=\"pt-6 px-2\">\n                                    <span\n                                        class=\"text-[10px] text-brand-red font-black uppercase tracking-widest mb-3 block\">Business<\/span>\n                                    <h4\n                                        class=\"text-base font-extrabold mb-3 text-white group-hover:text-brand-light transition-colors leading-snug\">\n                                        Best resources to get design inspiration for you                                    <\/h4>\n                                    <div class=\"flex items-center text-[10px] text-slate-400 font-bold uppercase tracking-widest\">\n                                        <i class=\"fa-regular fa-clock mr-2 text-brand-light\"><\/i>\n                                        2024.02.23                                    <\/div>\n                                <\/div>\n                            <\/a>\n                        <\/article>\n                                <\/div>\n        \n        <\/div>\n    <\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-full-width.php","meta":{"_rtbn_apply_prose":false,"footnotes":""},"class_list":["post-1416","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rtbn.gov.mn\/new\/wp-json\/wp\/v2\/pages\/1416","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rtbn.gov.mn\/new\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rtbn.gov.mn\/new\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rtbn.gov.mn\/new\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rtbn.gov.mn\/new\/wp-json\/wp\/v2\/comments?post=1416"}],"version-history":[{"count":1,"href":"https:\/\/rtbn.gov.mn\/new\/wp-json\/wp\/v2\/pages\/1416\/revisions"}],"predecessor-version":[{"id":1499,"href":"https:\/\/rtbn.gov.mn\/new\/wp-json\/wp\/v2\/pages\/1416\/revisions\/1499"}],"wp:attachment":[{"href":"https:\/\/rtbn.gov.mn\/new\/wp-json\/wp\/v2\/media?parent=1416"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}