{"id":5540,"date":"2025-04-19T12:57:35","date_gmt":"2025-04-19T12:57:35","guid":{"rendered":"http:\/\/$IP\/?page_id=5540"},"modified":"2026-02-09T11:20:09","modified_gmt":"2026-02-09T11:20:09","slug":"mission","status":"publish","type":"page","link":"https:\/\/www.kbv.kz\/en\/mission\/","title":{"rendered":"Mission and Values"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"5540\" class=\"elementor elementor-5540\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3bf94d5 e-flex e-con-boxed qodef-elementor-content-no e-con e-parent\" data-id=\"3bf94d5\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4f27f50 e-flex e-con-boxed qodef-elementor-content-no e-con e-parent\" data-id=\"4f27f50\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ce540f elementor-widget elementor-widget-html\" data-id=\"3ce540f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0435\u043c \u0448\u0440\u0438\u0444\u0442 Montserrat -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  :root {\r\n    --primary: #1F2937;\r\n    --accent: #FFD45C;\r\n    --bg-light: #F7F9FC;\r\n  }\r\n  body { margin:0; padding:0; }\r\n\r\n  .company-section {\r\n    font-family: 'Montserrat', sans-serif;\r\n    background: #FFFFFF;\r\n    padding: 10px 20px;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    color: var(--primary);\r\n  }\r\n\r\n\r\n\r\n  \/* ---------- \u041c\u0438\u0441\u0441\u0438\u044f ---------- *\/\r\n  .mission-block {\r\n    text-align: center;\r\n    margin-bottom: 20px;\r\n  }\r\n  .mission-text {\r\n    display: inline-block;\r\n    max-width: 800px;\r\n    padding: 20px 24px;\r\n    border: 2px solid var(--accent);\r\n    border-radius: 8px;\r\n    background: #FFFBEA;\r\n    font-size: 19px;\r\n    font-weight: 400;\r\n    line-height: 1.6;\r\n    color: var(--primary);\r\n  }\r\n\r\n  \/* ---------- \u0426\u0435\u043d\u043d\u043e\u0441\u0442\u0438 ---------- *\/\r\n  .values-block {\r\n    background: var(--bg-light);\r\n    border-radius: 12px;\r\n    padding: 40px;\r\n  }\r\n  .values-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 32px;\r\n  }\r\n  .values-photo {\r\n    position: relative;\r\n    border-radius: 12px;\r\n    overflow: hidden;\r\n    aspect-ratio: 4\/3;\r\n  }\r\n  .values-photo img {\r\n    width: 100%; height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n  }\r\n  .values-overlay {\r\n    position: absolute; inset: 0;\r\n    background: linear-gradient(180deg, rgba(31,41,55,0.6) 0%, rgba(31,41,55,0.9) 100%);\r\n    color: #FFF;\r\n    padding: 24px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    text-align: center;\r\n    box-sizing: border-box;\r\n    border-radius: 12px;\r\n  }\r\n  .overlay-title {\r\n    font-size: 25px; font-weight: 600;\r\n    margin-bottom: 12px; text-transform: uppercase;\r\n    color: var(--accent);\r\n  }\r\n  .overlay-text {\r\n    font-size: 19px; line-height: 1.6;\r\n  }\r\n\r\n  .values-buttons {\r\n    display: flex; flex-direction: column; gap: 12px;\r\n  }\r\n  .values-btn {\r\n    background: #fff;\r\n    color: var(--primary);\r\n    border: 2px solid var(--accent);\r\n    padding: 14px 24px;\r\n    font-family: 'Montserrat';\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    border-radius: 30px;\r\n    text-align: left;\r\n    cursor: pointer;\r\n    transition: background 0.3s, color 0.3s;\r\n  }\r\n  .values-btn:hover,\r\n  .values-btn.active {\r\n    background: var(--accent);\r\n    color: var(--primary);\r\n    border-color: transparent;\r\n  }\r\n\r\n  @media(max-width: 768px) {\r\n    .values-grid { grid-template-columns: 1fr; }\r\n    .mission-block h3 { font-size: 24px; }\r\n    .mission-text { width: 100%; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"company-section\">\r\n\r\n\r\n  <!-- \u041c\u0438\u0441\u0441\u0438\u044f -->\r\n  <div class=\"mission-block\">\r\n    <div class=\"mission-text\">\r\n      Our mission is to ensure the efficient and rational development of the natural resources of the North Caspian Project fields, while upholding the principles of sustainable development.\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u0426\u0435\u043d\u043d\u043e\u0441\u0442\u0438 -->\r\n  <div class=\"values-block\">\r\n    <div class=\"values-grid\">\r\n      <div class=\"values-photo\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/www.kbv.kz\/wp-content\/uploads\/2020\/03\/h1-img-3a.jpg\"\r\n          alt=\"\u041f\u0430\u0440\u0442\u043d\u0451\u0440\u0441\u0442\u0432\u043e\"\r\n          id=\"values-img\"\r\n        \/>\r\n        <div class=\"values-overlay\">\r\n          <div class=\"overlay-title\" id=\"overlay-title\">Partnership<\/div>\r\n          <div class=\"overlay-text\" id=\"overlay-text\">\r\n            We build reliable and mutually beneficial relationships based on trust.\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"values-buttons\">\r\n        <button\r\n          class=\"values-btn active\"\r\n          data-title=\"\u041f\u0430\u0440\u0442\u043d\u0451\u0440\u0441\u0442\u0432\u043e\"\r\n          data-text=\"\u041c\u044b \u0441\u0442\u0440\u043e\u0438\u043c \u043d\u0430\u0434\u0451\u0436\u043d\u044b\u0435 \u0438 \u0432\u0437\u0430\u0438\u043c\u043e\u0432\u044b\u0433\u043e\u0434\u043d\u044b\u0435 \u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u044f, \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u043d\u0430 \u0434\u043e\u0432\u0435\u0440\u0438\u0438.\"\r\n          data-img=\"https:\/\/www.kbv.kz\/wp-content\/uploads\/2020\/03\/h1-img-3a.jpg\"\r\n        >Partnership<\/button>\r\n\r\n        <button\r\n          class=\"values-btn\"\r\n          data-title=\"\u0426\u0435\u043b\u043e\u0441\u0442\u043d\u043e\u0441\u0442\u044c\"\r\n          data-text=\"\u0414\u0435\u0439\u0441\u0442\u0432\u0443\u0435\u043c \u0447\u0435\u0441\u0442\u043d\u043e \u0438 \u043e\u0442\u043a\u0440\u044b\u0442\u043e, \u0441\u043e\u0431\u043b\u044e\u0434\u0430\u044f \u0432\u044b\u0441\u043e\u043a\u0438\u0435 \u044d\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u044b.\"\r\n          data-img=\"https:\/\/www.kbv.kz\/wp-content\/uploads\/2020\/03\/h2-gallery-3a.jpg\"\r\n        >Integrity<\/button>\r\n\r\n        <button\r\n          class=\"values-btn\"\r\n          data-title=\"\u041a\u043e\u043c\u043f\u0435\u0442\u0435\u043d\u0442\u043d\u043e\u0441\u0442\u044c\"\r\n          data-text=\"\u041d\u0430\u0448\u0438 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442\u044b \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u044e\u0442 \u043b\u0443\u0447\u0448\u0438\u0435 \u043c\u0438\u0440\u043e\u0432\u044b\u0435 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0438 \u0438 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438.\"\r\n          data-img=\"https:\/\/www.kbv.kz\/wp-content\/uploads\/2020\/03\/h2-gallery-2a.jpg\"\r\n        >Competence<\/button>\r\n\r\n        <button\r\n          class=\"values-btn\"\r\n          data-title=\"ESG-\u043f\u0440\u0438\u043d\u0446\u0438\u043f\u044b\"\r\n          data-text=\"\u042d\u043a\u043e\u043b\u043e\u0433\u0438\u044f, \u0441\u043e\u0446\u0438\u0430\u043b\u044c\u043d\u0430\u044f \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u0438 \u0447\u0435\u0441\u0442\u043d\u043e\u0435 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u2014 \u043d\u0430\u0448 \u043f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0442.\"\r\n          data-img=\"https:\/\/www.kbv.kz\/wp-content\/uploads\/2020\/02\/h7-slide-img-3.jpg\"\r\n        >ESG Principles<\/button>\r\n\r\n        <button\r\n          class=\"values-btn\"\r\n          data-title=\"\u041f\u0440\u043e\u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c\"\r\n          data-text=\"\u041c\u044b \u043f\u0440\u0435\u0434\u0432\u0438\u0434\u0438\u043c \u0438 \u0443\u0441\u0442\u0440\u0430\u043d\u044f\u0435\u043c \u0440\u0438\u0441\u043a\u0438 \u0435\u0449\u0451 \u0434\u043e \u0438\u0445 \u043f\u043e\u044f\u0432\u043b\u0435\u043d\u0438\u044f.\"\r\n          data-img=\"https:\/\/www.kbv.kz\/wp-content\/uploads\/2020\/02\/blog-single-img-21.jpg\"\r\n        >Proactivity<\/button>\r\n\r\n        <button\r\n          class=\"values-btn\"\r\n          data-title=\"\u041f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e\u0435 \u0443\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u0435\"\r\n          data-text=\"\u041f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u0441\u0442\u0432\u0443\u0435\u043c \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b \u0434\u043b\u044f \u0434\u043e\u0441\u0442\u0438\u0436\u0435\u043d\u0438\u044f \u043b\u0443\u0447\u0448\u0438\u0445 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u043e\u0432.\"\r\n          data-img=\"https:\/\/www.kbv.kz\/wp-content\/uploads\/2020\/02\/blog-single-img-19.jpg\"\r\n        >Continuous Improvement<\/button>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  const btns    = document.querySelectorAll('.values-btn');\r\n  const imgEl   = document.getElementById('values-img');\r\n  const titleEl = document.getElementById('overlay-title');\r\n  const textEl  = document.getElementById('overlay-text');\r\n\r\n  btns.forEach(btn => {\r\n    btn.addEventListener('click', () => {\r\n      btns.forEach(b => b.classList.remove('active'));\r\n      btn.classList.add('active');\r\n\r\n      titleEl.textContent = btn.dataset.title;\r\n      textEl.textContent  = btn.dataset.text;\r\n\r\n      if (btn.dataset.img) {\r\n        imgEl.src = btn.dataset.img;\r\n        imgEl.alt = btn.dataset.title;\r\n      }\r\n    });\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-67455ce e-flex e-con-boxed qodef-elementor-content-no e-con e-parent\" data-id=\"67455ce\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u041d\u0430\u0448\u0430 \u043c\u0438\u0441\u0441\u0438\u044f \u2014 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u0435 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u0438 \u0440\u0430\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043e\u0441\u0432\u043e\u0435\u043d\u0438\u044f \u043f\u0440\u0438\u0440\u043e\u0434\u043d\u044b\u0445 \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432 \u043c\u0435\u0441\u0442\u043e\u0440\u043e\u0436\u0434\u0435\u043d\u0438\u0439 \u0421\u0435\u0432\u0435\u0440\u043e-\u041a\u0430\u0441\u043f\u0438\u0439\u0441\u043a\u043e\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430, \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u044f \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u044e \u0443\u0441\u0442\u043e\u0439\u0447\u0438\u0432\u043e\u0433\u043e \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f. \u041f\u0430\u0440\u0442\u043d\u0451\u0440\u0441\u0442\u0432\u043e \u041c\u044b \u0441\u0442\u0440\u043e\u0438\u043c \u043d\u0430\u0434\u0451\u0436\u043d\u044b\u0435 \u0438 \u0432\u0437\u0430\u0438\u043c\u043e\u0432\u044b\u0433\u043e\u0434\u043d\u044b\u0435 \u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u044f, \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u043d\u0430 \u0434\u043e\u0432\u0435\u0440\u0438\u0438. \u041f\u0430\u0440\u0442\u043d\u0451\u0440\u0441\u0442\u0432\u043e \u0426\u0435\u043b\u043e\u0441\u0442\u043d\u043e\u0441\u0442\u044c \u041a\u043e\u043c\u043f\u0435\u0442\u0435\u043d\u0442\u043d\u043e\u0441\u0442\u044c ESG-\u043f\u0440\u0438\u043d\u0446\u0438\u043f\u044b \u041f\u0440\u043e\u0430\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c \u041f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e\u0435 \u0443\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u0435<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-full-width.php","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"wf_page_folders":[],"class_list":["post-5540","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.kbv.kz\/en\/wp-json\/wp\/v2\/pages\/5540","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kbv.kz\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.kbv.kz\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.kbv.kz\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kbv.kz\/en\/wp-json\/wp\/v2\/comments?post=5540"}],"version-history":[{"count":99,"href":"https:\/\/www.kbv.kz\/en\/wp-json\/wp\/v2\/pages\/5540\/revisions"}],"predecessor-version":[{"id":7281,"href":"https:\/\/www.kbv.kz\/en\/wp-json\/wp\/v2\/pages\/5540\/revisions\/7281"}],"wp:attachment":[{"href":"https:\/\/www.kbv.kz\/en\/wp-json\/wp\/v2\/media?parent=5540"}],"wp:term":[{"taxonomy":"wf_page_folders","embeddable":true,"href":"https:\/\/www.kbv.kz\/en\/wp-json\/wp\/v2\/wf_page_folders?post=5540"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}