{"id":3495,"date":"2020-02-07T02:16:59","date_gmt":"2020-02-07T02:16:59","guid":{"rendered":"https:\/\/demo.casethemes.net\/consultio-corporate2\/?page_id=3495"},"modified":"2026-08-17T22:51:19","modified_gmt":"2026-08-17T21:51:19","slug":"about-v-4","status":"publish","type":"page","link":"https:\/\/sonofthecitytours.com\/index.php\/about-v-4\/","title":{"rendered":"About Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3495\" class=\"elementor elementor-3495\">\n\t\t\t\t        <section class=\"elementor-section elementor-top-section elementor-element elementor-element-a63eb78 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"a63eb78\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n            \n                        <div class=\"elementor-container elementor-column-gap-no \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3de199a\" data-id=\"3de199a\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-0946f16 elementor-widget elementor-widget-html\" data-id=\"0946f16\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section class=\"dna-about-section\">\r\n  <div class=\"dna-about-container\">\r\n\r\n    <!-- IMAGE SIDE -->\r\n    <div class=\"dna-about-visual\">\r\n\r\n      <div class=\"dna-image-shape shape-orange\"><\/div>\r\n      <div class=\"dna-image-shape shape-blue\"><\/div>\r\n\r\n      <div class=\"dna-image-wrap\">\r\n        <img decoding=\"async\" \r\n          src=\"http:\/\/sonofthecitytours.com\/wp-content\/uploads\/2026\/08\/EEE56458-016E-4949-86D2-2444BCD5E7E3.jpeg\"\r\n          alt=\"David Afutu Niikoi\"\r\n        >\r\n\r\n        <!-- Floating Founder Card -->\r\n        <div class=\"dna-founder-card\">\r\n          <div class=\"dna-card-line\"><\/div>\r\n\r\n          <div>\r\n            <span>Founder &amp; Lead Curator<\/span>\r\n            <h3>David Afutu Niikoi<\/h3>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- CONTENT SIDE -->\r\n    <div class=\"dna-about-content\">\r\n\r\n      <div class=\"dna-small-heading\">\r\n        <span><\/span>\r\n        Meet The Founder\r\n      <\/div>\r\n\r\n      <h2>\r\n        David Afutu\r\n        <span>Niikoi<\/span>\r\n      <\/h2>\r\n\r\n      <div class=\"dna-role\">\r\n        Founder &amp; Lead Curator\r\n      <\/div>\r\n\r\n\r\n      <!-- QUOTE -->\r\n      <div class=\"dna-quote\">\r\n\r\n        <div class=\"dna-quote-icon\">\u201c<\/div>\r\n\r\n        <p>\r\n          Navigating the soul of Ghana and Africa,\r\n          one traveler at a time.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"dna-heading-row\">\r\n        <span class=\"dna-number\">01<\/span>\r\n\r\n        <div>\r\n          <span class=\"dna-mini-title\">MY STORY<\/span>\r\n          <h3>Who I Am<\/h3>\r\n        <\/div>\r\n      <\/div>\r\n\r\n\r\n      <p class=\"dna-text\">\r\n        I am <strong>David Afutu Niikoi<\/strong>, a proud son of Ghanaian\r\n        soil. My identity is woven from the vibrant, fast-paced energy\r\n        of <strong>Accra<\/strong> and the rich, regal traditions of\r\n        <strong>Kumasi<\/strong>.\r\n      <\/p>\r\n\r\n      <p class=\"dna-text\">\r\n        I am not just a tour operator; I am a\r\n        <strong>cultural bridge<\/strong>, a storyteller, and a destination\r\n        architect dedicated to transforming the way the world\r\n        experiences Africa.\r\n      <\/p>\r\n\r\n\r\n      <!-- BOTTOM FEATURE -->\r\n      <div class=\"dna-feature\">\r\n\r\n        <div class=\"dna-feature-icon\">\r\n          \u2726\r\n        <\/div>\r\n\r\n        <div>\r\n          <h4>Authentic African Experiences<\/h4>\r\n\r\n          <p>\r\n            Connecting travelers with the people, heritage, stories,\r\n            traditions, and authentic spirit of Ghana and Africa.\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* ===============================\r\n   ABOUT SECTION\r\n================================ *\/\r\n\r\n.dna-about-section {\r\n  --orange: #f46e0d;\r\n  --red: #d20506;\r\n  --blue: #036a84;\r\n  --black: #000000;\r\n\r\n  position: relative;\r\n  padding: 110px 20px;\r\n  overflow: hidden;\r\n  background:\r\n    radial-gradient(\r\n      circle at 95% 10%,\r\n      rgba(3,106,132,0.08),\r\n      transparent 27%\r\n    ),\r\n    radial-gradient(\r\n      circle at 5% 90%,\r\n      rgba(244,110,13,0.07),\r\n      transparent 25%\r\n    ),\r\n    #ffffff;\r\n\r\n  font-family: \"Poppins\", Arial, sans-serif;\r\n}\r\n\r\n\r\n\/* Background Decorative Text *\/\r\n\r\n.dna-about-section::after {\r\n  content: \"AFRICA\";\r\n  position: absolute;\r\n  right: -40px;\r\n  bottom: -40px;\r\n\r\n  font-size: 170px;\r\n  font-weight: 900;\r\n  letter-spacing: 10px;\r\n\r\n  color: rgba(0,0,0,0.025);\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\/* MAIN CONTAINER *\/\r\n\r\n.dna-about-container {\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n  max-width: 1240px;\r\n  margin: auto;\r\n\r\n  display: grid;\r\n  grid-template-columns: 0.95fr 1.05fr;\r\n\r\n  gap: 90px;\r\n  align-items: center;\r\n}\r\n\r\n\r\n\/* ===============================\r\n   IMAGE AREA\r\n================================ *\/\r\n\r\n.dna-about-visual {\r\n  position: relative;\r\n  padding: 25px 15px 25px 25px;\r\n}\r\n\r\n\r\n\/* ORANGE SHAPE *\/\r\n\r\n.dna-image-shape.shape-orange {\r\n  position: absolute;\r\n\r\n  width: 65%;\r\n  height: 72%;\r\n\r\n  left: 0;\r\n  bottom: 0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      var(--orange),\r\n      var(--red)\r\n    );\r\n\r\n  border-radius: 40px 8px 40px 8px;\r\n}\r\n\r\n\r\n\/* BLUE SHAPE *\/\r\n\r\n.dna-image-shape.shape-blue {\r\n  position: absolute;\r\n\r\n  width: 130px;\r\n  height: 130px;\r\n\r\n  right: -20px;\r\n  top: -10px;\r\n\r\n  background: var(--blue);\r\n\r\n  border-radius: 50%;\r\n\r\n  opacity: 0.12;\r\n}\r\n\r\n\r\n\/* IMAGE WRAPPER *\/\r\n\r\n.dna-image-wrap {\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\r\n\/* IMAGE *\/\r\n\r\n.dna-image-wrap img {\r\n  display: block;\r\n\r\n  width: 100%;\r\n  height: 610px;\r\n\r\n  object-fit: cover;\r\n\r\n  border-radius: 30px 8px 30px 8px;\r\n\r\n  box-shadow:\r\n    0 30px 70px rgba(0,0,0,0.18);\r\n}\r\n\r\n\r\n\/* IMAGE TOP BORDER *\/\r\n\r\n.dna-image-wrap::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  width: 95px;\r\n  height: 7px;\r\n\r\n  top: -4px;\r\n  left: 45px;\r\n\r\n  background: var(--orange);\r\n\r\n  border-radius: 10px;\r\n\r\n  z-index: 3;\r\n}\r\n\r\n\r\n\/* FOUNDER FLOATING CARD *\/\r\n\r\n.dna-founder-card {\r\n  position: absolute;\r\n\r\n  right: -35px;\r\n  bottom: 55px;\r\n\r\n  width: 275px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n\r\n  padding: 23px 25px;\r\n\r\n  background: var(--black);\r\n\r\n  border-radius: 5px 18px 18px 5px;\r\n\r\n  box-shadow:\r\n    0 20px 45px rgba(0,0,0,0.25);\r\n}\r\n\r\n\r\n\/* CARD LINE *\/\r\n\r\n.dna-card-line {\r\n  width: 5px;\r\n  height: 50px;\r\n\r\n  flex-shrink: 0;\r\n\r\n  border-radius: 10px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      to bottom,\r\n      var(--orange) 0%,\r\n      var(--orange) 33%,\r\n      var(--red) 33%,\r\n      var(--red) 66%,\r\n      var(--blue) 66%,\r\n      var(--blue) 100%\r\n    );\r\n}\r\n\r\n\r\n.dna-founder-card span {\r\n  display: block;\r\n\r\n  margin-bottom: 4px;\r\n\r\n  color: var(--orange);\r\n\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n\r\n  text-transform: uppercase;\r\n  letter-spacing: 1.4px;\r\n}\r\n\r\n\r\n.dna-founder-card h3 {\r\n  margin: 0;\r\n\r\n  color: #ffffff;\r\n\r\n  font-size: 19px;\r\n  font-weight: 700;\r\n  line-height: 1.35;\r\n}\r\n\r\n\r\n\/* ===============================\r\n   CONTENT\r\n================================ *\/\r\n\r\n.dna-about-content {\r\n  max-width: 610px;\r\n}\r\n\r\n\r\n\/* SMALL HEADING *\/\r\n\r\n.dna-small-heading {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n\r\n  margin-bottom: 15px;\r\n\r\n  color: var(--red);\r\n\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n\r\n  text-transform: uppercase;\r\n  letter-spacing: 2.2px;\r\n}\r\n\r\n\r\n.dna-small-heading span {\r\n  width: 38px;\r\n  height: 3px;\r\n\r\n  background: var(--orange);\r\n\r\n  border-radius: 10px;\r\n}\r\n\r\n\r\n\/* MAIN HEADING *\/\r\n\r\n.dna-about-content > h2 {\r\n  margin: 0 0 8px;\r\n\r\n  color: var(--black);\r\n\r\n  font-size: clamp(42px, 5vw, 62px);\r\n\r\n  font-weight: 800;\r\n  line-height: 1.05;\r\n\r\n  letter-spacing: -2px;\r\n}\r\n\r\n\r\n\/* BLUE LAST NAME *\/\r\n\r\n.dna-about-content > h2 span {\r\n  color: var(--blue);\r\n}\r\n\r\n\r\n\/* ROLE *\/\r\n\r\n.dna-role {\r\n  display: inline-block;\r\n\r\n  margin: 5px 0 28px;\r\n\r\n  color: var(--orange);\r\n\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 0.7px;\r\n}\r\n\r\n\r\n\/* ===============================\r\n   QUOTE BOX\r\n================================ *\/\r\n\r\n.dna-quote {\r\n  position: relative;\r\n\r\n  margin-bottom: 35px;\r\n\r\n  padding: 25px 30px 25px 65px;\r\n\r\n  overflow: hidden;\r\n\r\n  background: var(--black);\r\n\r\n  border-left: 5px solid var(--orange);\r\n  border-right: 5px solid var(--blue);\r\n\r\n  border-radius: 4px 18px 18px 4px;\r\n\r\n  box-shadow:\r\n    0 15px 35px rgba(0,0,0,0.13);\r\n}\r\n\r\n\r\n.dna-quote::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  right: -30px;\r\n  bottom: -50px;\r\n\r\n  width: 110px;\r\n  height: 110px;\r\n\r\n  background: var(--red);\r\n\r\n  border-radius: 50%;\r\n\r\n  opacity: 0.13;\r\n}\r\n\r\n\r\n\/* QUOTE ICON *\/\r\n\r\n.dna-quote-icon {\r\n  position: absolute;\r\n\r\n  left: 20px;\r\n  top: 10px;\r\n\r\n  color: var(--orange);\r\n\r\n  font-family: Georgia, serif;\r\n\r\n  font-size: 65px;\r\n  line-height: 1;\r\n}\r\n\r\n\r\n\/* QUOTE TEXT *\/\r\n\r\n.dna-quote p {\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n  margin: 0;\r\n\r\n  color: #ffffff;\r\n\r\n  font-size: 17px;\r\n  font-weight: 500;\r\n  font-style: italic;\r\n\r\n  line-height: 1.7;\r\n}\r\n\r\n\r\n\/* ===============================\r\n   WHO I AM HEADING\r\n================================ *\/\r\n\r\n.dna-heading-row {\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  gap: 16px;\r\n\r\n  margin-bottom: 18px;\r\n}\r\n\r\n\r\n\/* NUMBER *\/\r\n\r\n.dna-number {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 50px;\r\n  height: 50px;\r\n\r\n  flex-shrink: 0;\r\n\r\n  background: rgba(244,110,13,0.10);\r\n\r\n  border: 1px solid rgba(244,110,13,0.25);\r\n\r\n  border-radius: 14px;\r\n\r\n  color: var(--orange);\r\n\r\n  font-size: 14px;\r\n  font-weight: 800;\r\n}\r\n\r\n\r\n\/* MINI TITLE *\/\r\n\r\n.dna-mini-title {\r\n  display: block;\r\n\r\n  margin-bottom: 2px;\r\n\r\n  color: var(--red);\r\n\r\n  font-size: 10px;\r\n  font-weight: 800;\r\n\r\n  letter-spacing: 1.7px;\r\n}\r\n\r\n\r\n\/* WHO I AM *\/\r\n\r\n.dna-heading-row h3 {\r\n  margin: 0;\r\n\r\n  color: var(--black);\r\n\r\n  font-size: 26px;\r\n  font-weight: 800;\r\n}\r\n\r\n\r\n\/* ===============================\r\n   TEXT\r\n================================ *\/\r\n\r\n.dna-text {\r\n  margin: 0 0 18px;\r\n\r\n  color: #555555;\r\n\r\n  font-size: 16px;\r\n\r\n  line-height: 1.9;\r\n}\r\n\r\n\r\n.dna-text strong {\r\n  color: var(--blue);\r\n  font-weight: 700;\r\n}\r\n\r\n\r\n\/* ===============================\r\n   BOTTOM FEATURE BOX\r\n================================ *\/\r\n\r\n.dna-feature {\r\n  display: flex;\r\n  align-items: flex-start;\r\n\r\n  gap: 18px;\r\n\r\n  margin-top: 30px;\r\n\r\n  padding: 22px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(3,106,132,0.07),\r\n      rgba(244,110,13,0.05)\r\n    );\r\n\r\n  border: 1px solid rgba(3,106,132,0.15);\r\n\r\n  border-left: 4px solid var(--red);\r\n\r\n  border-radius: 16px;\r\n}\r\n\r\n\r\n\/* FEATURE ICON *\/\r\n\r\n.dna-feature-icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 48px;\r\n  height: 48px;\r\n\r\n  flex-shrink: 0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      var(--orange),\r\n      var(--red)\r\n    );\r\n\r\n  border-radius: 13px;\r\n\r\n  color: #ffffff;\r\n\r\n  font-size: 20px;\r\n\r\n  box-shadow:\r\n    0 10px 20px rgba(210,5,6,0.18);\r\n}\r\n\r\n\r\n\/* FEATURE TITLE *\/\r\n\r\n.dna-feature h4 {\r\n  margin: 0 0 5px;\r\n\r\n  color: var(--black);\r\n\r\n  font-size: 16px;\r\n  font-weight: 750;\r\n}\r\n\r\n\r\n\/* FEATURE TEXT *\/\r\n\r\n.dna-feature p {\r\n  margin: 0;\r\n\r\n  color: #5c5c5c;\r\n\r\n  font-size: 13px;\r\n\r\n  line-height: 1.7;\r\n}\r\n\r\n\r\n\/* ===============================\r\n   TABLET\r\n================================ *\/\r\n\r\n@media (max-width: 991px) {\r\n\r\n  .dna-about-section {\r\n    padding: 80px 20px;\r\n  }\r\n\r\n  .dna-about-container {\r\n    grid-template-columns: 1fr;\r\n    gap: 65px;\r\n  }\r\n\r\n  .dna-about-visual,\r\n  .dna-about-content {\r\n    width: 100%;\r\n    max-width: 720px;\r\n    margin: auto;\r\n  }\r\n\r\n  .dna-image-wrap img {\r\n    height: 620px;\r\n  }\r\n\r\n  .dna-founder-card {\r\n    right: 0;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ===============================\r\n   MOBILE\r\n================================ *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n  .dna-about-section {\r\n    padding: 60px 15px;\r\n  }\r\n\r\n  .dna-about-container {\r\n    gap: 50px;\r\n  }\r\n\r\n  .dna-about-visual {\r\n    padding: 12px;\r\n  }\r\n\r\n  .dna-image-wrap img {\r\n    height: 430px;\r\n\r\n    border-radius:\r\n      22px 6px 22px 6px;\r\n  }\r\n\r\n  .dna-image-shape.shape-blue {\r\n    width: 85px;\r\n    height: 85px;\r\n\r\n    right: -5px;\r\n  }\r\n\r\n  .dna-founder-card {\r\n    position: relative;\r\n\r\n    right: auto;\r\n    bottom: auto;\r\n\r\n    width: calc(100% - 25px);\r\n\r\n    margin:\r\n      -45px auto 0;\r\n\r\n    padding: 20px;\r\n  }\r\n\r\n  .dna-about-content > h2 {\r\n    font-size: 39px;\r\n    letter-spacing: -1px;\r\n  }\r\n\r\n  .dna-role {\r\n    margin-bottom: 22px;\r\n  }\r\n\r\n  .dna-quote {\r\n    padding:\r\n      24px 20px\r\n      24px 53px;\r\n  }\r\n\r\n  .dna-quote-icon {\r\n    left: 15px;\r\n  }\r\n\r\n  .dna-quote p {\r\n    font-size: 15px;\r\n  }\r\n\r\n  .dna-text {\r\n    font-size: 15px;\r\n  }\r\n\r\n  .dna-feature {\r\n    padding: 18px;\r\n  }\r\n\r\n  .dna-about-section::after {\r\n    font-size: 80px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n                <section class=\"elementor-section elementor-top-section elementor-element elementor-element-e366208 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"e366208\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n            \n                        <div class=\"elementor-container elementor-column-gap-no \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f21ad57\" data-id=\"f21ad57\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-9ceda90 elementor-widget elementor-widget-html\" data-id=\"9ceda90\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section class=\"ghana-roots\">\r\n  <div class=\"ghana-roots-container\">\r\n\r\n    <div class=\"ghana-roots-heading\">\r\n      <span class=\"ghana-roots-label\">My Roots<\/span>\r\n      <h2>Where I Come From<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"ghana-roots-grid\">\r\n\r\n      <div class=\"ghana-root-card\">\r\n        <div class=\"ghana-root-number\">01<\/div>\r\n        <h3>Accra<\/h3>\r\n        <p>\r\n          My roots are deeply connected to two of Ghana\u2019s most iconic cities.\r\n          Growing up in Accra, I learned the rhythm of the coast - the hustle,\r\n          the fusion of old and new, and the pulse of modern West Africa.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ghana-root-card featured\">\r\n        <div class=\"ghana-root-number\">02<\/div>\r\n        <h3>Kumasi<\/h3>\r\n        <p>\r\n          My upbringing in Kumasi, the heart of the Ashanti Kingdom, also\r\n          instilled in me a profound respect for history, chieftaincy and the\r\n          traditions that define our heritage.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"ghana-roots-message\">\r\n      <div class=\"ghana-message-icon\">\u2726<\/div>\r\n\r\n      <p>\r\n        That dual perspective opened my eyes to something important:\r\n        <strong>Ghana is not simply a country. It is a collection of living\r\n        stories waiting to be told.<\/strong>\r\n      <\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.ghana-roots {\r\n  --orange: #f46e0d;\r\n  --red: #d20506;\r\n  --blue: #036a84;\r\n  --black: #000000;\r\n\r\n  padding: 100px 20px;\r\n  background: #f8fafb;\r\n  font-family: \"Poppins\", Arial, sans-serif;\r\n}\r\n\r\n.ghana-roots-container {\r\n  max-width: 1200px;\r\n  margin: auto;\r\n}\r\n\r\n.ghana-roots-heading {\r\n  max-width: 700px;\r\n  margin-bottom: 45px;\r\n}\r\n\r\n.ghana-roots-label {\r\n  display: inline-block;\r\n  margin-bottom: 10px;\r\n  color: var(--orange);\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n  text-transform: uppercase;\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.ghana-roots-heading h2 {\r\n  margin: 0;\r\n  color: var(--black);\r\n  font-size: clamp(38px, 5vw, 58px);\r\n  line-height: 1.1;\r\n  font-weight: 800;\r\n}\r\n\r\n.ghana-roots-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 25px;\r\n}\r\n\r\n.ghana-root-card {\r\n  position: relative;\r\n  padding: 40px;\r\n  background: #ffffff;\r\n  border-radius: 22px;\r\n  border-top: 5px solid var(--orange);\r\n  box-shadow: 0 20px 45px rgba(0,0,0,0.07);\r\n  transition: 0.3s ease;\r\n}\r\n\r\n.ghana-root-card.featured {\r\n  border-top-color: var(--blue);\r\n}\r\n\r\n.ghana-root-card:hover {\r\n  transform: translateY(-8px);\r\n}\r\n\r\n.ghana-root-number {\r\n  width: 52px;\r\n  height: 52px;\r\n  margin-bottom: 25px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: var(--black);\r\n  border-radius: 14px;\r\n  color: #ffffff;\r\n  font-size: 14px;\r\n  font-weight: 800;\r\n}\r\n\r\n.ghana-root-card.featured .ghana-root-number {\r\n  background: var(--blue);\r\n}\r\n\r\n.ghana-root-card h3 {\r\n  margin: 0 0 15px;\r\n  color: var(--black);\r\n  font-size: 28px;\r\n  font-weight: 800;\r\n}\r\n\r\n.ghana-root-card p {\r\n  margin: 0;\r\n  color: #5d5d5d;\r\n  font-size: 16px;\r\n  line-height: 1.9;\r\n}\r\n\r\n.ghana-roots-message {\r\n  margin-top: 30px;\r\n  padding: 28px 32px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 20px;\r\n  background: var(--black);\r\n  border-radius: 20px;\r\n  border-left: 6px solid var(--red);\r\n}\r\n\r\n.ghana-message-icon {\r\n  min-width: 50px;\r\n  width: 50px;\r\n  height: 50px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: var(--orange);\r\n  border-radius: 50%;\r\n  color: white;\r\n  font-size: 20px;\r\n}\r\n\r\n.ghana-roots-message p {\r\n  margin: 0;\r\n  color: #ffffff;\r\n  font-size: 17px;\r\n  line-height: 1.8;\r\n}\r\n\r\n.ghana-roots-message strong {\r\n  color: #ffffff;\r\n}\r\n\r\n@media(max-width: 768px) {\r\n  .ghana-roots {\r\n    padding: 70px 16px;\r\n  }\r\n\r\n  .ghana-roots-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .ghana-root-card {\r\n    padding: 28px;\r\n  }\r\n\r\n  .ghana-roots-message {\r\n    align-items: flex-start;\r\n    padding: 24px;\r\n  }\r\n}\r\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n                <section class=\"elementor-section elementor-top-section elementor-element elementor-element-b779be0 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"b779be0\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n            \n                        <div class=\"elementor-container elementor-column-gap-no \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-67f07ee\" data-id=\"67f07ee\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-ae956cf elementor-widget elementor-widget-html\" data-id=\"ae956cf\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section class=\"ghana-purpose\">\r\n  <div class=\"ghana-purpose-container\">\r\n\r\n    <div class=\"ghana-purpose-left\">\r\n\r\n      <span class=\"ghana-purpose-label\">My Purpose<\/span>\r\n\r\n      <h2>\r\n        Why I\r\n        <span>Do This<\/span>\r\n      <\/h2>\r\n\r\n      <div class=\"ghana-purpose-line\"><\/div>\r\n\r\n      <p>\r\n        My purpose has always been rooted in navigation - not only of streets\r\n        and maps, but of culture and human connection.\r\n      <\/p>\r\n\r\n      <p>\r\n        Watching travelers struggle to find authentic experiences or become\r\n        overwhelmed by logistics inspired me to create something different.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"ghana-purpose-right\">\r\n\r\n      <div class=\"ghana-purpose-card\">\r\n        <span class=\"purpose-number\">01<\/span>\r\n\r\n        <div>\r\n          <h3>Beyond The Landmarks<\/h3>\r\n\r\n          <p>\r\n            Many people visit Ghana and Africa but leave with only half the\r\n            story. They see the landmarks, but they do not always feel the\r\n            heartbeat.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n\r\n      <div class=\"ghana-purpose-card blue\">\r\n        <span class=\"purpose-number\">02<\/span>\r\n\r\n        <div>\r\n          <h3>Son of the City Tours<\/h3>\r\n\r\n          <p>\r\n            Son of the City Tours was created to change that.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n\r\n      <div class=\"ghana-purpose-card red\">\r\n        <span class=\"purpose-number\">03<\/span>\r\n\r\n        <div>\r\n          <h3>Travel With Meaning<\/h3>\r\n\r\n          <p>\r\n            I believe travel should be a transformative dialogue, not simply\r\n            a transaction.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n\r\n      <div class=\"ghana-purpose-quote\">\r\n        <div class=\"quote-symbol\">\u201c<\/div>\r\n\r\n        <p>\r\n          Every traveler should return home with more than souvenirs -\r\n          they should leave with a deeper understanding of our continent.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.ghana-purpose {\r\n  --orange: #f46e0d;\r\n  --red: #d20506;\r\n  --blue: #036a84;\r\n  --black: #000000;\r\n\r\n  padding: 110px 20px;\r\n  background:\r\n    radial-gradient(circle at 90% 10%, rgba(3,106,132,0.08), transparent 25%),\r\n    #ffffff;\r\n\r\n  font-family: \"Poppins\", Arial, sans-serif;\r\n}\r\n\r\n.ghana-purpose-container {\r\n  max-width: 1200px;\r\n  margin: auto;\r\n  display: grid;\r\n  grid-template-columns: 0.85fr 1.15fr;\r\n  gap: 80px;\r\n  align-items: center;\r\n}\r\n\r\n.ghana-purpose-label {\r\n  display: inline-block;\r\n  margin-bottom: 14px;\r\n  color: var(--red);\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n  text-transform: uppercase;\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.ghana-purpose-left h2 {\r\n  margin: 0;\r\n  color: var(--black);\r\n  font-size: clamp(42px, 5vw, 64px);\r\n  line-height: 1.05;\r\n  font-weight: 800;\r\n  letter-spacing: -2px;\r\n}\r\n\r\n.ghana-purpose-left h2 span {\r\n  display: block;\r\n  color: var(--blue);\r\n}\r\n\r\n.ghana-purpose-line {\r\n  width: 90px;\r\n  height: 5px;\r\n  margin: 28px 0;\r\n  border-radius: 10px;\r\n  background: linear-gradient(\r\n    90deg,\r\n    var(--orange),\r\n    var(--red),\r\n    var(--blue)\r\n  );\r\n}\r\n\r\n.ghana-purpose-left p {\r\n  margin: 0 0 18px;\r\n  color: #5b5b5b;\r\n  font-size: 16px;\r\n  line-height: 1.9;\r\n}\r\n\r\n.ghana-purpose-right {\r\n  display: grid;\r\n  gap: 18px;\r\n}\r\n\r\n.ghana-purpose-card {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 22px;\r\n  padding: 28px;\r\n  background: #f9f9f9;\r\n  border-radius: 18px;\r\n  border-left: 5px solid var(--orange);\r\n  transition: 0.3s ease;\r\n}\r\n\r\n.ghana-purpose-card.blue {\r\n  border-left-color: var(--blue);\r\n}\r\n\r\n.ghana-purpose-card.red {\r\n  border-left-color: var(--red);\r\n}\r\n\r\n.ghana-purpose-card:hover {\r\n  transform: translateX(8px);\r\n  background: #ffffff;\r\n  box-shadow: 0 16px 40px rgba(0,0,0,0.08);\r\n}\r\n\r\n.purpose-number {\r\n  min-width: 48px;\r\n  width: 48px;\r\n  height: 48px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: var(--black);\r\n  border-radius: 13px;\r\n  color: #ffffff;\r\n  font-size: 13px;\r\n  font-weight: 800;\r\n}\r\n\r\n.ghana-purpose-card.blue .purpose-number {\r\n  background: var(--blue);\r\n}\r\n\r\n.ghana-purpose-card.red .purpose-number {\r\n  background: var(--red);\r\n}\r\n\r\n.ghana-purpose-card h3 {\r\n  margin: 0 0 8px;\r\n  color: var(--black);\r\n  font-size: 20px;\r\n  font-weight: 800;\r\n}\r\n\r\n.ghana-purpose-card p {\r\n  margin: 0;\r\n  color: #626262;\r\n  font-size: 15px;\r\n  line-height: 1.8;\r\n}\r\n\r\n.ghana-purpose-quote {\r\n  position: relative;\r\n  margin-top: 10px;\r\n  padding: 32px 30px 32px 68px;\r\n  overflow: hidden;\r\n  background: var(--black);\r\n  border-radius: 20px;\r\n  border-right: 6px solid var(--orange);\r\n}\r\n\r\n.quote-symbol {\r\n  position: absolute;\r\n  top: 10px;\r\n  left: 20px;\r\n  color: var(--orange);\r\n  font-family: Georgia, serif;\r\n  font-size: 70px;\r\n  line-height: 1;\r\n}\r\n\r\n.ghana-purpose-quote p {\r\n  position: relative;\r\n  z-index: 2;\r\n  margin: 0;\r\n  color: #ffffff;\r\n  font-size: 17px;\r\n  font-style: italic;\r\n  line-height: 1.8;\r\n}\r\n\r\n@media(max-width: 900px) {\r\n  .ghana-purpose-container {\r\n    grid-template-columns: 1fr;\r\n    gap: 50px;\r\n  }\r\n}\r\n\r\n@media(max-width: 600px) {\r\n  .ghana-purpose {\r\n    padding: 70px 16px;\r\n  }\r\n\r\n  .ghana-purpose-left h2 {\r\n    font-size: 42px;\r\n  }\r\n\r\n  .ghana-purpose-card {\r\n    padding: 22px;\r\n    gap: 15px;\r\n  }\r\n\r\n  .purpose-number {\r\n    min-width: 42px;\r\n    width: 42px;\r\n    height: 42px;\r\n  }\r\n\r\n  .ghana-purpose-quote {\r\n    padding: 28px 20px 28px 55px;\r\n  }\r\n\r\n  .quote-symbol {\r\n    left: 14px;\r\n  }\r\n}\r\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n                <section class=\"elementor-section elementor-top-section elementor-element elementor-element-bcb4029 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"bcb4029\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n            \n                        <div class=\"elementor-container elementor-column-gap-no \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-72d8c82\" data-id=\"72d8c82\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-012e57f elementor-widget elementor-widget-html\" data-id=\"012e57f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section class=\"city-vision-modern\">\r\n  <div class=\"city-vision-wrap\">\r\n\r\n    <!-- LEFT CONTENT -->\r\n    <div class=\"city-vision-content\">\r\n\r\n      <div class=\"city-vision-kicker\">\r\n        <span><\/span>\r\n        Our Vision\r\n      <\/div>\r\n\r\n      <h2>\r\n        The Vision:\r\n        <span>Son of the City Tours<\/span>\r\n      <\/h2>\r\n\r\n      <p class=\"city-vision-lead\">\r\n        Son of the City Tours is more than a destination management company;\r\n        it is a movement to redefine African travel.\r\n      <\/p>\r\n\r\n      <p>\r\n        We craft intimate cultural and historical journeys that go beyond the\r\n        surface. Whether retracing ancestral history at Cape Coast,\r\n        discovering the energy of Accra, experiencing Ashanti traditions,\r\n        or exploring Ghana\u2019s natural beauty, we manage each journey with\r\n        precision and heart.\r\n      <\/p>\r\n\r\n      <!-- MISSION -->\r\n      <div class=\"city-vision-mission\">\r\n        <div class=\"city-vision-mission-icon\">\u2726<\/div>\r\n\r\n        <div>\r\n          <span>Our Mission<\/span>\r\n\r\n          <p>\r\n            Our mission is to remove the stress of travel and replace it with\r\n            immersive education, genuine connection and memorable experiences.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- RIGHT CONTENT -->\r\n    <div class=\"city-vision-side\">\r\n\r\n      <!-- TOP TWO CARDS -->\r\n      <div class=\"city-vision-grid\">\r\n\r\n        <div class=\"city-vision-card card-orange\">\r\n          <div class=\"city-card-top\">\r\n            <span class=\"city-card-number\">01<\/span>\r\n            <span class=\"city-card-label\">Our Approach<\/span>\r\n          <\/div>\r\n\r\n          <h3>Beyond The Surface<\/h3>\r\n\r\n          <p>\r\n            We create intimate cultural and historical journeys that connect\r\n            travelers with Ghana\u2019s people, traditions, heritage and natural\r\n            beauty.\r\n          <\/p>\r\n        <\/div>\r\n\r\n\r\n        <div class=\"city-vision-card card-blue\">\r\n          <div class=\"city-card-top\">\r\n            <span class=\"city-card-number\">02<\/span>\r\n            <span class=\"city-card-label\">Our Future<\/span>\r\n          <\/div>\r\n\r\n          <h3>A Premier Gateway<\/h3>\r\n\r\n          <p>\r\n            Our long-term vision is to become a premier gateway for travelers\r\n            seeking to explore Ghana and, eventually, the wider African\r\n            continent.\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- FEATURE CARD -->\r\n      <div class=\"city-welcome-card\">\r\n\r\n        <div class=\"city-welcome-top\">\r\n          <span>SON OF THE CITY TOURS<\/span>\r\n\r\n          <div class=\"city-welcome-star\">\u2726<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"city-big-quote\">\u201c<\/div>\r\n\r\n        <h3>\r\n          More Than A Journey.\r\n          <span>Welcome Home.<\/span>\r\n        <\/h3>\r\n\r\n        <p>\r\n          When you travel with us, you are not simply a tourist.\r\n          You are welcomed as an honorary son or daughter of the city -\r\n          welcomed home.\r\n        <\/p>\r\n\r\n        <div class=\"city-welcome-bottom\">\r\n\r\n          <div class=\"city-home-icon\">\u2302<\/div>\r\n\r\n          <div>\r\n            <small>Travel Deeper. Connect Better.<\/small>\r\n            <strong>Experience Africa Differently.<\/strong>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n.city-vision-modern {\r\n  --orange: #f46e0d;\r\n  --red: #d20506;\r\n  --blue: #036a84;\r\n  --black: #000000;\r\n\r\n  position: relative;\r\n  overflow: hidden;\r\n  padding: 115px 20px;\r\n\r\n  background:\r\n    radial-gradient(circle at 5% 10%, rgba(244,110,13,0.08), transparent 27%),\r\n    radial-gradient(circle at 95% 90%, rgba(3,106,132,0.10), transparent 30%),\r\n    #f8f9fa;\r\n\r\n  font-family: \"Poppins\", Arial, sans-serif;\r\n}\r\n\r\n\r\n\/* DECORATIVE BACKGROUND TEXT *\/\r\n.city-vision-modern::before {\r\n  content: \"AFRICA\";\r\n\r\n  position: absolute;\r\n  right: -50px;\r\n  bottom: -55px;\r\n\r\n  color: rgba(0,0,0,0.025);\r\n\r\n  font-size: 180px;\r\n  font-weight: 900;\r\n\r\n  letter-spacing: 12px;\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\/* MAIN WRAPPER *\/\r\n.city-vision-wrap {\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n  max-width: 1240px;\r\n  margin: auto;\r\n\r\n  display: grid;\r\n  grid-template-columns: 0.9fr 1.1fr;\r\n\r\n  gap: 75px;\r\n  align-items: center;\r\n}\r\n\r\n\r\n\/* =========================\r\n   LEFT SIDE\r\n========================= *\/\r\n\r\n.city-vision-content {\r\n  max-width: 560px;\r\n}\r\n\r\n\r\n\/* SMALL LABEL *\/\r\n.city-vision-kicker {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n\r\n  margin-bottom: 18px;\r\n\r\n  color: var(--red);\r\n\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n\r\n  text-transform: uppercase;\r\n  letter-spacing: 2.2px;\r\n}\r\n\r\n\r\n.city-vision-kicker span {\r\n  width: 42px;\r\n  height: 3px;\r\n\r\n  background: var(--orange);\r\n\r\n  border-radius: 20px;\r\n}\r\n\r\n\r\n\/* MAIN HEADING *\/\r\n.city-vision-content h2 {\r\n  margin: 0 0 28px;\r\n\r\n  color: var(--black);\r\n\r\n  font-size: clamp(44px, 5vw, 68px);\r\n  font-weight: 850;\r\n\r\n  line-height: 1.02;\r\n\r\n  letter-spacing: -2.5px;\r\n}\r\n\r\n\r\n.city-vision-content h2 span {\r\n  display: block;\r\n\r\n  margin-top: 9px;\r\n\r\n  color: var(--blue);\r\n}\r\n\r\n\r\n\/* INTRO *\/\r\n.city-vision-lead {\r\n  color: #222222 !important;\r\n\r\n  font-size: 18px !important;\r\n  font-weight: 600;\r\n\r\n  line-height: 1.75 !important;\r\n}\r\n\r\n\r\n.city-vision-content > p {\r\n  margin: 0 0 20px;\r\n\r\n  color: #5f5f5f;\r\n\r\n  font-size: 15.5px;\r\n\r\n  line-height: 1.9;\r\n}\r\n\r\n\r\n\/* =========================\r\n   MISSION BOX\r\n========================= *\/\r\n\r\n.city-vision-mission {\r\n  display: flex;\r\n  align-items: flex-start;\r\n\r\n  gap: 17px;\r\n\r\n  margin-top: 30px;\r\n\r\n  padding: 25px;\r\n\r\n  background: #ffffff;\r\n\r\n  border: 1px solid rgba(0,0,0,0.06);\r\n  border-left: 5px solid var(--orange);\r\n\r\n  border-radius: 20px;\r\n\r\n  box-shadow:\r\n    0 16px 40px rgba(0,0,0,0.07);\r\n}\r\n\r\n\r\n.city-vision-mission-icon {\r\n  width: 48px;\r\n  height: 48px;\r\n\r\n  flex-shrink: 0;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      var(--orange),\r\n      var(--red)\r\n    );\r\n\r\n  border-radius: 14px;\r\n\r\n  color: #ffffff;\r\n\r\n  font-size: 19px;\r\n}\r\n\r\n\r\n.city-vision-mission span {\r\n  display: block;\r\n\r\n  margin-bottom: 6px;\r\n\r\n  color: var(--red);\r\n\r\n  font-size: 10px;\r\n  font-weight: 800;\r\n\r\n  text-transform: uppercase;\r\n  letter-spacing: 1.6px;\r\n}\r\n\r\n\r\n.city-vision-mission p {\r\n  margin: 0;\r\n\r\n  color: #444444;\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   RIGHT SIDE\r\n========================= *\/\r\n\r\n.city-vision-side {\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  gap: 20px;\r\n}\r\n\r\n\r\n\/* TOP CARDS *\/\r\n.city-vision-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n\r\n  gap: 20px;\r\n}\r\n\r\n\r\n.city-vision-card {\r\n  position: relative;\r\n\r\n  min-height: 230px;\r\n\r\n  padding: 27px;\r\n\r\n  background: #ffffff;\r\n\r\n  border-radius: 22px;\r\n\r\n  box-shadow:\r\n    0 15px 45px rgba(0,0,0,0.07);\r\n\r\n  transition: all 0.35s ease;\r\n}\r\n\r\n\r\n.city-vision-card:hover {\r\n  transform: translateY(-7px);\r\n\r\n  box-shadow:\r\n    0 25px 55px rgba(0,0,0,0.11);\r\n}\r\n\r\n\r\n.card-orange {\r\n  border-top: 5px solid var(--orange);\r\n}\r\n\r\n\r\n.card-blue {\r\n  border-top: 5px solid var(--blue);\r\n}\r\n\r\n\r\n\/* CARD TOP *\/\r\n.city-card-top {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\r\n  gap: 10px;\r\n\r\n  margin-bottom: 28px;\r\n}\r\n\r\n\r\n.city-card-number {\r\n  width: 44px;\r\n  height: 44px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  border-radius: 12px;\r\n\r\n  color: #ffffff;\r\n\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n}\r\n\r\n\r\n.card-orange .city-card-number {\r\n  background: var(--orange);\r\n}\r\n\r\n\r\n.card-blue .city-card-number {\r\n  background: var(--blue);\r\n}\r\n\r\n\r\n.city-card-label {\r\n  color: var(--red);\r\n\r\n  font-size: 9px;\r\n  font-weight: 800;\r\n\r\n  text-transform: uppercase;\r\n  letter-spacing: 1.4px;\r\n\r\n  text-align: right;\r\n}\r\n\r\n\r\n.city-vision-card h3 {\r\n  margin: 0 0 10px;\r\n\r\n  color: var(--black);\r\n\r\n  font-size: 21px;\r\n  font-weight: 800;\r\n\r\n  line-height: 1.3;\r\n}\r\n\r\n\r\n.city-vision-card p {\r\n  margin: 0;\r\n\r\n  color: #626262;\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   MAIN FEATURE CARD\r\n========================= *\/\r\n\r\n.city-welcome-card {\r\n  position: relative;\r\n\r\n  overflow: hidden;\r\n\r\n  padding: 40px;\r\n\r\n  background: var(--black);\r\n\r\n  border-radius: 28px;\r\n\r\n  box-shadow:\r\n    0 28px 70px rgba(0,0,0,0.24);\r\n}\r\n\r\n\r\n\/* BLUE DECORATIVE CIRCLE *\/\r\n.city-welcome-card::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  right: -90px;\r\n  bottom: -110px;\r\n\r\n  width: 280px;\r\n  height: 280px;\r\n\r\n  background: var(--blue);\r\n\r\n  border-radius: 50%;\r\n\r\n  opacity: 0.25;\r\n}\r\n\r\n\r\n\/* ORANGE DECORATIVE CIRCLE *\/\r\n.city-welcome-card::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  right: 50px;\r\n  top: -85px;\r\n\r\n  width: 170px;\r\n  height: 170px;\r\n\r\n  background: var(--orange);\r\n\r\n  border-radius: 50%;\r\n\r\n  opacity: 0.11;\r\n}\r\n\r\n\r\n\/* TOP *\/\r\n.city-welcome-top {\r\n  position: relative;\r\n  z-index: 3;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\r\n  margin-bottom: 45px;\r\n}\r\n\r\n\r\n.city-welcome-top > span {\r\n  color: var(--orange);\r\n\r\n  font-size: 10px;\r\n  font-weight: 800;\r\n\r\n  letter-spacing: 2px;\r\n}\r\n\r\n\r\n.city-welcome-star {\r\n  width: 44px;\r\n  height: 44px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  background: var(--blue);\r\n\r\n  border-radius: 50%;\r\n\r\n  color: #ffffff;\r\n}\r\n\r\n\r\n\/* QUOTE SYMBOL *\/\r\n.city-big-quote {\r\n  position: absolute;\r\n\r\n  top: 82px;\r\n  left: 25px;\r\n\r\n  color: var(--orange);\r\n\r\n  font-family: Georgia, serif;\r\n\r\n  font-size: 90px;\r\n\r\n  line-height: 1;\r\n\r\n  opacity: 0.35;\r\n}\r\n\r\n\r\n\/* HEADING *\/\r\n.city-welcome-card h3 {\r\n  position: relative;\r\n  z-index: 3;\r\n\r\n  max-width: 530px;\r\n\r\n  margin: 0 0 22px;\r\n\r\n  color: #ffffff;\r\n\r\n  font-size: clamp(34px, 4vw, 49px);\r\n\r\n  font-weight: 850;\r\n\r\n  line-height: 1.08;\r\n\r\n  letter-spacing: -1.5px;\r\n}\r\n\r\n\r\n.city-welcome-card h3 span {\r\n  display: block;\r\n\r\n  margin-top: 5px;\r\n\r\n  color: var(--orange);\r\n}\r\n\r\n\r\n\/* TEXT *\/\r\n.city-welcome-card > p {\r\n  position: relative;\r\n  z-index: 3;\r\n\r\n  max-width: 550px;\r\n\r\n  margin: 0;\r\n\r\n  color: #d2d2d2;\r\n\r\n  font-size: 15px;\r\n\r\n  line-height: 1.85;\r\n}\r\n\r\n\r\n\/* BOTTOM BADGE *\/\r\n.city-welcome-bottom {\r\n  position: relative;\r\n  z-index: 3;\r\n\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 14px;\r\n\r\n  margin-top: 30px;\r\n\r\n  padding: 11px 18px 11px 11px;\r\n\r\n  background: rgba(255,255,255,0.09);\r\n\r\n  border: 1px solid rgba(255,255,255,0.12);\r\n\r\n  border-radius: 60px;\r\n}\r\n\r\n\r\n.city-home-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  flex-shrink: 0;\r\n\r\n  background: var(--red);\r\n\r\n  border-radius: 50%;\r\n\r\n  color: #ffffff;\r\n\r\n  font-size: 20px;\r\n}\r\n\r\n\r\n.city-welcome-bottom small {\r\n  display: block;\r\n\r\n  margin-bottom: 2px;\r\n\r\n  color: #aaa;\r\n\r\n  font-size: 9px;\r\n\r\n  letter-spacing: 0.6px;\r\n}\r\n\r\n\r\n.city-welcome-bottom strong {\r\n  display: block;\r\n\r\n  color: #ffffff;\r\n\r\n  font-size: 13px;\r\n\r\n  font-weight: 700;\r\n}\r\n\r\n\r\n\/* =========================\r\n   TABLET\r\n========================= *\/\r\n\r\n@media (max-width: 950px) {\r\n\r\n  .city-vision-modern {\r\n    padding: 85px 20px;\r\n  }\r\n\r\n  .city-vision-wrap {\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 55px;\r\n  }\r\n\r\n  .city-vision-content {\r\n    max-width: 760px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================\r\n   MOBILE\r\n========================= *\/\r\n\r\n@media (max-width: 650px) {\r\n\r\n  .city-vision-modern {\r\n    padding: 65px 15px;\r\n  }\r\n\r\n  .city-vision-content h2 {\r\n    font-size: 42px;\r\n\r\n    letter-spacing: -1.5px;\r\n  }\r\n\r\n  .city-vision-lead {\r\n    font-size: 16px !important;\r\n  }\r\n\r\n  .city-vision-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .city-vision-card {\r\n    min-height: auto;\r\n\r\n    padding: 23px;\r\n  }\r\n\r\n  .city-welcome-card {\r\n    padding: 30px 22px;\r\n\r\n    border-radius: 23px;\r\n  }\r\n\r\n  .city-welcome-card h3 {\r\n    font-size: 32px;\r\n  }\r\n\r\n  .city-welcome-card > p {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .city-welcome-bottom {\r\n    width: 100%;\r\n\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .city-vision-modern::before {\r\n    font-size: 85px;\r\n  }\r\n\r\n}\r\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n        \t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Founder &amp; Lead Curator David Afutu Niikoi Meet The Founder David Afutu Niikoi Founder &amp; Lead Curator \u201c Navigating the soul of Ghana and Africa, one traveler at a time. 01 MY STORY Who I Am I am David Afutu Niikoi, a proud son of Ghanaian soil. My identity is woven from the vibrant, fast-paced [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3495","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sonofthecitytours.com\/index.php\/wp-json\/wp\/v2\/pages\/3495","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sonofthecitytours.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sonofthecitytours.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sonofthecitytours.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/sonofthecitytours.com\/index.php\/wp-json\/wp\/v2\/comments?post=3495"}],"version-history":[{"count":10,"href":"https:\/\/sonofthecitytours.com\/index.php\/wp-json\/wp\/v2\/pages\/3495\/revisions"}],"predecessor-version":[{"id":6135,"href":"https:\/\/sonofthecitytours.com\/index.php\/wp-json\/wp\/v2\/pages\/3495\/revisions\/6135"}],"wp:attachment":[{"href":"https:\/\/sonofthecitytours.com\/index.php\/wp-json\/wp\/v2\/media?parent=3495"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}