Untitled-1.css

    
<style>
     @font-face {font-family: 'GT America Trial';src: url('../fonts/GTAmericaTrial-Lt.woff2') format('woff2'), url('../fonts/GTAmericaTrial-Lt.woff') format('woff');font-weight: 300;font-style: normal;font-display: swap;}@font-face {font-family: 'GT America Trial';src: url('../fonts/GTAmericaTrial-Rg.woff2') format('woff2'), url('../fonts/GTAmericaTrial-Rg.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}@font-face {font-family: 'GT America Trial';src: url('../fonts/GTAmericaTrial-Bd.woff2') format('woff2'), url('../fonts/GTAmericaTrial-Bd.woff') format('woff');font-weight: bold;font-style: normal;font-display: swap;}@font-face {font-family: '72';src: url('../fonts/72-Light.woff2') format('woff2'), url('../fonts/72-Light.woff') format('woff');font-weight: 300;font-style: normal;font-display: swap;}@font-face {font-family: '72';src: url('../fonts/72-Regular.woff2') format('woff2'), url('../fonts/72-Regular.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}@font-face {font-family: '72';src: url('../fonts/72-Semibold.woff2') format('woff2'), url('../fonts/72-Semibold.woff') format('woff');font-weight: 600;font-style: normal;font-display: swap;}@font-face {font-family: '72';src: url('../fonts/72-Bold.woff2') format('woff2'), url('../fonts/72-Bold.woff') format('woff');font-weight: bold;font-style: normal;font-display: swap;}body {margin: 0;overflow-x: hidden;position: relative;width: 100%;}html {scroll-behavior: smooth;}* {-webkit-box-sizing: border-box;box-sizing: border-box;}.hbr {font-family: 'GT America Trial';font-size: 20px;line-height: 32px;background: #000;position: relative;}.hbr h1, .hbr h2, .hbr h3, .hbr h4, .hbr h5, .hbr h6 {margin: 0;}.hbr p {margin: 0;}.hbr ul {margin: 0;padding: 0;list-style-type: none;}.hbr a {text-decoration: none;}.hbr figure {margin: 0;}.hbr img {max-width: 100%;display: block;}.hbr .container {max-width: 1230px;padding: 0 30px;margin: 0 auto;}.font-gtamerica {font-family: 'GT America Trial';}.font-72 {font-family: '72';}.hbr-path-animation {display: none;}.hbr-path-animation.md-up-display {display: block;}.hbr-sub-navigation {padding: 10px 0;background: #fff;position: sticky;top: 0;z-index: 10;}.hbr-sub-navigation .container {max-width: 1290px;}.hbr-sub-navigation__inner {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.hbr-sub-navigation__logo {width: 82px;}.hbr-sub-navigation__links {width: calc(100% - 184px);padding-left: 20px;}.hbr-sub-navigation__links ul {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}.hbr-sub-navigation__links ul li:not(:last-child) {margin-right: 22px;}.hbr-sub-navigation__links ul li a {display: block;position: relative;color: #000000;letter-spacing: 0.48px;font-size: 12px;line-height: 24px;font-weight: 600;}.hbr-sub-navigation__links ul li a::before {position: absolute;content: '';bottom: -4px;left: 0;height: 1px;width: 100%;background: -webkit-gradient(linear, left top, right top, from(#4292F6), to(#6ADCBF));background: -o-linear-gradient(left, #4292F6 0%, #6ADCBF 100%);background: linear-gradient(90deg, #4292F6 0%, #6ADCBF 100%);opacity: 0;visibility: hidden;-webkit-transition: opacity 0.3s ease, visibility 0.3s ease;-o-transition: opacity 0.3s ease, visibility 0.3s ease;transition: opacity 0.3s ease, visibility 0.3s ease;}.hbr-sub-navigation__links ul li a.active::before, .hbr-sub-navigation__links ul li a:hover::before {opacity: 1;visibility: visible;}.hbr .container {z-index: 2;position: relative;}.hbr-leadspace {position: relative;z-index: 1;color: #fff;padding-top: 25px;padding-bottom: 25px;padding-bottom: 34px;}.hbr-dark-overlay {position: relative;z-index: 1;}.hbr-dark-overlay::before {position: absolute;content: '';top: 0;bottom: 0;left: 0;right: 0;background: #000;z-index: -1;}.hbr-dark-overlay.bottom-section::before {bottom: 10%;}.top-overlay .hbr-image-text-module {position: relative;}.top-overlay .hbr-image-text-module::before {position: absolute;content: '';bottom: 92%;left: 0;right: 0;height: 40%;background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 4.47%, #000 77.14%);}.hbr-dark-overlay.bottom-section::after {position: absolute;content: '';top: 90%;left: 0;right: 0;height: 22%;background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 4.47%, #000 77.14%);z-index: -1;}.hbr-section-top-overlay {position: relative;z-index: 2;}.hbr-section-top-overlay::before {position: absolute;content: '';bottom: 15%;left: 0;right: 0;height: 64%;background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 4.47%, #000 77.14%);z-index: -1;}.hbr-section-top-overlay::after {position: absolute;content: '';bottom: -2%;left: 0;right: 0;background: #000;z-index: -1;height: 30%;}.hbr-leadspace-bg-image {position: absolute;background-position-x: 50%;background-repeat: no-repeat;background-size: cover;height: 100%;width: 100%;top: 0;left: 0;z-index: 1;min-height: 100vh;background-attachment: fixed;}.hbr-leadspace--eyebrow {text-transform: uppercase;font-size: 22px;font-weight: 900;margin-bottom: 24px;line-height: 1;}.hbr-leadspace--title {text-transform: uppercase;font-family: '72';font-weight: 700;line-height: 1;margin-bottom: 48px;max-width: 855px;}.hbr-leadspace--title h1 {margin: 0;-webkit-box-flex: 1;-ms-flex: 1 0;flex: 1 0;font-size: 80px;}.hbr-leadspace .message-title {text-transform: uppercase;font-size: 16px;font-weight: 900;line-height: 2;margin-bottom: 16px;}.hbr-leadspace-top-content {min-height: 400px;padding-top: 150px;padding-bottom: 150px;}.message-cards p{color: #F5F5F5;font-size: 20px;font-weight: 300;line-height: 1.6;margin-bottom: 40px;}.hbr-leadspace--description-wrap {width: 60%;}.hbr-leadspace figure img {-o-object-fit: cover;object-fit: cover;width: 100%;height: 100%;}.hbr-path-animation {position: fixed;bottom: 16%;left: 0;width: 100%;z-index: 1;}.hbr-image-text-module {padding: 32px 0 0;}.hbr-image-text-module .word {display: inline-block;vertical-align: top;-webkit-clip-path: polygon(0 0, 104% 0, 100% 100%, 0% 100%);clip-path: polygon(0 0, 104% 0, 100% 100%, 0% 100%);}.hbr-image-text-module .word span {display: inline-block;vertical-align: top;-webkit-transform: translateY(100%);-ms-transform: translateY(100%);transform: translateY(100%);-webkit-transition: -webkit-transform 0.5s ease-out;transition: -webkit-transform 0.5s ease-out;-o-transition: transform 0.5s ease-out;transition: transform 0.5s ease-out;transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;}.hbr-image-text-module span.animate {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}.hbr-image-text-module__inner {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;gap:30px;}.hbr-image-text-module--reverse .hbr-image-text-module__inner {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}.hbr-image-text-module__inner .thumbnail-img {-ms-flex-preferred-size: calc(34% - 15px);flex-basis: calc(34% - 15px);}.hbr-image-text-module__inner .thumbnail-img img {height: auto;width: 100%;-o-object-fit: cover;object-fit: cover;aspect-ratio: 370/456;height: 100%;}.hbr-image-text-module__inner .content {-ms-flex-preferred-size: calc(66% - 15px);flex-basis: calc(66% - 15px);color: #ffffff;display: -webkit-box;display: -ms-flexbox;display: flex;}.hbr-image-text-module__inner .content h2 {font-size: 90px;line-height: 1;margin-bottom: 24px;letter-spacing: -5px;margin-right: -10px;}.hbr-text-module-sponsored .card-featured-post__content h3 {margin-bottom: 0;margin-right: -15px;}.hbr-image-text-module__inner .content-inner-wrap {border-top: 1px solid #727272;border-bottom: 1px solid #727272;height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding: 10px 15px;}.hbr-image-text-module__inner .content p {color: #ABABAB;font-weight: 300;margin-bottom: 32px;}.hbr-image-text-module__inner.reverese-direction {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}.hbr-image-card-with-text {padding-top: 32px;}.hbr-image-card-with-text__inner {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;gap: 30px;}.hbr-image-card-with-text__inner.reverese-direction {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}.hbr-image-card-with-text__inner .column-left {-ms-flex-preferred-size: calc(33.4% - 15px);flex-basis: calc(33.4% - 15px);}.hbr-image-card-with-text__inner .column-right {-ms-flex-preferred-size: calc(66.6% - 15px);flex-basis: calc(66.6% - 15px);}.card-featured-post > a {display: block;position: relative;color: #ffffff;overflow: hidden;z-index: 1;}.card-featured-post {height: 100%;}.card-featured-post.have-overlay > a::before {position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: 0.8;background: -webkit-gradient(linear, left top, left bottom, color-stop(20.17%, rgba(0, 0, 0, 0.00)), to(#000));background: -o-linear-gradient(top, rgba(0, 0, 0, 0.00) 20.17%, #000 100%);background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 20.17%, #000 100%);-webkit-transform: none;-ms-transform: none;transform: none;-webkit-transition: -webkit-transform 0.3s ease;transition: -webkit-transform 0.3s ease;-o-transition: transform 0.3s ease;transition: transform 0.3s ease;transition: transform 0.3s ease, -webkit-transform 0.3s ease;-webkit-transform: scaleY(1) scaleX(1) translateY(0);-ms-transform: scaleY(1) scaleX(1) translateY(0);transform: scaleY(1) scaleX(1) translateY(0);}.card-featured-post > a:hover .card-featured-post__thumbnail img {-webkit-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}.card-featured-post > a:hover::before {-webkit-transform: scaleY(2) scaleX(1.2) translateY(calc(-25% + 2px));-ms-transform: scaleY(2) scaleX(1.2) translateY(calc(-25% + 2px));transform: scaleY(2) scaleX(1.2) translateY(calc(-25% + 2px));}.card-featured-post__thumbnail {position: relative;overflow: hidden;display: block;}.card-featured-post__thumbnail img {aspect-ratio: 370/420;width: 100%;-o-object-fit: cover;object-fit: cover;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}.card-featured-post__content {position: absolute;bottom: 0;left: 0;width: 100%;padding: 32px 32px;z-index: 2;}.two-col .column-middle-two .card-featured-post__content {width: 70%;}.card-featured-post__content h3 {font-size: 22px;line-height: 32px;font-weight: 700;margin-bottom: 16px;}.card-featured-post__content p {font-size: 12px;line-height: 20px;font-weight: 300;}.hbr-image-card-with-text__inner .column-right .card-featured-post__content {width: 69%;}.hbr-image-card-with-text__inner .column-right .card-featured-post__thumbnail img {aspect-ratio: 769/420;}.card-featured-post__meta {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-size: 12px;line-height: 24px;margin: 0 -7px 8px !important;}.card-featured-post__meta li {padding: 0 7px;}.card-featured-post__meta li:last-child{font-weight: 300;}.card-featured-post__meta li svg {position: relative;top: 4px;margin-right: 5px;}.card-featured-post .play-icon {position: absolute;top: 38px;left: 32px;width: 91px;height: 91px;}.card-featured-post .play-icon svg {width: 100%;height: 100%;}.hbr-text-module-sponsored {padding-top: 25px;}.hbr-text-module-sponsored__inner {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;gap: 30px;}.hbr-text-module-sponsored--reverse .hbr-text-module-sponsored__inner {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}.hbr-text-module-sponsored__inner .column-left {-ms-flex-preferred-size: calc(65.8% - 15px);flex-basis: calc(65.8% - 15px);}.hbr-text-module-sponsored--reverse .hbr-text-module-sponsored__inner .column-left {-ms-flex-preferred-size: calc(66.7% - 15px);flex-basis: calc(66.7% - 15px);}.hbr-text-module-sponsored__inner .column-right {-ms-flex-preferred-size: calc(34.2% - 15px);flex-basis: calc(34.2% - 15px);}.hbr-text-module-sponsored--reverse .hbr-text-module-sponsored__inner .column-right {-ms-flex-preferred-size: calc(33.3% -15px);flex-basis: calc(33.3% -15px);}.hbr .bg-blue {background: #4192F6;}.hbr .bg-dark-blue {background: #2E58C1;}.hbr-text-module-sponsored__thumbnail img {width: 100%;-o-object-fit: cover;object-fit: cover;height: auto;aspect-ratio: 440/220;height: 100%;}.hbr .column-left-one {width: calc(39.2% - 20px);}.hbr .two-col .column-middle-two {width: calc(60.8% - 15px);}.hbr .three-col .column-middle-two, .hbr .three-col .column-middle-three {width: calc(30.4% - 20px);}.hbr .two-col .card-featured-post.have-icon > a {aspect-ratio: 698/220;}.hbr .three-col .card-featured-post.have-icon > a {aspect-ratio: 328/220;}.card-featured-post__icon {position: absolute;right: 0;bottom: 0;z-index: -1;}.three-col .card-featured-post__icon {right: -23%;max-width: 185px;}.card-sponsored {position: relative;padding: 48px 42px;min-height: 100%;}.card-sponsored__thumbnail {position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}.card-sponsored__thumbnail img {width: 100%;-o-object-fit: cover;object-fit: cover;aspect-ratio: 369/404;}.card-sponsored .card-sponsored__content {position: relative;color: #ffffff;max-height: 100%;}.card-sponsored .card-sponsored__content h3 {font-size: 24px;font-weight: 900;text-transform: uppercase;margin-bottom: 16px;max-width: 100px;}.card-sponsored .card-sponsored__content p {font-size: 12px;line-height: 20px;font-weight: 300;max-width: 256px;margin-bottom: 32px;}.card-sponsored__btn {background: #ffffff;padding: 12px 42px;font-size: 14px;font-weight: 700;color: #000000;border-radius: 8px;font-family: '72';-webkit-transition: background 0.3s ease;-o-transition: background 0.3s ease;transition: background 0.3s ease;line-height: 1.2;}.card-sponsored__btn:hover {background: #B1c4D2;}.card-sponsored__btn--blue {background: #4192F6;color: #ffffff;}.card-sponsored__btn svg {display: none;}.full-bg-banner {position: relative;z-index: 2;overflow: hidden;background: #E2EBF2;padding-top: 48px;padding-bottom: 48px;text-transform: uppercase;-webkit-transition: background 0.3s ease, opacity 0.3s ease !important;-o-transition: background 0.3s ease, opacity 0.3s ease !important;transition: background 0.3s ease, opacity 0.3s ease !important;}.full-bg-banner.with-bg-inside .full-bg-banner-wrapper {background: #2A73E9;-webkit-transition: background 0.3s ease;-o-transition: background 0.3s ease;transition: background 0.3s ease;}.full-bg-banner.with-bg-inside .full-bg-banner-title{width: 73%;}.full-bg-banner.with-bg-inside .full-bg-banner-wrapper:hover {background: #2142A2;}.full-bg-banner.with-bg-inside {color: #fff;background: #000;padding: 0;margin-top: 27px;margin-bottom: 160px;}.full-bg-banner.with-bg-inside:hover {background: #000;}.full-bg-banner.with-bg-inside .full-bg-banner-wrapper {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 48px;}.full-bg-banner.with-bg-inside .container {display: block;}.full-bg-banner:hover {background: #B1C4D2;}.full-bg-banner h2, .full-bg-banner .h2 {margin: 0;letter-spacing: -0.48px;line-height: 1.083;font-size: 48px;font-weight: 900;}.full-bg-banner .container {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: relative;z-index: 1;}.full-bg-banner-title {width: 69%;padding-right: 15px;font-weight: 900;}.full-bg-banner-cta {width: 27%;text-align: right;}.hbr .btn {display: inline-block;vertical-align: top;color: #000;text-align: center;min-width: 160px;border-radius: 8px;font-family: '72';padding: 10px 17px;font-size: 14px;font-weight: 700;line-height: 1.5;-webkit-transition: background 0.3s ease;-o-transition: background 0.3s ease;transition: background 0.3s ease;}.hbr .btn.btn-green {background: #6ADCBF;}.hbr .btn.btn-green:hover {background: #46AC92;}.hbr .btn .icon {margin-left: 33px;}.hbr .icon-mobile {display: none;}.intersection-opacity {opacity: 0.10;-webkit-transition: opacity 0.3s linear;-o-transition: opacity 0.3s linear;transition: opacity 0.3s linear;}.intersection-opacity.opacity-active {opacity: 1;}.hbr-sap-section {scroll-padding-top: 75px;scroll-margin: 75px;}.text-blue {color: #5EA9FF;display: block;}.full-bg-banner-img {position: absolute;right: 22%;z-index: -1;max-width: 450px;}section.ads {position: relative;z-index: 2;padding-top: 160px;padding-bottom: 160px;}.ads-conternt {margin: 0 auto;max-width: 970px;height: 250px;background: #F9D7E7;width: 100%;}.hbr-path-animation .path-1 {-webkit-animation: line-aniamtion-1 4s infinite normal linear;animation: line-aniamtion-1 4s infinite normal linear;}.hbr-path-animation .path-2 {-webkit-animation: line-aniamtion-2 4s infinite normal linear;animation: line-aniamtion-2 4s infinite normal linear;}.hbr-path-animation .path-3 {-webkit-animation: line-aniamtion-3 4s infinite normal linear;animation: line-aniamtion-3 4s infinite normal linear;}.hbr-path-animation .path-4 {-webkit-animation: line-aniamtion-4 4s infinite normal linear;animation: line-aniamtion-4 4s infinite normal linear;}.hbr-path-animation .path-5 {-webkit-animation: line-aniamtion-5 4s infinite normal linear;animation: line-aniamtion-5 4s infinite normal linear;}.hbr-path-animation .path-6 {-webkit-animation: line-aniamtion-6 4s infinite normal linear;animation: line-aniamtion-6 4s infinite normal linear;}.hbr-path-animation .path-7 {-webkit-animation: line-aniamtion-7 4s infinite normal linear;animation: line-aniamtion-7 4s infinite normal linear;}.hbr-path-animation .path-8 {-webkit-animation: line-aniamtion-8 4s infinite normal linear;animation: line-aniamtion-8 4s infinite normal linear;}.hbr-path-animation .path-9 {-webkit-animation: line-aniamtion-9 4s infinite normal linear;animation: line-aniamtion-9 4s infinite normal linear;}.hbr-path-animation .path-10 {-webkit-animation: line-aniamtion-10 4s infinite normal linear;animation: line-aniamtion-10 4s infinite normal linear;}.hbr-path-animation .path-11 {-webkit-animation: line-aniamtion-11 4s infinite normal linear;animation: line-aniamtion-11 4s infinite normal linear;}.hbr-path-animation .path-12 {-webkit-animation: line-aniamtion-12 4s infinite normal linear;animation: line-aniamtion-12 4s infinite normal linear;}.hbr-path-animation .path-13 {-webkit-animation: line-aniamtion-13 4s infinite normal linear;animation: line-aniamtion-13 4s infinite normal linear;}.hbr-path-animation .path-14 {-webkit-animation: line-aniamtion-14 4s infinite normal linear;animation: line-aniamtion-14 4s infinite normal linear;}.hbr-path-animation .path-15 {-webkit-animation: line-aniamtion-15 4s infinite normal linear;animation: line-aniamtion-15 4s infinite normal linear;}.hbr-path-animation .path-16 {-webkit-animation: line-aniamtion-16 4s infinite normal linear;animation: line-aniamtion-16 4s infinite normal linear;}.hbr-path-animation .path-17 {-webkit-animation: line-aniamtion-17 4s infinite normal linear;animation: line-aniamtion-17 4s infinite normal linear;}.hbr-path-animation .path-18 {-webkit-animation: line-aniamtion-18 4s infinite normal linear;animation: line-aniamtion-18 4s infinite normal linear;}.hbr-path-animation .path-19 {-webkit-animation: line-aniamtion-19 4s infinite normal linear;animation: line-aniamtion-19 4s infinite normal linear;}.hbr-path-animation .path-20 {-webkit-animation: line-aniamtion-20 4s infinite normal linear;animation: line-aniamtion-20 4s infinite normal linear;}.hbr-path-animation .path-21 {-webkit-animation: line-aniamtion-21 4s infinite normal linear;animation: line-aniamtion-21 4s infinite normal linear;}.hbr-path-animation .path-22 {-webkit-animation: line-aniamtion-22 4s infinite normal linear;animation: line-aniamtion-22 4s infinite normal linear;}.hbr-path-animation .path-23 {-webkit-animation: line-aniamtion-23 4s infinite normal linear;animation: line-aniamtion-23 4s infinite normal linear;}.hbr-path-animation .path-24 {-webkit-animation: line-aniamtion-24 4s infinite normal linear;animation: line-aniamtion-24 4s infinite normal linear;}.hbr-path-animation .path-25 {-webkit-animation: line-aniamtion-25 4s infinite normal linear;animation: line-aniamtion-25 4s infinite normal linear;}.hbr-path-animation .path-26 {-webkit-animation: line-aniamtion-26 4s infinite normal linear;animation: line-aniamtion-26 4s infinite normal linear;}.hbr-path-animation .path-27 {-webkit-animation: line-aniamtion-27 4s infinite normal linear;animation: line-aniamtion-27 4s infinite normal linear;}.hbr-path-animation .path-28 {-webkit-animation: line-aniamtion-28 4s infinite normal linear;animation: line-aniamtion-28 4s infinite normal linear;}.hbr-path-animation .path-29 {-webkit-animation: line-aniamtion-29 4s infinite normal linear;animation: line-aniamtion-29 4s infinite normal linear;}@-webkit-keyframes line-aniamtion-1 {0% {stroke-dasharray: var(--path-1);stroke-dashoffset: var(--path-1);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-1);}}@keyframes line-aniamtion-1 {0% {stroke-dasharray: var(--path-1);stroke-dashoffset: var(--path-1);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-1);}}@-webkit-keyframes line-aniamtion-2 {0% {stroke-dasharray: var(--path-2);stroke-dashoffset: var(--path-2);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-2);}}@keyframes line-aniamtion-2 {0% {stroke-dasharray: var(--path-2);stroke-dashoffset: var(--path-2);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-2);}}@-webkit-keyframes line-aniamtion-3 {0% {stroke-dasharray: var(--path-3);stroke-dashoffset: var(--path-3);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-3);}}@keyframes line-aniamtion-3 {0% {stroke-dasharray: var(--path-3);stroke-dashoffset: var(--path-3);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-3);}}@-webkit-keyframes line-aniamtion-4 {0% {stroke-dasharray: var(--path-4);stroke-dashoffset: var(--path-4);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-4);}}@keyframes line-aniamtion-4 {0% {stroke-dasharray: var(--path-4);stroke-dashoffset: var(--path-4);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-4);}}@-webkit-keyframes line-aniamtion-5 {0% {stroke-dasharray: var(--path-5);stroke-dashoffset: var(--path-5);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-5);}}@keyframes line-aniamtion-5 {0% {stroke-dasharray: var(--path-5);stroke-dashoffset: var(--path-5);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-5);}}@-webkit-keyframes line-aniamtion-6 {0% {stroke-dasharray: var(--path-6);stroke-dashoffset: var(--path-6);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-6);}}@keyframes line-aniamtion-6 {0% {stroke-dasharray: var(--path-6);stroke-dashoffset: var(--path-6);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-6);}}@-webkit-keyframes line-aniamtion-7 {0% {stroke-dasharray: var(--path-7);stroke-dashoffset: var(--path-7);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-7);}}@keyframes line-aniamtion-7 {0% {stroke-dasharray: var(--path-7);stroke-dashoffset: var(--path-7);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-7);}}@-webkit-keyframes line-aniamtion-8 {0% {stroke-dasharray: var(--path-8);stroke-dashoffset: var(--path-8);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-8);}}@keyframes line-aniamtion-8 {0% {stroke-dasharray: var(--path-8);stroke-dashoffset: var(--path-8);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-8);}}@-webkit-keyframes line-aniamtion-9 {0% {stroke-dasharray: var(--path-9);stroke-dashoffset: var(--path-9);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-9);}}@keyframes line-aniamtion-9 {0% {stroke-dasharray: var(--path-9);stroke-dashoffset: var(--path-9);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-9);}}@-webkit-keyframes line-aniamtion-10 {0% {stroke-dasharray: var(--path-10);stroke-dashoffset: var(--path-10);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-10);}}@keyframes line-aniamtion-10 {0% {stroke-dasharray: var(--path-10);stroke-dashoffset: var(--path-10);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-10);}}@-webkit-keyframes line-aniamtion-11 {0% {stroke-dasharray: var(--path-11);stroke-dashoffset: var(--path-11);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-11);}}@keyframes line-aniamtion-11 {0% {stroke-dasharray: var(--path-11);stroke-dashoffset: var(--path-11);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-11);}}@-webkit-keyframes line-aniamtion-12 {0% {stroke-dasharray: var(--path-12);stroke-dashoffset: var(--path-12);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-12);}}@keyframes line-aniamtion-12 {0% {stroke-dasharray: var(--path-12);stroke-dashoffset: var(--path-12);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-12);}}@-webkit-keyframes line-aniamtion-13 {0% {stroke-dasharray: 535.9022827148438;stroke-dashoffset: -535.9022827148438;}60%{stroke-dashoffset: 0;stroke-dasharray: 535.9022827148438;}}@keyframes line-aniamtion-13 {0% {stroke-dasharray: 535.9022827148438;stroke-dashoffset: -535.9022827148438;}60%{stroke-dashoffset: 0;stroke-dasharray: 535.9022827148438;}}@-webkit-keyframes line-aniamtion-14 {0% {stroke-dasharray: var(--path-14);stroke-dashoffset: var(--path-14);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-14);}}@keyframes line-aniamtion-14 {0% {stroke-dasharray: var(--path-14);stroke-dashoffset: var(--path-14);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-14);}}@-webkit-keyframes line-aniamtion-15 {0% {stroke-dasharray: var(--path-15);stroke-dashoffset: var(--path-15);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-15);}}@keyframes line-aniamtion-15 {0% {stroke-dasharray: var(--path-15);stroke-dashoffset: var(--path-15);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-15);}}@-webkit-keyframes line-aniamtion-16 {0% {stroke-dasharray: var(--path-16);stroke-dashoffset: var(--path-16);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-16);}}@keyframes line-aniamtion-16 {0% {stroke-dasharray: var(--path-16);stroke-dashoffset: var(--path-16);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-16);}}@-webkit-keyframes line-aniamtion-17 {0% {stroke-dasharray: 370.2869567871094;stroke-dashoffset: -370.2869567871094;}60%{stroke-dashoffset: 0;stroke-dasharray: 370.2869567871094;}}@keyframes line-aniamtion-17 {0% {stroke-dasharray: 370.2869567871094;stroke-dashoffset: -370.2869567871094;}60%{stroke-dashoffset: 0;stroke-dasharray: 370.2869567871094;}}@-webkit-keyframes line-aniamtion-18 {0% {stroke-dasharray: var(--path-18);stroke-dashoffset: var(--path-18);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-18);}}@keyframes line-aniamtion-18 {0% {stroke-dasharray: var(--path-18);stroke-dashoffset: var(--path-18);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-18);}}@-webkit-keyframes line-aniamtion-19 {0% {stroke-dasharray: var(--path-19);stroke-dashoffset: var(--path-19);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-19);}}@keyframes line-aniamtion-19 {0% {stroke-dasharray: var(--path-19);stroke-dashoffset: var(--path-19);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-19);}}@-webkit-keyframes line-aniamtion-20 {0% {stroke-dasharray: var(--path-20);stroke-dashoffset: var(--path-20);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-20);}}@keyframes line-aniamtion-20 {0% {stroke-dasharray: var(--path-20);stroke-dashoffset: var(--path-20);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-20);}}@-webkit-keyframes line-aniamtion-21 {0% {stroke-dasharray: var(--path-21);stroke-dashoffset: var(--path-21);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-21);}}@keyframes line-aniamtion-21 {0% {stroke-dasharray: var(--path-21);stroke-dashoffset: var(--path-21);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-21);}}@-webkit-keyframes line-aniamtion-22 {0% {stroke-dasharray: var(--path-22);stroke-dashoffset: var(--path-22);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-22);}}@keyframes line-aniamtion-22 {0% {stroke-dasharray: var(--path-22);stroke-dashoffset: var(--path-22);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-22);}}@-webkit-keyframes line-aniamtion-23 {0% {stroke-dasharray: var(--path-23);stroke-dashoffset: var(--path-23);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-23);}}@keyframes line-aniamtion-23 {0% {stroke-dasharray: var(--path-23);stroke-dashoffset: var(--path-23);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-23);}}@-webkit-keyframes line-aniamtion-24 {0% {stroke-dasharray: var(--path-24);stroke-dashoffset: var(--path-24);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-24);}}@keyframes line-aniamtion-24 {0% {stroke-dasharray: var(--path-24);stroke-dashoffset: var(--path-24);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-24);}}@-webkit-keyframes line-aniamtion-25 {0% {stroke-dasharray: var(--path-25);stroke-dashoffset: var(--path-25);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-25);}}@keyframes line-aniamtion-25 {0% {stroke-dasharray: var(--path-25);stroke-dashoffset: var(--path-25);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-25);}}@-webkit-keyframes line-aniamtion-26 {0% {stroke-dasharray: var(--path-26);stroke-dashoffset: var(--path-26);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-26);}}@keyframes line-aniamtion-26 {0% {stroke-dasharray: var(--path-26);stroke-dashoffset: var(--path-26);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-26);}}@-webkit-keyframes line-aniamtion-27 {0% {stroke-dasharray: var(--path-27);stroke-dashoffset: var(--path-27);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-27);}}@keyframes line-aniamtion-27 {0% {stroke-dasharray: var(--path-27);stroke-dashoffset: var(--path-27);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-27);}}@-webkit-keyframes line-aniamtion-28 {0% {stroke-dasharray: var(--path-28);stroke-dashoffset: var(--path-28);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-28);}}@keyframes line-aniamtion-28 {0% {stroke-dasharray: var(--path-28);stroke-dashoffset: var(--path-28);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-28);}}@-webkit-keyframes line-aniamtion-29 {0% {stroke-dasharray: var(--path-29);stroke-dashoffset: var(--path-29);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-29);}}@keyframes line-aniamtion-29 {0% {stroke-dasharray: var(--path-29);stroke-dashoffset: var(--path-29);}60%{stroke-dashoffset: 0;stroke-dasharray: var(--path-29);}}.hbr-path-animation .circle-1 {-webkit-animation: twinkle 2s 2s infinite ease alternate;animation: twinkle 2s 2s infinite ease alternate;}.hbr-path-animation .circle-2 {-webkit-animation: twinkle 16s 16s infinite ease alternate;animation: twinkle 16s 16s infinite ease alternate;}.hbr-path-animation .circle-3 {-webkit-animation: twinkle 2s 2s infinite ease alternate;animation: twinkle 2s 2s infinite ease alternate;}.hbr-path-animation .circle-4 {-webkit-animation: twinkle 4s 4s infinite ease alternate;animation: twinkle 4s 4s infinite ease alternate;}.hbr-path-animation .circle-5 {-webkit-animation: twinkle 6s 6s infinite ease alternate;animation: twinkle 6s 6s infinite ease alternate;}.hbr-path-animation .circle-6 {-webkit-animation: twinkle 8s 8s infinite ease alternate;animation: twinkle 8s 8s infinite ease alternate;}.hbr-path-animation .circle-7 {-webkit-animation: twinkle 10s 10s infinite ease alternate;animation: twinkle 10s 10s infinite ease alternate;}.hbr-path-animation .circle-8 {-webkit-animation: twinkle 12s 12s infinite ease alternate;animation: twinkle 12s 12s infinite ease alternate;}.hbr-path-animation .circle-9 {-webkit-animation: twinkle 14s 14s infinite ease alternate;animation: twinkle 14s 14s infinite ease alternate;}@-webkit-keyframes twinkle {from {opacity: 0;}to {opacity: 1;}}@keyframes twinkle {from {opacity: 0;}to {opacity: 1;}}:root {--path-1:505.9338684082031;--path-2:690.898681640625;--path-3:331.41705322265625;--path-4:208.80471801757812;--path-5:236.8834686279297;--path-6:219.9727325439453;--path-7:56.00446319580078;--path-8:769.3316650390625;--path-9:233.2986602783203;--path-10:231.2550811767578;--path-11:1819.2265625;--path-12:1294.0653076171875;--path-13:535.9022827148438;--path-14:334.033935546875;--path-15:388.40185546875;--path-16:510.13079833984375;--path-17:370.2869567871094;--path-18:498.7456970214844;--path-19:88.01551055908203;--path-20:85.71682739257812;--path-21:352.14657211303711;--path-22:658.0296020507812;--path-23:330;--path-24:480;--path-25:155;--path-26:245;--path-27:414;--path-28:303;--path-29:229;}.have-heading {font-family: 'GT America Trial';text-transform: uppercase;color: #000;font-size: 24px;font-weight: 900;line-height: 1.083;letter-spacing: -0.24px;margin-right: 10px;}.column-full-width {width: 100%;}.hbr .three-col .column-full-width .card-featured-post.have-icon > a {aspect-ratio: 1170/220;}.three-col .column-full-width .card-featured-post__icon {right: 32px;max-width: 399px;}
</style>

    <div class="hbr">
        <span class="hbr-leadspace-bg-image" style="background-image: url(images/leadspace-bg.jpg);">
        </span>
        <figure class="hbr-path-animation md-up-display">
            <svg xmlns="http://www.w3.org/2000/svg"   viewBox="0 0 1440 722" fill="none">
                <filter id="glow">
                    <feGaussianBlur in="SourceGraphic" stdDeviation="2" result="blur" />
                    <feFlood flood-color="#fff" result="glowColor" />
                    <feComposite in="glowColor" in2="blur" operator="in" result="glow" />
                    <feMerge>
                        <feMergeNode in="glow" />
                        <feMergeNode in="SourceGraphic" />
                    </feMerge>
                </filter>
                <path filter="url(#glow)" class="path-1" d="M-81.8701 625.726L365 388.5" stroke="#8AEAD4" stroke-width="0.5" stroke-linecap="round"/>
                <path filter="url(#glow)" class="path-2" d="M838 373L956.994 302.09L1115.41 292.746L1336 339.5L1501.5 369.5" stroke="#8AEAD4" stroke-width="0.5" stroke-linecap="round"/>
                <path filter="url(#glow)" class="path-3" d="M1267 476.5L1335.5 339L1493 256.5" stroke="#8AEAD4" stroke-width="0.5" stroke-linecap="round"/>
                <path filter="url(#glow)" class="path-4" d="M941.703 379.389L1098.85 334.793L1115.5 292.5" stroke="#8AEAD4" stroke-width="0.5" stroke-linecap="round"/>
                <path filter="url(#glow)" class="path-5" d="M1099 334.5L1335.84 339.04" stroke="#8AEAD4" stroke-width="0.5" stroke-linecap="round"/>
                <path filter="url(#glow)" class="path-6" d="M1099 334.5L1267 476.5" stroke="#8AEAD4" stroke-width="0.5" stroke-linecap="round"/>
                <path filter="url(#glow)" class="path-7" d="M1315.5 286.5L1335 339" stroke="#8AEAD4" stroke-width="0.5" stroke-linecap="round"/>
                <path filter="url(#glow)" class="path-8" d="M-88 721L675 622.5" stroke="#8AEAD4" stroke-width="0.5" stroke-linecap="round"/>
                <path filter="url(#glow)" class="path-9" d="M-204.188 454.139L18 383" stroke="#8AEAD4" stroke-width="0.5" stroke-linecap="round"/>
                <path filter="url(#glow)" class="path-10" d="M-212.259 404.872L17.939 382.786" stroke="#8AEAD4" stroke-width="0.5" stroke-linecap="round"/>
                <path filter="url(#glow)" class="path-11" d="M-124.342 627L17.9391 383.636L365.359 388.308L641.427 341.164L975.256 476.649H1267.04L1492.99 600.667" stroke="#8AEAD4" stroke-width="0.5" stroke-linecap="round"/>
                <path filter="url(#glow)" class="path-12" d="M17.9395 382.786L273.62 299.117L475 369.5L723.398 342.863L838 373L946.8 380.238L1267 476.5" stroke="#8AEAD4" stroke-width="0.5" stroke-linecap="round"/>
                <path filter="url(#glow)" class="path-13" d="M1496 602L975 476.5" stroke="#8AEAD4" stroke-width="0.5" stroke-linecap="round"/>
                <path filter="url(#glow)" class="path-14" d="M674.979 622.328L975.5 476.5" stroke="#8AEAD4" stroke-width="0.5" stroke-linecap="round"/>
                <path filter="url(#glow)" class="path-15" d="M365 388.5L675 622.5" stroke="#8AEAD4" stroke-width="0.5" stroke-linecap="round"/>
                <path filter="url(#glow)" class="path-16" d="M-225 405.721L-84.8427 376.416L84.6202 331.82L273.5 299" stroke="#8AEAD4" stroke-width="0.5" stroke-linecap="round"/>
                <path filter="url(#glow)" class="path-17" d="M641.427 340.739L273.5 299" stroke="#8AEAD4" stroke-width="0.5" stroke-linecap="round"/>
                <path filter="url(#glow)" class="path-18" d="M641.002 340.739L723.5 342.5L802.82 291.896H865.254L984.175 257.494L1115.5 292.5" stroke="#8AEAD4" stroke-width="0.5" stroke-linecap="round"/>
                <path filter="url(#glow)" class="path-19" d="M802.82 292.321L838 373" stroke="#8AEAD4" stroke-width="0.5" stroke-linecap="round"/>
                <path filter="url(#glow)" class="path-20" d="M866.953 292.321L838 373" stroke="#8AEAD4" stroke-width="0.5" stroke-linecap="round"/>
                <path filter="url(#glow)" class="path-21" d="M957 302L984.175 257.494" stroke="#8AEAD4" stroke-width="0.5" stroke-linecap="round"/>
                <path filter="url(#glow)" class="path-22" d="M1115.5 292.5L1220.74 268.112M1220.74 268.112L1315.46 286.375L1493.5 256.5L1220.74 268.112Z" stroke="#8AEAD4" stroke-width="0.5" stroke-linecap="round"/>
                <path class="path-23" d="M956 304L956 -26" stroke="url(#paint0_linear_546_1356)" stroke-width="0.5"/>
                <path class="path-24" d="M1099 335L1099 -145" stroke="url(#paint1_linear_546_1356)" stroke-width="0.5"/>
                <path class="path-25" d="M984 256L984 101" stroke="url(#paint2_linear_546_1356)" stroke-width="0.5"/>
                <path class="path-26" d="M868 292L868 47" stroke="url(#paint3_linear_546_1356)" stroke-width="0.5"/>
                <path class="path-27" d="M803 292L803 -122" stroke="url(#paint4_linear_546_1356)" stroke-width="0.5"/>
                <path class="path-28" d="M723 343L723 40" stroke="url(#paint5_linear_546_1356)" stroke-width="0.5"/>
                <path class="path-29" d="M838 372L838 143" stroke="url(#paint6_linear_546_1356)" stroke-width="0.5"/>
                <circle class="circle-1" cx="868.244" cy="290.5" r="4.5" fill="#00FFC5"/>
                <circle class="circle-2" cx="1334.24" cy="338.5" r="1.5" fill="#00FFC5"/>
                <circle class="circle-3" cx="837.5" cy="372.5" r="3.5" fill="#00FFC5"/>
                <circle class="circle-4" cx="802.244" cy="292.5" r="2.5" fill="#00FFC5"/>
                <circle class="circle-5" cx="983.314" cy="257.57" r="3.56966" fill="#00FFC5"/>
                <circle class="circle-6" cx="956.244" cy="301.5" r="2.5" fill="#00FFC5"/>
                <circle class="circle-7" cx="975.244" cy="477.5" r="7.5" fill="#00FFC5"/>
                <circle class="circle-8" cx="1316.57" cy="285.57" r="3.56966" fill="#00FFC5"/>
                <circle class="circle-9" cx="1266.57" cy="476.574" r="3.56966" fill="#00FFC5"/>
                <defs>
                <linearGradient id="paint0_linear_546_1356" x1="955.5" y1="304" x2="955.5" y2="-26" gradientUnits="userSpaceOnUse">
                <stop offset="0.5" stop-color="#6ADCBF"/>
                <stop offset="1" stop-color="#8AEAD4" stop-opacity="0"/>
                </linearGradient>
                <linearGradient id="paint1_linear_546_1356" x1="1098.5" y1="335" x2="1098.5" y2="-145" gradientUnits="userSpaceOnUse">
                <stop offset="0.5" stop-color="#6ADCBF"/>
                <stop offset="1" stop-color="#8AEAD4" stop-opacity="0"/>
                </linearGradient>
                <linearGradient id="paint2_linear_546_1356" x1="983.5" y1="256" x2="983.5" y2="101" gradientUnits="userSpaceOnUse">
                <stop offset="0.5" stop-color="#6ADCBF"/>
                <stop offset="1" stop-color="#8AEAD4" stop-opacity="0"/>
                </linearGradient>
                <linearGradient id="paint3_linear_546_1356" x1="867.5" y1="292" x2="867.5" y2="47" gradientUnits="userSpaceOnUse">
                <stop offset="0.5" stop-color="#6ADCBF"/>
                <stop offset="1" stop-color="#8AEAD4" stop-opacity="0"/>
                </linearGradient>
                <linearGradient id="paint4_linear_546_1356" x1="802.5" y1="292" x2="802.5" y2="-122" gradientUnits="userSpaceOnUse">
                <stop offset="0.5" stop-color="#6ADCBF"/>
                <stop offset="1" stop-color="#8AEAD4" stop-opacity="0"/>
                </linearGradient>
                <linearGradient id="paint5_linear_546_1356" x1="722.5" y1="343" x2="722.5" y2="40" gradientUnits="userSpaceOnUse">
                <stop offset="0.5" stop-color="#6ADCBF"/>
                <stop offset="1" stop-color="#8AEAD4" stop-opacity="0"/>
                </linearGradient>
                <linearGradient id="paint6_linear_546_1356" x1="837.5" y1="372" x2="837.5" y2="143" gradientUnits="userSpaceOnUse">
                <stop offset="0.5" stop-color="#6ADCBF"/>
                <stop offset="1" stop-color="#8AEAD4" stop-opacity="0"/>
                </linearGradient>
                </defs>
                </svg>
        </figure> 

        <figure class="hbr-path-animation mobile-display">
            <svg xmlns="http://www.w3.org/2000/svg"   viewBox="0 0 1440 722" fill="none">
                
                <path class="path-1" d="M-81.8701 625.726L365 388.5" stroke="#8AEAD4" stroke-width="0.5" stroke-linecap="round"/>
                <path class="path-2" d="M838 373L956.994 302.09L1115.41 292.746L1336 339.5L1501.5 369.5" stroke="#8AEAD4" stroke-width="0.5" stroke-linecap="round"/>
                <path class="path-3" d="M1267 476.5L1335.5 339L1493 256.5" stroke="#8AEAD4" stroke-width="0.5" stroke-linecap="round"/>
                <path class="path-4" d="M941.703 379.389L1098.85 334.793L1115.5 292.5" stroke="#8AEAD4" stroke-width="0.5" stroke-linecap="round"/>
                <path class="path-5" d="M1099 334.5L1335.84 339.04" stroke="#8AEAD4" stroke-width="0.5" stroke-linecap="round"/>
                <path class="path-6" d="M1099 334.5L1267 476.5" stroke="#8AEAD4" stroke-width="0.5" stroke-linecap="round"/>
                <path class="path-7" d="M1315.5 286.5L1335 339" stroke="#8AEAD4" stroke-width="0.5" stroke-linecap="round"/>
                <path class="path-8" d="M-88 721L675 622.5" stroke="#8AEAD4" stroke-width="0.5" stroke-linecap="round"/>
                <path class="path-9" d="M-204.188 454.139L18 383" stroke="#8AEAD4" stroke-width="0.5" stroke-linecap="round"/>
                <path class="path-10" d="M-212.259 404.872L17.939 382.786" stroke="#8AEAD4" stroke-width="0.5" stroke-linecap="round"/>
                <path class="path-11" d="M-124.342 627L17.9391 383.636L365.359 388.308L641.427 341.164L975.256 476.649H1267.04L1492.99 600.667" stroke="#8AEAD4" stroke-width="0.5" stroke-linecap="round"/>
                <path class="path-12" d="M17.9395 382.786L273.62 299.117L475 369.5L723.398 342.863L838 373L946.8 380.238L1267 476.5" stroke="#8AEAD4" stroke-width="0.5" stroke-linecap="round"/>
                <path class="path-13" d="M1496 602L975 476.5" stroke="#8AEAD4" stroke-width="0.5" stroke-linecap="round"/>
                <path class="path-14" d="M674.979 622.328L975.5 476.5" stroke="#8AEAD4" stroke-width="0.5" stroke-linecap="round"/>
                <path class="path-15" d="M365 388.5L675 622.5" stroke="#8AEAD4" stroke-width="0.5" stroke-linecap="round"/>
                <path class="path-16" d="M-225 405.721L-84.8427 376.416L84.6202 331.82L273.5 299" stroke="#8AEAD4" stroke-width="0.5" stroke-linecap="round"/>
                <path class="path-17" d="M641.427 340.739L273.5 299" stroke="#8AEAD4" stroke-width="0.5" stroke-linecap="round"/>
                <path class="path-18" d="M641.002 340.739L723.5 342.5L802.82 291.896H865.254L984.175 257.494L1115.5 292.5" stroke="#8AEAD4" stroke-width="0.5" stroke-linecap="round"/>
                <path class="path-19" d="M802.82 292.321L838 373" stroke="#8AEAD4" stroke-width="0.5" stroke-linecap="round"/>
                <path class="path-20" d="M866.953 292.321L838 373" stroke="#8AEAD4" stroke-width="0.5" stroke-linecap="round"/>
                <path class="path-21" d="M957 302L984.175 257.494" stroke="#8AEAD4" stroke-width="0.5" stroke-linecap="round"/>
                <path class="path-22" d="M1115.5 292.5L1220.74 268.112M1220.74 268.112L1315.46 286.375L1493.5 256.5L1220.74 268.112Z" stroke="#8AEAD4" stroke-width="0.5" stroke-linecap="round"/>
                <path class="path-23" d="M956 304L956 -26" stroke="url(#paint0_linear_546_1356)" stroke-width="0.5"/>
                <path class="path-24" d="M1099 335L1099 -145" stroke="url(#paint1_linear_546_1356)" stroke-width="0.5"/>
                <path class="path-25" d="M984 256L984 101" stroke="url(#paint2_linear_546_1356)" stroke-width="0.5"/>
                <path class="path-26" d="M868 292L868 47" stroke="url(#paint3_linear_546_1356)" stroke-width="0.5"/>
                <path class="path-27" d="M803 292L803 -122" stroke="url(#paint4_linear_546_1356)" stroke-width="0.5"/>
                <path class="path-28" d="M723 343L723 40" stroke="url(#paint5_linear_546_1356)" stroke-width="0.5"/>
                <path class="path-29" d="M838 372L838 143" stroke="url(#paint6_linear_546_1356)" stroke-width="0.5"/>
                <circle class="circle-1" cx="868.244" cy="290.5" r="4.5" fill="#00FFC5"/>
                <circle class="circle-2" cx="1334.24" cy="338.5" r="1.5" fill="#00FFC5"/>
                <circle class="circle-3" cx="837.5" cy="372.5" r="3.5" fill="#00FFC5"/>
                <circle class="circle-4" cx="802.244" cy="292.5" r="2.5" fill="#00FFC5"/>
                <circle class="circle-5" cx="983.314" cy="257.57" r="3.56966" fill="#00FFC5"/>
                <circle class="circle-6" cx="956.244" cy="301.5" r="2.5" fill="#00FFC5"/>
                <circle class="circle-7" cx="975.244" cy="477.5" r="7.5" fill="#00FFC5"/>
                <circle class="circle-8" cx="1316.57" cy="285.57" r="3.56966" fill="#00FFC5"/>
                <circle class="circle-9" cx="1266.57" cy="476.574" r="3.56966" fill="#00FFC5"/>
                <defs>
                <linearGradient id="paint0_linear_546_1356" x1="955.5" y1="304" x2="955.5" y2="-26" gradientUnits="userSpaceOnUse">
                <stop offset="0.5" stop-color="#6ADCBF"/>
                <stop offset="1" stop-color="#8AEAD4" stop-opacity="0"/>
                </linearGradient>
                <linearGradient id="paint1_linear_546_1356" x1="1098.5" y1="335" x2="1098.5" y2="-145" gradientUnits="userSpaceOnUse">
                <stop offset="0.5" stop-color="#6ADCBF"/>
                <stop offset="1" stop-color="#8AEAD4" stop-opacity="0"/>
                </linearGradient>
                <linearGradient id="paint2_linear_546_1356" x1="983.5" y1="256" x2="983.5" y2="101" gradientUnits="userSpaceOnUse">
                <stop offset="0.5" stop-color="#6ADCBF"/>
                <stop offset="1" stop-color="#8AEAD4" stop-opacity="0"/>
                </linearGradient>
                <linearGradient id="paint3_linear_546_1356" x1="867.5" y1="292" x2="867.5" y2="47" gradientUnits="userSpaceOnUse">
                <stop offset="0.5" stop-color="#6ADCBF"/>
                <stop offset="1" stop-color="#8AEAD4" stop-opacity="0"/>
                </linearGradient>
                <linearGradient id="paint4_linear_546_1356" x1="802.5" y1="292" x2="802.5" y2="-122" gradientUnits="userSpaceOnUse">
                <stop offset="0.5" stop-color="#6ADCBF"/>
                <stop offset="1" stop-color="#8AEAD4" stop-opacity="0"/>
                </linearGradient>
                <linearGradient id="paint5_linear_546_1356" x1="722.5" y1="343" x2="722.5" y2="40" gradientUnits="userSpaceOnUse">
                <stop offset="0.5" stop-color="#6ADCBF"/>
                <stop offset="1" stop-color="#8AEAD4" stop-opacity="0"/>
                </linearGradient>
                <linearGradient id="paint6_linear_546_1356" x1="837.5" y1="372" x2="837.5" y2="143" gradientUnits="userSpaceOnUse">
                <stop offset="0.5" stop-color="#6ADCBF"/>
                <stop offset="1" stop-color="#8AEAD4" stop-opacity="0"/>
                </linearGradient>
                </defs>
                </svg>
        </figure>

        <!-- HBR Sub Nav Menu -->
        <nav class="hbr-sub-navigation font-72">
            <div class="container">
                <div class="hbr-sub-navigation__inner">
                    <div class="hbr-sub-navigation__logo">
                        <img src="images/sponsor-logo.png" alt="Sponsor Logo">
                    </div>
                    <div class="hbr-sub-navigation__links">
                        <ul>
                            <li>
                                <a href="#cloud">
                                    CLOUD ERP
                                </a>
                            </li>
                            <li>
                                <a href="#human">
                                    HUMAN RESOURCES
                                </a>
                            </li>
                            <li>
                                <a href="#procurement">
                                    PROCUREMENT
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </nav>
        <!-- /HBR Sub Nav Menu -->
        
         <!-- /HBR Leadspace  -->
         <section class="hbr-leadspace hbr-section-top-overlay " >            
            <div class="hbr-leadspace-top-content">
                <div class="container">
                    <div class="hbr-leadspace--eyebrow">
                        <span>Solutions for Midsize Companies:</span>
                    </div>
                    <div class="hbr-leadspace--title">
                        <h1>Be Ready for Every Opportunity</h1>                   
                    </div>                              
                </div>
            </div> 
            <div class="hbr-leadspace-bottom-content ">
                <div class="container">
                    <div class="hbr-image-card-with-text__inner reverese-direction">                        
                        <div class="column-left intersection-opacity">
                            <div class="message-cards">
                                <span class="message-title">A MESSAGE FROM OUR SPONSOR</span>
                            <p>Growth-focused companies continue to evolve and mature, requiring flexible technologies to adapt and thrive. With cloud ERP from SAP, your business can adapt faster, seize opportunities, scale smarter, and grow more sustainably.</p>
                            <a href="https://ad.doubleclick.net/ddm/trackclk/N69702.124507HBRHARVARDBUSINESSR/B29173838.378657111;dc_trk_aid=569420100;dc_trk_cid=201541354;dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;tfua=;ltd=;dc_tdv=1" class="card-sponsored__btn card-sponsored__btn--blue">
                                <span class="card-sponsored__btn--text">
                                    Learn more
                                </span>
                                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
                                    <circle cx="16" cy="16" r="16" fill="#6ADCBF"></circle>
                                    <path d="M14.0707 11.1286L17.7019 14.7598H9.19922V17.2404H17.7019L14.0707 20.8716L15.9992 22.8001L22.7992 16.0001L15.9992 9.20007L14.0707 11.1286Z" fill="black"></path>
                                </svg>
                            </a>               
                        </div>
                        </div>     
                        <div class="column-right intersection-opacity">
                            <article class="card-featured-post have-overlay ">
                                <a href="https://hbr.org/sponsored/2023/09/video-quick-take-saps-david-hamilton-on-disruption-growth-and-the-role-of-technology-in-midsize-companies">
                                    <picture class="card-featured-post__thumbnail">
                                        <source srcset="images/leadspace-message-desk.jpg" media="(min-width: 768px) ">
                                        <img src="images/leadspace-message-mob.jpg" alt="Featured Image 2">
                                    </picture>
                                    <span class="play-icon">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="91" height="91" viewBox="0 0 91 91" fill="none">
                                            <circle cx="45.5" cy="45.5" r="45.5" fill="#4192F6"></circle>
                                            <path d="M39.2957 56.0193V34.9807C39.2957 33.3404 41.1615 32.3976 42.4821 33.3706L56.7582 43.8899C57.843 44.6892 57.843 46.3108 56.7582 47.1101L42.4821 57.6294C41.1615 58.6024 39.2957 57.6596 39.2957 56.0193Z" fill="white"></path>
                                        </svg>
                                    </span>
                                    <div class="card-featured-post__content">
                                        <ul class="card-featured-post__meta">
                                            <li>
                                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                                                    <path d="M10.5 4C10.5 2.61929 9.38071 1.5 8 1.5C6.61929 1.5 5.5 2.61929 5.5 4V8C5.5 9.38071 6.61929 10.5 8 10.5C9.38071 10.5 10.5 9.38071 10.5 8V4Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path>
                                                    <path d="M8 12.5V14.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path>
                                                    <path d="M12.5 8C12.5 9.19347 12.0259 10.3381 11.182 11.182C10.3381 12.0259 9.19347 12.5 8 12.5C6.80653 12.5 5.66193 12.0259 4.81802 11.182C3.97411 10.3381 3.5 9.19347 3.5 8" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path>
                                                </svg>
                                                Midmarket
                                            </li>
                                            <li>
                                                SEP 28, 2023
                                            </li>
                                        </ul>
                                        <h3>
                                            Disruption, Growth, and the Role of Technology in Midsize Companies
                                        </h3>
                                        <p>
                                            with David Hamilton, Chief Marketing Officer, SAP Concur
                                        </p>
                                    </div>
                                </a>
                            </article>
                        </div>                   
                    </div>
                </div>
            </div>              
        </section>
        
        
        <!-- /HBR Leadspace  -->

         <!-- /section cloud  -->
        <section class="hbr-sap-section hbr-dark-overlay bottom-section " id="cloud">
           <!-- HBR Image Text Module -->
           <div class="hbr-image-text-module">
            <div class="container">
                <div class="hbr-image-text-module__inner">
                    <picture class="thumbnail-img intersection-opacity">
                        <source srcset="images/text-module-thumbnail-1-desk.jpg" media="(min-width: 768px) ">
                        <img src="images/text-module-thumbnail-1-mob.jpg" alt="Image Text Module Thumbnail">
                    </picture>
                    <div class="content intersection-opacity">
                        <div class="content-inner-wrap">                            
                            <h2>
                                <div class="word"><span class="">Cloud </span></div> 
                                <div class="word"><span class="">ERP</span></div> 
                            </h2>
                            <p>
                                Using  a unified, cloud-based ERP platform that reflects real-time financial, supply chain, and workforce planning data as a single source of truth, organizations can better predict and respond to market changes to gain a competitive edge.
                            </p>
                            <a href="https://ad.doubleclick.net/ddm/trackclk/N69702.124507HBRHARVARDBUSINESSR/B29173838.378414883;dc_trk_aid=569416569;dc_trk_cid=201541354;dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;tfua=;ltd=;dc_tdv=1" class="card-sponsored__btn card-sponsored__btn--blue">
                                <span class="card-sponsored__btn--text">
                                    Learn more
                                </span>                                    
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- /HBR Image Text Module --> 

        <!-- HBR Image Card with Text Module -->
        <div class="hbr-image-card-with-text">
            <div class="container">
                <div class="hbr-image-card-with-text__inner">                        
                    <div class="column-right intersection-opacity">
                        <article class="card-featured-post have-overlay">
                            <a href="https://hbr.org/sponsored/2023/09/video-quick-take-what-finance-leaders-at-midsize-firms-need-to-succeed">
                                <picture class="card-featured-post__thumbnail">
                                    <source srcset="images/featured-post-image-1-desk.jpg" media="(min-width: 768px) " />
                                    <img src="images/featured-post-image-1-mob.jpg" alt="Featured Image 1">
                                </picture>
                                <span class="play-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="91" height="91" viewBox="0 0 91 91" fill="none">
                                        <circle cx="45.5" cy="45.5" r="45.5" fill="#4192F6"/>
                                        <path d="M39.2957 56.0193V34.9807C39.2957 33.3404 41.1615 32.3976 42.4821 33.3706L56.7582 43.8899C57.843 44.6892 57.843 46.3108 56.7582 47.1101L42.4821 57.6294C41.1615 58.6024 39.2957 57.6596 39.2957 56.0193Z" fill="white"/>
                                    </svg>
                                </span>
                                <div class="card-featured-post__content">
                                    <ul class="card-featured-post__meta">
                                        <li>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                                                <path d="M10.5 4C10.5 2.61929 9.38071 1.5 8 1.5C6.61929 1.5 5.5 2.61929 5.5 4V8C5.5 9.38071 6.61929 10.5 8 10.5C9.38071 10.5 10.5 9.38071 10.5 8V4Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
                                                <path d="M8 12.5V14.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
                                                <path d="M12.5 8C12.5 9.19347 12.0259 10.3381 11.182 11.182C10.3381 12.0259 9.19347 12.5 8 12.5C6.80653 12.5 5.66193 12.0259 4.81802 11.182C3.97411 10.3381 3.5 9.19347 3.5 8" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
                                            </svg>
                                            Cloud ERP
                                        </li>
                                        <li>
                                            Sep 19, 2023
                                        </li>
                                    </ul>
                                    <h3>
                                        What Finance Leaders at Midsized Firms Need to Succeed
                                    </h3>
                                    <p>
                                        with Eric van Rossum, Chief Marketing and Solutions Officer, SAP Cloud ERP
                                    </p>
                                </div>
                            </a>
                        </article>
                    </div>
                    <div class="column-left intersection-opacity">
                        <article class="card-featured-post have-overlay">
                            <a href="https://hbr.org/sponsored/2023/09/why-a-single-source-of-truth-belongs-at-the-heart-of-a-midsize-finance-strategy">
                                <picture class="card-featured-post__thumbnail">
                                    <source srcset="images/text-module-thumbnail-desk-1.jpg" media="(min-width: 768px) " />
                                    <img src="images/text-module-thumbnail-mob-1.jpg" alt="Featured Image 2">
                                </picture>                                    
                                <div class="card-featured-post__content">
                                    <ul class="card-featured-post__meta">
                                        <li>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                                                <path d="M10.5 4C10.5 2.61929 9.38071 1.5 8 1.5C6.61929 1.5 5.5 2.61929 5.5 4V8C5.5 9.38071 6.61929 10.5 8 10.5C9.38071 10.5 10.5 9.38071 10.5 8V4Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
                                                <path d="M8 12.5V14.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
                                                <path d="M12.5 8C12.5 9.19347 12.0259 10.3381 11.182 11.182C10.3381 12.0259 9.19347 12.5 8 12.5C6.80653 12.5 5.66193 12.0259 4.81802 11.182C3.97411 10.3381 3.5 9.19347 3.5 8" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
                                            </svg>
                                            Cloud ERP
                                        </li>
                                        <li>
                                            SEP 19, 2023
                                        </li>
                                    </ul>
                                    <h3>
                                        Why a Single Source of Truth Belongs at the Heart of a Midsize Finance Strategy
                                    </h3>
                                    <p>
                                        CFOs today feel monumental pressure to lead their midsize organizations with financial strategy while they…
                                    </p>
                                </div>
                            </a>
                        </article>
                    </div>
                </div>
            </div>
        </div>
        <!-- /HBR Image Card with Text Module -->


            <!-- HBR Text Module Sponsored -->
            <div class="hbr-text-module-sponsored">
                <div class="container">
                    <div class="hbr-text-module-sponsored__inner three-col">
                        <div class="column-left-one intersection-opacity">
                            <a href="https://ad.doubleclick.net/ddm/trackclk/N69702.124507HBRHARVARDBUSINESSR/B29173838.378657387;dc_trk_aid=569420172;dc_trk_cid=201541354;dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;tfua=;ltd=;dc_tdv=1">
                            <picture class="hbr-text-module-sponsored__thumbnail">
                                <source srcset="images/sap-tip-desk-3.jpg" media="(min-width: 768px) " />
                                <img src="images/sap-tip-mob-3.jpg" alt="Sponsored Thumbnail 1">
                            </picture>
                        </a>
                        </div>
                        <div class="column-middle-two intersection-opacity">
                            <article class="card-featured-post bg-blue have-icon">
                                <a href="https://hbr.org/resources/pdfs/comm/SAP-ICSummary.pdf">
                                    <figure class="card-featured-post__icon">
                                        <img src="images/icon 2.png" alt="Featured Image 1">
                                    </figure>
                                    <div class="card-featured-post__content">
                                        <ul class="card-featured-post__meta">
                                            <li class="have-heading">
                                                managing change:                                                
                                            </li>
                                            <li>
                                                
                                            </li>
                                        </ul>
                                        <h3>Strategies for
                                            Transformation at Midsize
                                            Companies and Beyond
                                        </h3>                                        
                                    </div>
                                </a>
                            </article>
                        </div>
                        <div class="column-middle-three intersection-opacity">
                            <article class="card-featured-post bg-dark-blue have-icon">
                                <a href="https://hbr.org/resources/pdfs/comm/SAP_Leveraging_New_Tech_to_Boost_Supply_Chain_Resilience.pdf">
                                    <figure class="card-featured-post__icon">
                                        <img src="images/icon 2.png" alt="Featured Image 1">
                                    </figure>
                                    <div class="card-featured-post__content">
                                        <ul class="card-featured-post__meta">
                                            <li>
                                                <svg xmlns="http://www.w3.org/2000/svg" width="13" height="16" viewBox="0 0 13 16" fill="none">
                                                    <path d="M12 11.7924L9.04506 15H2.66652C1.74668 15 1 14.2213 1 13.262V2.73799C1 1.7787 1.74668 1 2.66652 1H10.3335C11.2533 1 12 1.7787 12 2.73799V11.7924Z" stroke="white" stroke-miterlimit="10"/>
                                                    <path d="M12 12H9V15" stroke="white" stroke-miterlimit="10"/>
                                                    <path d="M3 4H10" stroke="white" stroke-miterlimit="10"/>
                                                    <path d="M3 6H10" stroke="white" stroke-miterlimit="10"/>
                                                    <path d="M3 8H10" stroke="white" stroke-miterlimit="10"/>
                                                  </svg>
                                                Cloud ERP
                                            </li>
                                            <li>
                                                SEP 26, 2023
                                            </li>
                                        </ul>
                                        <h3>
                                            Leveraging New Tech
                                            to Boost Supply Chain
                                            Resilience
                                        </h3>                                        
                                    </div>
                                </a>
                            </article>
                        </div>                     
                        <!-- <div class="column-left">
                            <picture class="hbr-text-module-sponsored__thumbnail">
                                <source srcset="images/sap-tip-desk.svg" media="(min-width: 768px) " />
                                <img src="images/sap-tip-mob.svg" alt="Sponsored Thumbnail 1">
                            </picture>
                        </div> -->
                        <!-- <div class="column-right">
                            <article class="card-sponsored">
                                    <picture class="card-sponsored__thumbnail">
                                        <source srcset="images/sp-thumb-2-reverse.webp" media="(min-width: 768px) " />
                                        <img src="images/sp-thumb-2-reverse-mob.jpg" alt="Sponsored Thumbnail 2 Reverse">
                                    </picture>
                                <div class="card-sponsored__content">
                                    <h3>
                                        Insights Center
                                    </h3>
                                    <p>
                                        Learn more about the mid-market sponsorship (or download the PDF)
                                    </p>
                                    <a href="#" class="card-sponsored__btn">
                                        <span class="card-sponsored__btn--text">
                                            Learn more
                                        </span>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
                                            <circle cx="16" cy="16" r="16" fill="#6ADCBF"/>
                                            <path d="M14.0707 11.1286L17.7019 14.7598H9.19922V17.2404H17.7019L14.0707 20.8716L15.9992 22.8001L22.7992 16.0001L15.9992 9.20007L14.0707 11.1286Z" fill="black"/>
                                        </svg>
                                    </a>
                                </div>
                            </article>
                        </div> -->
                    </div>
                </div>
            </div>
            <!-- <div class="hbr-text-module-sponsored intersection-opacity">
                <div class="container">
                    <div class="hbr-text-module-sponsored__inner">
                        <div class="column-left">
                            <picture class="hbr-text-module-sponsored__thumbnail">
                                <source srcset="images/sp-thumb-1.webp" media="(min-width: 768px) " />
                                <img src="images/sp-thumb-1-mob.jpg" alt="Sponsored Thumbnail 1">
                            </picture>
                        </div>
                        <div class="column-right">
                            <article class="card-sponsored">
                                <picture class="card-sponsored__thumbnail">
                                    <source srcset="images/sp-thumb-2-desk.webp" media="(min-width: 1024px)" />
                                    <source srcset="images/sp-thumb-2-tab.jpg" media="(min-width: 768px) " />
                                    <img src="images/sp-thumb-2-mob.jpg" alt="Sponsored Thumbnail 2">
                                </picture>
                                <div class="card-sponsored__content">
                                    <h3>
                                        Insights Center
                                    </h3>
                                    <p>
                                        Learn more about the mid-market sponsorship (or download the PDF)
                                    </p>
                                    <a href="#" class="card-sponsored__btn">
                                        <span class="card-sponsored__btn--text">
                                            Learn more
                                        </span>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
                                            <circle cx="16" cy="16" r="16" fill="#6ADCBF"/>
                                            <path d="M14.0707 11.1286L17.7019 14.7598H9.19922V17.2404H17.7019L14.0707 20.8716L15.9992 22.8001L22.7992 16.0001L15.9992 9.20007L14.0707 11.1286Z" fill="black"/>
                                        </svg>
                                    </a>
                                </div>
                            </article>
                        </div>
                    </div>
                </div>
            </div> -->
            <!-- /HBR Text Module Sponsored -->

            <!-- HBR Full Background Banner Variation -->
            <!-- <div class="full-bg-banner with-bg-inside intersection-opacity">
                <div class="container">
                    <div class="full-bg-banner-wrapper">
                        <div class="full-bg-banner-title">
                            <h2>Adopt Cloud ERP With Speed</h2>
                        </div>
                        <div class="full-bg-banner-cta">
                            <a href="#" class="btn btn-green with-arrow">
                                <span class="btn-text">GROW with SAP</span>
                                <span class="icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" fill="none">
                                    <path d="M2.796 1.25429L12.6955 1.25428M12.6955 1.25428L12.6955 11.1538M12.6955 1.25428L1.94979 12" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                    </svg>
                                </span>
                                <span class="icon-mobile">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
                                        <circle cx="16" cy="16" r="16" fill="#6ADCBF"/>
                                        <path d="M11.1911 13.919L16.3264 13.919L10.3141 19.9313L12.0682 21.6854L18.0805 15.673L18.0805 20.8083H20.8078V11.1917H11.1911V13.919Z" fill="black"/>
                                    </svg>
                                </span>
                            </a>
                        </div>
                    </div>
                </div>            
            </div>      -->
            <!-- HBR Full Background Banner Variation -->
        </section> 
        <!-- /section cloud  -->

        <!-- /HBR ADS -->
        <section class="ads ">
            <div class="container">
                <div class="ads-conternt"></div>
            </div>
        </section>
         <!-- /HBR ADS -->

         <!-- /section human  -->
        <section class="hbr-sap-section hbr-dark-overlay bottom-section top-overlay" id="human">
            <!-- /HBR Image Text Module reverse variation --> 
            <div class="hbr-image-text-module">
                <div class="container">
                    <div class="hbr-image-text-module__inner reverese-direction">
                        <picture class="thumbnail-img intersection-opacity">
                            <source srcset="images/text-module-thumbnail-2-desk.jpg" media="(min-width: 768px) ">
                            <img src="images/text-module-thumbnail-2-mobile.jpg" alt="Image Text Module Thumbnail">
                        </picture>
                        <div class="content intersection-opacity">
                            <div class="content-inner-wrap">                            
                                <h2>
                                    <div class="word"><span class="">Human</span></div> 
                                    <div class="word"><span class="">Experience </span></div>
                                    <div class="word"><span class="">Management</span></div>
                                </h2>
                                <p>
                                    Human Experience tools that meet your organization's needs as they evolve can help deliver a more meaningful, more engaging work experience that leads to higher productivity and better outcomes.
                                </p>
                                <a href="https://ad.doubleclick.net/ddm/trackclk/N69702.124507HBRHARVARDBUSINESSR/B29173838.378657390;dc_trk_aid=569517682;dc_trk_cid=202222509;dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;tfua=;ltd=;dc_tdv=1" class="card-sponsored__btn card-sponsored__btn--blue">
                                    <span class="card-sponsored__btn--text">
                                        Learn more
                                    </span>                                    
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /HBR Image Text Module --> 

            <!-- HBR Image Card with Text Module -->
            <div class="hbr-image-card-with-text ">
                <div class="container">
                    <div class="hbr-image-card-with-text__inner">                        
                        <div class="column-right intersection-opacity">
                            <article class="card-featured-post have-overlay">
                                <a href="https://hbr.org/sponsored/2023/09/video-quick-take-saps-aaron-green-on-building-the-brightest-talent-pools-in-the-tightest-labor-market">
                                    <picture class="card-featured-post__thumbnail">
                                        <source srcset="images/featured-post-image-2-desktop.jpg" media="(min-width: 768px) " />
                                        <img src="images/featured-post-image-2-mob.jpg" alt="Featured Image 1">
                                    </picture>
                                    <span class="play-icon">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="91" height="91" viewBox="0 0 91 91" fill="none">
                                            <circle cx="45.5" cy="45.5" r="45.5" fill="#4192F6"/>
                                            <path d="M39.2957 56.0193V34.9807C39.2957 33.3404 41.1615 32.3976 42.4821 33.3706L56.7582 43.8899C57.843 44.6892 57.843 46.3108 56.7582 47.1101L42.4821 57.6294C41.1615 58.6024 39.2957 57.6596 39.2957 56.0193Z" fill="white"/>
                                        </svg>
                                    </span>
                                    <div class="card-featured-post__content">
                                        <ul class="card-featured-post__meta">
                                            <li>
                                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                                                    <path d="M10.5 4C10.5 2.61929 9.38071 1.5 8 1.5C6.61929 1.5 5.5 2.61929 5.5 4V8C5.5 9.38071 6.61929 10.5 8 10.5C9.38071 10.5 10.5 9.38071 10.5 8V4Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
                                                    <path d="M8 12.5V14.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
                                                    <path d="M12.5 8C12.5 9.19347 12.0259 10.3381 11.182 11.182C10.3381 12.0259 9.19347 12.5 8 12.5C6.80653 12.5 5.66193 12.0259 4.81802 11.182C3.97411 10.3381 3.5 9.19347 3.5 8" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
                                                </svg>
                                                Human Resources
                                            </li>
                                            <li>
                                                Sep 21, 2023
                                            </li>
                                        </ul>
                                        <h3>
                                            Building the Brightest Talent Pools in the Tightest Labor Markets
                                        </h3>
                                        <p>
                                            with Aaron Green, Chief Marketing & Solutions Officer, SAP SuccessFactors
                                        </p>
                                    </div>
                                </a>
                            </article>
                        </div>
                        <div class="column-left intersection-opacity">
                            <article class="card-featured-post have-overlay">
                                <a href="https://hbr.org/sponsored/2023/09/how-growth-focused-organizations-can-meet-the-needs-of-a-shifting-workforce">
                                    <picture class="card-featured-post__thumbnail">
                                        <source srcset="images/text-module-thumbnail-desk-2-desk.jpg" media="(min-width: 768px) " />
                                        <img src="images/text-module-thumbnail-desk-2-mob.jpg" alt="Featured Image 2">
                                    </picture>                                    
                                    <div class="card-featured-post__content">
                                        <ul class="card-featured-post__meta">
                                            <li>
                                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                                                    <path d="M10.5 4C10.5 2.61929 9.38071 1.5 8 1.5C6.61929 1.5 5.5 2.61929 5.5 4V8C5.5 9.38071 6.61929 10.5 8 10.5C9.38071 10.5 10.5 9.38071 10.5 8V4Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
                                                    <path d="M8 12.5V14.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
                                                    <path d="M12.5 8C12.5 9.19347 12.0259 10.3381 11.182 11.182C10.3381 12.0259 9.19347 12.5 8 12.5C6.80653 12.5 5.66193 12.0259 4.81802 11.182C3.97411 10.3381 3.5 9.19347 3.5 8" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
                                                </svg>
                                                Human Resources
                                            </li>
                                            <li>
                                                SEP 21, 2023
                                            </li>
                                        </ul>
                                        <h3>
                                            How Growth-Focused Organizations Can Meet the Needs of a Shifting Workforce
                                        </h3>
                                        <p>
                                            In today’s competitive landscape, employees are what set organizations apar
                                        </p>
                                    </div>
                                </a>
                            </article>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /HBR Image Card with Text Module -->

            <!-- HBR Text Module Sponsored -->
            <div class="hbr-text-module-sponsored ">
                <div class="container">
                    <div class="hbr-text-module-sponsored__inner two-col">
                        <div class="column-left-one intersection-opacity">
                            <a href="https://ad.doubleclick.net/ddm/trackclk/N69702.124507HBRHARVARDBUSINESSR/B29173838.378414880;dc_trk_aid=569520943;dc_trk_cid=202222509;dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;tfua=;ltd=;dc_tdv=1">
                            <picture class="hbr-text-module-sponsored__thumbnail">
                                <source srcset="images/sap-tip-1-desk.jpg" media="(min-width: 768px) " />
                                <img src="images/sap-tip-1-mob.jpg" alt="Sponsored Thumbnail 1">
                            </picture>
                        </a>
                        </div>
                        <div class="column-middle-two intersection-opacity">
                            <article class="card-featured-post bg-blue have-icon">
                                <a href="https://hbr.org/resources/pdfs/comm/SAP_Why_Its_So_Hard_to_Map Global_Supply_Chains.pdf">
                                    <figure class="card-featured-post__icon">
                                        <img src="images/icon 2.png" alt="Featured Image 1">
                                    </figure>
                                    <div class="card-featured-post__content">
                                        <ul class="card-featured-post__meta">
                                            <li>
                                                <svg xmlns="http://www.w3.org/2000/svg" width="13" height="16" viewBox="0 0 13 16" fill="none">
                                                    <path d="M12 11.4877L9.04506 14.6953H2.66652C1.74668 14.6953 1 13.9166 1 12.9573V2.4333C1 1.47401 1.74668 0.695312 2.66652 0.695312H10.3335C11.2533 0.695312 12 1.47401 12 2.4333V11.4877Z" stroke="white" stroke-miterlimit="10"/>
                                                    <path d="M12 11.6953H9V14.6953" stroke="white" stroke-miterlimit="10"/>
                                                    <path d="M3 3.69531H10" stroke="white" stroke-miterlimit="10"/>
                                                    <path d="M3 5.69531H10" stroke="white" stroke-miterlimit="10"/>
                                                    <path d="M3 7.69531H10" stroke="white" stroke-miterlimit="10"/>
                                                  </svg>
                                                  Human Resources
                                            </li>
                                            <li>
                                                Sep 26, 2023
                                            </li>
                                        </ul>
                                        <h3>
                                            How Smaller Companies Can Bring
                                            Manufacturing Closer to Home
                                        </h3>                                        
                                    </div>
                                </a>
                            </article>
                        </div>                        
                        <!-- <div class="column-left">
                            <picture class="hbr-text-module-sponsored__thumbnail">
                                <source srcset="images/sap-tip-desk.svg" media="(min-width: 768px) " />
                                <img src="images/sap-tip-mob.svg" alt="Sponsored Thumbnail 1">
                            </picture>
                        </div> -->
                        <!-- <div class="column-right">
                            <article class="card-sponsored">
                                    <picture class="card-sponsored__thumbnail">
                                        <source srcset="images/sp-thumb-2-reverse.webp" media="(min-width: 768px) " />
                                        <img src="images/sp-thumb-2-reverse-mob.jpg" alt="Sponsored Thumbnail 2 Reverse">
                                    </picture>
                                <div class="card-sponsored__content">
                                    <h3>
                                        Insights Center
                                    </h3>
                                    <p>
                                        Learn more about the mid-market sponsorship (or download the PDF)
                                    </p>
                                    <a href="#" class="card-sponsored__btn">
                                        <span class="card-sponsored__btn--text">
                                            Learn more
                                        </span>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
                                            <circle cx="16" cy="16" r="16" fill="#6ADCBF"/>
                                            <path d="M14.0707 11.1286L17.7019 14.7598H9.19922V17.2404H17.7019L14.0707 20.8716L15.9992 22.8001L22.7992 16.0001L15.9992 9.20007L14.0707 11.1286Z" fill="black"/>
                                        </svg>
                                    </a>
                                </div>
                            </article>
                        </div> -->
                    </div>
                </div>
            </div>
            <!-- /HBR Text Module Sponsored -->
        </section>
        <!-- /section human  -->

        <!-- /HBR ADS -->
        <section class="ads ">
            <div class="container">
                <div class="ads-conternt"></div>
            </div>
        </section>
         <!-- /HBR ADS -->

         <!-- /section procurement  -->
        <section class="hbr-sap-section hbr-dark-overlay bottom-section top-overlay" id="procurement">
            <!-- HBR Image Text Module -->
            <div class="hbr-image-text-module ">
                <div class="container">
                    <div class="hbr-image-text-module__inner">
                        <picture class="thumbnail-img intersection-opacity">
                            <source srcset="images/text-module-thumbnail-desk.jpg" media="(min-width: 768px) ">
                            <img src="images/text-module-thumbnail-mobile.jpg" alt="Image Text Module Thumbnail">
                        </picture>
                        <div class="content intersection-opacity">
                            <div class="content-inner-wrap">                            
                                <h2>
                                    <div class="word"><span class="">Procurement</span></div> 
                                </h2>
                                <p>
                                    Managing the moving parts of the supply chain ecosystem calls for cloud-based sourcing and procurement technology to help increase data transparency, reduce spending, mitigate risk, and boost resilience.
                                </p>
                                <a href="https://ad.doubleclick.net/ddm/trackclk/N69702.124507HBRHARVARDBUSINESSR/B29173838.378657114;dc_trk_aid=569420037;dc_trk_cid=201544882;dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;tfua=;ltd=;dc_tdv=1" class="card-sponsored__btn card-sponsored__btn--blue">
                                    <span class="card-sponsored__btn--text">
                                        Learn more
                                    </span>                                    
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /HBR Image Text Module --> 

            <!-- HBR Image Card with Text Module -->
            <div class="hbr-image-card-with-text ">
                <div class="container">
                    <div class="hbr-image-card-with-text__inner">                        
                        <div class="column-right intersection-opacity">
                            <article class="card-featured-post have-overlay">
                                <a href="https://hbr.org/sponsored/2023/09/video-quick-take-saps-etosha-thurman-on-mitigating-risk-and-building-resilience-in-supply-chain-and-procurement">
                                    <picture class="card-featured-post__thumbnail">
                                        <source srcset="images/featured-post-image-3-3-desk.jpg" media="(min-width: 768px) " />
                                        <img src="images/featured-post-image-3-3-mob.jpg" alt="Featured Image 1">
                                    </picture>
                                    <span class="play-icon">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="91" height="91" viewBox="0 0 91 91" fill="none">
                                            <circle cx="45.5" cy="45.5" r="45.5" fill="#4192F6"/>
                                            <path d="M39.2957 56.0193V34.9807C39.2957 33.3404 41.1615 32.3976 42.4821 33.3706L56.7582 43.8899C57.843 44.6892 57.843 46.3108 56.7582 47.1101L42.4821 57.6294C41.1615 58.6024 39.2957 57.6596 39.2957 56.0193Z" fill="white"/>
                                        </svg>
                                    </span>
                                    <div class="card-featured-post__content">
                                        <ul class="card-featured-post__meta">
                                            <li>
                                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                                                    <path d="M10.5 4C10.5 2.61929 9.38071 1.5 8 1.5C6.61929 1.5 5.5 2.61929 5.5 4V8C5.5 9.38071 6.61929 10.5 8 10.5C9.38071 10.5 10.5 9.38071 10.5 8V4Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
                                                    <path d="M8 12.5V14.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
                                                    <path d="M12.5 8C12.5 9.19347 12.0259 10.3381 11.182 11.182C10.3381 12.0259 9.19347 12.5 8 12.5C6.80653 12.5 5.66193 12.0259 4.81802 11.182C3.97411 10.3381 3.5 9.19347 3.5 8" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
                                                </svg>
                                                Procurement
                                            </li>
                                            <li>
                                                Sep 26, 2023
                                            </li>
                                        </ul>
                                        <h3>
                                            Mitigating Risk and Building Resillience in Supply Chain and Procurement
                                        </h3>
                                        <p>
                                            with Etosha Thurman, President & Chief Product Officer, Industries & CX/CRM, SAP
                                        </p>
                                    </div>
                                </a>
                            </article>
                        </div>
                        <div class="column-left intersection-opacity">
                            <article class="card-featured-post have-overlay">
                                <a href="https://hbr.org/sponsored/2023/09/keeping-procurement-and-supply-chain-strategy-rooted-in-real-time-and-in-the-real-world">
                                    <picture class="card-featured-post__thumbnail">
                                        <source srcset="images/text-module-thumbnail-desk-3.jpg" media="(min-width: 768px) " />
                                        <img src="images/text-module-thumbnail-desk-3-mob.jpg" alt="Featured Image 2">
                                    </picture>                                    
                                    <div class="card-featured-post__content">
                                        <ul class="card-featured-post__meta">
                                            <li>
                                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                                                    <path d="M10.5 4C10.5 2.61929 9.38071 1.5 8 1.5C6.61929 1.5 5.5 2.61929 5.5 4V8C5.5 9.38071 6.61929 10.5 8 10.5C9.38071 10.5 10.5 9.38071 10.5 8V4Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
                                                    <path d="M8 12.5V14.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
                                                    <path d="M12.5 8C12.5 9.19347 12.0259 10.3381 11.182 11.182C10.3381 12.0259 9.19347 12.5 8 12.5C6.80653 12.5 5.66193 12.0259 4.81802 11.182C3.97411 10.3381 3.5 9.19347 3.5 8" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
                                                </svg>
                                                Procurement
                                            </li>
                                            <li>
                                                SEP 26, 2023
                                            </li>
                                        </ul>
                                        <h3>
                                            Keeping Procurement and Supply Chain Strategy Rooted in Real Time and in the Real World
                                        </h3>
                                        <p>
                                            Inflation, economic instability, materials and
                                            labor shortages 
                                        </p>
                                    </div>
                                </a>
                            </article>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /HBR Image Card with Text Module -->

            <!-- HBR Text Module Sponsored -->
            <div class="hbr-text-module-sponsored ">
                <div class="container">
                    <div class="hbr-text-module-sponsored__inner three-col">
                        <div class="column-left-one intersection-opacity">
                            <a href="https://ad.doubleclick.net/ddm/trackclk/N69702.124507HBRHARVARDBUSINESSR/B29173838.378416101;dc_trk_aid=569352704;dc_trk_cid=201544882;dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;tfua=;ltd=;dc_tdv=1">
                            <picture class="hbr-text-module-sponsored__thumbnail">
                                <source srcset="images/sap-tip-desk.jpg" media="(min-width: 768px) " />
                                <img src="images/sap-tip-mob.jpg" alt="Sponsored Thumbnail 1">
                            </picture>
                        </a>
                        </div>
                        <div class="column-middle-two intersection-opacity">
                            <article class="card-featured-post bg-blue have-icon">
                                <a href="https://hbr.org/resources/pdfs/comm/SAP-ICSummary.pdf">
                                    <figure class="card-featured-post__icon">
                                        <img src="images/icon 2.png" alt="Featured Image 1">
                                    </figure>
                                    <div class="card-featured-post__content">
                                        <ul class="card-featured-post__meta">
                                            <li>
                                                <svg xmlns="http://www.w3.org/2000/svg" width="13" height="16" viewBox="0 0 13 16" fill="none">
                                                    <path d="M12 11.4877L9.04506 14.6953H2.66652C1.74668 14.6953 1 13.9166 1 12.9573V2.4333C1 1.47401 1.74668 0.695312 2.66652 0.695312H10.3335C11.2533 0.695312 12 1.47401 12 2.4333V11.4877Z" stroke="white" stroke-miterlimit="10"/>
                                                    <path d="M12 11.6953H9V14.6953" stroke="white" stroke-miterlimit="10"/>
                                                    <path d="M3 3.69531H10" stroke="white" stroke-miterlimit="10"/>
                                                    <path d="M3 5.69531H10" stroke="white" stroke-miterlimit="10"/>
                                                    <path d="M3 7.69531H10" stroke="white" stroke-miterlimit="10"/>
                                                  </svg>
                                                Procurement
                                            </li>
                                            <li>
                                                Sep 26, 2023
                                            </li>
                                        </ul>
                                        <h3>
                                            Why It's So Hard to Map
                                            Global Supply Chains
                                        </h3>                                        
                                    </div>
                                </a>
                            </article>
                        </div> 
                        <div class="column-middle-two intersection-opacity">
                            <article class="card-featured-post bg-dark-blue have-icon">
                                <a href="https://hbr.org/resources/pdfs/comm/SAP-ICSummary.pdf">
                                    <figure class="card-featured-post__icon">
                                        <img src="images/icon 2.png" alt="Featured Image 1">
                                    </figure>
                                    <div class="card-featured-post__content">
                                        <ul class="card-featured-post__meta">
                                            <li>
                                                <svg xmlns="http://www.w3.org/2000/svg" width="13" height="16" viewBox="0 0 13 16" fill="none">
                                                    <path d="M12 11.4877L9.04506 14.6953H2.66652C1.74668 14.6953 1 13.9166 1 12.9573V2.4333C1 1.47401 1.74668 0.695312 2.66652 0.695312H10.3335C11.2533 0.695312 12 1.47401 12 2.4333V11.4877Z" stroke="white" stroke-miterlimit="10"/>
                                                    <path d="M12 11.6953H9V14.6953" stroke="white" stroke-miterlimit="10"/>
                                                    <path d="M3 3.69531H10" stroke="white" stroke-miterlimit="10"/>
                                                    <path d="M3 5.69531H10" stroke="white" stroke-miterlimit="10"/>
                                                    <path d="M3 7.69531H10" stroke="white" stroke-miterlimit="10"/>
                                                  </svg>
                                                Procurement
                                            </li>
                                            <li>
                                                Sep 26, 2023
                                            </li>
                                        </ul>
                                        <h3>
                                            A Better Way to Match Supply and Demand in the Retail Supply Chain
                                        </h3>                                        
                                    </div>
                                </a>
                            </article>
                        </div> 
                        <div class="column-full-width intersection-opacity">
                            <article class="card-featured-post bg-dark-blue have-icon">
                                <a href="https://hbr.org/resources/pdfs/comm/SAP_3_Steps_Supply_Chain_CrisiS.PDF">
                                    <figure class="card-featured-post__icon">
                                        <img src="images/icon.png" alt="Featured Image 1">
                                    </figure>
                                    <div class="card-featured-post__content">
                                        <ul class="card-featured-post__meta">
                                            <li>
                                                <svg xmlns="http://www.w3.org/2000/svg" width="13" height="16" viewBox="0 0 13 16" fill="none">
                                                    <path d="M12 11.4877L9.04506 14.6953H2.66652C1.74668 14.6953 1 13.9166 1 12.9573V2.4333C1 1.47401 1.74668 0.695312 2.66652 0.695312H10.3335C11.2533 0.695312 12 1.47401 12 2.4333V11.4877Z" stroke="white" stroke-miterlimit="10"/>
                                                    <path d="M12 11.6953H9V14.6953" stroke="white" stroke-miterlimit="10"/>
                                                    <path d="M3 3.69531H10" stroke="white" stroke-miterlimit="10"/>
                                                    <path d="M3 5.69531H10" stroke="white" stroke-miterlimit="10"/>
                                                    <path d="M3 7.69531H10" stroke="white" stroke-miterlimit="10"/>
                                                  </svg>
                                                Procurement
                                            </li>
                                            <li>
                                                Sep 26, 2023
                                            </li>
                                        </ul>
                                        <h3>
                                            3 Steps to Prepare Your Supply Chain for the Next Crisis
                                        </h3>                                        
                                    </div>
                                </a>
                            </article>
                        </div>                        
                        <!-- <div class="column-left">
                            <picture class="hbr-text-module-sponsored__thumbnail">
                                <source srcset="images/sap-tip-desk.svg" media="(min-width: 768px) " />
                                <img src="images/sap-tip-mob.svg" alt="Sponsored Thumbnail 1">
                            </picture>
                        </div> -->
                        <!-- <div class="column-right">
                            <article class="card-sponsored">
                                    <picture class="card-sponsored__thumbnail">
                                        <source srcset="images/sp-thumb-2-reverse.webp" media="(min-width: 768px) " />
                                        <img src="images/sp-thumb-2-reverse-mob.jpg" alt="Sponsored Thumbnail 2 Reverse">
                                    </picture>
                                <div class="card-sponsored__content">
                                    <h3>
                                        Insights Center
                                    </h3>
                                    <p>
                                        Learn more about the mid-market sponsorship (or download the PDF)
                                    </p>
                                    <a href="#" class="card-sponsored__btn">
                                        <span class="card-sponsored__btn--text">
                                            Learn more
                                        </span>
                                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
                                            <circle cx="16" cy="16" r="16" fill="#6ADCBF"/>
                                            <path d="M14.0707 11.1286L17.7019 14.7598H9.19922V17.2404H17.7019L14.0707 20.8716L15.9992 22.8001L22.7992 16.0001L15.9992 9.20007L14.0707 11.1286Z" fill="black"/>
                                        </svg>
                                    </a>
                                </div>
                            </article>
                        </div> -->
                    </div>
                </div>
            </div>

            

            <!-- /HBR Text Module Sponsored -->

            <!-- HBR Full Background Banner Variation -->
            <!-- <div class="full-bg-banner with-bg-inside intersection-opacity"> 
                <div class="container">
                    <div class="full-bg-banner-wrapper">
                        <div class="full-bg-banner-title">
                            <h2>Ramp Up Business Resilience</h2>
                        </div>
                        <div class="full-bg-banner-cta">
                            <a href="#" class="btn btn-green with-arrow">
                                <span class="btn-text">SAP Ariba Sourcing</span>
                                <span class="icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" fill="none">
                                    <path d="M2.796 1.25429L12.6955 1.25428M12.6955 1.25428L12.6955 11.1538M12.6955 1.25428L1.94979 12" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                    </svg>
                                </span>
                                <span class="icon-mobile">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
                                        <circle cx="16" cy="16" r="16" fill="#6ADCBF"/>
                                        <path d="M11.1911 13.919L16.3264 13.919L10.3141 19.9313L12.0682 21.6854L18.0805 15.673L18.0805 20.8083H20.8078V11.1917H11.1911V13.919Z" fill="black"/>
                                    </svg>
                                </span>
                            </a>
                        </div>
                    </div>
                </div>            
            </div>      -->
            <!-- HBR Full Background Banner Variation -->
        </section>
         <!-- /section procurement  -->

        <!-- /HBR ADS -->
        <section class="ads">
                <div class="container">
                    <div class="ads-conternt"></div>
                </div>
        </section>
         <!-- /HBR ADS -->

        <!-- HBR Full Background Banner -->
        <section class="full-bg-banner intersection-opacity">
            <div class="container">
                <picture class="full-bg-banner-img">
                    <source srcset="images/banner-bg-desk.png" media="(min-width: 1024px) " />
                    <img src="images/banner-bg-mob.png" alt="Sponsored Thumbnail 1">
                </picture>
                <div class="full-bg-banner-title">
                    <h2>INSIGHT CENTER
                       <span class="text-blue"> managing change</span>
                    </h2>
                </div>
                <div class="full-bg-banner-cta">
                    <a href="#" class="btn btn-green"><span>Learn more</span></a>
                </div>
            </div>            
        </section>        
        <!-- /HBR Full Background Banner -->


    </div>