[class~="solution-description-title"]{ font-size: 5rem; font-family: 'HelveticaBold'; max-width: 62.5rem; color: rgba(152,229,252,255); } [class~="header-image-solution"]{ max-width: 100%; height: 100vh; object-fit: cover; display: block; position: absolute; z-index: -1; overflow: hidden; object-position: right; } [class~="header"]{ margin-bottom: 18.75rem; } [class~="solution-description-desc"]{ font-size: 1.875rem; color: rgb(243, 243, 243); font-family: 'HelveticaRegular'; max-width: 56.25rem; } [class~="solution-header-description"]{ display: flex; flex-direction: column; min-height: 100vh; justify-content: center; position: relative; } [class~="solution-header-description-tag"]{ position: absolute; top: 1.5625rem; color: rgb(240, 240, 240); font-family: 'HelveticaRegular'; font-size: 0.875rem; } [class~="header-download"]{ max-width: 100%; height: 3.125rem; background-color: rgb(240, 240, 240); display: flex; align-items: center; justify-content: center; gap: 1.25rem; } [class~="header-download"] img{ width: 2.5rem; filter: opacity(40%); } [class~="header-download"] p { font-family: 'HelveticaRegular'; font-size: 16.0.125rem; color: grey; } [class~="solutions-type-img-cont"] img{ max-width: 70%; object-fit: contain; filter: grayscale(100%); transition: 0.2s ease-in-out; } [class~="solutions-type-img-cont"]{ width: 100%; height: 15.625rem; border-radius: 10.9375rem; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: rgb(245, 245, 245); } [class~="solutions-type-row"]{ display: flex; flex-direction: row; align-items: center; width: 100%; height: auto; justify-content: center; } [class~="solutions-type-container"]{ margin: 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 3.125rem; } [class~="solutions-type-content"]{ display: flex; flex-direction: column; width: 15.625rem; height: 20.625rem; align-items: center; gap: 1.25rem; } [class~="solutions-type-content"]:hover [class~="solutions-type-img-cont"] img{ filter: grayscale(0%); max-width: 80%; } [class~="solutions-type-content"] p { font-size: 1.5625rem; font-family: 'HelveticaBold'; text-align: center; max-width: 15.625rem; transition: 0.15s ease-in-out; } [class~="navigation-container"]{ display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 6.25rem; } [class~="navigation-content"] { display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: rgb(245, 245, 245); height: 40.625rem; width: 28.125rem; box-sizing: border-box; padding: 1.875rem; border-radius: 2.5rem; position: relative; } [class~="navigation-content"]:hover img{ top: -6.25rem; scale: 1.1; } [class~="navigation-content"] img{ width: 10.625rem; position: absolute;top: -5rem; transition: 0.15s ease-in-out; } [class~="navigation-content-desc"] h2{ font-family: 'HelveticaBold'; font-size: 3.125rem; text-align: center; line-height: 1.2; min-height: 2.4em; margin: 0; width: 100%; box-sizing: border-box; display: flex; align-items: center; } [class~="navigation-content-desc"]{ display: flex; flex-direction: column; align-items: center; gap: 1.875rem; } [class~="navigation-content-desc"] p{ font-size: 1.6875rem; max-width: 80%; font-family: 'HelveticaRegular'; text-align: center; } [class~="marketing-mix-content"] { display: flex; flex-direction: row; justify-content: center; margin: 0 6.25rem; gap: 6.25rem; } [class~="marketing-mix-img"] { display: flex; flex-direction: column; justify-content: center; align-items: center; } [class~="marketing-mix-img"] img{ width: 15.625rem; } [class~="marketing-mix-desc"]{ display: flex; flex-direction: column; justify-content: center; gap: 3.125rem; } [class~="marketing-mix-desc"] p{ font-size: 1.6875rem; font-family: 'HelveticaRegular'; max-width: 62.5rem; } [class~="stakeholder-container"] { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 3.125rem; } [class~="stakeholder-content"]{ display: grid; flex-direction: row; grid-template-columns: 12.5rem 18.75rem; height: 15.625rem; width: 31.25rem; background-color: rgb(245, 245, 245); border-radius: 1.875rem; } [class~="stakeholder-desc"]{ display: flex; flex-direction: column; justify-content: center; margin-left: 1.25rem; margin-right: 1.25rem; gap: 0.625rem; } [class~="stakeholder-desc"] h2{ font-size: 2.1875rem; font-family: 'HelveticaBold'; } [class~="stakeholder-desc"] p{ font-size: 1.3125rem; font-family: 'HelveticaRegular'; } [class~="stakeholder-img-cont"]{ width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; border-top-left-radius: 1.875rem; border-bottom-left-radius: 1.875rem; } [class~="stakeholder-img-cont"] img{ width: 80%; } [class~="program-overview-container"]{ display: flex; flex-direction: row; justify-content: center; gap: 3.125rem; } [class~="program-overview-img"] { width: 50rem; border-radius: 2.5rem; display: flex; justify-content: center; align-items: center; flex-direction: column; background-color: rgb(245, 245, 245); } [class~="program-overview-img"] img{ width: 100%; } [class~="program-overview-desc"] p{ font-size: 1.625rem; font-family: 'HelveticaBold'; max-width: 25rem; font-style: italic; } [class~="program-overview-desc"]{ display: flex; flex-direction: column; justify-content: center; gap: 4.375rem; } [class~="in-market-container"]{ display: flex; flex-direction: column; margin: 0 auto; justify-content: center; align-items: center; gap: 2.5rem; } [class~="in-market-row"] { display: flex; flex-direction: row; gap: 2.5rem; } [class~="in-market-content"]{ max-width: 50rem; min-height: 11.25rem; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 5.625rem; padding: 3.125rem; box-sizing: border-box; gap: 0.625rem; } [class~="in-market-content"] h2 { font-size: 2.5rem; font-family: 'HelveticaBold'; color: rgb(248, 248, 248); } [class~="in-market-content"] p { font-size: 1.4375rem; font-family: 'HelveticaRegular'; text-align: center; color: rgb(248, 248, 248); } [class~="diagnotics-container"]{ display: flex; flex-direction: row; margin: 0 auto; justify-content: center; align-items: center; gap: 6.25rem; } [class~="diagnotics-content"]{ max-width: 25rem; height: 31.25rem; background-color: rgb(245, 245, 245); border-radius: 1.875rem; padding: 1.875rem; box-sizing: border-box; } [class~="diagnotics-header"] img { width: 50%; height: 50%; object-fit: contain; } [class~="diagnotics-header"]{ width: 100%; height: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1.25rem; margin-bottom: 1.875rem; } [class~="diagnotics-header"] h1{ font-family: 'HelveticaBold'; font-size: 2.8125rem; text-align: center; line-height: 1.2; min-height: 2.4em; margin: 0; width: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: center; } [class~="diagnotics-desc"]{ font-size: 1.5625rem; font-family: 'HelveticaRegular'; text-align: left; }