{"id":9439,"date":"2026-08-12T12:25:19","date_gmt":"2026-08-12T12:25:19","guid":{"rendered":"https:\/\/octabiotic.com\/onlineshop\/?page_id=9439"},"modified":"2026-08-12T12:27:34","modified_gmt":"2026-08-12T12:27:34","slug":"home-page","status":"publish","type":"page","link":"https:\/\/octabiotic.com\/onlineshop\/home-page\/","title":{"rendered":"Home Page"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9439\" class=\"elementor elementor-9439\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5efdd69 e-flex e-con-boxed e-con e-parent\" data-id=\"5efdd69\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-908b534 elementor-widget elementor-widget-html\" data-id=\"908b534\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<section class=\"octa-hero\">\r\n\r\n  <div class=\"octa-hero-container\">\r\n\r\n    \r\n    <div class=\"octa-hero-content\">\r\n\r\n      <div class=\"octa-hero-eyebrow\">\r\n        <span class=\"octa-eyebrow-line\"><\/span>\r\n        <span>OCTABIOTIC PHARMA<\/span>\r\n        <span class=\"octa-eyebrow-dot\"><\/span>\r\n        <span>ESTABLISHED 2018<\/span>\r\n      <\/div>\r\n\r\n      <h1>\r\n        Healthcare Solutions\r\n        <span>You Can Trust<\/span>\r\n      <\/h1>\r\n\r\n      <p class=\"octa-hero-description\">\r\n        At Octabiotic Pharma, we are committed to providing quality\r\n        pharmaceutical and nutraceutical solutions designed to meet\r\n        the healthcare needs of Egyptian families.\r\n      <\/p>\r\n\r\n      <div class=\"octa-hero-buttons\">\r\n\r\n        <a href=\"\/products\/\" class=\"octa-btn octa-btn-primary\">\r\n          Explore Our Products\r\n          <span class=\"octa-arrow\">\u2192<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/octabiotic.com\/onlineshop\/\"\r\n           class=\"octa-btn octa-btn-secondary\"\r\n           target=\"_blank\"\r\n           rel=\"noopener\">\r\n          Shop Online\r\n          <span class=\"octa-arrow\">\u2192<\/span>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"octa-hero-trust\">\r\n\r\n        <div class=\"octa-trust-item\">\r\n          <strong>2018<\/strong>\r\n          <span>Established<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"octa-trust-divider\"><\/div>\r\n\r\n        <div class=\"octa-trust-item\">\r\n          <strong>Quality<\/strong>\r\n          <span>Driven<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"octa-trust-divider\"><\/div>\r\n\r\n        <div class=\"octa-trust-item\">\r\n          <strong>Healthcare<\/strong>\r\n          <span>Focused<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    \r\n    <div class=\"octa-hero-visual\">\r\n\r\n      <div class=\"octa-hero-glow\"><\/div>\r\n\r\n      <div class=\"octa-hero-circle octa-circle-one\"><\/div>\r\n      <div class=\"octa-hero-circle octa-circle-two\"><\/div>\r\n\r\n      <div class=\"octa-image-frame\">\r\n\r\n        \r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/octabiotic.com\/onlineshop\/wp-content\/uploads\/2026\/08\/Home-hero-1.png\"\r\n          alt=\"Octabiotic Pharma healthcare solutions\"\r\n          loading=\"eager\"\r\n        \/>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"octa-floating-card octa-card-top\">\r\n        <span class=\"octa-card-icon\">+<\/span>\r\n        <div>\r\n          <strong>Better Healthcare<\/strong>\r\n          <small>Built around people's needs<\/small>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"octa-floating-card octa-card-bottom\">\r\n        <span class=\"octa-card-check\">\u2713<\/span>\r\n        <div>\r\n          <strong>Quality First<\/strong>\r\n          <small>Committed to high standards<\/small>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   OCTABIOTIC HERO\r\n   ========================================================= *\/\r\n\r\n.octa-hero {\r\n  position: relative;\r\n  width: 100%;\r\n  overflow: hidden;\r\n  background:\r\n    radial-gradient(\r\n      circle at 82% 48%,\r\n      rgba(84, 218, 249, 0.13) 0%,\r\n      rgba(84, 218, 249, 0.04) 25%,\r\n      transparent 52%\r\n    ),\r\n    #ffffff;\r\n  padding: 90px 24px 80px;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.octa-hero *,\r\n.octa-hero *::before,\r\n.octa-hero *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.octa-hero-container {\r\n  width: min(1200px, 100%);\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 1.02fr 0.98fr;\r\n  align-items: center;\r\n  gap: 55px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO CONTENT\r\n   ========================================================= *\/\r\n\r\n.octa-hero-content {\r\n  position: relative;\r\n  z-index: 5;\r\n}\r\n\r\n.octa-hero-eyebrow {\r\n  display: flex;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n  gap: 9px;\r\n  margin-bottom: 24px;\r\n\r\n  color: #1c4b9d;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: 1.7px;\r\n}\r\n\r\n.octa-eyebrow-line {\r\n  display: inline-block;\r\n  width: 34px;\r\n  height: 2px;\r\n  border-radius: 10px;\r\n  background: #54daf9;\r\n}\r\n\r\n.octa-eyebrow-dot {\r\n  width: 5px;\r\n  height: 5px;\r\n  border-radius: 50%;\r\n  background: #00adb0;\r\n}\r\n\r\n\r\n.octa-hero h1 {\r\n  margin: 0;\r\n  max-width: 680px;\r\n\r\n  color: #173f87;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: clamp(46px, 5.2vw, 74px);\r\n  line-height: 1.04;\r\n  font-weight: 800;\r\n  letter-spacing: -2.5px;\r\n}\r\n\r\n.octa-hero h1 span {\r\n  display: block;\r\n\r\n  background: linear-gradient(\r\n    90deg,\r\n    #0099d5 0%,\r\n    #00adb0 100%\r\n  );\r\n\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  color: transparent;\r\n}\r\n\r\n\r\n.octa-hero-description {\r\n  max-width: 620px;\r\n  margin: 28px 0 0;\r\n\r\n  color: #52627a;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 18px;\r\n  line-height: 1.75;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTONS\r\n   ========================================================= *\/\r\n\r\n.octa-hero-buttons {\r\n  display: flex;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n  gap: 14px;\r\n  margin-top: 34px;\r\n}\r\n\r\n.octa-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 14px;\r\n\r\n  min-height: 54px;\r\n  padding: 0 24px;\r\n\r\n  border-radius: 8px;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  text-decoration: none;\r\n\r\n  transition:\r\n    transform 0.25s ease,\r\n    box-shadow 0.25s ease,\r\n    background 0.25s ease;\r\n}\r\n\r\n.octa-btn:hover {\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.octa-btn-primary {\r\n  color: #ffffff;\r\n  background: #1c4b9d;\r\n  box-shadow: 0 10px 25px rgba(28, 75, 157, 0.18);\r\n}\r\n\r\n.octa-btn-primary:hover {\r\n  background: #173f87;\r\n  box-shadow: 0 14px 30px rgba(28, 75, 157, 0.25);\r\n}\r\n\r\n.octa-btn-secondary {\r\n  color: #1c4b9d;\r\n  background: #ffffff;\r\n  border: 1.5px solid #c9d8ed;\r\n}\r\n\r\n.octa-btn-secondary:hover {\r\n  border-color: #1c4b9d;\r\n  background: #f7fbff;\r\n}\r\n\r\n.octa-arrow {\r\n  font-size: 18px;\r\n  line-height: 1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TRUST ROW\r\n   ========================================================= *\/\r\n\r\n.octa-hero-trust {\r\n  display: flex;\r\n  align-items: center;\r\n  margin-top: 45px;\r\n  gap: 22px;\r\n}\r\n\r\n.octa-trust-item {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n}\r\n\r\n.octa-trust-item strong {\r\n  color: #1c4b9d;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 16px;\r\n  font-weight: 800;\r\n}\r\n\r\n.octa-trust-item span {\r\n  color: #718096;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 11px;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n.octa-trust-divider {\r\n  width: 1px;\r\n  height: 34px;\r\n  background: #d9e4f1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO VISUAL\r\n   ========================================================= *\/\r\n\r\n.octa-hero-visual {\r\n  position: relative;\r\n  min-height: 560px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.octa-hero-glow {\r\n  position: absolute;\r\n  width: 440px;\r\n  height: 440px;\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(84, 218, 249, 0.25) 0%,\r\n      rgba(0, 173, 176, 0.12) 42%,\r\n      transparent 70%\r\n    );\r\n}\r\n\r\n.octa-hero-circle {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  border: 1px solid rgba(0, 153, 213, 0.14);\r\n}\r\n\r\n.octa-circle-one {\r\n  width: 470px;\r\n  height: 470px;\r\n}\r\n\r\n.octa-circle-two {\r\n  width: 350px;\r\n  height: 350px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE FRAME\r\n   ========================================================= *\/\r\n\r\n.octa-image-frame {\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n  width: min(430px, 78%);\r\n  aspect-ratio: 0.88;\r\n\r\n  overflow: hidden;\r\n\r\n  border-radius: 210px 210px 28px 28px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #eafaff 0%,\r\n      #f8fdff 45%,\r\n      #e5f8f8 100%\r\n    );\r\n\r\n  box-shadow:\r\n    0 30px 70px rgba(28, 75, 157, 0.14);\r\n}\r\n\r\n.octa-image-frame img {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: block;\r\n\r\n  object-fit: cover;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FLOATING CARDS\r\n   ========================================================= *\/\r\n\r\n.octa-floating-card {\r\n  position: absolute;\r\n  z-index: 4;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n\r\n  padding: 14px 17px;\r\n\r\n  background: rgba(255, 255, 255, 0.96);\r\n\r\n  border: 1px solid rgba(28, 75, 157, 0.09);\r\n\r\n  border-radius: 12px;\r\n\r\n  box-shadow:\r\n    0 18px 40px rgba(28, 75, 157, 0.13);\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.octa-card-top {\r\n  top: 75px;\r\n  right: 0;\r\n}\r\n\r\n.octa-card-bottom {\r\n  bottom: 72px;\r\n  left: 0;\r\n}\r\n\r\n.octa-floating-card strong {\r\n  display: block;\r\n  color: #1c4b9d;\r\n  font-size: 13px;\r\n  font-weight: 800;\r\n}\r\n\r\n.octa-floating-card small {\r\n  display: block;\r\n  margin-top: 3px;\r\n  color: #718096;\r\n  font-size: 10px;\r\n}\r\n\r\n.octa-card-icon,\r\n.octa-card-check {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 35px;\r\n  height: 35px;\r\n\r\n  flex: 0 0 35px;\r\n\r\n  border-radius: 9px;\r\n\r\n  color: #ffffff;\r\n  background: linear-gradient(\r\n    135deg,\r\n    #0099d5,\r\n    #00adb0\r\n  );\r\n\r\n  font-size: 20px;\r\n  font-weight: 700;\r\n}\r\n\r\n.octa-card-check {\r\n  font-size: 15px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 950px) {\r\n\r\n  .octa-hero {\r\n    padding: 70px 22px;\r\n  }\r\n\r\n  .octa-hero-container {\r\n    grid-template-columns: 1fr;\r\n    gap: 35px;\r\n  }\r\n\r\n  .octa-hero-content {\r\n    text-align: center;\r\n  }\r\n\r\n  .octa-hero-eyebrow,\r\n  .octa-hero-buttons,\r\n  .octa-hero-trust {\r\n    justify-content: center;\r\n  }\r\n\r\n  .octa-hero-description {\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n  }\r\n\r\n  .octa-hero-visual {\r\n    min-height: 500px;\r\n  }\r\n\r\n  .octa-card-top {\r\n    right: 7%;\r\n  }\r\n\r\n  .octa-card-bottom {\r\n    left: 7%;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n  .octa-hero {\r\n    padding: 55px 18px 60px;\r\n  }\r\n\r\n  .octa-hero h1 {\r\n    font-size: 43px;\r\n    letter-spacing: -1.7px;\r\n  }\r\n\r\n  .octa-hero-description {\r\n    font-size: 16px;\r\n    line-height: 1.65;\r\n    margin-top: 22px;\r\n  }\r\n\r\n  .octa-hero-eyebrow {\r\n    font-size: 10px;\r\n    letter-spacing: 1.2px;\r\n  }\r\n\r\n  .octa-hero-buttons {\r\n    flex-direction: column;\r\n    width: 100%;\r\n  }\r\n\r\n  .octa-btn {\r\n    width: 100%;\r\n  }\r\n\r\n  .octa-hero-trust {\r\n    gap: 12px;\r\n  }\r\n\r\n  .octa-trust-divider {\r\n    height: 28px;\r\n  }\r\n\r\n  .octa-trust-item strong {\r\n    font-size: 13px;\r\n  }\r\n\r\n  .octa-trust-item span {\r\n    font-size: 9px;\r\n  }\r\n\r\n  .octa-hero-visual {\r\n    min-height: 420px;\r\n  }\r\n\r\n  .octa-image-frame {\r\n    width: 74%;\r\n  }\r\n\r\n  .octa-hero-glow {\r\n    width: 330px;\r\n    height: 330px;\r\n  }\r\n\r\n  .octa-circle-one {\r\n    width: 350px;\r\n    height: 350px;\r\n  }\r\n\r\n  .octa-circle-two {\r\n    width: 270px;\r\n    height: 270px;\r\n  }\r\n\r\n  .octa-floating-card {\r\n    padding: 10px 12px;\r\n  }\r\n\r\n  .octa-floating-card strong {\r\n    font-size: 11px;\r\n  }\r\n\r\n  .octa-floating-card small {\r\n    font-size: 8px;\r\n  }\r\n\r\n  .octa-card-top {\r\n    top: 35px;\r\n    right: 0;\r\n  }\r\n\r\n  .octa-card-bottom {\r\n    bottom: 35px;\r\n    left: 0;\r\n  }\r\n\r\n  .octa-card-icon,\r\n  .octa-card-check {\r\n    width: 29px;\r\n    height: 29px;\r\n    flex-basis: 29px;\r\n  }\r\n}\r\n\r\n<\/style>\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-a3289b5 e-flex e-con-boxed e-con e-parent\" data-id=\"a3289b5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-10344ba elementor-widget elementor-widget-html\" data-id=\"10344ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<section class=\"octa-about\">\r\n\r\n  <div class=\"octa-about-container\">\r\n\r\n    \r\n\r\n    <div class=\"octa-about-visual\">\r\n\r\n      <div class=\"octa-about-bg-shape\"><\/div>\r\n\r\n      <div class=\"octa-about-image\">\r\n\r\n        \r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/octabiotic.com\/onlineshop\/wp-content\/uploads\/2026\/08\/Home-Section-2.png\"\r\n          alt=\"Octabiotic Pharma pharmaceutical healthcare team\"\r\n          loading=\"lazy\"\r\n        \/>\r\n\r\n      <\/div>\r\n\r\n      \r\n\r\n      <div class=\"octa-established-card\">\r\n\r\n        <div class=\"octa-established-icon\">\r\n          <span>2018<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"octa-established-text\">\r\n          <strong>Established Since<\/strong>\r\n          <span>Serving healthcare needs with care and commitment<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    \r\n\r\n    <div class=\"octa-about-content\">\r\n\r\n      <div class=\"octa-section-label\">\r\n        <span><\/span>\r\n        ABOUT OCTABIOTIC PHARMA\r\n      <\/div>\r\n\r\n      <h2>\r\n        Healthcare Built\r\n        <span>Around Real Needs<\/span>\r\n      <\/h2>\r\n\r\n      <p class=\"octa-about-lead\">\r\n        Octabiotic Pharma is an Egyptian pharmaceutical company\r\n        established in 2018, committed to providing reliable\r\n        pharmaceutical and nutraceutical solutions that address\r\n        real healthcare needs.\r\n      <\/p>\r\n\r\n      <p>\r\n        We believe quality healthcare should be within reach.\r\n        Our approach combines consistent product quality,\r\n        responsible pricing, professional expertise, and a clear\r\n        commitment to the people we serve.\r\n      <\/p>\r\n\r\n      <p>\r\n        From pharmaceutical solutions to nutraceutical products,\r\n        we continue to develop our capabilities in line with\r\n        advances in healthcare and pharmaceutical production.\r\n      <\/p>\r\n\r\n\r\n      \r\n\r\n      <div class=\"octa-about-highlights\">\r\n\r\n        <div class=\"octa-highlight\">\r\n\r\n          <div class=\"octa-highlight-icon\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M12 3L4 7v5c0 5 3.4 8.4 8 9\r\n                       4.6-0.6 8-4 8-9V7l-8-4z\"\/>\r\n              <path d=\"M9 12l2 2 4-4\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div>\r\n            <strong>Quality Driven<\/strong>\r\n            <span>Committed to consistent standards<\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"octa-highlight\">\r\n\r\n          <div class=\"octa-highlight-icon\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"8\"\/>\r\n              <path d=\"M12 7v5l3 2\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div>\r\n            <strong>Since 2018<\/strong>\r\n            <span>An Egyptian pharmaceutical company<\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <a href=\"\/about-us\/\" class=\"octa-about-button\">\r\n        Discover Our Story\r\n        <span>\u2192<\/span>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   OCTABIOTIC ABOUT SECTION\r\n   ========================================================= *\/\r\n\r\n.octa-about {\r\n  position: relative;\r\n  width: 100%;\r\n  padding: 105px 24px;\r\n  overflow: hidden;\r\n  background: #ffffff;\r\n}\r\n\r\n.octa-about *,\r\n.octa-about *::before,\r\n.octa-about *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.octa-about-container {\r\n  width: min(1180px, 100%);\r\n  margin: 0 auto;\r\n\r\n  display: grid;\r\n  grid-template-columns: 0.92fr 1.08fr;\r\n  align-items: center;\r\n  gap: 85px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE AREA\r\n   ========================================================= *\/\r\n\r\n.octa-about-visual {\r\n  position: relative;\r\n  min-height: 520px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.octa-about-bg-shape {\r\n  position: absolute;\r\n\r\n  width: 400px;\r\n  height: 400px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(0, 153, 213, 0.12),\r\n      rgba(0, 173, 176, 0.12)\r\n    );\r\n\r\n  transform: translate(-20px, 10px);\r\n}\r\n\r\n.octa-about-image {\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n  width: 390px;\r\n  height: 475px;\r\n\r\n  overflow: hidden;\r\n\r\n  border-radius: 195px 195px 22px 22px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #eefaff,\r\n      #f9fdff\r\n    );\r\n\r\n  box-shadow:\r\n    0 25px 60px rgba(28, 75, 157, 0.13);\r\n}\r\n\r\n.octa-about-image::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      transparent 60%,\r\n      rgba(28, 75, 157, 0.10)\r\n    );\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n.octa-about-image img {\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  display: block;\r\n\r\n  object-fit: cover;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ESTABLISHED CARD\r\n   ========================================================= *\/\r\n\r\n.octa-established-card {\r\n  position: absolute;\r\n  z-index: 4;\r\n\r\n  right: -15px;\r\n  bottom: 48px;\r\n\r\n  width: 270px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 13px;\r\n\r\n  padding: 15px 17px;\r\n\r\n  background: rgba(255, 255, 255, 0.97);\r\n\r\n  border: 1px solid rgba(28, 75, 157, 0.08);\r\n\r\n  border-radius: 12px;\r\n\r\n  box-shadow:\r\n    0 18px 40px rgba(28, 75, 157, 0.14);\r\n}\r\n\r\n.octa-established-icon {\r\n  width: 55px;\r\n  height: 55px;\r\n\r\n  flex: 0 0 55px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  border-radius: 10px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #0099d5,\r\n      #00adb0\r\n    );\r\n}\r\n\r\n.octa-established-icon span {\r\n  color: #ffffff;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 14px;\r\n  font-weight: 800;\r\n}\r\n\r\n.octa-established-text {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n}\r\n\r\n.octa-established-text strong {\r\n  color: #1c4b9d;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 13px;\r\n  font-weight: 800;\r\n}\r\n\r\n.octa-established-text span {\r\n  color: #6d7d91;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 10px;\r\n  line-height: 1.4;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n   ========================================================= *\/\r\n\r\n.octa-about-content {\r\n  max-width: 620px;\r\n}\r\n\r\n.octa-section-label {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n\r\n  margin-bottom: 19px;\r\n\r\n  color: #1c4b9d;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n  letter-spacing: 1.8px;\r\n}\r\n\r\n.octa-section-label span {\r\n  width: 32px;\r\n  height: 2px;\r\n\r\n  border-radius: 10px;\r\n\r\n  background: #54daf9;\r\n}\r\n\r\n\r\n.octa-about-content h2 {\r\n  margin: 0;\r\n\r\n  color: #173f87;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: clamp(39px, 4vw, 58px);\r\n  line-height: 1.08;\r\n  letter-spacing: -1.8px;\r\n  font-weight: 800;\r\n}\r\n\r\n.octa-about-content h2 span {\r\n  display: block;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #0099d5,\r\n      #00adb0\r\n    );\r\n\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n\r\n  color: transparent;\r\n}\r\n\r\n\r\n.octa-about-content p {\r\n  margin: 18px 0 0;\r\n\r\n  color: #5c6d82;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 16px;\r\n  line-height: 1.75;\r\n}\r\n\r\n.octa-about-content .octa-about-lead {\r\n  margin-top: 25px;\r\n\r\n  color: #3f526b;\r\n\r\n  font-size: 18px;\r\n  line-height: 1.75;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HIGHLIGHTS\r\n   ========================================================= *\/\r\n\r\n.octa-about-highlights {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n\r\n  gap: 18px;\r\n\r\n  margin-top: 30px;\r\n}\r\n\r\n.octa-highlight {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n\r\n  padding: 14px;\r\n\r\n  border: 1px solid #e5edf5;\r\n  border-radius: 10px;\r\n\r\n  background: #fbfdff;\r\n}\r\n\r\n.octa-highlight-icon {\r\n  width: 38px;\r\n  height: 38px;\r\n\r\n  flex: 0 0 38px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  border-radius: 9px;\r\n\r\n  background: #e9f9fd;\r\n}\r\n\r\n.octa-highlight-icon svg {\r\n  width: 20px;\r\n  height: 20px;\r\n\r\n  fill: none;\r\n  stroke: #0099d5;\r\n  stroke-width: 1.6;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.octa-highlight div:last-child {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 3px;\r\n}\r\n\r\n.octa-highlight strong {\r\n  color: #1c4b9d;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n}\r\n\r\n.octa-highlight span {\r\n  color: #7a899b;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 9px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON\r\n   ========================================================= *\/\r\n\r\n.octa-about-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 13px;\r\n\r\n  margin-top: 31px;\r\n  padding-bottom: 5px;\r\n\r\n  color: #1c4b9d;\r\n\r\n  border-bottom: 2px solid #54daf9;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 14px;\r\n  font-weight: 800;\r\n\r\n  text-decoration: none;\r\n\r\n  transition:\r\n    gap 0.25s ease,\r\n    color 0.25s ease;\r\n}\r\n\r\n.octa-about-button span {\r\n  font-size: 19px;\r\n  line-height: 1;\r\n}\r\n\r\n.octa-about-button:hover {\r\n  gap: 18px;\r\n  color: #0099d5;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 950px) {\r\n\r\n  .octa-about {\r\n    padding: 80px 22px;\r\n  }\r\n\r\n  .octa-about-container {\r\n    grid-template-columns: 1fr;\r\n    gap: 65px;\r\n  }\r\n\r\n  .octa-about-visual {\r\n    min-height: 500px;\r\n  }\r\n\r\n  .octa-about-content {\r\n    max-width: 700px;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n  }\r\n\r\n  .octa-section-label {\r\n    justify-content: center;\r\n  }\r\n\r\n  .octa-about-highlights {\r\n    text-align: left;\r\n  }\r\n\r\n  .octa-about-button {\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n  .octa-about {\r\n    padding: 65px 18px;\r\n  }\r\n\r\n  .octa-about-visual {\r\n    min-height: 400px;\r\n  }\r\n\r\n  .octa-about-image {\r\n    width: 285px;\r\n    height: 360px;\r\n  }\r\n\r\n  .octa-about-bg-shape {\r\n    width: 300px;\r\n    height: 300px;\r\n  }\r\n\r\n  .octa-established-card {\r\n    right: 0;\r\n    bottom: 20px;\r\n\r\n    width: 235px;\r\n\r\n    padding: 11px 12px;\r\n  }\r\n\r\n  .octa-established-icon {\r\n    width: 45px;\r\n    height: 45px;\r\n    flex-basis: 45px;\r\n  }\r\n\r\n  .octa-established-icon span {\r\n    font-size: 11px;\r\n  }\r\n\r\n  .octa-established-text strong {\r\n    font-size: 11px;\r\n  }\r\n\r\n  .octa-established-text span {\r\n    font-size: 8px;\r\n  }\r\n\r\n  .octa-about-content h2 {\r\n    font-size: 39px;\r\n  }\r\n\r\n  .octa-about-content .octa-about-lead {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .octa-about-content p {\r\n    font-size: 15px;\r\n  }\r\n\r\n  .octa-about-highlights {\r\n    grid-template-columns: 1fr;\r\n    text-align: left;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\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-9ac0b26 e-flex e-con-boxed e-con e-parent\" data-id=\"9ac0b26\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-db286b7 elementor-widget elementor-widget-html\" data-id=\"db286b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n\r\n<section class=\"octa-solutions\">\r\n\r\n  <div class=\"octa-solutions-container\">\r\n\r\n    \r\n\r\n    <div class=\"octa-solutions-heading\">\r\n\r\n      <div class=\"octa-section-label\">\r\n        <span><\/span>\r\n        OUR HEALTHCARE SOLUTIONS\r\n      <\/div>\r\n\r\n      <div class=\"octa-solutions-heading-row\">\r\n\r\n        <div>\r\n          <h2>\r\n            Solutions Designed\r\n            <span>Around Your Health<\/span>\r\n          <\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"octa-solutions-intro\">\r\n          <p>\r\n            From everyday nutritional support to targeted healthcare\r\n            needs, Octabiotic Pharma develops and provides solutions\r\n            designed with quality, safety and people's needs in mind.\r\n          <\/p>\r\n\r\n          <a href=\"\/products\/\" class=\"octa-solutions-link\">\r\n            Explore All Products\r\n            <span>\u2192<\/span>\r\n          <\/a>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    \r\n\r\n    <div class=\"octa-solutions-grid\">\r\n\r\n\r\n      \r\n\r\n      <a href=\"\/products\/\" class=\"octa-solution-card\">\r\n\r\n        <div class=\"octa-solution-number\">\r\n          01\r\n        <\/div>\r\n\r\n        <div class=\"octa-solution-icon\">\r\n          <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n            <path d=\"M17 8h14\"\/>\r\n            <path d=\"M20 8v8l-8 15a8 8 0 0 0 7 11h10a8 8 0 0 0 7-11l-8-15V8\"\/>\r\n            <path d=\"M16 31h16\"\/>\r\n            <path d=\"M21 25h6\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3>Vitamins &amp;<br>Nutritional Support<\/h3>\r\n\r\n        <p>\r\n          Solutions designed to support everyday nutritional\r\n          needs and general wellbeing.\r\n        <\/p>\r\n\r\n        <span class=\"octa-card-arrow\">\u2192<\/span>\r\n\r\n      <\/a>\r\n\r\n\r\n      \r\n\r\n      <a href=\"\/products\/\" class=\"octa-solution-card\">\r\n\r\n        <div class=\"octa-solution-number\">\r\n          02\r\n        <\/div>\r\n\r\n        <div class=\"octa-solution-icon\">\r\n          <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n            <path d=\"M24 8c-7 6-13 11-13 19a13 13 0 0 0 26 0c0-8-6-13-13-19z\"\/>\r\n            <path d=\"M18 29c1 4 4 6 8 6\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3>Digestive<br>Health<\/h3>\r\n\r\n        <p>\r\n          Products supporting digestive health and everyday\r\n          gastrointestinal wellbeing.\r\n        <\/p>\r\n\r\n        <span class=\"octa-card-arrow\">\u2192<\/span>\r\n\r\n      <\/a>\r\n\r\n\r\n      \r\n\r\n      <a href=\"\/products\/\" class=\"octa-solution-card\">\r\n\r\n        <div class=\"octa-solution-number\">\r\n          03\r\n        <\/div>\r\n\r\n        <div class=\"octa-solution-icon\">\r\n          <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n            <circle cx=\"24\" cy=\"24\" r=\"15\"\/>\r\n            <path d=\"M24 15v9l6 4\"\/>\r\n            <path d=\"M17 10l-3-4\"\/>\r\n            <path d=\"M31 10l3-4\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3>Women's<br>Health<\/h3>\r\n\r\n        <p>\r\n          Healthcare and nutritional solutions supporting women's\r\n          health across different stages of life.\r\n        <\/p>\r\n\r\n        <span class=\"octa-card-arrow\">\u2192<\/span>\r\n\r\n      <\/a>\r\n\r\n\r\n      \r\n\r\n      <a href=\"\/products\/\" class=\"octa-solution-card\">\r\n\r\n        <div class=\"octa-solution-number\">\r\n          04\r\n        <\/div>\r\n\r\n        <div class=\"octa-solution-icon\">\r\n          <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n            <circle cx=\"24\" cy=\"16\" r=\"7\"\/>\r\n            <path d=\"M11 40c1-9 5-14 13-14s12 5 13 14\"\/>\r\n            <path d=\"M32 9l6 6\"\/>\r\n            <path d=\"M38 9v6h-6\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3>Men's<br>Health<\/h3>\r\n\r\n        <p>\r\n          Selected healthcare and nutritional solutions developed\r\n          with men's health needs in mind.\r\n        <\/p>\r\n\r\n        <span class=\"octa-card-arrow\">\u2192<\/span>\r\n\r\n      <\/a>\r\n\r\n\r\n      \r\n\r\n      <a href=\"\/products\/\" class=\"octa-solution-card\">\r\n\r\n        <div class=\"octa-solution-number\">\r\n          05\r\n        <\/div>\r\n\r\n        <div class=\"octa-solution-icon\">\r\n          <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n            <circle cx=\"24\" cy=\"18\" r=\"7\"\/>\r\n            <path d=\"M12 40c1-8 5-13 12-13s11 5 12 13\"\/>\r\n            <path d=\"M35 12v8\"\/>\r\n            <path d=\"M31 16h8\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3>Mother &amp;<br>Child Care<\/h3>\r\n\r\n        <p>\r\n          Carefully selected solutions supporting mothers and\r\n          children through important stages of life.\r\n        <\/p>\r\n\r\n        <span class=\"octa-card-arrow\">\u2192<\/span>\r\n\r\n      <\/a>\r\n\r\n\r\n      \r\n\r\n      <a href=\"\/products\/\" class=\"octa-solution-card octa-solution-featured\">\r\n\r\n        <div class=\"octa-solution-number\">\r\n          06\r\n        <\/div>\r\n\r\n        <div class=\"octa-solution-icon\">\r\n          <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n            <path d=\"M24 7v34\"\/>\r\n            <path d=\"M7 24h34\"\/>\r\n            <circle cx=\"24\" cy=\"24\" r=\"16\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3>Healthcare<br>Products<\/h3>\r\n\r\n        <p>\r\n          Explore the wider Octabiotic portfolio of pharmaceutical\r\n          and healthcare products.\r\n        <\/p>\r\n\r\n        <span class=\"octa-card-arrow\">\u2192<\/span>\r\n\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n\r\n    \r\n\r\n    <div class=\"octa-solutions-shop\">\r\n\r\n      <div class=\"octa-shop-content\">\r\n\r\n        <span class=\"octa-shop-label\">\r\n          SHOP OCTABIOTIC PRODUCTS\r\n        <\/span>\r\n\r\n        <h3>\r\n          Find the Products You Need\r\n        <\/h3>\r\n\r\n        <p>\r\n          Browse the Octabiotic online shop to explore available\r\n          products and place your order online.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n      <a\r\n        href=\"https:\/\/octabiotic.com\/onlineshop\/\"\r\n        class=\"octa-shop-button\"\r\n        target=\"_blank\"\r\n        rel=\"noopener\"\r\n      >\r\n        Visit Online Shop\r\n        <span>\u2192<\/span>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   OCTABIOTIC\r\n   OUR HEALTHCARE SOLUTIONS\r\n   ========================================================= *\/\r\n\r\n.octa-solutions {\r\n  position: relative;\r\n  width: 100%;\r\n  padding: 105px 24px;\r\n  overflow: hidden;\r\n  background: #f7fbfe;\r\n}\r\n\r\n.octa-solutions *,\r\n.octa-solutions *::before,\r\n.octa-solutions *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.octa-solutions-container {\r\n  width: min(1200px, 100%);\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADING\r\n   ========================================================= *\/\r\n\r\n.octa-solutions-heading {\r\n  margin-bottom: 52px;\r\n}\r\n\r\n.octa-section-label {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n\r\n  margin-bottom: 19px;\r\n\r\n  color: #1c4b9d;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n  letter-spacing: 1.8px;\r\n}\r\n\r\n.octa-section-label span {\r\n  width: 32px;\r\n  height: 2px;\r\n\r\n  border-radius: 10px;\r\n\r\n  background: #54daf9;\r\n}\r\n\r\n.octa-solutions-heading-row {\r\n  display: grid;\r\n  grid-template-columns: 1fr 0.7fr;\r\n  align-items: end;\r\n  gap: 70px;\r\n}\r\n\r\n.octa-solutions h2 {\r\n  max-width: 650px;\r\n\r\n  margin: 0;\r\n\r\n  color: #173f87;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: clamp(39px, 4.5vw, 60px);\r\n  line-height: 1.06;\r\n  letter-spacing: -2px;\r\n  font-weight: 800;\r\n}\r\n\r\n.octa-solutions h2 span {\r\n  display: block;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #0099d5,\r\n      #00adb0\r\n    );\r\n\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n\r\n  color: transparent;\r\n}\r\n\r\n.octa-solutions-intro {\r\n  padding-bottom: 4px;\r\n}\r\n\r\n.octa-solutions-intro p {\r\n  margin: 0;\r\n\r\n  color: #617286;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 15px;\r\n  line-height: 1.75;\r\n}\r\n\r\n.octa-solutions-link {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 11px;\r\n\r\n  margin-top: 20px;\r\n\r\n  color: #1c4b9d;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 13px;\r\n  font-weight: 800;\r\n\r\n  text-decoration: none;\r\n\r\n  transition: gap 0.25s ease;\r\n}\r\n\r\n.octa-solutions-link span {\r\n  font-size: 18px;\r\n}\r\n\r\n.octa-solutions-link:hover {\r\n  gap: 16px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARDS GRID\r\n   ========================================================= *\/\r\n\r\n.octa-solutions-grid {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3, 1fr);\r\n\r\n  gap: 18px;\r\n}\r\n\r\n.octa-solution-card {\r\n  position: relative;\r\n\r\n  min-height: 285px;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  padding: 30px 28px;\r\n\r\n  overflow: hidden;\r\n\r\n  background: #ffffff;\r\n\r\n  border: 1px solid #e2ebf3;\r\n  border-radius: 14px;\r\n\r\n  text-decoration: none;\r\n\r\n  transition:\r\n    transform 0.3s ease,\r\n    box-shadow 0.3s ease,\r\n    border-color 0.3s ease;\r\n}\r\n\r\n.octa-solution-card::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  top: 0;\r\n  left: 0;\r\n\r\n  width: 0;\r\n  height: 3px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #0099d5,\r\n      #00adb0\r\n    );\r\n\r\n  transition: width 0.3s ease;\r\n}\r\n\r\n.octa-solution-card:hover {\r\n  transform: translateY(-5px);\r\n\r\n  border-color: #cdddea;\r\n\r\n  box-shadow:\r\n    0 20px 45px rgba(28, 75, 157, 0.10);\r\n}\r\n\r\n.octa-solution-card:hover::before {\r\n  width: 100%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD NUMBER\r\n   ========================================================= *\/\r\n\r\n.octa-solution-number {\r\n  position: absolute;\r\n\r\n  top: 25px;\r\n  right: 27px;\r\n\r\n  color: #dce9f3;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n  letter-spacing: 1px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD ICON\r\n   ========================================================= *\/\r\n\r\n.octa-solution-icon {\r\n  width: 52px;\r\n  height: 52px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  margin-bottom: 23px;\r\n\r\n  border-radius: 12px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #e8f9fd,\r\n      #e8f7f7\r\n    );\r\n}\r\n\r\n.octa-solution-icon svg {\r\n  width: 27px;\r\n  height: 27px;\r\n\r\n  fill: none;\r\n\r\n  stroke: #0099d5;\r\n\r\n  stroke-width: 1.6;\r\n\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD CONTENT\r\n   ========================================================= *\/\r\n\r\n.octa-solution-card h3 {\r\n  margin: 0;\r\n\r\n  color: #1c4b9d;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 20px;\r\n  line-height: 1.18;\r\n  font-weight: 800;\r\n}\r\n\r\n.octa-solution-card p {\r\n  max-width: 290px;\r\n\r\n  margin: 13px 0 0;\r\n\r\n  color: #718196;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 12px;\r\n  line-height: 1.65;\r\n}\r\n\r\n.octa-card-arrow {\r\n  margin-top: auto;\r\n  padding-top: 20px;\r\n\r\n  color: #0099d5;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 20px;\r\n\r\n  transition:\r\n    transform 0.25s ease;\r\n}\r\n\r\n.octa-solution-card:hover .octa-card-arrow {\r\n  transform: translateX(6px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FEATURED CARD\r\n   ========================================================= *\/\r\n\r\n.octa-solution-featured {\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #1c4b9d 0%,\r\n      #173f87 58%,\r\n      #0f6f9d 100%\r\n    );\r\n\r\n  border-color: transparent;\r\n}\r\n\r\n.octa-solution-featured::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  width: 190px;\r\n  height: 190px;\r\n\r\n  right: -70px;\r\n  bottom: -75px;\r\n\r\n  border-radius: 50%;\r\n\r\n  border: 1px solid rgba(255,255,255,0.12);\r\n}\r\n\r\n.octa-solution-featured .octa-solution-number {\r\n  color: rgba(255,255,255,0.25);\r\n}\r\n\r\n.octa-solution-featured .octa-solution-icon {\r\n  background: rgba(255,255,255,0.12);\r\n}\r\n\r\n.octa-solution-featured .octa-solution-icon svg {\r\n  stroke: #54daf9;\r\n}\r\n\r\n.octa-solution-featured h3 {\r\n  color: #ffffff;\r\n}\r\n\r\n.octa-solution-featured p {\r\n  color: rgba(255,255,255,0.72);\r\n}\r\n\r\n.octa-solution-featured .octa-card-arrow {\r\n  color: #54daf9;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SHOP CTA\r\n   ========================================================= *\/\r\n\r\n.octa-solutions-shop {\r\n  position: relative;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\r\n  gap: 35px;\r\n\r\n  margin-top: 24px;\r\n  padding: 30px 34px;\r\n\r\n  overflow: hidden;\r\n\r\n  border-radius: 14px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      100deg,\r\n      #eaf9fd,\r\n      #f2fbfc\r\n    );\r\n\r\n  border: 1px solid #d6edf3;\r\n}\r\n\r\n.octa-shop-content {\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.octa-shop-label {\r\n  display: block;\r\n\r\n  margin-bottom: 8px;\r\n\r\n  color: #0099d5;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 10px;\r\n  font-weight: 800;\r\n  letter-spacing: 1.5px;\r\n}\r\n\r\n.octa-solutions-shop h3 {\r\n  margin: 0;\r\n\r\n  color: #1c4b9d;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 24px;\r\n  line-height: 1.2;\r\n  font-weight: 800;\r\n}\r\n\r\n.octa-solutions-shop p {\r\n  max-width: 650px;\r\n\r\n  margin: 7px 0 0;\r\n\r\n  color: #617286;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 12px;\r\n  line-height: 1.6;\r\n}\r\n\r\n.octa-shop-button {\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n  flex: 0 0 auto;\r\n\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n\r\n  min-height: 49px;\r\n\r\n  padding: 0 22px;\r\n\r\n  border-radius: 8px;\r\n\r\n  color: #ffffff;\r\n\r\n  background: #1c4b9d;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n\r\n  text-decoration: none;\r\n\r\n  box-shadow:\r\n    0 10px 22px rgba(28, 75, 157, 0.16);\r\n\r\n  transition:\r\n    transform 0.25s ease,\r\n    background 0.25s ease;\r\n}\r\n\r\n.octa-shop-button span {\r\n  font-size: 17px;\r\n}\r\n\r\n.octa-shop-button:hover {\r\n  transform: translateY(-2px);\r\n  background: #173f87;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 950px) {\r\n\r\n  .octa-solutions {\r\n    padding: 80px 22px;\r\n  }\r\n\r\n  .octa-solutions-heading-row {\r\n    grid-template-columns: 1fr;\r\n    gap: 25px;\r\n  }\r\n\r\n  .octa-solutions-intro {\r\n    max-width: 650px;\r\n  }\r\n\r\n  .octa-solutions-grid {\r\n    grid-template-columns:\r\n      repeat(2, 1fr);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n  .octa-solutions {\r\n    padding: 65px 18px;\r\n  }\r\n\r\n  .octa-solutions-heading {\r\n    margin-bottom: 35px;\r\n  }\r\n\r\n  .octa-solutions h2 {\r\n    font-size: 39px;\r\n    letter-spacing: -1.4px;\r\n  }\r\n\r\n  .octa-solutions-intro p {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .octa-solutions-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 14px;\r\n  }\r\n\r\n  .octa-solution-card {\r\n    min-height: 255px;\r\n    padding: 27px 24px;\r\n  }\r\n\r\n  .octa-solutions-shop {\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n\r\n    padding: 26px 24px;\r\n\r\n    gap: 20px;\r\n  }\r\n\r\n  .octa-shop-button {\r\n    width: 100%;\r\n    justify-content: center;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\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-f4b9efd e-flex e-con-boxed e-con e-parent\" data-id=\"f4b9efd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3cfa2d3 elementor-widget elementor-widget-html\" data-id=\"3cfa2d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n\r\n<section class=\"octa-products\">\r\n\r\n  <div class=\"octa-products-container\">\r\n\r\n    \r\n\r\n    <div class=\"octa-products-heading\">\r\n\r\n      <div class=\"octa-section-label\">\r\n        <span><\/span>\r\n        OUR PRODUCTS\r\n      <\/div>\r\n\r\n      <div class=\"octa-products-heading-row\">\r\n\r\n        <div>\r\n          <h2>\r\n            Featured\r\n            <span>Healthcare Solutions<\/span>\r\n          <\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"octa-products-intro\">\r\n\r\n          <p>\r\n            Explore selected products from the Octabiotic Pharma\r\n            portfolio, developed to support a range of healthcare\r\n            and nutritional needs.\r\n          <\/p>\r\n\r\n          <a href=\"\/products\/\" class=\"octa-products-link\">\r\n            View All Products\r\n            <span>\u2192<\/span>\r\n          <\/a>\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    <div class=\"octa-product-grid\">\r\n\r\n\r\n      \r\n\r\n      <article class=\"octa-product-card\">\r\n\r\n        <div class=\"octa-product-image\">\r\n\r\n          <span class=\"octa-product-category\">\r\n            Men's Health\r\n          <\/span>\r\n\r\n          \r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/octabiotic.com\/onlineshop\/wp-content\/uploads\/2025\/08\/Vigiton-plus-Jar@4x-100-scaled.jpg\"\r\n            alt=\"Vigoton Plus\"\r\n            loading=\"lazy\"\r\n          \/>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"octa-product-content\">\r\n\r\n          <span class=\"octa-product-type\">\r\n            Healthcare Product\r\n          <\/span>\r\n\r\n          <h3>Vigoton Plus<\/h3>\r\n\r\n          <p>\r\n            Explore product information and availability\r\n            through the Octabiotic online shop.\r\n          <\/p>\r\n\r\n          <a\r\n            href=\"https:\/\/octabiotic.com\/onlineshop\/product\/%d9%81%d9%8a%d8%ac%d9%88%d8%aa%d9%88%d9%86-%d8%a8%d9%84%d8%b3\/\"\r\n            target=\"_blank\"\r\n            rel=\"noopener\"\r\n            class=\"octa-product-button\"\r\n          >\r\n            View Product\r\n            <span>\u2192<\/span>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      \r\n\r\n      <article class=\"octa-product-card\">\r\n\r\n        <div class=\"octa-product-image\">\r\n\r\n          <span class=\"octa-product-category\">\r\n            Women's Health\r\n          <\/span>\r\n\r\n          \r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/octabiotic.com\/onlineshop\/wp-content\/uploads\/2025\/08\/Vinax@4x-100-scaled.jpg\"\r\n            alt=\"Vinax\"\r\n            loading=\"lazy\"\r\n          \/>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"octa-product-content\">\r\n\r\n          <span class=\"octa-product-type\">\r\n            Healthcare Product\r\n          <\/span>\r\n\r\n          <h3>Vinax<\/h3>\r\n\r\n          <p>\r\n            Explore product information and availability\r\n            through the Octabiotic online shop.\r\n          <\/p>\r\n\r\n          <a\r\n            href=\"https:\/\/octabiotic.com\/onlineshop\/product\/%d9%81%d9%8a%d9%86%d8%a7%d9%83%d8%b3\/\"\r\n            target=\"_blank\"\r\n            rel=\"noopener\"\r\n            class=\"octa-product-button\"\r\n          >\r\n            View Product\r\n            <span>\u2192<\/span>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      \r\n\r\n      <article class=\"octa-product-card\">\r\n\r\n        <div class=\"octa-product-image\">\r\n\r\n          <span class=\"octa-product-category\">\r\n            Nutritional Support\r\n          <\/span>\r\n\r\n          \r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/octabiotic.com\/onlineshop\/wp-content\/uploads\/2025\/08\/Totacal@4x-100-scaled.jpg\"\r\n            alt=\"Totacal\"\r\n            loading=\"lazy\"\r\n          \/>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"octa-product-content\">\r\n\r\n          <span class=\"octa-product-type\">\r\n            Nutraceutical Product\r\n          <\/span>\r\n\r\n          <h3>Totacal<\/h3>\r\n\r\n          <p>\r\n            Explore product information and availability\r\n            through the Octabiotic online shop.\r\n          <\/p>\r\n\r\n          <a\r\n            href=\"https:\/\/octabiotic.com\/onlineshop\/product\/totacal\/\"\r\n            target=\"_blank\"\r\n            rel=\"noopener\"\r\n            class=\"octa-product-button\"\r\n          >\r\n            View Product\r\n            <span>\u2192<\/span>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      \r\n\r\n      <article class=\"octa-product-card\">\r\n\r\n        <div class=\"octa-product-image\">\r\n\r\n          <span class=\"octa-product-category\">\r\n            Men's Health\r\n          <\/span>\r\n\r\n          \r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/octabiotic.com\/onlineshop\/wp-content\/uploads\/2025\/08\/Argecta-30@4x-100-scaled.jpg\"\r\n            alt=\"Argecta\"\r\n            loading=\"lazy\"\r\n          \/>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"octa-product-content\">\r\n\r\n          <span class=\"octa-product-type\">\r\n            Healthcare Product\r\n          <\/span>\r\n\r\n          <h3>Argecta<\/h3>\r\n\r\n          <p>\r\n            Explore product information and availability\r\n            through the Octabiotic online shop.\r\n          <\/p>\r\n\r\n          <a\r\n            href=\"https:\/\/octabiotic.com\/onlineshop\/product\/argecta\/\"\r\n            target=\"_blank\"\r\n            rel=\"noopener\"\r\n            class=\"octa-product-button\"\r\n          >\r\n            View Product\r\n            <span>\u2192<\/span>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n\r\n    \r\n\r\n    <div class=\"octa-products-bottom\">\r\n\r\n      <div>\r\n\r\n        <span>OCTABIOTIC ONLINE SHOP<\/span>\r\n\r\n        <h3>\r\n          Explore the Complete Product Portfolio\r\n        <\/h3>\r\n\r\n      <\/div>\r\n\r\n      <a\r\n        href=\"https:\/\/octabiotic.com\/onlineshop\/\"\r\n        target=\"_blank\"\r\n        rel=\"noopener\"\r\n        class=\"octa-products-shop-button\"\r\n      >\r\n        Shop All Products\r\n        <span>\u2192<\/span>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   OCTABIOTIC\r\n   FEATURED PRODUCTS\r\n   ========================================================= *\/\r\n\r\n.octa-products {\r\n  position: relative;\r\n  width: 100%;\r\n\r\n  padding: 110px 24px;\r\n\r\n  overflow: hidden;\r\n\r\n  background: #ffffff;\r\n}\r\n\r\n.octa-products *,\r\n.octa-products *::before,\r\n.octa-products *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.octa-products-container {\r\n  width: min(1200px, 100%);\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADING\r\n   ========================================================= *\/\r\n\r\n.octa-products-heading {\r\n  margin-bottom: 48px;\r\n}\r\n\r\n.octa-section-label {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n\r\n  margin-bottom: 19px;\r\n\r\n  color: #1c4b9d;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n  letter-spacing: 1.8px;\r\n}\r\n\r\n.octa-section-label span {\r\n  width: 32px;\r\n  height: 2px;\r\n\r\n  border-radius: 10px;\r\n\r\n  background: #54daf9;\r\n}\r\n\r\n.octa-products-heading-row {\r\n  display: grid;\r\n\r\n  grid-template-columns: 1fr 0.7fr;\r\n\r\n  align-items: end;\r\n\r\n  gap: 70px;\r\n}\r\n\r\n.octa-products h2 {\r\n  margin: 0;\r\n\r\n  color: #173f87;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: clamp(40px, 4.5vw, 60px);\r\n  line-height: 1.06;\r\n  letter-spacing: -2px;\r\n  font-weight: 800;\r\n}\r\n\r\n.octa-products h2 span {\r\n  display: block;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #0099d5,\r\n      #00adb0\r\n    );\r\n\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n\r\n  color: transparent;\r\n}\r\n\r\n.octa-products-intro {\r\n  padding-bottom: 4px;\r\n}\r\n\r\n.octa-products-intro p {\r\n  margin: 0;\r\n\r\n  color: #617286;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 15px;\r\n  line-height: 1.75;\r\n}\r\n\r\n.octa-products-link {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 11px;\r\n\r\n  margin-top: 19px;\r\n\r\n  color: #1c4b9d;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 13px;\r\n  font-weight: 800;\r\n\r\n  text-decoration: none;\r\n\r\n  transition: gap 0.25s ease;\r\n}\r\n\r\n.octa-products-link span {\r\n  font-size: 18px;\r\n}\r\n\r\n.octa-products-link:hover {\r\n  gap: 16px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRODUCT GRID\r\n   ========================================================= *\/\r\n\r\n.octa-product-grid {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(4, 1fr);\r\n\r\n  gap: 18px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRODUCT CARD\r\n   ========================================================= *\/\r\n\r\n.octa-product-card {\r\n  position: relative;\r\n\r\n  overflow: hidden;\r\n\r\n  background: #ffffff;\r\n\r\n  border: 1px solid #e2ebf3;\r\n\r\n  border-radius: 14px;\r\n\r\n  transition:\r\n    transform 0.3s ease,\r\n    box-shadow 0.3s ease,\r\n    border-color 0.3s ease;\r\n}\r\n\r\n.octa-product-card:hover {\r\n  transform: translateY(-5px);\r\n\r\n  border-color: #cbdce9;\r\n\r\n  box-shadow:\r\n    0 20px 45px rgba(28, 75, 157, 0.10);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRODUCT IMAGE\r\n   ========================================================= *\/\r\n\r\n.octa-product-image {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n  height: 245px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  overflow: hidden;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at center,\r\n      #f4fcff 0%,\r\n      #eaf8fc 65%,\r\n      #e2f4f7 100%\r\n    );\r\n}\r\n\r\n.octa-product-image img {\r\n  width: 82%;\r\n  height: 82%;\r\n\r\n  display: block;\r\n\r\n  object-fit: contain;\r\n\r\n  transition:\r\n    transform 0.4s ease;\r\n}\r\n\r\n.octa-product-card:hover\r\n.octa-product-image img {\r\n  transform: scale(1.05);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CATEGORY LABEL\r\n   ========================================================= *\/\r\n\r\n.octa-product-category {\r\n  position: absolute;\r\n\r\n  z-index: 2;\r\n\r\n  top: 13px;\r\n  left: 13px;\r\n\r\n  padding: 6px 9px;\r\n\r\n  border-radius: 5px;\r\n\r\n  color: #1c4b9d;\r\n\r\n  background: rgba(255,255,255,0.90);\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 8px;\r\n  font-weight: 800;\r\n  letter-spacing: 0.6px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRODUCT CONTENT\r\n   ========================================================= *\/\r\n\r\n.octa-product-content {\r\n  padding: 22px 20px 21px;\r\n}\r\n\r\n.octa-product-type {\r\n  display: block;\r\n\r\n  margin-bottom: 7px;\r\n\r\n  color: #00a1b0;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 9px;\r\n  font-weight: 800;\r\n  letter-spacing: 0.8px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.octa-product-content h3 {\r\n  margin: 0;\r\n\r\n  color: #1c4b9d;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 20px;\r\n  line-height: 1.2;\r\n  font-weight: 800;\r\n}\r\n\r\n.octa-product-content p {\r\n  min-height: 52px;\r\n\r\n  margin: 11px 0 0;\r\n\r\n  color: #718196;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 11px;\r\n  line-height: 1.6;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRODUCT BUTTON\r\n   ========================================================= *\/\r\n\r\n.octa-product-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 9px;\r\n\r\n  margin-top: 17px;\r\n\r\n  color: #1c4b9d;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n\r\n  text-decoration: none;\r\n}\r\n\r\n.octa-product-button span {\r\n  font-size: 16px;\r\n\r\n  transition:\r\n    transform 0.25s ease;\r\n}\r\n\r\n.octa-product-button:hover span {\r\n  transform: translateX(5px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM SHOP CTA\r\n   ========================================================= *\/\r\n\r\n.octa-products-bottom {\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\r\n  gap: 30px;\r\n\r\n  margin-top: 25px;\r\n\r\n  padding: 28px 32px;\r\n\r\n  border-radius: 13px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      100deg,\r\n      #1c4b9d 0%,\r\n      #173f87 60%,\r\n      #116f9a 100%\r\n    );\r\n\r\n  box-shadow:\r\n    0 18px 40px rgba(28, 75, 157, 0.13);\r\n}\r\n\r\n.octa-products-bottom > div {\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.octa-products-bottom span {\r\n  display: block;\r\n\r\n  margin-bottom: 6px;\r\n\r\n  color: #54daf9;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 9px;\r\n  font-weight: 800;\r\n  letter-spacing: 1.4px;\r\n}\r\n\r\n.octa-products-bottom h3 {\r\n  margin: 0;\r\n\r\n  color: #ffffff;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 22px;\r\n  line-height: 1.25;\r\n  font-weight: 800;\r\n}\r\n\r\n.octa-products-shop-button {\r\n  flex: 0 0 auto;\r\n\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 11px;\r\n\r\n  min-height: 48px;\r\n\r\n  padding: 0 21px;\r\n\r\n  border-radius: 8px;\r\n\r\n  color: #1c4b9d;\r\n\r\n  background: #ffffff;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n\r\n  text-decoration: none;\r\n\r\n  transition:\r\n    transform 0.25s ease,\r\n    background 0.25s ease;\r\n}\r\n\r\n.octa-products-shop-button span {\r\n  margin: 0;\r\n\r\n  color: #0099d5;\r\n\r\n  font-size: 17px;\r\n  letter-spacing: 0;\r\n}\r\n\r\n.octa-products-shop-button:hover {\r\n  transform: translateY(-2px);\r\n\r\n  background: #f2fbfd;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1050px) {\r\n\r\n  .octa-product-grid {\r\n    grid-template-columns:\r\n      repeat(2, 1fr);\r\n  }\r\n\r\n}\r\n\r\n@media (max-width: 950px) {\r\n\r\n  .octa-products {\r\n    padding: 80px 22px;\r\n  }\r\n\r\n  .octa-products-heading-row {\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 24px;\r\n  }\r\n\r\n  .octa-products-intro {\r\n    max-width: 650px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n  .octa-products {\r\n    padding: 65px 18px;\r\n  }\r\n\r\n  .octa-products-heading {\r\n    margin-bottom: 35px;\r\n  }\r\n\r\n  .octa-products h2 {\r\n    font-size: 39px;\r\n\r\n    letter-spacing: -1.4px;\r\n  }\r\n\r\n  .octa-products-intro p {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .octa-product-grid {\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 15px;\r\n  }\r\n\r\n  .octa-product-image {\r\n    height: 275px;\r\n  }\r\n\r\n  .octa-products-bottom {\r\n    flex-direction: column;\r\n\r\n    align-items: flex-start;\r\n\r\n    padding: 26px 23px;\r\n\r\n    gap: 20px;\r\n  }\r\n\r\n  .octa-products-shop-button {\r\n    width: 100%;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\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-7602500 e-flex e-con-boxed e-con e-parent\" data-id=\"7602500\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f228539 elementor-widget elementor-widget-html\" data-id=\"f228539\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n\r\n<section class=\"octa-why\">\r\n\r\n  \r\n\r\n  <div class=\"octa-why-orb octa-why-orb-one\"><\/div>\r\n  <div class=\"octa-why-orb octa-why-orb-two\"><\/div>\r\n\r\n\r\n  <div class=\"octa-why-container\">\r\n\r\n    \r\n\r\n    <div class=\"octa-why-intro\">\r\n\r\n      <div class=\"octa-why-label\">\r\n        <span><\/span>\r\n        WHY OCTABIOTIC\r\n      <\/div>\r\n\r\n      <h2>\r\n        A Commitment\r\n        <span>You Can Count On<\/span>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Healthcare requires responsibility. At Octabiotic Pharma,\r\n        we build our work around consistent quality, professional\r\n        standards, and a clear understanding of the people we serve.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    \r\n\r\n    <div class=\"octa-why-grid\">\r\n\r\n\r\n      \r\n\r\n      <article class=\"octa-why-card\">\r\n\r\n        <div class=\"octa-why-icon\">\r\n\r\n          <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n            <path d=\"M24 5l15 6v11c0 10-6.5 17-15 21\r\n                     C15.5 39 9 32 9 22V11l15-6z\"\/>\r\n            <path d=\"M16 24l5 5 11-12\"\/>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <span class=\"octa-why-number\">01<\/span>\r\n\r\n        <h3>Consistent Quality<\/h3>\r\n\r\n        <p>\r\n          We place quality at the heart of our products and\r\n          our approach to healthcare.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n      \r\n\r\n      <article class=\"octa-why-card\">\r\n\r\n        <div class=\"octa-why-icon\">\r\n\r\n          <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n            <circle cx=\"24\" cy=\"15\" r=\"7\"\/>\r\n            <path d=\"M10 41c1-9 6-14 14-14s13 5 14 14\"\/>\r\n            <path d=\"M33 7l6 6\"\/>\r\n            <path d=\"M39 7v6h-6\"\/>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <span class=\"octa-why-number\">02<\/span>\r\n\r\n        <h3>Professional Expertise<\/h3>\r\n\r\n        <p>\r\n          Qualified people and professional standards guide\r\n          the way we develop and serve our products.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n      \r\n\r\n      <article class=\"octa-why-card\">\r\n\r\n        <div class=\"octa-why-icon\">\r\n\r\n          <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n            <circle cx=\"24\" cy=\"24\" r=\"17\"\/>\r\n            <path d=\"M24 13v11l7 5\"\/>\r\n            <path d=\"M14 34h20\"\/>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <span class=\"octa-why-number\">03<\/span>\r\n\r\n        <h3>Responsible Value<\/h3>\r\n\r\n        <p>\r\n          We consider accessibility and responsible pricing\r\n          as part of our commitment to Egyptian families.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n      \r\n\r\n      <article class=\"octa-why-card\">\r\n\r\n        <div class=\"octa-why-icon\">\r\n\r\n          <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n            <path d=\"M24 40S8 31 8 18a8 8 0 0 1 16-3\r\n                     a8 8 0 0 1 16 3c0 13-16 22-16 22z\"\/>\r\n            <path d=\"M17 24h5l3-6 4 12 3-6h4\"\/>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <span class=\"octa-why-number\">04<\/span>\r\n\r\n        <h3>Commitment to Care<\/h3>\r\n\r\n        <p>\r\n          Our work is guided by a simple principle:\r\n          healthcare should be approached with care and responsibility.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n\r\n    \r\n\r\n    <div class=\"octa-why-bottom\">\r\n\r\n      <div class=\"octa-why-bottom-line\"><\/div>\r\n\r\n      <p>\r\n        <strong>Care is Our Passion<\/strong>\r\n        <span>\r\n          A commitment that guides the way we serve healthcare needs.\r\n        <\/span>\r\n      <\/p>\r\n\r\n      <div class=\"octa-why-bottom-line\"><\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   OCTABIOTIC\r\n   WHY CHOOSE OCTABIOTIC\r\n   ========================================================= *\/\r\n\r\n.octa-why {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  padding: 110px 24px;\r\n\r\n  overflow: hidden;\r\n\r\n  background:\r\n    linear-gradient(\r\n      125deg,\r\n      #122f6b 0%,\r\n      #173f87 48%,\r\n      #0b638e 100%\r\n    );\r\n\r\n  color: #ffffff;\r\n}\r\n\r\n.octa-why *,\r\n.octa-why *::before,\r\n.octa-why *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND ORBS\r\n   ========================================================= *\/\r\n\r\n.octa-why-orb {\r\n  position: absolute;\r\n\r\n  border-radius: 50%;\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n.octa-why-orb-one {\r\n  width: 480px;\r\n  height: 480px;\r\n\r\n  right: -170px;\r\n  top: -190px;\r\n\r\n  border: 1px solid rgba(84, 218, 249, 0.14);\r\n}\r\n\r\n.octa-why-orb-two {\r\n  width: 350px;\r\n  height: 350px;\r\n\r\n  left: -180px;\r\n  bottom: -200px;\r\n\r\n  border: 1px solid rgba(84, 218, 249, 0.10);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n   ========================================================= *\/\r\n\r\n.octa-why-container {\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n  width: min(1180px, 100%);\r\n\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n   ========================================================= *\/\r\n\r\n.octa-why-intro {\r\n  max-width: 700px;\r\n\r\n  margin: 0 auto 55px;\r\n\r\n  text-align: center;\r\n}\r\n\r\n.octa-why-label {\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  gap: 10px;\r\n\r\n  margin-bottom: 20px;\r\n\r\n  color: #54daf9;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n  letter-spacing: 1.8px;\r\n}\r\n\r\n.octa-why-label span {\r\n  width: 32px;\r\n  height: 2px;\r\n\r\n  border-radius: 10px;\r\n\r\n  background: #54daf9;\r\n}\r\n\r\n.octa-why-intro h2 {\r\n  margin: 0;\r\n\r\n  color: #ffffff;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: clamp(40px, 4.5vw, 60px);\r\n  line-height: 1.06;\r\n\r\n  letter-spacing: -2px;\r\n\r\n  font-weight: 800;\r\n}\r\n\r\n.octa-why-intro h2 span {\r\n  display: block;\r\n\r\n  color: #54daf9;\r\n}\r\n\r\n.octa-why-intro p {\r\n  max-width: 650px;\r\n\r\n  margin: 22px auto 0;\r\n\r\n  color: rgba(255,255,255,0.72);\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 15px;\r\n\r\n  line-height: 1.75;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PILLAR GRID\r\n   ========================================================= *\/\r\n\r\n.octa-why-grid {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(4, 1fr);\r\n\r\n  gap: 15px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PILLAR CARD\r\n   ========================================================= *\/\r\n\r\n.octa-why-card {\r\n  position: relative;\r\n\r\n  min-height: 300px;\r\n\r\n  padding: 30px 25px;\r\n\r\n  overflow: hidden;\r\n\r\n  border: 1px solid rgba(255,255,255,0.12);\r\n\r\n  border-radius: 13px;\r\n\r\n  background: rgba(255,255,255,0.065);\r\n\r\n  transition:\r\n    transform 0.3s ease,\r\n    background 0.3s ease,\r\n    border-color 0.3s ease;\r\n}\r\n\r\n.octa-why-card::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  width: 110px;\r\n  height: 110px;\r\n\r\n  right: -55px;\r\n  bottom: -55px;\r\n\r\n  border-radius: 50%;\r\n\r\n  border: 1px solid rgba(84,218,249,0.12);\r\n}\r\n\r\n.octa-why-card:hover {\r\n  transform: translateY(-5px);\r\n\r\n  background: rgba(255,255,255,0.10);\r\n\r\n  border-color: rgba(84,218,249,0.28);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICON\r\n   ========================================================= *\/\r\n\r\n.octa-why-icon {\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  margin-bottom: 23px;\r\n\r\n  border-radius: 12px;\r\n\r\n  background: rgba(84,218,249,0.12);\r\n\r\n  border: 1px solid rgba(84,218,249,0.16);\r\n}\r\n\r\n.octa-why-icon svg {\r\n  width: 27px;\r\n  height: 27px;\r\n\r\n  fill: none;\r\n\r\n  stroke: #54daf9;\r\n\r\n  stroke-width: 1.5;\r\n\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n   ========================================================= *\/\r\n\r\n.octa-why-number {\r\n  position: absolute;\r\n\r\n  top: 28px;\r\n  right: 24px;\r\n\r\n  color: rgba(255,255,255,0.18);\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: 1px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TEXT\r\n   ========================================================= *\/\r\n\r\n.octa-why-card h3 {\r\n  margin: 0;\r\n\r\n  color: #ffffff;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 19px;\r\n\r\n  line-height: 1.25;\r\n\r\n  font-weight: 800;\r\n}\r\n\r\n.octa-why-card p {\r\n  margin: 14px 0 0;\r\n\r\n  color: rgba(255,255,255,0.62);\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 12px;\r\n\r\n  line-height: 1.7;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM STATEMENT\r\n   ========================================================= *\/\r\n\r\n.octa-why-bottom {\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  gap: 25px;\r\n\r\n  margin-top: 50px;\r\n\r\n  text-align: center;\r\n}\r\n\r\n.octa-why-bottom-line {\r\n  width: 80px;\r\n  height: 1px;\r\n\r\n  background: rgba(84,218,249,0.28);\r\n}\r\n\r\n.octa-why-bottom p {\r\n  margin: 0;\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  gap: 5px;\r\n}\r\n\r\n.octa-why-bottom strong {\r\n  color: #54daf9;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 14px;\r\n\r\n  font-weight: 800;\r\n}\r\n\r\n.octa-why-bottom span {\r\n  color: rgba(255,255,255,0.52);\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 10px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1000px) {\r\n\r\n  .octa-why {\r\n    padding: 85px 22px;\r\n  }\r\n\r\n  .octa-why-grid {\r\n    grid-template-columns:\r\n      repeat(2, 1fr);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n  .octa-why {\r\n    padding: 70px 18px;\r\n  }\r\n\r\n  .octa-why-intro {\r\n    margin-bottom: 38px;\r\n  }\r\n\r\n  .octa-why-intro h2 {\r\n    font-size: 39px;\r\n\r\n    letter-spacing: -1.4px;\r\n  }\r\n\r\n  .octa-why-intro p {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .octa-why-grid {\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 13px;\r\n  }\r\n\r\n  .octa-why-card {\r\n    min-height: auto;\r\n\r\n    padding: 26px 23px;\r\n  }\r\n\r\n  .octa-why-bottom {\r\n    gap: 12px;\r\n\r\n    margin-top: 35px;\r\n  }\r\n\r\n  .octa-why-bottom-line {\r\n    width: 35px;\r\n  }\r\n\r\n  .octa-why-bottom span {\r\n    font-size: 9px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\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-71102c3 e-flex e-con-boxed e-con e-parent\" data-id=\"71102c3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3135c50 elementor-widget elementor-widget-html\" data-id=\"3135c50\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<section class=\"octa-quality\">\r\n\r\n  <div class=\"octa-quality-container\">\r\n\r\n    \r\n\r\n    <div class=\"octa-quality-main\">\r\n\r\n      <div class=\"octa-quality-label\">\r\n        <span><\/span>\r\n        QUALITY &amp; COMMITMENT\r\n      <\/div>\r\n\r\n      <h2>\r\n        Quality Is Built Into\r\n        <span>Everything We Do<\/span>\r\n      <\/h2>\r\n\r\n      <p class=\"octa-quality-lead\">\r\n        At Octabiotic Pharma, quality is a continuous responsibility.\r\n        From product development and manufacturing to the way we serve\r\n        healthcare needs, we work with a clear focus on safety,\r\n        effectiveness, consistency and professional standards.\r\n      <\/p>\r\n\r\n      <div class=\"octa-quality-rule\"><\/div>\r\n\r\n      <p class=\"octa-quality-note\">\r\n        Since 2018, our work has been guided by a commitment to\r\n        responsible healthcare and products that people can trust.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    \r\n\r\n    <div class=\"octa-quality-principles\">\r\n\r\n\r\n      \r\n\r\n      <div class=\"octa-quality-item\">\r\n\r\n        <div class=\"octa-quality-icon\">\r\n\r\n          <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n            <path d=\"M24 5l15 6v11c0 10-6.5 17-15 21\r\n                     C15.5 39 9 32 9 22V11l15-6z\"\/>\r\n            <path d=\"M16 24l5 5 11-12\"\/>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"octa-quality-item-content\">\r\n\r\n          <span>01<\/span>\r\n\r\n          <h3>Safety First<\/h3>\r\n\r\n          <p>\r\n            We place safety at the center of responsible\r\n            pharmaceutical and healthcare product development.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      \r\n\r\n      <div class=\"octa-quality-item\">\r\n\r\n        <div class=\"octa-quality-icon\">\r\n\r\n          <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n            <path d=\"M8 35h32\"\/>\r\n            <path d=\"M12 35V19h7v16\"\/>\r\n            <path d=\"M21 35V12h7v23\"\/>\r\n            <path d=\"M30 35V7h6v28\"\/>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"octa-quality-item-content\">\r\n\r\n          <span>02<\/span>\r\n\r\n          <h3>Consistent Standards<\/h3>\r\n\r\n          <p>\r\n            Consistency matters. We seek dependable standards\r\n            throughout our approach to products and service.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      \r\n\r\n      <div class=\"octa-quality-item\">\r\n\r\n        <div class=\"octa-quality-icon\">\r\n\r\n          <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n            <circle cx=\"24\" cy=\"24\" r=\"17\"\/>\r\n            <path d=\"M24 15v9l6 4\"\/>\r\n            <path d=\"M14 10l-4-3\"\/>\r\n            <path d=\"M34 10l4-3\"\/>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"octa-quality-item-content\">\r\n\r\n          <span>03<\/span>\r\n\r\n          <h3>Continuous Development<\/h3>\r\n\r\n          <p>\r\n            We follow developments in pharmaceutical production\r\n            and seek practical ways to improve our work.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      \r\n\r\n      <div class=\"octa-quality-item\">\r\n\r\n        <div class=\"octa-quality-icon\">\r\n\r\n          <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n            <circle cx=\"24\" cy=\"16\" r=\"7\"\/>\r\n            <path d=\"M10 41c1-9 6-14 14-14s13 5 14 14\"\/>\r\n            <path d=\"M24 9v14\"\/>\r\n            <path d=\"M17 16h14\"\/>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"octa-quality-item-content\">\r\n\r\n          <span>04<\/span>\r\n\r\n          <h3>Professional Responsibility<\/h3>\r\n\r\n          <p>\r\n            Qualified people and professional conduct guide\r\n            the way we approach our responsibilities.\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\r\n    <div class=\"octa-quality-founded\">\r\n\r\n      <div class=\"octa-quality-founded-year\">\r\n        2018\r\n      <\/div>\r\n\r\n      <div class=\"octa-quality-founded-line\"><\/div>\r\n\r\n      <div class=\"octa-quality-founded-text\">\r\n\r\n        <span>ESTABLISHED SINCE<\/span>\r\n\r\n        <strong>\r\n          Building our healthcare journey with commitment.\r\n        <\/strong>\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<style>\r\n\r\n\/* =========================================================\r\n   OCTABIOTIC\r\n   QUALITY & COMMITMENT\r\n   ========================================================= *\/\r\n\r\n.octa-quality {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  padding: 110px 24px;\r\n\r\n  overflow: hidden;\r\n\r\n  background: #f7fbfd;\r\n}\r\n\r\n.octa-quality *,\r\n.octa-quality *::before,\r\n.octa-quality *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.octa-quality-container {\r\n  width: min(1180px, 100%);\r\n\r\n  margin: 0 auto;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    0.9fr 1.1fr;\r\n\r\n  column-gap: 85px;\r\n\r\n  row-gap: 55px;\r\n\r\n  align-items: start;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN CONTENT\r\n   ========================================================= *\/\r\n\r\n.octa-quality-main {\r\n  padding-top: 7px;\r\n}\r\n\r\n.octa-quality-label {\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 10px;\r\n\r\n  margin-bottom: 20px;\r\n\r\n  color: #1c4b9d;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: 1.8px;\r\n}\r\n\r\n.octa-quality-label span {\r\n  width: 32px;\r\n  height: 2px;\r\n\r\n  border-radius: 10px;\r\n\r\n  background: #54daf9;\r\n}\r\n\r\n.octa-quality h2 {\r\n  max-width: 550px;\r\n\r\n  margin: 0;\r\n\r\n  color: #173f87;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: clamp(40px, 4.2vw, 58px);\r\n\r\n  line-height: 1.07;\r\n\r\n  letter-spacing: -2px;\r\n\r\n  font-weight: 800;\r\n}\r\n\r\n.octa-quality h2 span {\r\n  display: block;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #0099d5,\r\n      #00adb0\r\n    );\r\n\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n\r\n  color: transparent;\r\n}\r\n\r\n.octa-quality-lead {\r\n  max-width: 540px;\r\n\r\n  margin: 24px 0 0;\r\n\r\n  color: #617286;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 15px;\r\n\r\n  line-height: 1.8;\r\n}\r\n\r\n.octa-quality-rule {\r\n  width: 100%;\r\n  max-width: 480px;\r\n\r\n  height: 1px;\r\n\r\n  margin: 30px 0 22px;\r\n\r\n  background: #d9e7ee;\r\n}\r\n\r\n.octa-quality-note {\r\n  max-width: 480px;\r\n\r\n  margin: 0;\r\n\r\n  color: #1c4b9d;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 13px;\r\n\r\n  line-height: 1.7;\r\n\r\n  font-weight: 700;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRINCIPLES\r\n   ========================================================= *\/\r\n\r\n.octa-quality-principles {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(2, 1fr);\r\n\r\n  gap: 14px;\r\n}\r\n\r\n.octa-quality-item {\r\n  position: relative;\r\n\r\n  min-height: 220px;\r\n\r\n  padding: 27px 24px;\r\n\r\n  border-radius: 13px;\r\n\r\n  border: 1px solid #dfebf2;\r\n\r\n  background: #ffffff;\r\n\r\n  transition:\r\n    transform 0.3s ease,\r\n    border-color 0.3s ease,\r\n    box-shadow 0.3s ease;\r\n}\r\n\r\n.octa-quality-item:hover {\r\n  transform: translateY(-4px);\r\n\r\n  border-color: #c9e4ed;\r\n\r\n  box-shadow:\r\n    0 18px 38px rgba(28, 75, 157, 0.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICON\r\n   ========================================================= *\/\r\n\r\n.octa-quality-icon {\r\n  width: 48px;\r\n  height: 48px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  margin-bottom: 20px;\r\n\r\n  border-radius: 11px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #e9f9fd,\r\n      #e9f7f6\r\n    );\r\n}\r\n\r\n.octa-quality-icon svg {\r\n  width: 25px;\r\n  height: 25px;\r\n\r\n  fill: none;\r\n\r\n  stroke: #0099d5;\r\n\r\n  stroke-width: 1.5;\r\n\r\n  stroke-linecap: round;\r\n\r\n  stroke-linejoin: round;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ITEM NUMBER\r\n   ========================================================= *\/\r\n\r\n.octa-quality-item-content {\r\n  position: relative;\r\n}\r\n\r\n.octa-quality-item-content > span {\r\n  position: absolute;\r\n\r\n  top: -65px;\r\n\r\n  right: 0;\r\n\r\n  color: #dbe8ef;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 10px;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: 1px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ITEM TEXT\r\n   ========================================================= *\/\r\n\r\n.octa-quality-item h3 {\r\n  margin: 0;\r\n\r\n  color: #1c4b9d;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 18px;\r\n\r\n  line-height: 1.25;\r\n\r\n  font-weight: 800;\r\n}\r\n\r\n.octa-quality-item p {\r\n  margin: 11px 0 0;\r\n\r\n  color: #718196;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 11px;\r\n\r\n  line-height: 1.65;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOUNDED BAR\r\n   ========================================================= *\/\r\n\r\n.octa-quality-founded {\r\n  grid-column: 1 \/ -1;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 25px;\r\n\r\n  min-height: 95px;\r\n\r\n  padding: 20px 28px;\r\n\r\n  border-radius: 12px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      100deg,\r\n      #173f87,\r\n      #1c4b9d\r\n    );\r\n}\r\n\r\n.octa-quality-founded-year {\r\n  flex: 0 0 auto;\r\n\r\n  color: #54daf9;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 35px;\r\n\r\n  line-height: 1;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: -1px;\r\n}\r\n\r\n.octa-quality-founded-line {\r\n  width: 1px;\r\n  height: 42px;\r\n\r\n  background: rgba(255,255,255,0.20);\r\n}\r\n\r\n.octa-quality-founded-text {\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  gap: 5px;\r\n}\r\n\r\n.octa-quality-founded-text span {\r\n  color: #54daf9;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 9px;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: 1.4px;\r\n}\r\n\r\n.octa-quality-founded-text strong {\r\n  color: rgba(255,255,255,0.82);\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 13px;\r\n\r\n  line-height: 1.4;\r\n\r\n  font-weight: 500;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1000px) {\r\n\r\n  .octa-quality {\r\n    padding: 85px 22px;\r\n  }\r\n\r\n  .octa-quality-container {\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 45px;\r\n  }\r\n\r\n  .octa-quality-main {\r\n    max-width: 700px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n  .octa-quality {\r\n    padding: 70px 18px;\r\n  }\r\n\r\n  .octa-quality h2 {\r\n    font-size: 39px;\r\n\r\n    letter-spacing: -1.4px;\r\n  }\r\n\r\n  .octa-quality-lead {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .octa-quality-principles {\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 12px;\r\n  }\r\n\r\n  .octa-quality-item {\r\n    min-height: auto;\r\n\r\n    padding: 24px 21px;\r\n  }\r\n\r\n  .octa-quality-founded {\r\n    gap: 16px;\r\n\r\n    padding: 22px 20px;\r\n  }\r\n\r\n  .octa-quality-founded-year {\r\n    font-size: 28px;\r\n  }\r\n\r\n  .octa-quality-founded-line {\r\n    height: 35px;\r\n  }\r\n\r\n  .octa-quality-founded-text strong {\r\n    font-size: 11px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\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-2fe0dc1 e-flex e-con-boxed e-con e-parent\" data-id=\"2fe0dc1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f438e7a elementor-widget elementor-widget-html\" data-id=\"f438e7a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<section class=\"octa-people\">\r\n\r\n  <div class=\"octa-people-container\">\r\n\r\n    \r\n\r\n    <div class=\"octa-people-visual\">\r\n\r\n      \r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/octabiotic.com\/onlineshop\/wp-content\/uploads\/2026\/08\/Home-Section-7.png\"\r\n        alt=\"Octabiotic Pharma professional team\"\r\n        loading=\"lazy\"\r\n      \/>\r\n\r\n      <div class=\"octa-people-image-overlay\"><\/div>\r\n\r\n      \r\n\r\n      <div class=\"octa-people-image-badge\">\r\n\r\n        <span class=\"octa-people-badge-line\"><\/span>\r\n\r\n        <div>\r\n          <strong>OCTABIOTIC<\/strong>\r\n          <span>PHARMA<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    \r\n\r\n    <div class=\"octa-people-content\">\r\n\r\n      <div class=\"octa-people-label\">\r\n        <span><\/span>\r\n        THE PEOPLE BEHIND OCTABIOTIC\r\n      <\/div>\r\n\r\n      <h2>\r\n        Qualified People.\r\n        <span>Shared Responsibility.<\/span>\r\n      <\/h2>\r\n\r\n      <p class=\"octa-people-lead\">\r\n        Behind every product is a team committed to doing its\r\n        work with care, professionalism and integrity.\r\n      <\/p>\r\n\r\n      <p class=\"octa-people-text\">\r\n        At Octabiotic Pharma, qualified employees work together\r\n        to support our mission and keep pace with developments\r\n        in pharmaceutical production.\r\n      <\/p>\r\n\r\n\r\n      \r\n\r\n      <div class=\"octa-people-points\">\r\n\r\n        \r\n\r\n        <div class=\"octa-people-point\">\r\n\r\n          <div class=\"octa-people-point-icon\">\r\n\r\n            <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n              <circle cx=\"24\" cy=\"15\" r=\"7\"\/>\r\n              <path d=\"M10 41c1-9 6-14 14-14s13 5 14 14\"\/>\r\n              <path d=\"M31 8l5 5\"\/>\r\n              <path d=\"M36 8v5h-5\"\/>\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n          <div>\r\n            <h3>Qualified<\/h3>\r\n            <p>\r\n              Professional people with a shared commitment\r\n              to responsible healthcare.\r\n            <\/p>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        \r\n\r\n        <div class=\"octa-people-point\">\r\n\r\n          <div class=\"octa-people-point-icon\">\r\n\r\n            <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n              <circle cx=\"18\" cy=\"18\" r=\"6\"\/>\r\n              <circle cx=\"31\" cy=\"18\" r=\"6\"\/>\r\n              <path d=\"M7 39c1-7 5-11 11-11\"\/>\r\n              <path d=\"M41 39c-1-7-5-11-10-11\"\/>\r\n              <path d=\"M16 39c1-6 4-9 8-9s7 3 8 9\"\/>\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n          <div>\r\n            <h3>Collaborative<\/h3>\r\n            <p>\r\n              Different responsibilities working together\r\n              toward a common mission.\r\n            <\/p>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        \r\n\r\n        <div class=\"octa-people-point\">\r\n\r\n          <div class=\"octa-people-point-icon\">\r\n\r\n            <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n              <path d=\"M24 6l15 7v10c0 9-6 15-15 19\r\n                       C15 38 9 32 9 23V13l15-7z\"\/>\r\n              <path d=\"M17 24l5 5 10-11\"\/>\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n          <div>\r\n            <h3>Responsible<\/h3>\r\n            <p>\r\n              Guided by professionalism, integrity and\r\n              commitment in our daily work.\r\n            <\/p>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      \r\n\r\n      <a\r\n        href=\"\/about-us\/\"\r\n        class=\"octa-people-button\"\r\n      >\r\n        Learn More About Octabiotic\r\n        <span>\u2192<\/span>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   OCTABIOTIC\r\n   OUR PEOPLE\r\n   ========================================================= *\/\r\n\r\n.octa-people {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  padding: 110px 24px;\r\n\r\n  overflow: hidden;\r\n\r\n  background: #ffffff;\r\n}\r\n\r\n.octa-people *,\r\n.octa-people *::before,\r\n.octa-people *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.octa-people-container {\r\n  width: min(1180px, 100%);\r\n\r\n  margin: 0 auto;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    1.02fr 0.98fr;\r\n\r\n  gap: 85px;\r\n\r\n  align-items: center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE\r\n   ========================================================= *\/\r\n\r\n.octa-people-visual {\r\n  position: relative;\r\n\r\n  min-height: 580px;\r\n\r\n  overflow: hidden;\r\n\r\n  border-radius: 16px;\r\n\r\n  background: #eaf7fb;\r\n\r\n  box-shadow:\r\n    0 25px 60px rgba(28, 75, 157, 0.12);\r\n}\r\n\r\n.octa-people-visual img {\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  min-height: 580px;\r\n\r\n  display: block;\r\n\r\n  object-fit: cover;\r\n}\r\n\r\n.octa-people-image-overlay {\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(23,63,135,0.02) 50%,\r\n      rgba(23,63,135,0.38) 100%\r\n    );\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE BADGE\r\n   ========================================================= *\/\r\n\r\n.octa-people-image-badge {\r\n  position: absolute;\r\n\r\n  left: 25px;\r\n  bottom: 25px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 13px;\r\n\r\n  padding: 13px 17px;\r\n\r\n  border-radius: 9px;\r\n\r\n  background: rgba(255,255,255,0.94);\r\n\r\n  box-shadow:\r\n    0 12px 30px rgba(0,0,0,0.12);\r\n}\r\n\r\n.octa-people-badge-line {\r\n  width: 3px;\r\n  height: 31px;\r\n\r\n  border-radius: 5px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      #0099d5,\r\n      #00adb0\r\n    );\r\n}\r\n\r\n.octa-people-image-badge div {\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  gap: 2px;\r\n}\r\n\r\n.octa-people-image-badge strong {\r\n  color: #1c4b9d;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: 1px;\r\n}\r\n\r\n.octa-people-image-badge div span {\r\n  color: #718196;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 8px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 1.2px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n   ========================================================= *\/\r\n\r\n.octa-people-content {\r\n  max-width: 560px;\r\n}\r\n\r\n.octa-people-label {\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 10px;\r\n\r\n  margin-bottom: 20px;\r\n\r\n  color: #1c4b9d;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: 1.7px;\r\n}\r\n\r\n.octa-people-label span {\r\n  width: 32px;\r\n  height: 2px;\r\n\r\n  border-radius: 10px;\r\n\r\n  background: #54daf9;\r\n}\r\n\r\n.octa-people h2 {\r\n  margin: 0;\r\n\r\n  color: #173f87;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: clamp(39px, 4vw, 56px);\r\n\r\n  line-height: 1.08;\r\n\r\n  letter-spacing: -1.8px;\r\n\r\n  font-weight: 800;\r\n}\r\n\r\n.octa-people h2 span {\r\n  display: block;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #0099d5,\r\n      #00adb0\r\n    );\r\n\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n\r\n  color: transparent;\r\n}\r\n\r\n.octa-people-lead {\r\n  max-width: 520px;\r\n\r\n  margin: 24px 0 0;\r\n\r\n  color: #445b73;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 16px;\r\n\r\n  line-height: 1.7;\r\n\r\n  font-weight: 600;\r\n}\r\n\r\n.octa-people-text {\r\n  max-width: 520px;\r\n\r\n  margin: 12px 0 0;\r\n\r\n  color: #718196;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 13px;\r\n\r\n  line-height: 1.75;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   POINTS\r\n   ========================================================= *\/\r\n\r\n.octa-people-points {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3, 1fr);\r\n\r\n  gap: 10px;\r\n\r\n  margin-top: 31px;\r\n}\r\n\r\n.octa-people-point {\r\n  min-height: 150px;\r\n\r\n  padding: 18px 14px;\r\n\r\n  border-radius: 10px;\r\n\r\n  background: #f6fafc;\r\n\r\n  border: 1px solid #e4edf2;\r\n}\r\n\r\n.octa-people-point-icon {\r\n  width: 38px;\r\n  height: 38px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  margin-bottom: 13px;\r\n\r\n  border-radius: 9px;\r\n\r\n  background: #e6f8fc;\r\n}\r\n\r\n.octa-people-point-icon svg {\r\n  width: 20px;\r\n  height: 20px;\r\n\r\n  fill: none;\r\n\r\n  stroke: #0099d5;\r\n\r\n  stroke-width: 1.5;\r\n\r\n  stroke-linecap: round;\r\n\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.octa-people-point h3 {\r\n  margin: 0;\r\n\r\n  color: #1c4b9d;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 14px;\r\n\r\n  font-weight: 800;\r\n}\r\n\r\n.octa-people-point p {\r\n  margin: 7px 0 0;\r\n\r\n  color: #718196;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 9px;\r\n\r\n  line-height: 1.55;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON\r\n   ========================================================= *\/\r\n\r\n.octa-people-button {\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 11px;\r\n\r\n  margin-top: 27px;\r\n\r\n  min-height: 47px;\r\n\r\n  padding: 0 20px;\r\n\r\n  border-radius: 8px;\r\n\r\n  color: #ffffff;\r\n\r\n  background: #1c4b9d;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 800;\r\n\r\n  text-decoration: none;\r\n\r\n  box-shadow:\r\n    0 10px 22px rgba(28, 75, 157, 0.15);\r\n\r\n  transition:\r\n    transform 0.25s ease,\r\n    background 0.25s ease;\r\n}\r\n\r\n.octa-people-button span {\r\n  font-size: 17px;\r\n}\r\n\r\n.octa-people-button:hover {\r\n  transform: translateY(-2px);\r\n\r\n  background: #173f87;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1000px) {\r\n\r\n  .octa-people {\r\n    padding: 85px 22px;\r\n  }\r\n\r\n  .octa-people-container {\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 55px;\r\n  }\r\n\r\n  .octa-people-visual {\r\n    min-height: 500px;\r\n\r\n    max-width: 800px;\r\n  }\r\n\r\n  .octa-people-visual img {\r\n    min-height: 500px;\r\n  }\r\n\r\n  .octa-people-content {\r\n    max-width: 750px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n  .octa-people {\r\n    padding: 70px 18px;\r\n  }\r\n\r\n  .octa-people-container {\r\n    gap: 40px;\r\n  }\r\n\r\n  .octa-people-visual {\r\n    min-height: 390px;\r\n\r\n    border-radius: 13px;\r\n  }\r\n\r\n  .octa-people-visual img {\r\n    min-height: 390px;\r\n  }\r\n\r\n  .octa-people-image-badge {\r\n    left: 15px;\r\n    bottom: 15px;\r\n  }\r\n\r\n  .octa-people h2 {\r\n    font-size: 39px;\r\n\r\n    letter-spacing: -1.4px;\r\n  }\r\n\r\n  .octa-people-lead {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .octa-people-points {\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 9px;\r\n  }\r\n\r\n  .octa-people-point {\r\n    min-height: auto;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: 38px 1fr;\r\n\r\n    column-gap: 13px;\r\n\r\n    align-items: start;\r\n  }\r\n\r\n  .octa-people-point-icon {\r\n    grid-row: 1 \/ 3;\r\n\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  .octa-people-point p {\r\n    font-size: 10px;\r\n  }\r\n\r\n  .octa-people-button {\r\n    width: 100%;\r\n\r\n    justify-content: center;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\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-b673cf4 e-flex e-con-boxed e-con e-parent\" data-id=\"b673cf4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c13ed5c elementor-widget elementor-widget-html\" data-id=\"c13ed5c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<section class=\"octa-values\">\r\n\r\n  \r\n\r\n  <div class=\"octa-values-circle octa-values-circle-one\"><\/div>\r\n  <div class=\"octa-values-circle octa-values-circle-two\"><\/div>\r\n\r\n\r\n  <div class=\"octa-values-container\">\r\n\r\n    \r\n\r\n    <div class=\"octa-values-intro\">\r\n\r\n      <div class=\"octa-values-label\">\r\n        <span><\/span>\r\n        WHAT GUIDES US\r\n      <\/div>\r\n\r\n      <div class=\"octa-values-number\">\r\n        08\r\n      <\/div>\r\n\r\n      <h2>\r\n        The Values\r\n        <span>Behind Our Work<\/span>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Our values shape how we work, how we make decisions,\r\n        and how we serve the people who depend on our products.\r\n      <\/p>\r\n\r\n      <div class=\"octa-values-motto\">\r\n\r\n        <span class=\"octa-values-motto-line\"><\/span>\r\n\r\n        <div>\r\n          <strong>CARE IS OUR PASSION<\/strong>\r\n          <small>OCTABIOTIC PHARMA<\/small>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    \r\n\r\n    <div class=\"octa-values-grid\">\r\n\r\n\r\n      \r\n\r\n      <div class=\"octa-value-item\">\r\n\r\n        <span class=\"octa-value-number\">01<\/span>\r\n\r\n        <div class=\"octa-value-icon\">\r\n\r\n          <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n            <path d=\"M24 7l14 6v10c0 9-6 15-14 19\r\n                     C16 38 10 32 10 23V13l14-6z\"\/>\r\n            <path d=\"M17 24l5 5 10-11\"\/>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <h3>Credibility<\/h3>\r\n\r\n        <p>\r\n          Building confidence through responsible work\r\n          and dependable relationships.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      \r\n\r\n      <div class=\"octa-value-item\">\r\n\r\n        <span class=\"octa-value-number\">02<\/span>\r\n\r\n        <div class=\"octa-value-icon\">\r\n\r\n          <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n            <path d=\"M8 12h32\"\/>\r\n            <path d=\"M8 20h25\"\/>\r\n            <path d=\"M8 28h32\"\/>\r\n            <path d=\"M8 36h20\"\/>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <h3>Clarity<\/h3>\r\n\r\n        <p>\r\n          Communicating clearly and approaching our work\r\n          with transparency.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      \r\n\r\n      <div class=\"octa-value-item\">\r\n\r\n        <span class=\"octa-value-number\">03<\/span>\r\n\r\n        <div class=\"octa-value-icon\">\r\n\r\n          <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n            <path d=\"M24 7v34\"\/>\r\n            <path d=\"M10 16h28\"\/>\r\n            <path d=\"M14 16l-7 12h14L14 16z\"\/>\r\n            <path d=\"M34 16l-7 12h14l-7-12z\"\/>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <h3>Commitment<\/h3>\r\n\r\n        <p>\r\n          Staying committed to our responsibilities,\r\n          our products and the people we serve.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      \r\n\r\n      <div class=\"octa-value-item\">\r\n\r\n        <span class=\"octa-value-number\">04<\/span>\r\n\r\n        <div class=\"octa-value-icon\">\r\n\r\n          <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n            <path d=\"M24 6l15 7v10c0 9-6 15-15 19\r\n                     C15 38 9 32 9 23V13l15-7z\"\/>\r\n            <path d=\"M18 24h12\"\/>\r\n            <path d=\"M24 18v12\"\/>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <h3>Ethical Behavior<\/h3>\r\n\r\n        <p>\r\n          Conducting our work according to responsible\r\n          professional and ethical principles.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      \r\n\r\n      <div class=\"octa-value-item\">\r\n\r\n        <span class=\"octa-value-number\">05<\/span>\r\n\r\n        <div class=\"octa-value-icon\">\r\n\r\n          <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n            <path d=\"M24 7v10\"\/>\r\n            <path d=\"M24 31v10\"\/>\r\n            <path d=\"M7 24h10\"\/>\r\n            <path d=\"M31 24h10\"\/>\r\n            <path d=\"M12 12l7 7\"\/>\r\n            <path d=\"M29 29l7 7\"\/>\r\n            <path d=\"M36 12l-7 7\"\/>\r\n            <path d=\"M19 29l-7 7\"\/>\r\n            <circle cx=\"24\" cy=\"24\" r=\"7\"\/>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <h3>Innovation<\/h3>\r\n\r\n        <p>\r\n          Keeping an open mind toward new developments\r\n          in pharmaceutical production and healthcare.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      \r\n\r\n      <div class=\"octa-value-item\">\r\n\r\n        <span class=\"octa-value-number\">06<\/span>\r\n\r\n        <div class=\"octa-value-icon\">\r\n\r\n          <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n            <path d=\"M24 6l15 7v10c0 9-6 15-15 19\r\n                     C15 38 9 32 9 23V13l15-7z\"\/>\r\n            <path d=\"M18 25c2 3 4 4 7 4\r\n                     c3 0 5-1 7-4\"\/>\r\n            <circle cx=\"19\" cy=\"20\" r=\"1.5\"\/>\r\n            <circle cx=\"29\" cy=\"20\" r=\"1.5\"\/>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <h3>Integrity<\/h3>\r\n\r\n        <p>\r\n          Doing what is right and maintaining consistency\r\n          between our principles and our actions.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      \r\n\r\n      <div class=\"octa-value-item\">\r\n\r\n        <span class=\"octa-value-number\">07<\/span>\r\n\r\n        <div class=\"octa-value-icon\">\r\n\r\n          <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n            <circle cx=\"24\" cy=\"16\" r=\"7\"\/>\r\n            <path d=\"M10 41c1-9 6-14 14-14s13 5 14 14\"\/>\r\n            <path d=\"M34 7v8\"\/>\r\n            <path d=\"M30 11h8\"\/>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <h3>Professionalism<\/h3>\r\n\r\n        <p>\r\n          Applying knowledge, discipline and care to\r\n          every responsibility we undertake.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      \r\n\r\n      <div class=\"octa-value-item octa-value-highlight\">\r\n\r\n        <span class=\"octa-value-number\">08<\/span>\r\n\r\n        <div class=\"octa-value-icon\">\r\n\r\n          <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n            <path d=\"M24 6l15 7v10c0 9-6 15-15 19\r\n                     C15 38 9 32 9 23V13l15-7z\"\/>\r\n            <path d=\"M16 24l5 5 11-12\"\/>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <h3>Quality<\/h3>\r\n\r\n        <p>\r\n          Maintaining a consistent focus on the quality\r\n          of our products and our work.\r\n        <\/p>\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<style>\r\n\r\n\/* =========================================================\r\n   OCTABIOTIC\r\n   CORE VALUES\r\n   ========================================================= *\/\r\n\r\n.octa-values {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  padding: 110px 24px;\r\n\r\n  overflow: hidden;\r\n\r\n  background: #ffffff;\r\n}\r\n\r\n.octa-values *,\r\n.octa-values *::before,\r\n.octa-values *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND CIRCLES\r\n   ========================================================= *\/\r\n\r\n.octa-values-circle {\r\n  position: absolute;\r\n\r\n  border-radius: 50%;\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n.octa-values-circle-one {\r\n  width: 430px;\r\n  height: 430px;\r\n\r\n  top: -250px;\r\n  left: -220px;\r\n\r\n  border: 1px solid #e3f1f5;\r\n}\r\n\r\n.octa-values-circle-two {\r\n  width: 520px;\r\n  height: 520px;\r\n\r\n  right: -300px;\r\n  bottom: -320px;\r\n\r\n  border: 1px solid #e6f1f5;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n   ========================================================= *\/\r\n\r\n.octa-values-container {\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  width: min(1180px, 100%);\r\n\r\n  margin: 0 auto;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    0.78fr 1.22fr;\r\n\r\n  gap: 75px;\r\n\r\n  align-items: start;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n   ========================================================= *\/\r\n\r\n.octa-values-intro {\r\n  position: sticky;\r\n\r\n  top: 40px;\r\n}\r\n\r\n.octa-values-label {\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 10px;\r\n\r\n  margin-bottom: 20px;\r\n\r\n  color: #1c4b9d;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: 1.8px;\r\n}\r\n\r\n.octa-values-label span {\r\n  width: 32px;\r\n  height: 2px;\r\n\r\n  border-radius: 10px;\r\n\r\n  background: #54daf9;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LARGE NUMBER\r\n   ========================================================= *\/\r\n\r\n.octa-values-number {\r\n  margin-bottom: 3px;\r\n\r\n  color: #e9f4f7;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 105px;\r\n\r\n  line-height: 0.9;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: -7px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADING\r\n   ========================================================= *\/\r\n\r\n.octa-values h2 {\r\n  margin: 0;\r\n\r\n  color: #173f87;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: clamp(39px, 4vw, 56px);\r\n\r\n  line-height: 1.07;\r\n\r\n  letter-spacing: -1.8px;\r\n\r\n  font-weight: 800;\r\n}\r\n\r\n.octa-values h2 span {\r\n  display: block;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #0099d5,\r\n      #00adb0\r\n    );\r\n\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n\r\n  color: transparent;\r\n}\r\n\r\n.octa-values-intro > p {\r\n  max-width: 450px;\r\n\r\n  margin: 23px 0 0;\r\n\r\n  color: #718196;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 14px;\r\n\r\n  line-height: 1.8;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOTTO\r\n   ========================================================= *\/\r\n\r\n.octa-values-motto {\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 13px;\r\n\r\n  margin-top: 35px;\r\n}\r\n\r\n.octa-values-motto-line {\r\n  width: 3px;\r\n  height: 39px;\r\n\r\n  border-radius: 5px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      #0099d5,\r\n      #00adb0\r\n    );\r\n}\r\n\r\n.octa-values-motto div {\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  gap: 4px;\r\n}\r\n\r\n.octa-values-motto strong {\r\n  color: #1c4b9d;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: 1px;\r\n}\r\n\r\n.octa-values-motto small {\r\n  color: #8a9aaa;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 8px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 1px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VALUES GRID\r\n   ========================================================= *\/\r\n\r\n.octa-values-grid {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(2, 1fr);\r\n\r\n  gap: 13px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VALUE ITEM\r\n   ========================================================= *\/\r\n\r\n.octa-value-item {\r\n  position: relative;\r\n\r\n  min-height: 205px;\r\n\r\n  padding: 25px 23px;\r\n\r\n  overflow: hidden;\r\n\r\n  border-radius: 12px;\r\n\r\n  border: 1px solid #e2ebf1;\r\n\r\n  background: #f9fcfd;\r\n\r\n  transition:\r\n    transform 0.3s ease,\r\n    background 0.3s ease,\r\n    border-color 0.3s ease,\r\n    box-shadow 0.3s ease;\r\n}\r\n\r\n.octa-value-item::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  width: 100px;\r\n  height: 100px;\r\n\r\n  right: -55px;\r\n  bottom: -55px;\r\n\r\n  border-radius: 50%;\r\n\r\n  border: 1px solid #e5f1f4;\r\n}\r\n\r\n.octa-value-item:hover {\r\n  transform: translateY(-4px);\r\n\r\n  background: #ffffff;\r\n\r\n  border-color: #cfe5ec;\r\n\r\n  box-shadow:\r\n    0 15px 35px rgba(28, 75, 157, 0.07);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VALUE NUMBER\r\n   ========================================================= *\/\r\n\r\n.octa-value-number {\r\n  position: absolute;\r\n\r\n  top: 22px;\r\n  right: 20px;\r\n\r\n  color: #dbe8ee;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 10px;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: 1px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VALUE ICON\r\n   ========================================================= *\/\r\n\r\n.octa-value-icon {\r\n  width: 45px;\r\n  height: 45px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  margin-bottom: 19px;\r\n\r\n  border-radius: 10px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #e7f9fd,\r\n      #e8f8f6\r\n    );\r\n}\r\n\r\n.octa-value-icon svg {\r\n  width: 23px;\r\n  height: 23px;\r\n\r\n  fill: none;\r\n\r\n  stroke: #0099d5;\r\n\r\n  stroke-width: 1.5;\r\n\r\n  stroke-linecap: round;\r\n\r\n  stroke-linejoin: round;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VALUE TEXT\r\n   ========================================================= *\/\r\n\r\n.octa-value-item h3 {\r\n  margin: 0;\r\n\r\n  color: #1c4b9d;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 17px;\r\n\r\n  line-height: 1.25;\r\n\r\n  font-weight: 800;\r\n}\r\n\r\n.octa-value-item p {\r\n  margin: 9px 0 0;\r\n\r\n  color: #718196;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 10px;\r\n\r\n  line-height: 1.65;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   QUALITY HIGHLIGHT\r\n   ========================================================= *\/\r\n\r\n.octa-value-highlight {\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #173f87,\r\n      #1c4b9d\r\n    );\r\n\r\n  border-color: transparent;\r\n}\r\n\r\n.octa-value-highlight::after {\r\n  border-color: rgba(84,218,249,0.15);\r\n}\r\n\r\n.octa-value-highlight:hover {\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #173f87,\r\n      #1c4b9d\r\n    );\r\n\r\n  border-color: transparent;\r\n}\r\n\r\n.octa-value-highlight .octa-value-number {\r\n  color: rgba(255,255,255,0.23);\r\n}\r\n\r\n.octa-value-highlight .octa-value-icon {\r\n  background: rgba(84,218,249,0.12);\r\n}\r\n\r\n.octa-value-highlight .octa-value-icon svg {\r\n  stroke: #54daf9;\r\n}\r\n\r\n.octa-value-highlight h3 {\r\n  color: #ffffff;\r\n}\r\n\r\n.octa-value-highlight p {\r\n  color: rgba(255,255,255,0.62);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1000px) {\r\n\r\n  .octa-values {\r\n    padding: 85px 22px;\r\n  }\r\n\r\n  .octa-values-container {\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 50px;\r\n  }\r\n\r\n  .octa-values-intro {\r\n    position: static;\r\n\r\n    max-width: 700px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n  .octa-values {\r\n    padding: 70px 18px;\r\n  }\r\n\r\n  .octa-values-container {\r\n    gap: 38px;\r\n  }\r\n\r\n  .octa-values-number {\r\n    font-size: 82px;\r\n\r\n    letter-spacing: -5px;\r\n  }\r\n\r\n  .octa-values h2 {\r\n    font-size: 39px;\r\n\r\n    letter-spacing: -1.4px;\r\n  }\r\n\r\n  .octa-values-intro > p {\r\n    font-size: 13px;\r\n  }\r\n\r\n  .octa-values-grid {\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 11px;\r\n  }\r\n\r\n  .octa-value-item {\r\n    min-height: auto;\r\n\r\n    padding: 23px 20px;\r\n  }\r\n\r\n  .octa-value-item p {\r\n    font-size: 10px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\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-f3d7547 e-flex e-con-boxed e-con e-parent\" data-id=\"f3d7547\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b821b70 elementor-widget elementor-widget-html\" data-id=\"b821b70\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<section class=\"octa-direction\">\r\n\r\n  \r\n\r\n  <div class=\"octa-direction-grid\"><\/div>\r\n\r\n  <div class=\"octa-direction-circle octa-direction-circle-one\"><\/div>\r\n  <div class=\"octa-direction-circle octa-direction-circle-two\"><\/div>\r\n\r\n\r\n  <div class=\"octa-direction-container\">\r\n\r\n    \r\n\r\n    <div class=\"octa-direction-intro\">\r\n\r\n      <div class=\"octa-direction-label\">\r\n        <span><\/span>\r\n        OUR DIRECTION\r\n      <\/div>\r\n\r\n      <h2>\r\n        Looking Ahead\r\n        <span>With Purpose.<\/span>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Our vision defines where we want to go.\r\n        Our mission defines how we work toward it.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    \r\n\r\n    <div class=\"octa-direction-panels\">\r\n\r\n\r\n      \r\n\r\n      <article class=\"octa-direction-panel octa-direction-vision\">\r\n\r\n        <div class=\"octa-direction-panel-top\">\r\n\r\n          <div class=\"octa-direction-icon\">\r\n\r\n            <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n\r\n              <circle cx=\"24\" cy=\"24\" r=\"16\"\/>\r\n\r\n              <circle cx=\"24\" cy=\"24\" r=\"7\"\/>\r\n\r\n              <path d=\"M24 8V4\"\/>\r\n              <path d=\"M24 44v-4\"\/>\r\n              <path d=\"M8 24H4\"\/>\r\n              <path d=\"M44 24h-4\"\/>\r\n\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"octa-direction-number\">01<\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"octa-direction-panel-label\">\r\n          OUR VISION\r\n        <\/div>\r\n\r\n        <h3>\r\n          Leading Healthcare\r\n          <span>Into the Future<\/span>\r\n        <\/h3>\r\n\r\n        <p>\r\n          To lead the pharmaceutical and nutraceutical market\r\n          into the future with products that meet high standards\r\n          of safety and effectiveness, while addressing the\r\n          healthcare needs of the Egyptian community.\r\n        <\/p>\r\n\r\n\r\n        <div class=\"octa-direction-panel-line\"><\/div>\r\n\r\n        <span class=\"octa-direction-keyword\">\r\n          SAFETY &nbsp; \u2022 &nbsp; EFFECTIVENESS &nbsp; \u2022 &nbsp; HEALTHCARE\r\n        <\/span>\r\n\r\n      <\/article>\r\n\r\n\r\n      \r\n\r\n      <article class=\"octa-direction-panel octa-direction-mission\">\r\n\r\n        <div class=\"octa-direction-panel-top\">\r\n\r\n          <div class=\"octa-direction-icon\">\r\n\r\n            <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n\r\n              <path d=\"M8 36L19 25l8 7L40 17\"\/>\r\n\r\n              <path d=\"M31 17h9v9\"\/>\r\n\r\n              <circle cx=\"8\" cy=\"36\" r=\"2\"\/>\r\n              <circle cx=\"19\" cy=\"25\" r=\"2\"\/>\r\n              <circle cx=\"27\" cy=\"32\" r=\"2\"\/>\r\n              <circle cx=\"40\" cy=\"17\" r=\"2\"\/>\r\n\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"octa-direction-number\">02<\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"octa-direction-panel-label\">\r\n          OUR MISSION\r\n        <\/div>\r\n\r\n        <h3>\r\n          Moving Forward\r\n          <span>Through Better Practice<\/span>\r\n        <\/h3>\r\n\r\n        <p>\r\n          To pursue the latest developments in pharmaceutical\r\n          production and work toward products that balance\r\n          efficacy, safety and tolerability, supported by\r\n          qualified employees who serve this mission with\r\n          professionalism and commitment.\r\n        <\/p>\r\n\r\n\r\n        <div class=\"octa-direction-panel-line\"><\/div>\r\n\r\n        <span class=\"octa-direction-keyword\">\r\n          DEVELOPMENT &nbsp; \u2022 &nbsp; PROFESSIONALISM &nbsp; \u2022 &nbsp; COMMITMENT\r\n        <\/span>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n\r\n    \r\n\r\n    <div class=\"octa-direction-footer\">\r\n\r\n      <div class=\"octa-direction-footer-year\">\r\n        <span>ESTABLISHED<\/span>\r\n        <strong>2018<\/strong>\r\n      <\/div>\r\n\r\n      <div class=\"octa-direction-footer-divider\"><\/div>\r\n\r\n      <div class=\"octa-direction-footer-text\">\r\n        <strong>Care is Our Passion<\/strong>\r\n\r\n        <span>\r\n          A long-term commitment to responsible healthcare.\r\n        <\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   OCTABIOTIC\r\n   VISION & MISSION\r\n   ========================================================= *\/\r\n\r\n.octa-direction {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  padding: 115px 24px;\r\n\r\n  overflow: hidden;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #102d68 0%,\r\n      #173f87 48%,\r\n      #075f88 100%\r\n    );\r\n\r\n  color: #ffffff;\r\n}\r\n\r\n.octa-direction *,\r\n.octa-direction *::before,\r\n.octa-direction *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND GRID\r\n   ========================================================= *\/\r\n\r\n.octa-direction-grid {\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  opacity: 0.05;\r\n\r\n  background-image:\r\n    linear-gradient(\r\n      rgba(255,255,255,0.5) 1px,\r\n      transparent 1px\r\n    ),\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(255,255,255,0.5) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n  background-size: 55px 55px;\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DECORATIVE CIRCLES\r\n   ========================================================= *\/\r\n\r\n.octa-direction-circle {\r\n  position: absolute;\r\n\r\n  border-radius: 50%;\r\n\r\n  border: 1px solid rgba(84,218,249,0.13);\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n.octa-direction-circle-one {\r\n  width: 520px;\r\n  height: 520px;\r\n\r\n  right: -300px;\r\n  top: -260px;\r\n}\r\n\r\n.octa-direction-circle-two {\r\n  width: 420px;\r\n  height: 420px;\r\n\r\n  left: -270px;\r\n  bottom: -280px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n   ========================================================= *\/\r\n\r\n.octa-direction-container {\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  width: min(1180px, 100%);\r\n\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n   ========================================================= *\/\r\n\r\n.octa-direction-intro {\r\n  max-width: 680px;\r\n\r\n  margin: 0 auto 55px;\r\n\r\n  text-align: center;\r\n}\r\n\r\n.octa-direction-label {\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  gap: 10px;\r\n\r\n  margin-bottom: 19px;\r\n\r\n  color: #54daf9;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: 1.8px;\r\n}\r\n\r\n.octa-direction-label span {\r\n  width: 32px;\r\n  height: 2px;\r\n\r\n  border-radius: 10px;\r\n\r\n  background: #54daf9;\r\n}\r\n\r\n.octa-direction-intro h2 {\r\n  margin: 0;\r\n\r\n  color: #ffffff;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: clamp(41px, 4.5vw, 60px);\r\n\r\n  line-height: 1.05;\r\n\r\n  letter-spacing: -2px;\r\n\r\n  font-weight: 800;\r\n}\r\n\r\n.octa-direction-intro h2 span {\r\n  color: #54daf9;\r\n}\r\n\r\n.octa-direction-intro p {\r\n  max-width: 560px;\r\n\r\n  margin: 21px auto 0;\r\n\r\n  color: rgba(255,255,255,0.68);\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 14px;\r\n\r\n  line-height: 1.75;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PANELS\r\n   ========================================================= *\/\r\n\r\n.octa-direction-panels {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(2, 1fr);\r\n\r\n  gap: 16px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PANEL\r\n   ========================================================= *\/\r\n\r\n.octa-direction-panel {\r\n  position: relative;\r\n\r\n  min-height: 445px;\r\n\r\n  padding: 35px 34px;\r\n\r\n  overflow: hidden;\r\n\r\n  border-radius: 15px;\r\n\r\n  border: 1px solid rgba(255,255,255,0.12);\r\n\r\n  background: rgba(255,255,255,0.065);\r\n\r\n  transition:\r\n    transform 0.3s ease,\r\n    background 0.3s ease,\r\n    border-color 0.3s ease;\r\n}\r\n\r\n.octa-direction-panel:hover {\r\n  transform: translateY(-5px);\r\n\r\n  background: rgba(255,255,255,0.09);\r\n\r\n  border-color: rgba(84,218,249,0.27);\r\n}\r\n\r\n.octa-direction-panel::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  width: 230px;\r\n  height: 230px;\r\n\r\n  right: -120px;\r\n  bottom: -125px;\r\n\r\n  border-radius: 50%;\r\n\r\n  border: 1px solid rgba(84,218,249,0.11);\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PANEL TOP\r\n   ========================================================= *\/\r\n\r\n.octa-direction-panel-top {\r\n  display: flex;\r\n\r\n  align-items: flex-start;\r\n\r\n  justify-content: space-between;\r\n\r\n  margin-bottom: 31px;\r\n}\r\n\r\n.octa-direction-icon {\r\n  width: 58px;\r\n  height: 58px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  border-radius: 12px;\r\n\r\n  background: rgba(84,218,249,0.10);\r\n\r\n  border: 1px solid rgba(84,218,249,0.17);\r\n}\r\n\r\n.octa-direction-icon svg {\r\n  width: 29px;\r\n  height: 29px;\r\n\r\n  fill: none;\r\n\r\n  stroke: #54daf9;\r\n\r\n  stroke-width: 1.5;\r\n\r\n  stroke-linecap: round;\r\n\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.octa-direction-number {\r\n  color: rgba(255,255,255,0.18);\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: 1px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PANEL LABEL\r\n   ========================================================= *\/\r\n\r\n.octa-direction-panel-label {\r\n  margin-bottom: 12px;\r\n\r\n  color: #54daf9;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 10px;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: 1.7px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PANEL HEADING\r\n   ========================================================= *\/\r\n\r\n.octa-direction-panel h3 {\r\n  max-width: 440px;\r\n\r\n  margin: 0;\r\n\r\n  color: #ffffff;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 29px;\r\n\r\n  line-height: 1.16;\r\n\r\n  letter-spacing: -0.8px;\r\n\r\n  font-weight: 800;\r\n}\r\n\r\n.octa-direction-panel h3 span {\r\n  display: block;\r\n\r\n  color: rgba(255,255,255,0.72);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PANEL COPY\r\n   ========================================================= *\/\r\n\r\n.octa-direction-panel p {\r\n  max-width: 480px;\r\n\r\n  margin: 20px 0 0;\r\n\r\n  color: rgba(255,255,255,0.65);\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 12px;\r\n\r\n  line-height: 1.8;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PANEL BOTTOM\r\n   ========================================================= *\/\r\n\r\n.octa-direction-panel-line {\r\n  width: 100%;\r\n\r\n  height: 1px;\r\n\r\n  margin-top: 31px;\r\n\r\n  background: rgba(255,255,255,0.10);\r\n}\r\n\r\n.octa-direction-keyword {\r\n  display: block;\r\n\r\n  margin-top: 17px;\r\n\r\n  color: rgba(84,218,249,0.72);\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 8px;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: 1px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOOTER\r\n   ========================================================= *\/\r\n\r\n.octa-direction-footer {\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  gap: 28px;\r\n\r\n  margin-top: 45px;\r\n\r\n  padding-top: 29px;\r\n\r\n  border-top: 1px solid rgba(255,255,255,0.10);\r\n}\r\n\r\n.octa-direction-footer-year {\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 11px;\r\n}\r\n\r\n.octa-direction-footer-year span {\r\n  color: rgba(255,255,255,0.42);\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 8px;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: 1.2px;\r\n}\r\n\r\n.octa-direction-footer-year strong {\r\n  color: #54daf9;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 22px;\r\n\r\n  line-height: 1;\r\n\r\n  font-weight: 800;\r\n}\r\n\r\n.octa-direction-footer-divider {\r\n  width: 1px;\r\n  height: 30px;\r\n\r\n  background: rgba(255,255,255,0.18);\r\n}\r\n\r\n.octa-direction-footer-text {\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  gap: 4px;\r\n}\r\n\r\n.octa-direction-footer-text strong {\r\n  color: #ffffff;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 12px;\r\n\r\n  font-weight: 800;\r\n}\r\n\r\n.octa-direction-footer-text span {\r\n  color: rgba(255,255,255,0.42);\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 9px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n  .octa-direction {\r\n    padding: 90px 22px;\r\n  }\r\n\r\n  .octa-direction-panels {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .octa-direction-panel {\r\n    min-height: auto;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n  .octa-direction {\r\n    padding: 70px 18px;\r\n  }\r\n\r\n  .octa-direction-intro {\r\n    margin-bottom: 38px;\r\n  }\r\n\r\n  .octa-direction-intro h2 {\r\n    font-size: 39px;\r\n\r\n    letter-spacing: -1.4px;\r\n  }\r\n\r\n  .octa-direction-intro p {\r\n    font-size: 13px;\r\n  }\r\n\r\n  .octa-direction-panel {\r\n    padding: 27px 23px;\r\n\r\n    border-radius: 13px;\r\n  }\r\n\r\n  .octa-direction-panel h3 {\r\n    font-size: 25px;\r\n  }\r\n\r\n  .octa-direction-panel p {\r\n    font-size: 11px;\r\n  }\r\n\r\n  .octa-direction-footer {\r\n    flex-wrap: wrap;\r\n\r\n    gap: 15px;\r\n\r\n    justify-content: center;\r\n  }\r\n\r\n  .octa-direction-footer-divider {\r\n    display: none;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\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-4869d9a e-flex e-con-boxed e-con e-parent\" data-id=\"4869d9a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-90fdba8 elementor-widget elementor-widget-html\" data-id=\"90fdba8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<section class=\"octa-shop-cta\">\r\n\r\n  \r\n\r\n  <div class=\"octa-shop-glow octa-shop-glow-one\"><\/div>\r\n  <div class=\"octa-shop-glow octa-shop-glow-two\"><\/div>\r\n\r\n  <div class=\"octa-shop-grid\"><\/div>\r\n\r\n\r\n  <div class=\"octa-shop-container\">\r\n\r\n    \r\n\r\n    <div class=\"octa-shop-content\">\r\n\r\n      <div class=\"octa-shop-label\">\r\n        <span><\/span>\r\n        EXPLORE OUR PRODUCTS\r\n      <\/div>\r\n\r\n      <h2>\r\n        Healthcare Products\r\n        <span>for Everyday Needs<\/span>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Discover the Octabiotic Pharma range of pharmaceutical\r\n        and nutraceutical products, developed with a focus on\r\n        quality, safety and the healthcare needs of Egyptian families.\r\n      <\/p>\r\n\r\n\r\n      \r\n\r\n      <div class=\"octa-shop-categories\">\r\n\r\n        <div class=\"octa-shop-category\">\r\n\r\n          <div class=\"octa-shop-category-icon\">\r\n\r\n            <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n\r\n              <rect x=\"11\" y=\"8\" width=\"26\" height=\"32\" rx=\"4\"\/>\r\n\r\n              <path d=\"M18 15h12\"\/>\r\n              <path d=\"M18 22h12\"\/>\r\n              <path d=\"M18 29h7\"\/>\r\n\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n          <span>\r\n            Pharmaceutical<br>\r\n            Products\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"octa-shop-category\">\r\n\r\n          <div class=\"octa-shop-category-icon\">\r\n\r\n            <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n\r\n              <circle cx=\"24\" cy=\"24\" r=\"15\"\/>\r\n\r\n              <path d=\"M24 15v18\"\/>\r\n              <path d=\"M15 24h18\"\/>\r\n\r\n              <circle cx=\"24\" cy=\"24\" r=\"4\"\/>\r\n\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n          <span>\r\n            Nutraceutical<br>\r\n            Products\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      \r\n\r\n      <div class=\"octa-shop-buttons\">\r\n\r\n        <a\r\n          href=\"https:\/\/octabiotic.com\/onlineshop\/\"\r\n          class=\"octa-shop-primary\"\r\n          target=\"_blank\"\r\n          rel=\"noopener noreferrer\"\r\n        >\r\n          Visit Online Shop\r\n          <span>\u2197<\/span>\r\n        <\/a>\r\n\r\n        <a\r\n          href=\"\/products\/\"\r\n          class=\"octa-shop-secondary\"\r\n        >\r\n          Explore Products\r\n          <span>\u2192<\/span>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    \r\n\r\n    <div class=\"octa-shop-visual\">\r\n\r\n      <div class=\"octa-shop-orbit octa-shop-orbit-one\"><\/div>\r\n      <div class=\"octa-shop-orbit octa-shop-orbit-two\"><\/div>\r\n\r\n\r\n      \r\n\r\n      <div class=\"octa-shop-center\">\r\n\r\n        <div class=\"octa-shop-center-icon\">\r\n\r\n          <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n\r\n            <path\r\n              d=\"M32 8\r\n                 C20 8 12 17 12 29\r\n                 C12 42 21 53 32 56\r\n                 C43 53 52 42 52 29\r\n                 C52 17 44 8 32 8Z\"\r\n            \/>\r\n\r\n            <path d=\"M22 31h20\"\/>\r\n            <path d=\"M32 21v20\"\/>\r\n\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <strong>OCTABIOTIC<\/strong>\r\n        <span>PHARMA<\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      \r\n\r\n      <div class=\"octa-shop-float octa-shop-float-one\">\r\n\r\n        <div class=\"octa-shop-float-icon\">\r\n\r\n          <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n\r\n            <rect x=\"14\" y=\"9\" width=\"20\" height=\"30\" rx=\"5\"\/>\r\n\r\n            <path d=\"M19 17h10\"\/>\r\n            <path d=\"M19 23h10\"\/>\r\n            <path d=\"M19 29h6\"\/>\r\n\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <div>\r\n          <strong>QUALITY<\/strong>\r\n          <span>PRODUCT FOCUS<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"octa-shop-float octa-shop-float-two\">\r\n\r\n        <div class=\"octa-shop-float-icon\">\r\n\r\n          <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n\r\n            <path d=\"M24 7v34\"\/>\r\n            <path d=\"M12 17h24\"\/>\r\n            <path d=\"M16 17l-6 11h12l-6-11z\"\/>\r\n            <path d=\"M32 17l-6 11h12l-6-11z\"\/>\r\n\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <div>\r\n          <strong>TRUST<\/strong>\r\n          <span>SINCE 2018<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"octa-shop-float octa-shop-float-three\">\r\n\r\n        <div class=\"octa-shop-float-icon\">\r\n\r\n          <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n\r\n            <circle cx=\"24\" cy=\"24\" r=\"16\"\/>\r\n            <path d=\"M24 14v10l7 5\"\/>\r\n\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <div>\r\n          <strong>CARE<\/strong>\r\n          <span>OUR PASSION<\/span>\r\n        <\/div>\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<style>\r\n\r\n\/* =========================================================\r\n   OCTABIOTIC\r\n   PRODUCT CONVERSION SECTION\r\n   ========================================================= *\/\r\n\r\n.octa-shop-cta {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  padding: 105px 24px;\r\n\r\n  overflow: hidden;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #eefaff 0%,\r\n      #f7fcfd 48%,\r\n      #eaf8fb 100%\r\n    );\r\n\r\n  color: #173f87;\r\n}\r\n\r\n.octa-shop-cta *,\r\n.octa-shop-cta *::before,\r\n.octa-shop-cta *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND GRID\r\n   ========================================================= *\/\r\n\r\n.octa-shop-grid {\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  opacity: 0.4;\r\n\r\n  background-image:\r\n    linear-gradient(\r\n      rgba(28,75,157,0.035) 1px,\r\n      transparent 1px\r\n    ),\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(28,75,157,0.035) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n  background-size: 55px 55px;\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GLOW\r\n   ========================================================= *\/\r\n\r\n.octa-shop-glow {\r\n  position: absolute;\r\n\r\n  border-radius: 50%;\r\n\r\n  pointer-events: none;\r\n\r\n  filter: blur(5px);\r\n}\r\n\r\n.octa-shop-glow-one {\r\n  width: 300px;\r\n  height: 300px;\r\n\r\n  right: -120px;\r\n  top: -130px;\r\n\r\n  background: rgba(84,218,249,0.12);\r\n}\r\n\r\n.octa-shop-glow-two {\r\n  width: 260px;\r\n  height: 260px;\r\n\r\n  left: -130px;\r\n  bottom: -150px;\r\n\r\n  background: rgba(0,153,213,0.08);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n   ========================================================= *\/\r\n\r\n.octa-shop-container {\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  width: min(1180px, 100%);\r\n\r\n  margin: 0 auto;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    1fr 0.9fr;\r\n\r\n  gap: 70px;\r\n\r\n  align-items: center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n   ========================================================= *\/\r\n\r\n.octa-shop-content {\r\n  max-width: 610px;\r\n}\r\n\r\n.octa-shop-label {\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 10px;\r\n\r\n  margin-bottom: 19px;\r\n\r\n  color: #1c4b9d;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: 1.8px;\r\n}\r\n\r\n.octa-shop-label span {\r\n  width: 32px;\r\n  height: 2px;\r\n\r\n  border-radius: 10px;\r\n\r\n  background: #54daf9;\r\n}\r\n\r\n.octa-shop-content h2 {\r\n  margin: 0;\r\n\r\n  color: #173f87;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: clamp(41px, 4.5vw, 61px);\r\n\r\n  line-height: 1.05;\r\n\r\n  letter-spacing: -2.2px;\r\n\r\n  font-weight: 800;\r\n}\r\n\r\n.octa-shop-content h2 span {\r\n  display: block;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #0099d5,\r\n      #00adb0\r\n    );\r\n\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n\r\n  color: transparent;\r\n}\r\n\r\n.octa-shop-content > p {\r\n  max-width: 570px;\r\n\r\n  margin: 23px 0 0;\r\n\r\n  color: #62768b;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 14px;\r\n\r\n  line-height: 1.8;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CATEGORIES\r\n   ========================================================= *\/\r\n\r\n.octa-shop-categories {\r\n  display: flex;\r\n\r\n  gap: 12px;\r\n\r\n  margin-top: 29px;\r\n}\r\n\r\n.octa-shop-category {\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 11px;\r\n\r\n  min-width: 190px;\r\n\r\n  padding: 13px 15px;\r\n\r\n  border: 1px solid #dcecf1;\r\n\r\n  border-radius: 9px;\r\n\r\n  background: rgba(255,255,255,0.72);\r\n}\r\n\r\n.octa-shop-category-icon {\r\n  width: 39px;\r\n  height: 39px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  flex: 0 0 auto;\r\n\r\n  border-radius: 8px;\r\n\r\n  background: #e7f9fc;\r\n}\r\n\r\n.octa-shop-category-icon svg {\r\n  width: 20px;\r\n  height: 20px;\r\n\r\n  fill: none;\r\n\r\n  stroke: #0099d5;\r\n\r\n  stroke-width: 1.5;\r\n\r\n  stroke-linecap: round;\r\n\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.octa-shop-category span {\r\n  color: #1c4b9d;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 10px;\r\n\r\n  line-height: 1.4;\r\n\r\n  font-weight: 800;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTONS\r\n   ========================================================= *\/\r\n\r\n.octa-shop-buttons {\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 12px;\r\n\r\n  margin-top: 29px;\r\n}\r\n\r\n.octa-shop-primary,\r\n.octa-shop-secondary {\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  gap: 10px;\r\n\r\n  min-height: 49px;\r\n\r\n  padding: 0 21px;\r\n\r\n  border-radius: 8px;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 800;\r\n\r\n  text-decoration: none;\r\n\r\n  transition:\r\n    transform 0.25s ease,\r\n    background 0.25s ease,\r\n    border-color 0.25s ease;\r\n}\r\n\r\n.octa-shop-primary {\r\n  color: #ffffff;\r\n\r\n  background: #1c4b9d;\r\n\r\n  box-shadow:\r\n    0 10px 24px rgba(28,75,157,0.18);\r\n}\r\n\r\n.octa-shop-primary span {\r\n  font-size: 15px;\r\n}\r\n\r\n.octa-shop-secondary {\r\n  color: #1c4b9d;\r\n\r\n  border: 1px solid #cfe1e9;\r\n\r\n  background: rgba(255,255,255,0.65);\r\n}\r\n\r\n.octa-shop-secondary span {\r\n  font-size: 16px;\r\n}\r\n\r\n.octa-shop-primary:hover,\r\n.octa-shop-secondary:hover {\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.octa-shop-primary:hover {\r\n  background: #173f87;\r\n}\r\n\r\n.octa-shop-secondary:hover {\r\n  border-color: #a9d5e2;\r\n\r\n  background: #ffffff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VISUAL\r\n   ========================================================= *\/\r\n\r\n.octa-shop-visual {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\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\/* =========================================================\r\n   ORBITS\r\n   ========================================================= *\/\r\n\r\n.octa-shop-orbit {\r\n  position: absolute;\r\n\r\n  border-radius: 50%;\r\n\r\n  border: 1px solid rgba(0,153,213,0.14);\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n.octa-shop-orbit-one {\r\n  width: 410px;\r\n  height: 410px;\r\n}\r\n\r\n.octa-shop-orbit-two {\r\n  width: 300px;\r\n  height: 300px;\r\n\r\n  border-color: rgba(84,218,249,0.19);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CENTER\r\n   ========================================================= *\/\r\n\r\n.octa-shop-center {\r\n  position: relative;\r\n\r\n  z-index: 3;\r\n\r\n  width: 175px;\r\n  height: 175px;\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #ffffff,\r\n      #eefafd\r\n    );\r\n\r\n  border: 1px solid #d7edf3;\r\n\r\n  box-shadow:\r\n    0 25px 55px rgba(28,75,157,0.13);\r\n}\r\n\r\n.octa-shop-center-icon {\r\n  width: 53px;\r\n  height: 53px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  margin-bottom: 10px;\r\n\r\n  border-radius: 13px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #e4f9fd,\r\n      #e8f8f6\r\n    );\r\n}\r\n\r\n.octa-shop-center-icon svg {\r\n  width: 31px;\r\n  height: 31px;\r\n\r\n  fill: none;\r\n\r\n  stroke: #0099d5;\r\n\r\n  stroke-width: 1.5;\r\n\r\n  stroke-linecap: round;\r\n\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.octa-shop-center strong {\r\n  color: #173f87;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 13px;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: 1px;\r\n}\r\n\r\n.octa-shop-center > span {\r\n  margin-top: 2px;\r\n\r\n  color: #718196;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 7px;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: 2px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FLOATING CARDS\r\n   ========================================================= *\/\r\n\r\n.octa-shop-float {\r\n  position: absolute;\r\n\r\n  z-index: 4;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 10px;\r\n\r\n  padding: 11px 14px;\r\n\r\n  border: 1px solid rgba(211,233,240,0.9);\r\n\r\n  border-radius: 9px;\r\n\r\n  background: rgba(255,255,255,0.92);\r\n\r\n  box-shadow:\r\n    0 15px 30px rgba(28,75,157,0.09);\r\n}\r\n\r\n.octa-shop-float-icon {\r\n  width: 33px;\r\n  height: 33px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  border-radius: 7px;\r\n\r\n  background: #e8f9fc;\r\n}\r\n\r\n.octa-shop-float-icon svg {\r\n  width: 18px;\r\n  height: 18px;\r\n\r\n  fill: none;\r\n\r\n  stroke: #0099d5;\r\n\r\n  stroke-width: 1.5;\r\n\r\n  stroke-linecap: round;\r\n\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.octa-shop-float div:last-child {\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  gap: 2px;\r\n}\r\n\r\n.octa-shop-float strong {\r\n  color: #1c4b9d;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 9px;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: 0.8px;\r\n}\r\n\r\n.octa-shop-float div:last-child span {\r\n  color: #8493a2;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 7px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 0.6px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FLOAT POSITIONS\r\n   ========================================================= *\/\r\n\r\n.octa-shop-float-one {\r\n  top: 55px;\r\n  left: 8px;\r\n}\r\n\r\n.octa-shop-float-two {\r\n  top: 135px;\r\n  right: -5px;\r\n}\r\n\r\n.octa-shop-float-three {\r\n  right: 10px;\r\n  bottom: 62px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 1000px) {\r\n\r\n  .octa-shop-cta {\r\n    padding: 90px 22px;\r\n  }\r\n\r\n  .octa-shop-container {\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 45px;\r\n  }\r\n\r\n  .octa-shop-content {\r\n    max-width: 750px;\r\n  }\r\n\r\n  .octa-shop-visual {\r\n    max-width: 650px;\r\n\r\n    margin: 0 auto;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n  .octa-shop-cta {\r\n    padding: 70px 18px;\r\n  }\r\n\r\n  .octa-shop-content h2 {\r\n    font-size: 39px;\r\n\r\n    letter-spacing: -1.4px;\r\n  }\r\n\r\n  .octa-shop-content > p {\r\n    font-size: 13px;\r\n  }\r\n\r\n  .octa-shop-categories {\r\n    flex-direction: column;\r\n\r\n    gap: 9px;\r\n  }\r\n\r\n  .octa-shop-category {\r\n    width: 100%;\r\n\r\n    min-width: 0;\r\n  }\r\n\r\n  .octa-shop-buttons {\r\n    flex-direction: column;\r\n\r\n    align-items: stretch;\r\n  }\r\n\r\n  .octa-shop-primary,\r\n  .octa-shop-secondary {\r\n    width: 100%;\r\n  }\r\n\r\n  .octa-shop-visual {\r\n    min-height: 390px;\r\n\r\n    margin-top: 5px;\r\n  }\r\n\r\n  .octa-shop-orbit-one {\r\n    width: 330px;\r\n    height: 330px;\r\n  }\r\n\r\n  .octa-shop-orbit-two {\r\n    width: 245px;\r\n    height: 245px;\r\n  }\r\n\r\n  .octa-shop-center {\r\n    width: 145px;\r\n    height: 145px;\r\n  }\r\n\r\n  .octa-shop-center-icon {\r\n    width: 43px;\r\n    height: 43px;\r\n  }\r\n\r\n  .octa-shop-center-icon svg {\r\n    width: 25px;\r\n    height: 25px;\r\n  }\r\n\r\n  .octa-shop-center strong {\r\n    font-size: 11px;\r\n  }\r\n\r\n  .octa-shop-float {\r\n    padding: 8px 10px;\r\n\r\n    gap: 7px;\r\n  }\r\n\r\n  .octa-shop-float-icon {\r\n    width: 28px;\r\n    height: 28px;\r\n  }\r\n\r\n  .octa-shop-float-icon svg {\r\n    width: 15px;\r\n    height: 15px;\r\n  }\r\n\r\n  .octa-shop-float-one {\r\n    top: 25px;\r\n    left: 0;\r\n  }\r\n\r\n  .octa-shop-float-two {\r\n    top: 90px;\r\n    right: 0;\r\n  }\r\n\r\n  .octa-shop-float-three {\r\n    right: 0;\r\n    bottom: 30px;\r\n  }\r\n\r\n  .octa-shop-float strong {\r\n    font-size: 8px;\r\n  }\r\n\r\n  .octa-shop-float div:last-child span {\r\n    font-size: 6px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\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-49eb79b e-flex e-con-boxed e-con e-parent\" data-id=\"49eb79b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ef0a59f elementor-widget elementor-widget-html\" data-id=\"ef0a59f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<section class=\"octa-contact\">\r\n\r\n  <div class=\"octa-contact-pattern\"><\/div>\r\n\r\n  <div class=\"octa-contact-container\">\r\n\r\n    \r\n\r\n    <div class=\"octa-contact-content\">\r\n\r\n      <div class=\"octa-contact-label\">\r\n        <span><\/span>\r\n        GET IN TOUCH\r\n      <\/div>\r\n\r\n      <h2>\r\n        We Are Here\r\n        <span>to Help.<\/span>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Whether you are looking for information about our products,\r\n        our company, or how to reach us, our team is ready to assist.\r\n      <\/p>\r\n\r\n      <div class=\"octa-contact-buttons\">\r\n\r\n        <a\r\n          href=\"\/contact\/\"\r\n          class=\"octa-contact-primary\"\r\n        >\r\n          Contact Us\r\n          <span>\u2192<\/span>\r\n        <\/a>\r\n\r\n        <a\r\n          href=\"https:\/\/octabiotic.com\/onlineshop\/\"\r\n          class=\"octa-contact-secondary\"\r\n          target=\"_blank\"\r\n          rel=\"noopener noreferrer\"\r\n        >\r\n          Visit Online Shop\r\n          <span>\u2197<\/span>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    \r\n\r\n    <div class=\"octa-contact-info\">\r\n\r\n\r\n      \r\n\r\n      <div class=\"octa-contact-item\">\r\n\r\n        <div class=\"octa-contact-icon\">\r\n\r\n          <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n\r\n            <rect\r\n              x=\"7\"\r\n              y=\"11\"\r\n              width=\"34\"\r\n              height=\"26\"\r\n              rx=\"4\"\r\n            \/>\r\n\r\n            <path d=\"M8 15l16 12L40 15\"\/>\r\n\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"octa-contact-item-text\">\r\n\r\n          <span>EMAIL<\/span>\r\n\r\n          <strong>\r\n            info@octabiotic.com\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      \r\n\r\n      <div class=\"octa-contact-item\">\r\n\r\n        <div class=\"octa-contact-icon\">\r\n\r\n          <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n\r\n            <path\r\n              d=\"M14 7l7 8-4 6\r\n                 c3 6 6 9 12 12\r\n                 l6-4 8 7\r\n                 c-2 5-7 7-11 6\r\n                 C20 39 9 28 6 16\r\n                 c-1-4 2-9 8-9z\"\r\n            \/>\r\n\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"octa-contact-item-text\">\r\n\r\n          <span>PHONE<\/span>\r\n\r\n          <strong>\r\n            +201101933168\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      \r\n\r\n      <div class=\"octa-contact-item\">\r\n\r\n        <div class=\"octa-contact-icon\">\r\n\r\n          <svg viewBox=\"0 0 48 48\" aria-hidden=\"true\">\r\n\r\n            <path\r\n              d=\"M24 42\r\n                 c-8-10-13-16-13-23\r\n                 a13 13 0 1 1 26 0\r\n                 c0 7-5 13-13 23z\"\r\n            \/>\r\n\r\n            <circle cx=\"24\" cy=\"19\" r=\"4\"\/>\r\n\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"octa-contact-item-text\">\r\n\r\n          <span>LOCATION<\/span>\r\n\r\n          <strong>\r\n            279 A St 1, Gate No. 1, Pyramids Gardens, Giza\r\n          <\/strong>\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\r\n  \r\n\r\n  <div class=\"octa-contact-bottom\">\r\n\r\n    <span>OCTABIOTIC PHARMA<\/span>\r\n\r\n    <i><\/i>\r\n\r\n    <strong>CARE IS OUR PASSION<\/strong>\r\n\r\n    <i><\/i>\r\n\r\n    <span>EST. 2018<\/span>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   OCTABIOTIC\r\n   CONTACT SECTION\r\n   ========================================================= *\/\r\n\r\n.octa-contact {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  padding: 95px 24px 30px;\r\n\r\n  overflow: hidden;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #f5fbfd 0%,\r\n      #ffffff 52%,\r\n      #eef9fc 100%\r\n    );\r\n\r\n  color: #173f87;\r\n}\r\n\r\n.octa-contact *,\r\n.octa-contact *::before,\r\n.octa-contact *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PATTERN\r\n   ========================================================= *\/\r\n\r\n.octa-contact-pattern {\r\n  position: absolute;\r\n\r\n  width: 520px;\r\n  height: 520px;\r\n\r\n  right: -260px;\r\n  top: -250px;\r\n\r\n  border-radius: 50%;\r\n\r\n  border: 1px solid #e0f0f4;\r\n\r\n  box-shadow:\r\n    0 0 0 70px rgba(84,218,249,0.025),\r\n    0 0 0 140px rgba(84,218,249,0.018);\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n   ========================================================= *\/\r\n\r\n.octa-contact-container {\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  width: min(1180px, 100%);\r\n\r\n  margin: 0 auto;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    1fr 0.85fr;\r\n\r\n  gap: 80px;\r\n\r\n  align-items: center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n   ========================================================= *\/\r\n\r\n.octa-contact-content {\r\n  max-width: 610px;\r\n}\r\n\r\n.octa-contact-label {\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 10px;\r\n\r\n  margin-bottom: 18px;\r\n\r\n  color: #1c4b9d;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: 1.8px;\r\n}\r\n\r\n.octa-contact-label span {\r\n  width: 32px;\r\n  height: 2px;\r\n\r\n  border-radius: 10px;\r\n\r\n  background: #54daf9;\r\n}\r\n\r\n.octa-contact-content h2 {\r\n  margin: 0;\r\n\r\n  color: #173f87;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: clamp(42px, 4.5vw, 60px);\r\n\r\n  line-height: 1.04;\r\n\r\n  letter-spacing: -2px;\r\n\r\n  font-weight: 800;\r\n}\r\n\r\n.octa-contact-content h2 span {\r\n  display: block;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #0099d5,\r\n      #00adb0\r\n    );\r\n\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n\r\n  color: transparent;\r\n}\r\n\r\n.octa-contact-content > p {\r\n  max-width: 540px;\r\n\r\n  margin: 22px 0 0;\r\n\r\n  color: #687b8e;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 14px;\r\n\r\n  line-height: 1.8;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTONS\r\n   ========================================================= *\/\r\n\r\n.octa-contact-buttons {\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 12px;\r\n\r\n  margin-top: 29px;\r\n}\r\n\r\n.octa-contact-primary,\r\n.octa-contact-secondary {\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  gap: 10px;\r\n\r\n  min-height: 48px;\r\n\r\n  padding: 0 21px;\r\n\r\n  border-radius: 8px;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 800;\r\n\r\n  text-decoration: none;\r\n\r\n  transition:\r\n    transform 0.25s ease,\r\n    background 0.25s ease,\r\n    border-color 0.25s ease;\r\n}\r\n\r\n.octa-contact-primary {\r\n  color: #ffffff;\r\n\r\n  background: #1c4b9d;\r\n\r\n  box-shadow:\r\n    0 10px 25px rgba(28,75,157,0.16);\r\n}\r\n\r\n.octa-contact-secondary {\r\n  color: #1c4b9d;\r\n\r\n  border: 1px solid #d3e4ea;\r\n\r\n  background: #ffffff;\r\n}\r\n\r\n.octa-contact-primary:hover,\r\n.octa-contact-secondary:hover {\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.octa-contact-primary:hover {\r\n  background: #173f87;\r\n}\r\n\r\n.octa-contact-secondary:hover {\r\n  border-color: #9ecddb;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTACT INFORMATION\r\n   ========================================================= *\/\r\n\r\n.octa-contact-info {\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  gap: 10px;\r\n}\r\n\r\n.octa-contact-item {\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 16px;\r\n\r\n  min-height: 87px;\r\n\r\n  padding: 15px 18px;\r\n\r\n  border: 1px solid #e0edf1;\r\n\r\n  border-radius: 11px;\r\n\r\n  background: rgba(255,255,255,0.75);\r\n\r\n  transition:\r\n    transform 0.25s ease,\r\n    border-color 0.25s ease,\r\n    box-shadow 0.25s ease;\r\n}\r\n\r\n.octa-contact-item:hover {\r\n  transform: translateX(4px);\r\n\r\n  border-color: #c8e2e9;\r\n\r\n  box-shadow:\r\n    0 10px 25px rgba(28,75,157,0.06);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICON\r\n   ========================================================= *\/\r\n\r\n.octa-contact-icon {\r\n  width: 47px;\r\n  height: 47px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  flex: 0 0 auto;\r\n\r\n  border-radius: 10px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #e7f9fd,\r\n      #e9f8f6\r\n    );\r\n}\r\n\r\n.octa-contact-icon svg {\r\n  width: 23px;\r\n  height: 23px;\r\n\r\n  fill: none;\r\n\r\n  stroke: #0099d5;\r\n\r\n  stroke-width: 1.5;\r\n\r\n  stroke-linecap: round;\r\n\r\n  stroke-linejoin: round;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TEXT\r\n   ========================================================= *\/\r\n\r\n.octa-contact-item-text {\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  gap: 6px;\r\n\r\n  min-width: 0;\r\n}\r\n\r\n.octa-contact-item-text span {\r\n  color: #81919f;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 8px;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: 1.4px;\r\n}\r\n\r\n.octa-contact-item-text strong {\r\n  color: #1c4b9d;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 800;\r\n\r\n  line-height: 1.3;\r\n\r\n  word-break: break-word;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM BRAND LINE\r\n   ========================================================= *\/\r\n\r\n.octa-contact-bottom {\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  width: min(1180px, 100%);\r\n\r\n  margin: 65px auto 0;\r\n\r\n  padding-top: 22px;\r\n\r\n  border-top: 1px solid #e1edf1;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  gap: 14px;\r\n\r\n  color: #8797a4;\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n\r\n  font-size: 8px;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: 1px;\r\n}\r\n\r\n.octa-contact-bottom strong {\r\n  color: #1c4b9d;\r\n\r\n  font-size: 8px;\r\n\r\n  letter-spacing: 1.2px;\r\n}\r\n\r\n.octa-contact-bottom i {\r\n  width: 3px;\r\n  height: 3px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background: #54daf9;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n  .octa-contact {\r\n    padding: 85px 22px 28px;\r\n  }\r\n\r\n  .octa-contact-container {\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 45px;\r\n  }\r\n\r\n  .octa-contact-content {\r\n    max-width: 720px;\r\n  }\r\n\r\n  .octa-contact-info {\r\n    max-width: 650px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n  .octa-contact {\r\n    padding: 70px 18px 25px;\r\n  }\r\n\r\n  .octa-contact-content h2 {\r\n    font-size: 40px;\r\n\r\n    letter-spacing: -1.4px;\r\n  }\r\n\r\n  .octa-contact-content > p {\r\n    font-size: 13px;\r\n  }\r\n\r\n  .octa-contact-buttons {\r\n    flex-direction: column;\r\n\r\n    align-items: stretch;\r\n  }\r\n\r\n  .octa-contact-primary,\r\n  .octa-contact-secondary {\r\n    width: 100%;\r\n  }\r\n\r\n  .octa-contact-item {\r\n    min-height: 78px;\r\n\r\n    padding: 12px 13px;\r\n  }\r\n\r\n  .octa-contact-icon {\r\n    width: 42px;\r\n    height: 42px;\r\n  }\r\n\r\n  .octa-contact-item-text strong {\r\n    font-size: 10px;\r\n  }\r\n\r\n  .octa-contact-bottom {\r\n    flex-wrap: wrap;\r\n\r\n    gap: 9px;\r\n\r\n    margin-top: 45px;\r\n\r\n    text-align: center;\r\n\r\n    line-height: 1.5;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\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>OCTABIOTIC PHARMA ESTABLISHED 2018 Healthcare Solutions You Can Trust At Octabiotic Pharma, we are committed to providing quality pharmaceutical and nutraceutical solutions designed to meet the healthcare needs of Egyptian families. Explore Our Products \u2192 Shop Online \u2192 2018 Established Quality Driven Healthcare Focused + Better Healthcare Built around people&#8217;s needs \u2713 Quality First Committed &hellip; <\/p>\n<p class=\"more-link-wrap\"><a href=\"https:\/\/octabiotic.com\/onlineshop\/home-page\/\" class=\"more-link\"><i class=\"opal-icon-plus\" aria-hidden=\"true\"><\/i><span>Read More<span class=\"screen-reader-text\"> &#8220;Home Page&#8221;<\/span><\/span><\/a><\/p>\n","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-9439","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Home Page - Octabiotic Pharma Online Store<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/octabiotic.com\/onlineshop\/home-page\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home Page - Octabiotic Pharma Online Store\" \/>\n<meta property=\"og:description\" content=\"OCTABIOTIC PHARMA ESTABLISHED 2018 Healthcare Solutions You Can Trust At Octabiotic Pharma, we are committed to providing quality pharmaceutical and nutraceutical solutions designed to meet the healthcare needs of Egyptian families. Explore Our Products \u2192 Shop Online \u2192 2018 Established Quality Driven Healthcare Focused + Better Healthcare Built around people&#8217;s needs \u2713 Quality First Committed &hellip; Read More &quot;Home Page&quot;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/octabiotic.com\/onlineshop\/home-page\/\" \/>\n<meta property=\"og:site_name\" content=\"Octabiotic Pharma Online Store\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-12T12:27:34+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"37 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/octabiotic.com\\\/onlineshop\\\/home-page\\\/\",\"url\":\"https:\\\/\\\/octabiotic.com\\\/onlineshop\\\/home-page\\\/\",\"name\":\"Home Page - Octabiotic Pharma Online Store\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/octabiotic.com\\\/onlineshop\\\/#website\"},\"datePublished\":\"2026-08-12T12:25:19+00:00\",\"dateModified\":\"2026-08-12T12:27:34+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/octabiotic.com\\\/onlineshop\\\/home-page\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/octabiotic.com\\\/onlineshop\\\/home-page\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/octabiotic.com\\\/onlineshop\\\/home-page\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\",\"item\":\"https:\\\/\\\/octabiotic.com\\\/onlineshop\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home Page\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/octabiotic.com\\\/onlineshop\\\/#website\",\"url\":\"https:\\\/\\\/octabiotic.com\\\/onlineshop\\\/\",\"name\":\"Octabiotic Pharma online Store\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/octabiotic.com\\\/onlineshop\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/octabiotic.com\\\/onlineshop\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/octabiotic.com\\\/onlineshop\\\/#organization\",\"name\":\"Octabiotic Pharma online Store\",\"url\":\"https:\\\/\\\/octabiotic.com\\\/onlineshop\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/octabiotic.com\\\/onlineshop\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/octabiotic.com\\\/onlineshop\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/cropped-octa-logo-400-100.png\",\"contentUrl\":\"https:\\\/\\\/octabiotic.com\\\/onlineshop\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/cropped-octa-logo-400-100.png\",\"width\":1623,\"height\":422,\"caption\":\"Octabiotic Pharma online Store\"},\"image\":{\"@id\":\"https:\\\/\\\/octabiotic.com\\\/onlineshop\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Home Page - Octabiotic Pharma Online Store","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/octabiotic.com\/onlineshop\/home-page\/","og_locale":"en_US","og_type":"article","og_title":"Home Page - Octabiotic Pharma Online Store","og_description":"OCTABIOTIC PHARMA ESTABLISHED 2018 Healthcare Solutions You Can Trust At Octabiotic Pharma, we are committed to providing quality pharmaceutical and nutraceutical solutions designed to meet the healthcare needs of Egyptian families. Explore Our Products \u2192 Shop Online \u2192 2018 Established Quality Driven Healthcare Focused + Better Healthcare Built around people&#8217;s needs \u2713 Quality First Committed &hellip; Read More \"Home Page\"","og_url":"https:\/\/octabiotic.com\/onlineshop\/home-page\/","og_site_name":"Octabiotic Pharma Online Store","article_modified_time":"2026-08-12T12:27:34+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"37 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/octabiotic.com\/onlineshop\/home-page\/","url":"https:\/\/octabiotic.com\/onlineshop\/home-page\/","name":"Home Page - Octabiotic Pharma Online Store","isPartOf":{"@id":"https:\/\/octabiotic.com\/onlineshop\/#website"},"datePublished":"2026-08-12T12:25:19+00:00","dateModified":"2026-08-12T12:27:34+00:00","breadcrumb":{"@id":"https:\/\/octabiotic.com\/onlineshop\/home-page\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/octabiotic.com\/onlineshop\/home-page\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/octabiotic.com\/onlineshop\/home-page\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629","item":"https:\/\/octabiotic.com\/onlineshop\/"},{"@type":"ListItem","position":2,"name":"Home Page"}]},{"@type":"WebSite","@id":"https:\/\/octabiotic.com\/onlineshop\/#website","url":"https:\/\/octabiotic.com\/onlineshop\/","name":"Octabiotic Pharma online Store","description":"","publisher":{"@id":"https:\/\/octabiotic.com\/onlineshop\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/octabiotic.com\/onlineshop\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/octabiotic.com\/onlineshop\/#organization","name":"Octabiotic Pharma online Store","url":"https:\/\/octabiotic.com\/onlineshop\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/octabiotic.com\/onlineshop\/#\/schema\/logo\/image\/","url":"https:\/\/octabiotic.com\/onlineshop\/wp-content\/uploads\/2026\/06\/cropped-octa-logo-400-100.png","contentUrl":"https:\/\/octabiotic.com\/onlineshop\/wp-content\/uploads\/2026\/06\/cropped-octa-logo-400-100.png","width":1623,"height":422,"caption":"Octabiotic Pharma online Store"},"image":{"@id":"https:\/\/octabiotic.com\/onlineshop\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/octabiotic.com\/onlineshop\/wp-json\/wp\/v2\/pages\/9439","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/octabiotic.com\/onlineshop\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/octabiotic.com\/onlineshop\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/octabiotic.com\/onlineshop\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/octabiotic.com\/onlineshop\/wp-json\/wp\/v2\/comments?post=9439"}],"version-history":[{"count":3,"href":"https:\/\/octabiotic.com\/onlineshop\/wp-json\/wp\/v2\/pages\/9439\/revisions"}],"predecessor-version":[{"id":9445,"href":"https:\/\/octabiotic.com\/onlineshop\/wp-json\/wp\/v2\/pages\/9439\/revisions\/9445"}],"wp:attachment":[{"href":"https:\/\/octabiotic.com\/onlineshop\/wp-json\/wp\/v2\/media?parent=9439"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}<!-- This website is optimized by Airlift. Learn more: https://airlift.net. Template:. Learn more: https://airlift.net. Template: 6a7ae8a619063607a67e4a4d. Config Timestamp: 2026-08-11 09:17:25 UTC, Cached Timestamp: 2026-08-13 03:08:32 UTC -->